fix: refactor language switcher

app/[lang]/(live)/@languageSwitcher/[...uri]/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/[...uri]/page.tsx

@@ -0,0 +1,25 @@
+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 { LangParams, PageArgs, UriParams } from "@/types/params"
+
+export default async function LanguageSwitcher({
+  params,
+}: PageArgs<LangParams & UriParams>) {
+  const { urls } = await serverClient().contentstack.config.languageSwitcher()
+
+  return (
+    <>
+      <section className={styles.desktop}>
+        <Desktop currentLanguage={params.lang} urls={urls} />
+      </section>
+      <section className={styles.mobile}>
+        <Mobile currentLanguage={params.lang} urls={urls} />
+      </section>
+    </>
+  )
+}