feat(SW-184): my pages menu mobile/desktop functionality

components/LanguageSwitcher/index.tsx

@@ -40,7 +40,7 @@ export default function LanguageSwitcher({
   })
 
   return (
-    <div className={styles.languageSwitcher} ref={languageSwitcherRef}>
+    <div className={styles.languageSwitcher}>
       <button
         type="button"
         className={styles.button}
@@ -63,17 +63,20 @@ export default function LanguageSwitcher({
 
       <div
         className={`${styles.dropdown} ${isLanguageSwitcherOpen ? styles.isExpanded : ""}`}
+        ref={languageSwitcherRef}
       >
-        <div className={styles.backWrapper}>
-          <button
-            type="button"
-            className={styles.backButton}
-            onClick={toggleLanguageSwitcher}
-          >
-            <ChevronLeftIcon color="red" />
-            <Subtitle type="one">Main Menu</Subtitle>
-          </button>
-        </div>
+        {location === "header" ? (
+          <div className={styles.backWrapper}>
+            <button
+              type="button"
+              className={styles.backButton}
+              onClick={toggleLanguageSwitcher}
+            >
+              <ChevronLeftIcon color="red" />
+              <Subtitle type="one">Main Menu</Subtitle>
+            </button>
+          </div>
+        ) : null}
 
         <div className={styles.languageWrapper}>
           <Subtitle className={styles.subtitle} type="two">

components/LanguageSwitcher/languageSwitcher.module.css

@@ -110,7 +110,8 @@
     position: relative;
   }
 
-  .backWrapper {
+  .backWrapper,
+  .backButton {
     display: none;
   }