the-biergarten-app/components/ui/Layout.tsx

import { FC, ReactNode } from 'react';
import Navbar from './Navbar';

const Layout: FC<{ children: ReactNode }> = ({ children }) => {
  return (
    <div className="flex h-screen flex-col">
      <Navbar />
      <div className="top-0 h-full flex-1 overflow-x-auto animate-in fade-in">
        {children}
      </div>
    </div>
  );
};

export default Layout;