SW-386 Using header component in layout instead of parallel route. Added suspense

components/Header/index.tsx

@@ -1,5 +1,8 @@
+import { Suspense } from "react"
+
 import { serverClient } from "@/lib/trpc/server"
 
+import LoadingSpinner from "../LoadingSpinner"
 import MainMenu from "./MainMenu"
 import TopMenu from "./TopMenu"
 
@@ -15,12 +18,14 @@ export default async function Header() {
 
   return (
     <header className={styles.header}>
-      <TopMenu languageUrls={languages.urls} topLink={headerData.topLink} />
-      <MainMenu
-        languageUrls={languages.urls}
-        menuItems={headerData.menuItems}
-        topLink={headerData.topLink}
-      />
+      <Suspense fallback={<LoadingSpinner />}>
+        <TopMenu languageUrls={languages.urls} topLink={headerData.topLink} />
+        <MainMenu
+          languageUrls={languages.urls}
+          menuItems={headerData.menuItems}
+          topLink={headerData.topLink}
+        />
+      </Suspense>
     </header>
   )
 }