feat: finish my pages overview page according to wireframe

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

@@ -1,5 +1,6 @@
-import { firaSans } from "@/app/[lang]/(live)/fonts"
+import { firaMono, firaSans } from "@/app/[lang]/(live)/fonts"
 
+import Breadcrumbs from "@/components/MyPages/Header/Breadcrumbs"
 import Header from "@/components/MyPages/Header"
 import Sidebar from "@/components/MyPages/Sidebar"
 
@@ -12,7 +13,9 @@ export default function MyPagesLayout({
   params,
 }: React.PropsWithChildren<LayoutArgs<LangParams>>) {
   return (
-    <section className={`${firaSans.variable} ${styles.page}`}>
+    <section
+      className={`${firaMono.variable} ${firaSans.variable} ${styles.page}`}
+    >
       <Header lang={params.lang} />
       <section className={styles.content}>
         <Sidebar />