Fix error page nits

app/error.vue

@@ -3,6 +3,7 @@ const error = useError();
 </script>
 
 <template>
+  <UApp>
     <UContainer class="max-w-lg p-8 md:p-16">
       <UCard>
         <div class="grid gap-4">
@@ -10,12 +11,17 @@ const error = useError();
             {{ error?.statusCode }}
           </div>
           <NuxtImg
-          src="https://images.unsplash.com/photo-1644365977963-e96e883a8e74?q=80&w=512&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+            class="rounded"
+            src="https://plus.unsplash.com/premium_photo-1738036169480-086c0030803c?q=80&w=512&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
           />
 
-        <div class="text-center">Uh oh... Something went super wrong.</div>
+          <div class="text-center text-lg">
+            Uh oh... Something went super wrong.
+          </div>
 
-        <div class="text-center font-mono p-4 bg-neutral-100 text-sm">
+          <div
+            class="text-center font-mono p-4 bg-neutral-100 text-sm dark:bg-neutral-800 max-h-32 overflow-y-auto wrap-normal relative"
+          >
             {{ error?.message }}
           </div>
         </div>
@@ -33,4 +39,5 @@ const error = useError();
     </UContainer>
 
     <AppFooter />
+  </UApp>
 </template>

app/layouts/default.vue

@@ -1,4 +1,5 @@
 <template>
+  <UApp>
     <AuthState v-slot="{ loggedIn }">
       <Register v-if="!loggedIn" />
       <template v-if="loggedIn">
@@ -7,4 +8,5 @@
         <AppFooter />
       </template>
     </AuthState>
+  </UApp>
 </template>