sidebar design add and login and signup page customize the code

frontend/src/App.tsx

@@ -3,7 +3,6 @@ import Login from "./pages/auth/Login";
 import Register from "./pages/auth/Register";
 import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
-import PrivateRoutes from "./components/PrivateRoutes";
 import Jobs from "./pages/Jobs";
 import Tasks from "./pages/Tasks";
 import JobForm from "./pages/Jobs/Form";
@@ -39,6 +38,7 @@ import Dote from "@/assets/images/Dote.svg";
 import { setMenuItems } from "@/redux/features/menuSlice";
 import { useEffect } from "react";
 import { useAppDispatch } from "./app/hooks";
+import UnauthorizePage from "./pages/UnAuthorized";
 function App() {
   const dispatch = useAppDispatch();
   const newMenuItems = [
@@ -116,6 +116,7 @@ function App() {
         <Routes>
           <Route path="/" element={<Login />} />
           <Route path="/signup" element={<Register />} />
+          <Route path="/unauthorized" element={<UnauthorizePage />} />
           <Route path="/change-password" element={<ChangePass />} />
           <Route path="*" element={<NotFound />} />
 
@@ -127,50 +128,63 @@ function App() {
             </Route>
           </Route>
 
-          <Route path="/dashboard" element={<Outlet />}>
-            <Route index element={<Dashboard />} />
+          <Route element={<RequireUser />}>
+            <Route path="/dashboard" element={<Outlet />}>
+              <Route index element={<Dashboard />} />
+            </Route>
           </Route>
 
-          <Route path="/tasks" element={<Outlet />}>
-            <Route index element={<Tasks />} />
-            <Route path="form" element={<TaskForm />} />
-            <Route path="form/:id" element={<TaskForm />} />
+          <Route element={<RequireUser />}>
+            <Route path="/tasks" element={<Outlet />}>
+              <Route index element={<Tasks />} />
+              <Route path="form" element={<TaskForm />} />
+              <Route path="form/:id" element={<TaskForm />} />
+            </Route>
           </Route>
 
-          <Route path="/dependency" element={<Outlet />}>
-            <Route index element={<Dependencys />} />
-            <Route path="form" element={<DependencyForm />} />
-            <Route path="form/:id" element={<DependencyForm />} />
-            <Route path="dependencytype" element={<Outlet />}>
-              <Route index element={<DependencyType />} />
-              <Route path="form" element={<DependencyTypeForm />} />
-              <Route path="form/:id" element={<DependencyTypeForm />} />
+          <Route element={<RequireUser />}>
+            <Route path="/dependency" element={<Outlet />}>
+              <Route index element={<Dependencys />} />
+              <Route path="form" element={<DependencyForm />} />
+              <Route path="form/:id" element={<DependencyForm />} />
+              <Route path="dependencytype" element={<Outlet />}>
+                <Route index element={<DependencyType />} />
+                <Route path="form" element={<DependencyTypeForm />} />
+                <Route path="form/:id" element={<DependencyTypeForm />} />
+              </Route>
             </Route>
           </Route>
 
-          <Route path="/resources" element={<Outlet />}>
-            <Route index element={<Resources />} />
-            <Route path="form" element={<ResourceForm />} />
-            <Route path="form/:id" element={<ResourceForm />} />
+          <Route element={<RequireUser />}>
+            <Route path="/resources" element={<Outlet />}>
+              <Route index element={<Resources />} />
+              <Route path="form" element={<ResourceForm />} />
+              <Route path="form/:id" element={<ResourceForm />} />
+            </Route>
 
-            <Route path="resourcegroup" element={<Outlet />}>
-              <Route index element={<ResourcesGroup />} />
-              <Route path="form" element={<ResourceGroupForm />} />
-              <Route path="form/:id" element={<ResourceGroupForm />} />
+            <Route element={<RequireUser />}>
+              <Route path="resourcegroup" element={<Outlet />}>
+                <Route index element={<ResourcesGroup />} />
+                <Route path="form" element={<ResourceGroupForm />} />
+                <Route path="form/:id" element={<ResourceGroupForm />} />
+              </Route>
             </Route>
           </Route>
-
-          <Route path="/exception" element={<Outlet />}>
-            <Route path="/exception" index element={<Exception />} />
-            <Route path="form" element={<ExceptionForm />} />
-            <Route path="form/:id" element={<ExceptionForm />} />
-            <Route path="exception-type" element={<ExceptionType />} />
+          <Route element={<RequireUser />}>
+            <Route path="/exception" element={<Outlet />}>
+              <Route path="/exception" index element={<Exception />} />
+              <Route path="form" element={<ExceptionForm />} />
+              <Route path="form/:id" element={<ExceptionForm />} />
+              <Route path="exception-type" element={<ExceptionType />} />
+            </Route>
           </Route>
 
-          <Route path="/template" element={<Outlet />}>
-            <Route index element={<Template />} />
-            <Route path="form" element={<TemplateForm />} />
-            <Route path="form/:id" element={<TemplateForm />} />
+          <Route element={<RequireUser />}>
+            <Route path="/template" element={<Outlet />}>
+              <Route index element={<Template />} />
+              <Route path="form" element={<TemplateForm />} />
+              <Route path="form/:id" element={<TemplateForm />} />
+            </Route>
           </Route>
         </Routes>
       </ThemeProvider>