feat(WEB-205, WEB-206): get breadcrumbs for my pages from contentstack

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

@@ -1,10 +1,9 @@
 import MaxWidth from "@/components/MaxWidth"
 
-import styles from "./layout.module.css"
-
 import type { ProfileLayoutProps } from "@/types/components/myPages/myProfile/layout"
 
 export default function ProfileLayout({
+  children,
   communication,
   creditCards,
   edit,
@@ -15,13 +14,14 @@ export default function ProfileLayout({
   wishes,
 }: React.PropsWithChildren<ProfileLayoutProps>) {
   return (
-    <MaxWidth className={styles.page} tag="main">
-      <div className={styles.btns}>
+    <MaxWidth className="profile-page" tag="main">
+      <div className="profile-btns">
         {edit}
         {view}
       </div>
       {profile}
-      <section className={styles.cards}>
+      {children}
+      <section className="profile-cards">
         {communication}
         {wishes}
         {membershipCard}