initial production version

src/lib/components/layout/PageContainer.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	let { children, maxWidth = '6xl' }: { children: Snippet; maxWidth?: string } = $props();
+</script>
+
+<div class="min-h-screen p-4 md:p-8">
+	<div class="max-w-{maxWidth} mx-auto space-y-6">
+		{@render children()}
+	</div>
+</div>