feat: introduce main and writing layouts to standardize page structure

app/pages/writing/[...slug].vue

@@ -12,10 +12,14 @@ useSeoMeta({
     title: page.value?.title,
     description: page.value?.description,
 });
+
+definePageMeta({
+    layout: 'writing',
+});
 </script>
 
 <template>
-    <div>
+    <NuxtLayout name="writing" :title="page?.title" :description="page?.description">
         <ContentRenderer v-if="page" :value="page" />
-    </div>
+    </NuxtLayout>
 </template>

app/pages/writing/index.vue

@@ -10,6 +10,12 @@ useSeoMeta({
 </script>
 
 <template>
-    <ContentRenderer v-if="home" :value="home" />
-    <div v-else>Home not found</div>
+    <NuxtLayout
+        name="writing"
+        :title="home?.title"
+        :description="home?.description"
+    >
+        <ContentRenderer v-if="home" :value="home" />
+        <div v-else>Home not found</div>
+    </NuxtLayout>
 </template>