eolas-app/src/templates/Main.tsx

import AppHeader from "@/components/AppHeader"
import { AppSidebar } from "@/containers/AppSidebar"
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar"
import { ThemeProvider } from "@/context/ThemeProvider"

export default function Main({ children, pageTitle }) {
   return (
      <ThemeProvider storageKey="app-theme">
         <SidebarProvider variant="inset">
            <AppSidebar />
            <SidebarInset>
               <AppHeader pageTitle={pageTitle} />
               <main>{children}</main>
            </SidebarInset>
         </SidebarProvider>
      </ThemeProvider>
   )
}