fix: update design of header

components/Current/Header/index.tsx

@@ -2,7 +2,7 @@ import { homeHrefs } from "@/constants/homeHrefs"
 import { env } from "@/env/server"
 import { serverClient } from "@/lib/trpc/server"
 
-import MainMenu from "./MainMenu"
+import { MainMenu } from "./MainMenu"
 import OfflineBanner from "./OfflineBanner"
 import TopMenu from "./TopMenu"
 
@@ -10,7 +10,10 @@ import styles from "./header.module.css"
 
 import { LangParams } from "@/types/params"
 
-export default async function Header({ lang }: LangParams) {
+export default async function Header({
+  lang,
+  languageSwitcher,
+}: LangParams & { languageSwitcher: React.ReactNode }) {
   const data = await serverClient().contentstack.config.header()
 
   const homeHref = homeHrefs[env.NODE_ENV][lang]
@@ -27,6 +30,7 @@ export default async function Header({ lang }: LangParams) {
         frontpageLinkText={frontpage_link_text}
         homeHref={homeHref}
         links={top_menu.links}
+        languageSwitcher={languageSwitcher}
       />
       <MainMenu
         frontpageLinkText={frontpage_link_text}
@@ -34,6 +38,7 @@ export default async function Header({ lang }: LangParams) {
         links={menu.links}
         logo={logo}
         topMenuMobileLinks={topMenuMobileLinks}
+        languageSwitcher={languageSwitcher}
       />
     </header>
   )