feat: added author component

Author: coderdiaz

src/components/ui/Author.astro

@@ -0,0 +1,39 @@
+---
+import { Image } from 'astro:assets';
+import type { AuthorInfo } from '@/lib/constants';
+
+interface Props extends AuthorInfo {}
+const { avatar, name, headline, username, location, pronouns } = Astro.props;
+---
+
+<div class="flex items-center gap-4">
+  <div class="relative rounded-full shrink-0 overflow-hidden">
+    <Image
+      loading="eager"
+      src={avatar.src}
+      alt={name}
+      width={92}
+      height={92}
+      class="rounded-full"
+    />
+  </div>
+  <div class="flex flex-col gap-2">
+    <div class="flex flex-col gap-0.5">
+      <h1 class="text-xl font-semibold text-headings leading-tight">{name}</h1>
+      <p class="text-base text-foreground leading-tight">
+        {headline} in {' '}
+        <span>
+          {location}
+        </span>,
+        {pronouns && (
+          <span>
+            {pronouns}
+          </span>
+        )}
+      </p>
+    </div>
+    <span class="text-foreground text-sm bg-muted-foreground/40 px-2 py-1 rounded-full w-max leading-none">
+      {username}
+    </span>
+  </div>
+</div>