feat(WEB-102): language-switcher per page basis

components/Current/Header/MainMenu/index.tsx

@@ -2,17 +2,21 @@
 import { useState } from "react"
 
 import Image from "@/components/Image"
-// import Mobile from "../LanguageSwitcher/Mobile"
+import Mobile from "../LanguageSwitcher/Mobile"
 
 import styles from "./mainMenu.module.css"
 
 import type { MainMenuProps } from "@/types/components/current/header/mainMenu"
 
-/**
- * Mobile is commented out as it relates to
- * LanguageSwitcher and will be handled in another task
- */
-export default function MainMenu({ frontpageLinkText, homeHref, links, logo, topMenuMobileLinks }: MainMenuProps) {
+export default function MainMenu({
+  currentLanguage,
+  frontpageLinkText,
+  homeHref,
+  links,
+  logo,
+  topMenuMobileLinks,
+  urls,
+}: MainMenuProps) {
   const [isOpen, setIsOpen] = useState(false)
 
   function toogleIsOpen() {
@@ -90,9 +94,11 @@ export default function MainMenu({ frontpageLinkText, homeHref, links, logo, top
               ))}
             </ul>
 
-            {/* <li className="nav-primary__item hidden-medium hidden-large">
-            {links ? <Mobile currentLanguage={currentLanguage} links={links} /> : null}
-          </li> */}
+            {urls ? (
+              <li className="nav-primary__item hidden-medium hidden-large">
+                <Mobile currentLanguage={currentLanguage} urls={urls} />
+              </li>
+            ) : null}
           </ul>
         </nav>
       </div>

components/Current/Header/MainMenu/mainMenu.module.css

@@ -167,6 +167,7 @@
   .mainMenu {
     background-color: hsla(0, 0%, 100%, .95);
     position: relative;
+    z-index: unset;
   }
 
   .container {