fix header menu

src/share/Footer.tsx

@@ -0,0 +1,11 @@
+import { FC } from 'react'
+
+const Footer: FC = () => {
+    return (
+        <div className='h-[100px]'>
+
+        </div>
+    )
+}
+
+export default Footer

src/share/Header.tsx

@@ -7,7 +7,7 @@ import Menu from './components/Menu'
 const Header: FC = () => {
     return (
         <Fragment>
-            <div className='fixed top-0 bg-white w-full'>
+            <div className='fixed top-0 bg-white w-full z-[9998]'>
                 <div className='flex items-center justify-between px-6 py-[18px]'>
                     <div className='flex gap-[30px] items-center'>
                         <div>LOGO</div>

src/share/components/Menu.tsx

@@ -76,7 +76,7 @@ const Menu: FC = () => {
 
             {isOpen && (
                 <div
-                    className='absolute top-full right-0 mt-2 bg-white rounded-xl shadow-lg border border-gray-200 z-50 flex max-w-[90vw] max-h-screen overflow-hidden'
+                    className='absolute top-full right-0 mt-2 bg-white rounded-xl shadow-lg border border-gray-200 z-[9999] flex max-w-[90vw] max-h-screen overflow-hidden'
                     onMouseLeave={() => {
                         setIsOpen(false)
                         setHoveredPath([])