feat: add language switcher parallel route

app/[lang]/(live)/@languageSwitcher/[contentType]/[uid]/page.module.css

@@ -0,0 +1,17 @@
+.desktop {
+  display: none;
+}
+
+.mobile {
+  display: block;
+}
+
+@media (min-width: 950px) {
+  .desktop {
+    display: block;
+  }
+
+  .mobile {
+    display: none;
+  }
+}

app/[lang]/(live)/@languageSwitcher/[contentType]/[uid]/page.tsx

@@ -0,0 +1,50 @@
+import { notFound } from "next/navigation"
+
+import { Lang } from "@/constants/languages"
+import { serverClient } from "@/lib/trpc/server"
+
+import Desktop from "@/components/Current/Header/LanguageSwitcher/Desktop"
+import Mobile from "@/components/Current/Header/LanguageSwitcher/Mobile"
+
+import styles from "./page.module.css"
+
+import {
+  ContentTypeParams,
+  LangParams,
+  PageArgs,
+  UIDParams,
+} from "@/types/params"
+import { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
+
+export default async function LanguageSwitcher({
+  params,
+}: PageArgs<LangParams & ContentTypeParams & UIDParams, {}>) {
+  let urls: LanguageSwitcherData
+  let lang: Lang
+  switch (params.contentType) {
+    case "loyalty-page":
+      const data =
+        await serverClient().contentstack.loyaltyPage.languageSwitcher()
+      urls = data.urls
+      lang = data.lang
+      break
+    case "content-page":
+      // TODO: Implement this
+      return null
+    default:
+      const type: never = params.contentType
+      console.error(`Unsupported content type given: ${type}`)
+      notFound()
+  }
+
+  return (
+    <>
+      <section className={styles.desktop}>
+        <Desktop currentLanguage={params.lang} urls={urls} />
+      </section>
+      <section className={styles.mobile}>
+        <Mobile currentLanguage={params.lang} urls={urls} />
+      </section>
+    </>
+  )
+}

app/[lang]/(live)/@languageSwitcher/default.tsx

@@ -0,0 +1,3 @@
+export default async function LanguageSwitcher() {
+  return null
+}

app/[lang]/(live)/@languageSwitcher/my-pages/[...path]/page.module.css

@@ -0,0 +1,17 @@
+.desktop {
+  display: none;
+}
+
+.mobile {
+  display: block;
+}
+
+@media (min-width: 950px) {
+  .desktop {
+    display: block;
+  }
+
+  .mobile {
+    display: none;
+  }
+}

app/[lang]/(live)/@languageSwitcher/my-pages/[...path]/page.tsx

@@ -0,0 +1,21 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import Desktop from "@/components/Current/Header/LanguageSwitcher/Desktop"
+import Mobile from "@/components/Current/Header/LanguageSwitcher/Mobile"
+
+import styles from "./page.module.css"
+
+export default async function LanguageSwitcher() {
+  const data = await serverClient().contentstack.accountPage.languageSwitcher()
+
+  return (
+    <>
+      <section className={styles.desktop}>
+        <Desktop currentLanguage={data.lang} urls={data.urls} />
+      </section>
+      <section className={styles.mobile}>
+        <Mobile currentLanguage={data.lang} urls={data.urls} />
+      </section>
+    </>
+  )
+}