request + detail + change status request

src/shared/Header.tsx

@@ -10,13 +10,14 @@ import { useSharedStore } from './store/sharedStore'
 import { useGetProfile } from '../pages/profile/hooks/useProfileData'
 import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'
 import { removeRefreshToken, removeToken } from '../config/func'
+import { clx } from '../helpers/utils'
 
 const Header: FC = () => {
 
     const location = useLocation();
     const [popoverKey, setPopoverKey] = useState(0);
     const { t } = useTranslation('global')
-    const { setOpenSidebar, openSidebar } = useSharedStore()
+    const { setOpenSidebar, openSidebar, hasSubMenu } = useSharedStore()
     const { data } = useGetProfile()
 
     useEffect(() => {
@@ -29,8 +30,13 @@ const Header: FC = () => {
         window.location.href = Pages.auth.login
     }
 
+    const hasSubMenuOpen = hasSubMenu && (openSidebar || window.innerWidth > 1139)
+
     return (
-        <div className='fixed z-10 right-4 left-4 xl:right-[285px] top-4 xl:h-16 h-12 flex items-center px-6 bg-white justify-between rounded-[32px] xl:w-[calc(100%-305px)]'>
+        <div className={clx(
+            'fixed z-10 right-4 left-4 xl:right-[285px] top-4 xl:h-16 h-12 flex items-center px-6 bg-white justify-between rounded-[32px] xl:w-[calc(100%-305px)]',
+            hasSubMenuOpen && '!right-[320px] !w-[calc(100%-340px)]'
+        )}>
 
             <div className='min-w-[270px] hidden xl:block'>
                 <Input