feat(WEB-250): overview hero final ui

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

@@ -1,17 +1,17 @@
-import { firaMono, firaSans } from "@/app/fonts"
-
 import styles from "./layout.module.css"
 
 import { LangParams, LayoutArgs } from "@/types/params"
 
 export default async function MyPagesLayout({
+  breadcrumbs,
   children,
-}: React.PropsWithChildren<LayoutArgs<LangParams>>) {
+}: React.PropsWithChildren<LayoutArgs<LangParams>> & {
+  breadcrumbs: React.ReactNode
+}) {
   return (
-    <div
-      className={`${firaMono.variable} ${firaSans.variable} ${styles.layout}`}
-    >
+    <section className={styles.layout}>
+      {breadcrumbs}
       {children}
-    </div>
+    </section>
   )
 }