Hotfix/hamburger close (#47)

* hamburger link click closes menu

* remove event listeners on unmount

app/[lang]/components/HamburgerMenu.tsx

@@ -49,7 +49,6 @@ const HamburgerMenu = ({
     menuTimeout,
   });
 
-  // noinspection HtmlUnknownTarget
   return (
     <div
       ref={menuRef}

cypress/e2e/links.cy.ts

@@ -1,5 +1,3 @@
-// noinspection HttpUrlsUsage
-
 describe("Test links", () => {
   const pages = ["tournois", "qui sommes-nous", "contactez-nous"];
 

hooks/useHamburgerClose.ts

@@ -1,5 +1,3 @@
-// TODO is this really a hook? I think it is more of a util function
-
 interface HamburgerClose {
   menuVisible: boolean;
   setMenuVisible: Dispatch<SetStateAction<boolean>>;
@@ -36,10 +34,22 @@ const useHamburgerClose = ({
         setMouseOverMenu(false);
       }
     };
+
+    const handleLinkClick = () => {
+      setMenuVisible(false);
+    };
+
     document.addEventListener("mousedown", handleMouseDownOutsideMenu);
+    const links = document.querySelectorAll("a");
+    links.forEach((link) => {
+      link.addEventListener("click", handleLinkClick);
+    });
 
     return () => {
       document.removeEventListener("mousedown", handleMouseDownOutsideMenu);
+      links.forEach((link) => {
+        link.removeEventListener("click", handleLinkClick);
+      });
     };
   }, [menuVisible]);