refactor(docs): improve error handling and user experience for missing pages in documentation views

Author: FelipeO16

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

@@ -5,17 +5,19 @@ const route = useRoute()
 const { data: page } = await useAsyncData('page-' + route.path, () => {
   return queryCollection('content').path(route.path).first()
 })
-
-if (!page.value) {
-  throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
-}
 </script>
 
 <template>
   <div class=" overflow-y-auto ">
-    <ContentRenderer
-      v-if="page"
-      :value="page"
-    />
+    <template v-if="page">
+      <ContentRenderer :value="page" />
+    </template>
+    <template v-else>
+      <div class="empty-page">
+        <h1>Page Not Found</h1>
+        <p>Oops! The content you're looking for doesn't exist.</p>
+        <NuxtLink to="/">Go back home</NuxtLink>
+      </div>
+    </template>
   </div>
 </template>