admin side events navigation

client/src/App.tsx

@@ -73,8 +73,8 @@ function App() {
         {/* Events */}
         <Route path="events">
           <Route index element={<ManageEventsPage />} />
-          <Route element={<CreateEventsPage />} path="create" />
-          <Route element={<EditEventsPage />} path="edit/:id" />
+          <Route element={<CreateEventsPage />} path="createEvent" />
+          <Route element={<EditEventsPage />} path="editEvent/:id" />
         </Route>
       </Route>
     </Routes>

client/src/components/AdministratorNavigationPanel.tsx

@@ -142,7 +142,7 @@ export default function AdministratorNavigationPanel() {
                       <AdministratorNavigationPanelNavigationButton
                         text="Events"
                         icon={<CalendarDaysIcon />}
-                        onClickRef="#"
+                        onClickRef="events"
                       />
                     </div>
                     <div>

client/src/pages/ManageEventsPage.tsx

@@ -33,7 +33,7 @@ const ManageEventsPage = () => {
   }, []);
 
   const handleEdit = (id: string) => {
-    navigate(`/editEvent/${id}`);
+    navigate(`editEvent/${id}`);
   };
 
   const handleDelete = async (id: string) => {