feat: added avatar component

Author: coderdiaz

src/components/ui/Avatar.astro

@@ -0,0 +1,23 @@
+---
+import { Image } from 'astro:assets';
+import { DEFAULT_CONFIGURATION } from '@/lib/constants'
+
+interface Props {
+  class?: string;
+}
+const { class: className } = Astro.props;
+---
+
+<div class:list={[
+  'relative rounded-full shrink-0 overflow-hidden w-12 h-12',
+  className,
+]}>
+  <Image
+    loading="eager"
+    src={DEFAULT_CONFIGURATION.author.avatar.src}
+    alt={DEFAULT_CONFIGURATION.author.name}
+    width={52}
+    height={52}
+    class="object-cover"
+  />
+</div>