add sidebar link for trainee applicants

Author: MnorbertVii

src/components/sidebar/sidebar.tsx

@@ -44,7 +44,12 @@ export const sidebarItems1 = [
     icon: <Icon icon="game-icons:cycle"></Icon>,
     title: "Application Cycles",
   },
-
+  {
+    path: 'Trainee-applicants',
+    icon: <Icon icon="ic:round-people"></Icon>,
+    title: 'Trainees/Applicants',
+  },
+  
   {
     path: "grading",
     icon: <Icon icon="bxs:dashboard"></Icon>,

src/components/sidebar/sidebarItems.tsx

@@ -228,7 +228,7 @@ const AddTrainee = (props: any) => {
             <div className="w-full">
               <div>
                 <div className="bg-light-bg dark:bg-dark-frame-bg  min-h-screen overflow-y-hidden overflow-x-hidden">
-                  <div className="flex items-left px-8 gap-2">
+                  <div className="flex items-left px-8 py-8 gap-2">
                     <div className="flex py-2 pb-8 w-fit">
                       <button
                         onClick={Open}
@@ -346,7 +346,7 @@ const AddTrainee = (props: any) => {
                                                   >
                                                     <li>
                                                       <Link
-                                                        to={`/trainee-applicant/${item._id}/edit`}
+                                                        to={`/admin/trainee-applicant/${item._id}/edit`}
                                                         className="text-sm hover:bg-gray-100 text-gray-700 dark:hover:bg-gray-500 dark:text-white  block px-4 py-2"
                                                       >
                                                         Edit

src/pages/TraineApplicant/Trainee.tsx

@@ -211,12 +211,12 @@ const TraineeUpdate = (props: any) => {
   return (
     <>
 
-      <div className="block bg-white dark:bg-dark-tertiary relative mt-10 w-[100%] py-3 min-h-[100vh]">
-        <div className="block text-center font-bold text-gray-600 relative lg:left-[8rem] dark:text-white text-base lg:max-w-3xl sm:w-[100%] p-4 lg:px-4 m-4 mx-auto text-[24px]">
+      <div className="block bg-white dark:bg-dark-tertiary relative w-[100%] py-3 min-h-[100vh]">
+        <div className="block text-center font-bold text-gray-600 lg:left-[8rem] dark:text-white text-base lg:max-w-3xl sm:w-[100%] p-4 lg:px-4 m-4 mx-auto text-[24px]">
           <h1 className="p-2">Update Trainee-applicant</h1>
         </div>
         <form
-          className="block bg-white dark:bg-dark-frame-bg lg:max-w-3xl sm:w-[100%] min-h-[100vh] relative lg:left-[8rem] dark:text-white lg:px-4 mb-4 text-gray-600  shadow rounded mx-auto"
+          className="block bg-white dark:bg-dark-frame-bg lg:max-w-3xl sm:w-[100%] min-h-[100vh] lg:left-[8rem] dark:text-white lg:px-4 mb-4 text-gray-600  shadow rounded mx-auto"
           onSubmit={handleSubmit}
         >
           {Object.keys(traineeData).length === 0 ? (
@@ -809,7 +809,7 @@ const TraineeUpdate = (props: any) => {
                   )}
                 </button>
                 <Link
-                  to="/Trainee-applicants"
+                  to="/admin/Trainee-applicants"
                   className="dark:bg-[#56C870] flex bg-gray-600 rounded-md py-2 mx-2 px-4 text-white font-medium cursor-pointer"
                 >
                   Cancel

src/pages/updateTrainee/traineUpdate.tsx

@@ -116,7 +116,7 @@ function Navigation() {
           }
         />
         <Route
-          path="trainee-applicant/:traineeId/edit"
+          path="/admin/trainee-applicant/:traineeId/edit"
           element={
             <PrivateRoute>
               <UpdateTraine />