feat: breadcrumbs for My Pages

app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/benefits/default.tsx

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

app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/benefits/page.tsx

@@ -0,0 +1,10 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import Breadcrumbs from "@/components/MyPages/Breadcrumbs"
+
+export default async function BenefitsBreadcrumbs() {
+  const breadcrumbs = await serverClient().contentstack.breadcrumbs.get({
+    href: "/my-pages/benefits",
+  })
+  return <Breadcrumbs breadcrumbs={breadcrumbs} />
+}

app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/default.tsx

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

app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/overview/default.tsx

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

app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/overview/page.tsx

@@ -0,0 +1,10 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import Breadcrumbs from "@/components/MyPages/Breadcrumbs"
+
+export default async function OverviewBreadcrumbs() {
+  const breadcrumbs = await serverClient().contentstack.breadcrumbs.get({
+    href: "/my-pages/overview",
+  })
+  return <Breadcrumbs breadcrumbs={breadcrumbs} />
+}

app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/page.tsx

@@ -0,0 +1,10 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import Breadcrumbs from "@/components/MyPages/Breadcrumbs"
+
+export default async function MyPagesBreadcrumbs() {
+  const breadcrumbs = await serverClient().contentstack.breadcrumbs.get({
+    href: "/my-pages",
+  })
+  return <Breadcrumbs breadcrumbs={breadcrumbs} />
+}

app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/profile/default.tsx

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

app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/profile/edit/default.tsx

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

app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/profile/edit/page.tsx

@@ -0,0 +1,10 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import Breadcrumbs from "@/components/MyPages/Breadcrumbs"
+
+export default async function ProfileBreadcrumbs() {
+  const breadcrumbs = await serverClient().contentstack.breadcrumbs.get({
+    href: "/my-pages/profile",
+  })
+  return <Breadcrumbs breadcrumbs={breadcrumbs} />
+}

app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/profile/page.tsx

@@ -0,0 +1,10 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import Breadcrumbs from "@/components/MyPages/Breadcrumbs"
+
+export default async function ProfileBreadcrumbs() {
+  const breadcrumbs = await serverClient().contentstack.breadcrumbs.get({
+    href: "/my-pages/profile",
+  })
+  return <Breadcrumbs breadcrumbs={breadcrumbs} />
+}

app/[lang]/(live)/(protected)/my-pages/layout.tsx

@@ -1,24 +1,23 @@
 import { firaMono, firaSans } from "@/app/[lang]/(live)/fonts"
-import { breadcrumbs } from "./_constants"
 
-import Breadcrumbs from "@/components/MyPages/Breadcrumbs"
 import Header from "@/components/MyPages/Header"
 import Sidebar from "@/components/MyPages/Sidebar"
 
 import styles from "./layout.module.css"
 
-import type { LangParams, LayoutArgs } from "@/types/params"
+import type { MyPagesLayoutProps } from "@/types/components/myPages/layout"
 
 export default async function MyPagesLayout({
+  breadcrumbs,
   children,
   params,
-}: React.PropsWithChildren<LayoutArgs<LangParams>>) {
+}: React.PropsWithChildren<MyPagesLayoutProps>) {
   return (
     <div
       className={`${firaMono.variable} ${firaSans.variable} ${styles.layout}`}
     >
       <Header lang={params.lang} />
-      <Breadcrumbs breadcrumbs={breadcrumbs} lang={params.lang} />
+      {breadcrumbs}
       <div className={styles.content}>
         <Sidebar lang={params.lang} />
         {children}

app/[lang]/(live)/(protected)/my-pages/profile/@view/edit/page.tsx

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