Nebula/src/components/HeaderRoute.tsx

import { Header } from "./Header";

export function HeaderRoute(props: { children: any }) {
  return (
    <div className="flex h-screen flex-col">
      <Header />
      <div className="flex-1 overflow-y-auto overflow-x-hidden">
        <main className="h-full">{props.children}</main>
      </div>
    </div>
  );
}