Langswitcher as parallel instead of Header. Using promise.all and added some Suspenses

components/Header/MainMenu/index.tsx

@@ -23,13 +23,14 @@ export default async function MainMenu({
   menuItems,
   topLink,
 }: MainMenuProps) {
-  const intl = await getIntl()
   const lang = getLang()
-  const myPagesNavigation =
-    await serverClient().contentstack.myPages.navigation.get()
 
-  const user = await serverClient().user.name()
-  const membership = await serverClient().user.safeMembershipLevel()
+  const [intl, myPagesNavigation, user, membership] = await Promise.all([
+    getIntl(),
+    serverClient().contentstack.myPages.navigation.get(),
+    serverClient().user.name(),
+    serverClient().user.safeMembershipLevel(),
+  ])
 
   return (
     <div className={styles.mainMenu}>