vibe coded v1

src/components/PageShell.tsx

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+import { AppHeader } from "./AppHeader.tsx";
+
+interface PageShellProps {
+  children: ReactNode;
+  centered?: boolean;
+}
+
+export function PageShell({ children, centered = false }: PageShellProps) {
+  return (
+    <div className="page-shell">
+      <AppHeader />
+      <main className={`page-content${centered ? " page-content--centered" : ""}`}>
+        {children}
+      </main>
+    </div>
+  );
+}