feat: refine OT flow, reports, theming and sidebar UX

frontend/src/App.tsx

@@ -13,8 +13,13 @@ import StaffPage from '@/pages/app/StaffPage'
 import ExpensesPage from '@/pages/app/ExpensesPage'
 import SettingsPage from '@/pages/app/SettingsPage'
 import InvoicesPage from '@/pages/app/InvoicesPage'
+import ReportsPage from '@/pages/app/ReportsPage'
+import ExpenseReportsPage from '@/pages/app/ExpenseReportsPage'
+import TechnicianReportsPage from '@/pages/app/TechnicianReportsPage'
+import HelpPage from '@/pages/app/HelpPage'
 import AdminDashboardPage from '@/pages/admin/DashboardPage'
 import TenantsPage from '@/pages/admin/TenantsPage'
+import AdminSettingsPage from '@/pages/admin/SettingsPage'
 import InviteRedeemPage from '@/pages/public/InviteRedeemPage'
 import AppLayout from '@/components/layout/AppLayout'
 import AdminLayout from '@/components/layout/AdminLayout'
@@ -56,6 +61,7 @@ export default function App() {
           >
             <Route index element={<AdminDashboardPage />} />
             <Route path="tenants" element={<TenantsPage />} />
+            <Route path="settings" element={<AdminSettingsPage />} />
           </Route>
 
           <Route
@@ -74,7 +80,11 @@ export default function App() {
             <Route path="staff" element={<StaffPage />} />
             <Route path="expenses" element={<ExpensesPage />} />
             <Route path="invoices" element={<InvoicesPage />} />
+            <Route path="reports" element={<ReportsPage />} />
+            <Route path="reports/expenses" element={<ExpenseReportsPage />} />
+            <Route path="reports/technicians" element={<TechnicianReportsPage />} />
             <Route path="settings" element={<SettingsPage />} />
+            <Route path="help" element={<HelpPage />} />
           </Route>
 
           <Route path="/" element={<Navigate to="/app" replace />} />