fix(05-02): alert alignment via #title slot, dark-only code theme, simplify ProseImg

app/assets/css/main.css

@@ -2,17 +2,9 @@
 @import "@nuxt/ui";
 @plugin "@tailwindcss/typography";
 
-/* Shiki dual-theme switching via .dark class (color mode cookie) */
+/* Force Shiki dark theme in all color modes — code blocks always dark */
 .shiki,
 .shiki span {
-  color: var(--shiki-light) !important;
-  background-color: var(--shiki-light-bg) !important;
-  font-style: var(--shiki-light-font-style) !important;
-  font-weight: var(--shiki-light-font-weight) !important;
-  text-decoration: var(--shiki-light-text-decoration) !important;
-}
-.dark .shiki,
-.dark .shiki span {
   color: var(--shiki-dark) !important;
   background-color: var(--shiki-dark-bg) !important;
   font-style: var(--shiki-dark-font-style) !important;

app/components/content/Alert.vue

@@ -27,7 +27,7 @@ const colorMap = {
     variant="soft"
     class="my-4"
   >
-    <template #description>
+    <template #title>
       <slot />
     </template>
   </UAlert>

app/components/content/ProseImg.vue

@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     :title="props.title"
     :width="props.width"
     :height="props.height"
+    format="webp"
     class="rounded-lg w-full"
-    sizes="sm:600px md:800px lg:1000px"
   />
 </template>