feat: enhance navigation and content structure across chat and project components

app/components/post/Footer.vue

@@ -20,7 +20,7 @@ const { t } = useI18n()
           icon="i-ph-linkedin-logo-duotone"
           label="LinkedIn"
           target="_blank"
-          class="inline-flex items-start gap-1 transform translate-y-1"
+          class="translate-y-1"
         />
       </template>
       <template #github>
@@ -29,7 +29,7 @@ const { t } = useI18n()
           icon="i-ph-github-logo-duotone"
           label="GitHub"
           target="_blank"
-          class="inline-flex items-start gap-1 transform translate-y-1"
+          class="translate-y-1"
         />
       </template>
       <template #comment>

app/components/post/Link.vue

@@ -22,7 +22,7 @@ defineProps({
   <NuxtLink
     :href="href"
     :target="blanked ? '_blank' : '_self'"
-    class="sofia flex gap-1 items-center group"
+    class="sofia group inline-flex items-center gap-1"
   >
     <Icon
       v-if="icon"

app/components/post/Title.vue

@@ -0,0 +1,25 @@
+<script lang="ts" setup>
+defineProps({
+  title: {
+    type: String,
+    required: true,
+  },
+  description: {
+    type: String,
+    required: true,
+  },
+})
+</script>
+
+<template>
+  <div>
+    <h1
+      class="text-3xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100"
+    >
+      {{ title }}
+    </h1>
+    <p class="mt-4 text-muted">
+      {{ description }}
+    </p>
+  </div>
+</template>