💄 Optimized navbar

🍱 Add solian icons, optimize original icons

pages/posts/[id].vue

@@ -0,0 +1,7 @@
+<template></template>
+
+<script setup lang="ts">
+useHead({
+  link: [{ rel: "icon", type: "image/png", href: "/favicon-solian.png" }],
+})
+</script>

pages/products/[...slug].vue

@@ -1,19 +1,21 @@
 <template>
   <v-container>
-    <content-doc>
-      <template #empty>
-        <v-empty-state
-          icon="mdi-image-broken-variant"
-          text="This product has no spefifc describe for it, yet."
-          title="No Content"
-          class="no-content-placeholder"
-        >
-          <template #actions>
-            <v-btn prepend-icon="mdi-list-box" variant="plain" text="Back to index" to="/products" exact />
-          </template>
-        </v-empty-state>
-      </template>
-    </content-doc>
+    <article class="text-base prose prose-truegray xl:text-lg mx-auto">
+      <content-doc>
+        <template #empty>
+          <v-empty-state
+            icon="mdi-image-broken-variant"
+            text="This product has no spefifc describe for it, yet."
+            title="No Content"
+            class="no-content-placeholder"
+          >
+            <template #actions>
+              <v-btn prepend-icon="mdi-list-box" variant="plain" text="Back to index" to="/products" exact />
+            </template>
+          </v-empty-state>
+        </template>
+      </content-doc>
+    </article>
   </v-container>
 </template>