# Layouts and Routes

## Dashboard shell

- `src/app/layout.tsx`: global providers
- `src/app/dashboard/layout.tsx`: auth guard and dashboard shell
- `src/layouts/dashboard/`: responsive dashboard layout
- `src/layouts/nav-config-dashboard.tsx`: navigation data
- `src/routes/paths.ts`: route constants

## Add a page

1. Add a typed path in `src/routes/paths.ts`.
2. Add the App Router page under `src/app/dashboard/<feature>/page.tsx`.
3. Put the actual view in `src/sections/<feature>/view/`.
4. Add the navigation item in `src/layouts/nav-config-dashboard.tsx` if users should see it.
5. Add Arabic and English navigation/page strings.
6. Keep the page file limited to metadata, parameter parsing, and rendering the view.

Use `DashboardContent` inside dashboard views. Use `CustomBreadcrumbs` for headings and actions.