feat: handle 404s

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

@@ -0,0 +1,15 @@
+<template>
+  <UContainer class="flex flex-col items-center justify-center py-20 text-center">
+    <h1 class="text-9xl font-bold text-primary">404</h1>
+    <h2 class="text-3xl font-semibold mt-4">Oooooops!</h2>
+    <p class="text-muted-foreground my-6 max-w-md">
+      "/{{ Array.isArray($route.params.slug) ? $route.params.slug.join('/') : $route.params.slug || '' }}" doesn't exist.
+    </p>
+    <UButton 
+      to="/" 
+      size="lg" 
+      label="Return to Home" 
+      icon="i-octicon-home-fill-16" 
+    />
+  </UContainer>
+</template>