feat: add department dashboard

frontend/src/App.tsx

@@ -1,45 +1,36 @@
-import {BrowserRouter, Routes, Route} from "react-router-dom";
+import {BrowserRouter, Routes, Route, Navigate} from "react-router-dom";
 
 import Login from "@/pages/Login";
-import Dashboard from "@/pages/Dashboard";
-import Blog from "@/pages/Blog";
-import Department from "@/pages/Department";
 
-import ProtectedRoute from "./components/ProtectedRoutes/ProtectedRoutes";
+import DashboardLayout from "./layouts/DashboardLayout";
+import Blog from "./pages/Blog";
+
+// import ProtectedRoute from "./components/ProtectedRoutes/ProtectedRoutes";
+
+import ProtectedRoute from "./auth/ProtectedRoute";
+import PublicRoute from "./auth/PublicRoute";
+import {AuthProvider} from "./context/AuthContext";
+import Department from "./pages/Department";
 
 export default function App() {
 	return (
 		<BrowserRouter>
-			<Routes>
-				<Route path="/" element={<Login />} />
+			<AuthProvider>
+				<Routes>
+					<Route element={<PublicRoute />}>
+						<Route path="/" element={<Login />} />
+					</Route>
 
-				<Route
-					path="/dashboard"
-					element={
-						<ProtectedRoute>
-							<Dashboard />
-						</ProtectedRoute>
-					}
-				/>
+					<Route element={<ProtectedRoute />}>
+						<Route element={<DashboardLayout />}>
+							<Route path="/blog" element={<Blog />} />
+							<Route path="/department" element={<Department />} />
+						</Route>
+					</Route>
 
-				<Route
-					path="/blog"
-					element={
-						<ProtectedRoute>
-							<Blog />
-						</ProtectedRoute>
-					}
-				/>
-
-				<Route
-					path="/department"
-					element={
-						<ProtectedRoute>
-							<Department />
-						</ProtectedRoute>
-					}
-				/>
-			</Routes>
+					<Route path="*" element={<Navigate to="/department" replace />} />
+				</Routes>
+			</AuthProvider>
 		</BrowserRouter>
 	);
 }