init commit

resources/js/components/AppContent.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+    import { SidebarInset } from '@/components/ui/sidebar';
+    import type { Snippet } from 'svelte';
+
+    type Props = {
+        variant?: 'header' | 'sidebar';
+        class?: string;
+        children: Snippet;
+    };
+
+    let { variant, class: className, children }: Props = $props();
+</script>
+
+{#if variant === 'sidebar'}
+    <SidebarInset class={className}>
+        <div class="mx-auto w-full max-w-7xl">
+            {@render children?.()}
+        </div>
+    </SidebarInset>
+{:else}
+    <main class="mx-auto flex h-full w-full max-w-7xl flex-1 flex-col gap-4 rounded-xl {className}">
+        {@render children?.()}
+    </main>
+{/if}