feat: add my pages mobile dropdown cmoponent, parallel route, and consume + zustand store

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

@@ -0,0 +1,10 @@
+import { logout } from "@/constants/routes/handleAuth"
+import { serverClient } from "@/lib/trpc/server"
+
+import MyPagesMobileDropdown from "@/components/Current/Header/MyPagesMobileDropdown"
+
+export default async function MyPagesMobileDropdownPage() {
+  // TODO: Figure out how to pass down props at the paralell route level.
+  // - POssibly by parsing [...paths]
+  return <MyPagesMobileDropdown lang={null} />
+}

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

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