wip: not loading themes until reload, missing in dashboard, bad alignment and scaling

src/lib/components/layout/PageContainer.svelte

@@ -1,11 +1,23 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
+	import ThemeBackground from '$lib/components/themes/ThemeBackground.svelte';
 
-	let { children, maxWidth = '6xl' }: { children: Snippet; maxWidth?: string } = $props();
+	let {
+		children,
+		maxWidth = '6xl',
+		theme = null,
+		themeColor = null
+	}: {
+		children: Snippet;
+		maxWidth?: string;
+		theme?: string | null;
+		themeColor?: string | null;
+	} = $props();
 </script>
 
-<div class="min-h-screen p-4 md:p-8">
-	<div class="max-w-{maxWidth} mx-auto space-y-6">
+<div class="min-h-screen p-4 md:p-8 relative overflow-hidden">
+	<ThemeBackground themeName={theme} color={themeColor} />
+	<div class="max-w-{maxWidth} mx-auto space-y-6 relative z-10">
 		{@render children()}
 	</div>
 </div>