event details for event page

client/src/App.tsx

@@ -22,61 +22,72 @@ import DefaultLayout from "./layouts/default";
 import AdministratorLayout from "./layouts/administrator";
 import UsersManagement from "./pages/UsersManagement";
 import ResetPasswordPage from "./pages/ResetPasswordPage";
+import ForgotPasswordPage from "./pages/ForgotPasswordPage";
+import RestrictedLayout from "./layouts/restricted";
 
 function App() {
   return (
     <Routes>
-      {/* User Routes */}
-      <Route path="/">
-        <Route element={<DefaultLayout />}>
-          {/* General Routes */}
-          <Route index element={<HomePage />} />
-          <Route element={<SignUpPage />} path="signup" />
-          <Route element={<SignInPage />} path="signin" />
-          <Route element={<SpringboardPage />} path="springboard" />
-          <Route element={<ManageUserAccountPage />} path="manage-account" />
+      <Route>
+        {/* User Routes */}
+        <Route path="/">
+          <Route element={<DefaultLayout />}>
+            {/* General Routes */}
+            <Route index element={<HomePage />} />
+            <Route element={<SignUpPage />} path="signup" />
+            <Route element={<SignInPage />} path="signin" />
+            <Route element={<SpringboardPage />} path="springboard" />
+            <Route element={<ManageUserAccountPage />} path="manage-account" />
 
-          {/* Events Route */}
+            {/* Events Route */}
+            <Route path="events">
+              <Route index element={<EventsPage />} />
+            </Route>
+
+            {/* Karang Guni Schedules Route */}
+            <Route path="karang-guni-schedules">
+              <Route index element={<SchedulePage />} />
+            </Route>
+
+            {/* Home Bill Contest Route */}
+            <Route path="home-bill-contest">
+              <Route index element={<HBContestPage />} />
+              <Route element={<HBFormPage />} path="new-submission" />
+            </Route>
+
+            {/* Community Posts Route */}
+            <Route path="community-posts">
+              <Route index element={<CommunityPage />} />
+              <Route element={<CreatePostPage />} path="create" />
+              <Route element={<PostPage />} path="post/:id" />
+              <Route element={<EditPostPage />} path="edit/:id" />
+            </Route>
+          </Route>
+
+          {/* Special (Restricted) Routes */}
+          <Route element={<RestrictedLayout />}>
+            <Route element={<ForgotPasswordPage />} path="forgot-password" />
+            <Route
+              element={<ResetPasswordPage />}
+              path="reset-password/:token"
+            />
+          </Route>
+        </Route>
+
+        {/* Admin Routes */}
+        <Route path="/admin" element={<AdministratorLayout />}>
+          <Route index element={<AdministratorSpringboard />} />
+          <Route path="manage-account" element={<ManageUserAccountPage />} />
+          <Route path="users-management">
+            <Route index element={<UsersManagement />} />
+          </Route>
+
+          {/* Events */}
           <Route path="events">
-            <Route index element={<EventsPage />} />
+            <Route index element={<ManageEventsPage />} />
+            <Route element={<CreateEventsPage />} path="createEvent" />
+            <Route element={<EditEventsPage />} path="editEvent/:id" />
           </Route>
-          <Route element={<EventDetailsPage />} path="event/:id"/>
-
-          {/* Karang Guni Schedules Route */}
-          <Route path="karang-guni-schedules">
-            <Route index element={<SchedulePage />} />
-          </Route>
-
-          {/* Home Bill Contest Route */}
-          <Route path="home-bill-contest">
-            <Route index element={<HBContestPage />} />
-            <Route element={<HBFormPage />} path="new-submission" />
-          </Route>
-
-          {/* Community Posts Route */}
-          <Route path="community-posts">
-            <Route index element={<CommunityPage />} />
-            <Route element={<CreatePostPage />} path="create" />
-            <Route element={<PostPage />} path="post/:id" />
-            <Route element={<EditPostPage />} path="edit/:id" />
-          </Route>
-        </Route>
-        <Route element={<ResetPasswordPage />} path="reset-password/:token" />
-      </Route>
-
-      {/* Admin Routes */}
-      <Route path="/admin" element={<AdministratorLayout />}>
-        <Route index element={<AdministratorSpringboard />} />
-        <Route path="manage-account" element={<ManageUserAccountPage />} />
-        <Route path="users-management">
-          <Route index element={<UsersManagement />} />
-        </Route>
-
-        {/* Events */}
-        <Route path="events">
-          <Route index element={<ManageEventsPage />} />
-          <Route element={<CreateEventsPage />} path="createEvent" />
-          <Route element={<EditEventsPage />} path="editEvent/:id" />
         </Route>
       </Route>
     </Routes>