Add Avatar component

The commit introduces an Avatar component in Astro. This component is primarily used for displaying user avatars, taking in source and alt text as props. It's highly reusable, providing versatility for displaying avatars across various features in the application.

src/components/ui/avatars/Avatar.astro

@@ -0,0 +1,14 @@
+---
+const { src, alt = "Image Description" } = Astro.props;
+
+interface Props {
+  src?: string;
+  alt?: string;
+}
+---
+
+<img
+  class="inline-block h-8 w-8 rounded-full ring-2 ring-neutral-50 dark:ring-zinc-800"
+  src={src}
+  alt={alt}
+/>