feat: breadcrumbs for My Pages

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}