updated the search filter for admin

src/components/organism/Header/AdminHeader/AdminSearchBar.tsx

 // "use client";
 import { Box } from "@mui/material";
-import OutlinedInput from "@mui/material/OutlinedInput";
-
+import { SearchNormal } from "@wandersonalwes/iconsax-react";
 import React from 'react'
 
 export default function AdminSearchBar() {
+
     return (
         <Box>
-            <OutlinedInput
-                name='search'
-                id='search'
-                placeholder='Ctrl + K'
-
-            />
+            <div className="inpute__field relative">
+                <input type="search" placeholder="Ctrl + K" name="search" id="search" className="rounded-[4px] border-solid border-[1px] border-gray pl-5 outline-none focus:outline-primary-light" />
+                <SearchNormal color="#71717A" size={18} className="absolute left-2 top-1/2 transform -translate-y-1/2" />
+            </div>
         </Box>
     )
 }

src/components/organism/Header/AdminHeader/index.tsx

-import { Box, IconButton } from '@mui/material'
-import React from 'react'
-// import AdminSearchBar from './AdminSearchBar'
+"use client";
 
-import dynamic from "next/dynamic";
+import { Box, IconButton, Input } from '@mui/material'
+import React from 'react'
 import { Add } from '@wandersonalwes/iconsax-react';
 import NotificationPage from '../Notification';
 import Profile from '../Profile';
+import AdminSearchBar from './AdminSearchBar';
 
-const AdminSearchBar = dynamic(() => import("./AdminSearchBar"), { ssr: false });
 
 export default function AdminHeader() {
+  const [mounted, setMounted] = React.useState(false);
+
+  React.useEffect(() => {
+    setMounted(true);
+  }, []);
   return (
-    <Box className='flex items-center gap-4 jutify-content-between w-full'>
-      {/* <AdminSearchBar /> */}
-      <input type="text" />
+    <Box className='flex items-center gap-4 justify-between w-full'>
+      <AdminSearchBar />
+      {/* <Input /> */}
       <div className="right flex items-center gap-4">
         <IconButton
           color="inherit"

src/components/organism/Sidebar/AdminSidebar/index.tsx

@@ -13,7 +13,7 @@ export default function AdminMenu({ open }: { open: boolean }) {
                 <ListItemButton
                     className={[
                         open ? "expanded" : "collapsed",
-                        pathname.startsWith(PATH.DASHBOARD.ROOT) ? "active" : ""
+                        pathname === "/" ? "active" : ""
                     ].join(" ")}
 
                     onClick={() => { router.push(PATH.DASHBOARD.ROOT) }}

src/routes/PATH.ts

@@ -18,18 +18,18 @@ export const PATH = {
     },
     ADMIN: {
         GAMES: {
-            ROOT: "admin/games",
+            ROOT: "/admin/games",
             ADD_GAME: {
-                ROOT: "admin/games/add-game"
+                ROOT: "/admin/games/add-game"
             },
             EDIT_GAME: {
-                ROOT: "admin/games/edit-game/:id"
+                ROOT: "/admin/games/edit-game/:id"
             }
         }
     },
     USER: {
         GAMES: {
-            ROOT: "user/games",
+            ROOT: "/user/games",
         }
     }
 }
\ No newline at end of file