fix: display full menu on mobile

src/components/MegaMenu/styles.module.scss

@@ -87,7 +87,7 @@
   }
 
   .groupTitle {
-    margin: 0;
+    margin: 10px 0;
     color: $dark-text;
   }
 
@@ -103,7 +103,7 @@
 
   .item {
     flex: 1 1 40%;
-    height: 100px;
+    height: 80px;
     box-sizing: border-box;
     padding: 10px;
     background-color: $shade3;

src/components/Menu/Menu.tsx

@@ -71,6 +71,7 @@ const MegaMenuItem = ({text, quote, source, groups, onItemClick}: MegaMenuItemPr
       <Link
         href={""}
         className={styles.menuLink}
+        onClick={() => setIsActive(!isActive)}
       >
         {text} <CollapsibleArrow direction={isActive ? "UP" : "DOWN"} stroke={1.5} />
       </Link>

src/components/Menu/styles.module.scss

@@ -77,7 +77,7 @@
 }
 
 .megaMenuActive {
-  max-height: 1000px;
+  max-height: 800px;
 }
 
 .search {
@@ -131,6 +131,10 @@
     position: inherit;
   }
 
+  .megaMenuActive {
+    max-height: 1500px;
+  }
+
   .navMobile {
     display: flex;
     align-items: center;