fix(nuxt): unify error page and app styles

error.vue

@@ -1,6 +1,23 @@
 <script lang="ts" setup>
 	import errorBound from "~/components/errorBound.vue";
+	const { getSession, signIn } = useAuth();
+
+	await getSession({ force: true });
+
+	const { data } = await useAuth();
+
+	let darkBool = ref(data.value?.user?.profile?.nightMode || false);
+	// provide("user", ref(dop?.user || null));
+	provide("dark", darkBool);
 	const p = defineProps<{ error: any }>();
+	useHead({
+		bodyAttrs: {
+			"data-theme": computed(() => {
+				return darkBool.value ? "dark" : undefined;
+			}).value,
+		},
+		titleTemplate: "Error!",
+	});
 </script>
 
 <template>

layouts/default.vue

@@ -191,7 +191,7 @@
 			flex-direction: row;
 			align-items: center;
 			justify-content: start !important;
-			/* background: inherit !important;  */
+			background: inherit !important;
 			height: unset !important;
 			margin-bottom: 1.5em;
 			width: 100%;