chore(img): update img usage

Author: Tahul

components/AppHeader.vue

@@ -22,8 +22,8 @@ const show = ref(false)
 
     <div class="logo">
       <NuxtLink v-if="alpine.header.logo" to="/">
-        <img class="dark-img" :src="alpine.header.logo.pathDark" :alt="alpine.header.logo.alt">
-        <img class="light-img" :src="alpine.header.logo.path" :alt="alpine.header.logo.alt">
+        <ProseImg class="dark-img" :src="alpine.header.logo.pathDark" :alt="alpine.header.logo.alt" />
+        <ProseImg class="light-img" :src="alpine.header.logo.path" :alt="alpine.header.logo.alt" />
       </NuxtLink>
       <NuxtLink v-else to="/" class="fallback">
         {{ alpine.title }}

components/content/ArticlesListItem.vue

@@ -25,7 +25,7 @@ defineProps({
 <template>
   <article v-if="article._path && article.title" :class="{ 'featured': featured }">
     <NuxtLink :to="article._path">
-      <img v-if="article.cover" :src="article.cover">
+      <ProseImg v-if="article.cover" :src="article.cover" />
     </NuxtLink>
 
     <div class="content">