add menu mobile

src/components/core/Header.tsx

@@ -2,14 +2,42 @@ import React from "react";
 import Logo from "./Logo";
 import Menu from "./Menu";
 import logoSig from "../../images/logo-egeo.png";
+import MenuMobile from "./menuMobile";
 
 const Header = () => {
   return (
     <>
       <div className="navbar bg-base-100 sticky top-0">
-        {/* ---------------Menu------------------ */}
-
-        {/* ---------------END Menu------------------ */}
+      <div className="navbar-start">
+          <div className="dropdown">
+            <label tabIndex={0} className="btn btn-ghost lg:hidden">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                className="h-5 w-5"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth="2"
+                  d="M4 6h16M4 12h8m-8 6h16"
+                />
+              </svg>
+            </label>
+            <MenuMobile />
+          </div>
+          {/*----------------- LOGO --------------------------*/}
+          <div className="flex-shrink-0 flex items-center">
+            <Logo image={logoSig} />
+          </div>
+          {/*-----------------END LOGO --------------------------*/}
+        </div>
+        {/* ---------------MENU------------------ */}
+        <div className="navbar-center hidden lg:flex">
+          <Menu />
+        </div>
         <div className="navbar-end">
           <div className="form-control hidden sm:block">
             <input