fix: profile and side panel menu toggle problem in mobile view

Author: raktima-opensignlabs

apps/OpenSign/src/components/Header.js

@@ -16,7 +16,7 @@ import { useTranslation } from "react-i18next";
 import ModalUi from "../primitives/ModalUi";
 import QuotaCard from "../primitives/QuotaCard";
 
-const Header = ({ showSidebar }) => {
+const Header = ({ showSidebar, setIsMenu }) => {
   const { t, i18n } = useTranslation();
   const navigate = useNavigate();
   const { width } = useWindowSize();
@@ -40,7 +40,7 @@ const Header = ({ showSidebar }) => {
   const toggleDropdown = () => {
     setIsOpen(!isOpen);
     if (width <= 768) {
-      showSidebar();
+      setIsMenu(false);
     }
   };
   useEffect(() => {

apps/OpenSign/src/layout/HomeLayout.js

@@ -255,7 +255,9 @@ const HomeLayout = () => {
   return (
     <div>
       <div className="sticky top-0 z-[501]">
-        {!isLoader && <Header showSidebar={showSidebar} />}
+        {!isLoader && (
+          <Header showSidebar={showSidebar} setIsMenu={setIsOpen} />
+        )}
       </div>
       {isUserValid ? (
         <>