ajout du dashboard

src/App.jsx

@@ -1,29 +1,53 @@
 // src/App.jsx
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
-import PublicLayout from './layouts/PublicLayout';
-import Home from './pages/public/Home';
-import Login from './pages/public/Login';
-import Dashboard from './pages/app/Dashboard';
-import Register from './pages/public/Register';
 
-function App() {
+// Import des Layouts
+import PublicLayout from './layouts/PublicLayout';
+import AppLayout from './layouts/AppLayout';
+
+// Import du Garde du Corps
+import ProtectedRoute from './components/ProtectedRoute';
+
+// Import des Pages Publiques
+import Register from './pages/public/Register';
+import Login from './pages/public/Login';
+import Home from './pages/public/Home';       
+//import Offres from './pages/public/Offres';   
+
+// Import des Pages Privées (Espace Client)
+import Dashboard from './pages/app/Dashboard';
+//import Services from './pages/app/Services';
+
+export default function App() {
   return (
     <BrowserRouter>
       <Routes>
-        {/* === ROUTES PUBLIQUES (Utilisent le PublicLayout) === */}
+        
+        {/* ========================================== */}
+        {/* ZONE PUBLIQUE (Accès Libre)                */}
+        {/* ========================================== */}
         <Route element={<PublicLayout />}>
           <Route path="/" element={<Home />} />
+          {/* <Route path="/offres" element={<Offres />} /> */}
           <Route path="/login" element={<Login />} />
           <Route path="/register" element={<Register />} />
-          {/* Tu pourras ajouter /offres, /register ici plus tard */}
         </Route>
 
-        {/* === ROUTES PRIVÉES (Espace Client) === */}
-        {/* Pour l'instant on les met à nu, on créera un AppLayout et un système de sécurité plus tard */}
-        <Route path="/dashboard" element={<Dashboard />} />
+        {/* ========================================== */}
+        {/* ZONE PRIVÉE SÉCURISÉE (Le Bunker)          */}
+        {/* ========================================== */}
+        {/* Le Garde du corps bloque l'entrée ici */}
+        <Route element={<ProtectedRoute />}>
+          
+          {/* Si autorisé, on charge l'interface avec la Sidebar */}
+          <Route element={<AppLayout />}>
+            <Route path="/dashboard" element={<Dashboard />} />
+            {/* <Route path="/services" element={<Services />} /> */}
+          </Route>
+          
+        </Route>
+
       </Routes>
     </BrowserRouter>
   );
-}
-
-export default App;
+}