frontend/src/components/layout/Layout.jsx

import { Outlet } from 'react-router-dom';
import Navbar from './Navbar';
import Footer from './Footer';

export default function Layout() {
  return (
    <div className="min-h-screen flex flex-col">
      <Navbar />
      <main id="main-content" className="flex-1 pt-16" tabIndex={-1}>
        <Outlet />
      </main>
      <Footer />
    </div>
  );
}