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>

pages/index.vue

@@ -12,6 +12,7 @@ useSeoMeta({
 
 <template>
   <HomeIntroduction v-motion-fade />
+  <HomeLatestArticle v-motion-fade :delay="500" />
   <HomeBeenWorkingWith v-motion-fade :delay="500" />
   <HomePersonalProjects v-motion-fade :delay="500" />
   <HomeConnect v-motion-fade :delay="500" />