fix: minor improvements

Author: coderdiaz

src/components/ui/Avatar.astro

@@ -1,11 +1,14 @@
 ---
 import { Image } from 'astro:assets';
+import { getImage } from 'astro:assets';
 import { DEFAULT_CONFIGURATION } from '@/lib/constants'
 
 interface Props {
   class?: string;
 }
 const { class: className } = Astro.props;
+
+const image = await getImage({ src: DEFAULT_CONFIGURATION.author.avatar, format: 'avif'});
 ---
 
 <div class:list={[
@@ -14,7 +17,7 @@ const { class: className } = Astro.props;
 ]}>
   <Image
     loading="eager"
-    src={DEFAULT_CONFIGURATION.author.avatar.src}
+    src={image.src}
     alt={DEFAULT_CONFIGURATION.author.name}
     width={52}
     height={52}

src/pages/writing/[...slug].astro

@@ -36,10 +36,8 @@ const { Content } = await render(entry);
         {entry.data.image && (
           <div class="relative aspect-video overflow-hidden rounded-lg">
             <Image
-              src={entry.data.image?.src}
+              src={entry.data.image}
               alt={entry.data.title}
-              width={entry.data.image?.width}
-              height={entry.data.image?.height}
               class="object-cover"
             />
           </div>