feat: add articles

components/top-nav.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="border-b">
+    <UContainer class="grid grid-cols-2 items-center gap-3 !py-2" as="nav">
+      <ULink to="/" class="flex gap-3 items-center">
+        <nuxt-img
+          placeholder
+          alt="Marios Antonoudiou"
+          src="mariosant.webp"
+          class="w-10 h-10 rounded-full border dark:border-gray-800 dark:bg-slate-300 block"
+        />
+        <div class="text-slate-800 font-bold">Marios Antonoudiou</div>
+      </ULink>
+      <div class="flex gap-3 items-center justify-end"></div>
+    </UContainer>
+  </div>
+</template>