feat: page titles and favicon

app/error.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import type { NuxtError } from '#app'
+import type { NuxtError } from "#app"
 
-defineProps<{ error: NuxtError }>()
+defineProps<{ error: NuxtError }>();
+useHead({ title: 'Not found' });
 </script>
 
 <template>
@@ -11,12 +12,7 @@ defineProps<{ error: NuxtError }>()
         <p class="text-8xl font-black tracking-tight">404</p>
         <p class="text-lg font-medium">This link doesn't exist.</p>
         <p class="text-muted text-sm">
-          Maybe check out
-          <a
-            href="https://pihkaal.me"
-            class="underline underline-offset-2 hover:text-default transition-colors"
-          >pihkaal.me</a>
-          instead?
+          Maybe check out <a href="https://pihkaal.me" class="underline underline-offset-2 hover:text-default transition-colors">pihkaal.me</a> instead?
         </p>
       </div>
     </div>