Merged in feature/refactor-lang (pull request #387)

feat: SW-238 Avoid prop drilling of lang

Approved-by: Michael Zetterberg

app/[lang]/(live)/@header/[...paths]/@languageSwitcher/error.tsx

@@ -1,14 +1,9 @@
 "use client"
 
-import { useParams } from "next/navigation"
-
 import { baseUrls } from "@/constants/routes/baseUrls"
 
 import LanguageSwitcher from "@/components/Current/Header/LanguageSwitcher"
 
-import { LangParams } from "@/types/params"
-
 export default function Error() {
-  const params = useParams<LangParams>()
-  return <LanguageSwitcher urls={baseUrls} lang={params.lang} />
+  return <LanguageSwitcher urls={baseUrls} />
 }

app/[lang]/(live)/@header/[...paths]/@languageSwitcher/page.tsx

@@ -1,11 +1,18 @@
 import { serverClient } from "@/lib/trpc/server"
 
 import LanguageSwitcher from "@/components/Current/Header/LanguageSwitcher"
+import { setLang } from "@/i18n/serverContext"
+
+import { LangParams, PageArgs } from "@/types/params"
+
+export default async function LanguageSwitcherRoute({
+  params,
+}: PageArgs<LangParams>) {
+  setLang(params.lang)
 
-export default async function LanguageSwitcherRoute() {
   const data = await serverClient().contentstack.languageSwitcher.get()
   if (!data) {
     return null
   }
-  return <LanguageSwitcher urls={data.urls} lang={data.lang} />
+  return <LanguageSwitcher urls={data.urls} />
 }

app/[lang]/(live)/@header/[...paths]/@myPagesMobileDropdown/page.tsx

@@ -1,13 +1,15 @@
 import { serverClient } from "@/lib/trpc/server"
 
 import MyPagesMobileDropdown from "@/components/Current/Header/MyPagesMobileDropdown"
+import { setLang } from "@/i18n/serverContext"
 
 import { LangParams, PageArgs } from "@/types/params"
 
 export default async function MyPagesMobileDropdownPage({
   params,
 }: PageArgs<LangParams>) {
+  setLang(params.lang)
   const navigation = await serverClient().contentstack.myPages.navigation.get()
   if (!navigation) return null
-  return <MyPagesMobileDropdown navigation={navigation} lang={params.lang} />
+  return <MyPagesMobileDropdown navigation={navigation} />
 }

app/[lang]/(live)/@header/[...paths]/layout.tsx

@@ -1,17 +1,13 @@
 import Header from "@/components/Current/Header"
 
-import { LangParams, PageArgs } from "@/types/params"
-
 export default function HeaderLayout({
-  params,
   languageSwitcher,
   myPagesMobileDropdown,
-}: PageArgs<LangParams> & {
+}: {
   languageSwitcher: React.ReactNode
 } & { myPagesMobileDropdown: React.ReactNode }) {
   return (
     <Header
-      lang={params.lang}
       myPagesMobileDropdown={myPagesMobileDropdown}
       languageSwitcher={languageSwitcher}
     />