1import { Outlet } from "react-router";
 2
 3import { Header } from "./Header";
 4
 5// Top-level page wrapper used as the root layout in App.tsx. Renders the
 6// Header above the current route's page component via <Outlet>.
 7export function Shell() {
 8  return (
 9    <div className="min-h-screen bg-background font-sans antialiased">
10      <Header />
11      <main className="mx-auto max-w-screen-xl px-4 py-6">
12        <Outlet />
13      </main>
14    </div>
15  );
16}