fix problem

src/shared/Header.tsx

@@ -46,6 +46,7 @@ const Header: FC<HeaderProps> = ({ hasMainSidebar = true, sidebarSize = 'default
 
     useEffect(() => {
         setSearch('')
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [location.pathname])
 
     return (

src/shared/SideBar.tsx

@@ -45,8 +45,8 @@ const SideBar: FC = () => {
             <div
                 className={clx(
                     'fixed xl:flex translate-x-[400px] xl:translate-x-0 transition-all ease-in-out opacity-0 invisible xl:visible xl:opacity-100  xl:right-4 right-0 xl:top-4 top-0 xl:bottom-4 bottom-0 xl:rounded-[32px] w-[250px] bg-white flex-col py-12',
-                    openSidebar && 'opacity-100 visible -translate-x-[0px] block z-40',
-                    hasSubMenu && 'w-24 !rounded-tl-none !rounded-bl-none'
+                    openSidebar && 'opacity-100 visible translate-x-0 block z-40',
+                    hasSubMenu && 'w-24 rounded-tl-none! rounded-bl-none!'
                 )}
             >
                 <div className='flex justify-center'>