feat: create Comment component

src/components/Comment.astro

···
+---
+import type { Comment } from '@/types';
+
+interface Props {
+  comment: Comment;
+}
+
+const { comment } = Astro.props;
+---
+
+<div
+  class='w-full flex flex-col gap-2 pb-2 border-b dark:border-b-stone-100/25 border-b-bg-dark/25'
+>
+  <div class='w-full flex justify-start items-baseline gap-4'>
+    <span class='font-bold leading-tight'>
+      {comment.commenter.realName || comment.commenter.displayName}
+    </span>
+    <span class='font-thin text-sm leading-tight text-gray-500'>
+      {comment.updatedAt}
+    </span>
+  </div>
+  <span>{comment.content}</span>
+</div>

src/styles/globals.css

···
   @apply prose-headings:text-black prose-headings:dark:text-white;
 }
 
+input {
+  @apply text-base p-1 focus:outline-none focus:ring-2 focus:ring-lime-600 dark:focus:ring-lime-300;
+}
+
+textarea {
+  @apply text-base p-1 focus:outline-none focus:ring-2 focus:ring-lime-600 dark:focus:ring-lime-300;
+}
+
 @layer utilities {
   article a {
     @apply font-sans text-current underline underline-offset-2;