Initial MRP foundation scaffold

client/src/main.tsx

@@ -0,0 +1,63 @@
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { createBrowserRouter, Navigate, RouterProvider } from "react-router-dom";
+import { permissions } from "@mrp/shared";
+
+import { AppShell } from "./components/AppShell";
+import { ProtectedRoute } from "./components/ProtectedRoute";
+import { AuthProvider } from "./auth/AuthProvider";
+import { DashboardPage } from "./modules/dashboard/DashboardPage";
+import { LoginPage } from "./modules/login/LoginPage";
+import { CompanySettingsPage } from "./modules/settings/CompanySettingsPage";
+import { CustomersPage } from "./modules/crm/CustomersPage";
+import { VendorsPage } from "./modules/crm/VendorsPage";
+import { GanttPage } from "./modules/gantt/GanttPage";
+import { ThemeProvider } from "./theme/ThemeProvider";
+import "./index.css";
+
+const queryClient = new QueryClient();
+
+const router = createBrowserRouter([
+  { path: "/login", element: <LoginPage /> },
+  {
+    element: <ProtectedRoute />,
+    children: [
+      {
+        element: <AppShell />,
+        children: [
+          { path: "/", element: <DashboardPage /> },
+          {
+            element: <ProtectedRoute requiredPermissions={[permissions.companyRead]} />,
+            children: [{ path: "/settings/company", element: <CompanySettingsPage /> }],
+          },
+          {
+            element: <ProtectedRoute requiredPermissions={[permissions.crmRead]} />,
+            children: [
+              { path: "/crm/customers", element: <CustomersPage /> },
+              { path: "/crm/vendors", element: <VendorsPage /> },
+            ],
+          },
+          {
+            element: <ProtectedRoute requiredPermissions={[permissions.ganttRead]} />,
+            children: [{ path: "/planning/gantt", element: <GanttPage /> }],
+          },
+        ],
+      },
+    ],
+  },
+  { path: "*", element: <Navigate to="/" replace /> },
+]);
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <ThemeProvider>
+      <QueryClientProvider client={queryClient}>
+        <AuthProvider>
+          <RouterProvider router={router} />
+        </AuthProvider>
+      </QueryClientProvider>
+    </ThemeProvider>
+  </React.StrictMode>
+);
+