import { Sidebar } from "../components/layout/Sidebar"; import { Topbar } from "../components/layout/Topbar"; export default function DashboardLayout({ children, }: { children: React.ReactNode; }) { return (

{/* Sidebar is still the first flex child. With dir="rtl" on (set in app/layout.tsx) this is enough to place the full sidebar on the right with no positional CSS — see Sidebar.tsx. */} {/* The compact icon rail (md and below) is `position: fixed`, so it doesn't take up flex space. This wrapper reserves room for it with `paddingInlineEnd`, which means "right padding in RTL, left padding in LTR" — it never needs to be touched again if direction changes. */}

{children}

); }