Add latest article section to homepage and back to articles link

pages/articles/[...slug].vue

@@ -20,7 +20,14 @@ const { data: article } = useAsyncData(path, async () => {
     class="flex flex-col gap-3 prose max-w-3xl dark:prose-invert p-4 sm:p-6 lg:p-8"
     as="article"
   >
-    <div class="text-sm text-slate-500">
+    <ULink
+      class="text-sm text-gray-500 flex flex-row gap-1 items-center group w-fit"
+      to="/articles"
+    >
+      <UIcon class="opacity-100 group-hover:-translate-x-1 transition-transform" name="i-heroicons-arrow-left" />
+      Back to articles
+    </ULink>
+    <div class="text-sm text-slate-500 mt-6">
       {{ formatDate(new Date(article.date), "Do of MMMM YYYY") }}
     </div>
     <h1 class="text-3xl md:text-4xl font-bold">{{ article.title }}</h1>