fix(SW-705): Added Suspense to LanguageSwitcher

components/Current/Header/MainMenu/index.tsx

@@ -1,5 +1,6 @@
 "use client"
 import { usePathname } from "next/navigation"
+import { Suspense } from "react"
 import { useIntl } from "react-intl"
 
 import { logout } from "@/constants/routes/handleAuth"
@@ -9,6 +10,7 @@ import useDropdownStore from "@/stores/main-menu"
 import Image from "@/components/Image"
 import LoginButton from "@/components/LoginButton"
 import Avatar from "@/components/MyPages/Avatar"
+import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Link from "@/components/TempDesignSystem/Link"
 import useLang from "@/hooks/useLang"
 import { trackClick } from "@/utils/tracking"
@@ -112,16 +114,14 @@ export function MainMenu({
           >
             <ul className={styles.linkRow}>
               {!isThreeStaticPagesPathnames && !!user ? (
-                <>
-                  <li className={styles.mobileLinkRow}>
-                    <Link
-                      className={styles.mobileLinkButton}
-                      href={myPages[lang]}
-                    >
-                      {intl.formatMessage({ id: "My pages" })}
-                    </Link>
-                  </li>
-                </>
+                <li className={styles.mobileLinkRow}>
+                  <Link
+                    className={styles.mobileLinkButton}
+                    href={myPages[lang]}
+                  >
+                    {intl.formatMessage({ id: "My pages" })}
+                  </Link>
+                </li>
               ) : (
                 <>
                   <li>
@@ -190,7 +190,13 @@ export function MainMenu({
               ))}
             </ul>
             {languageSwitcher ? (
-              <li className={styles.mobileLi}>{languageSwitcher}</li>
+              <li className={styles.mobileLi}>
+                <Suspense
+                  fallback={<SkeletonShimmer height="20px" width="10ch" />}
+                >
+                  {languageSwitcher}
+                </Suspense>
+              </li>
             ) : null}
             {!!user ? (
               <li className={`${styles.mobileLi} ${styles.logout}`}>