feat:sw-561 updated design

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

@@ -1,5 +1,4 @@
 .layout {
-  background-color: var(--Base-Background-Primary-Normal);
   display: grid;
   font-family: var(--typography-Body-Regular-fontFamily);
   gap: var(--Spacing-x3);
@@ -9,6 +8,10 @@
   margin: 0 auto;
 }
 
+.container {
+  background-color: var(--Base-Background-Primary-Normal);
+}
+
 .content {
   display: grid;
   padding-bottom: var(--Spacing-x9);

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

@@ -9,12 +9,14 @@ export default async function MyPagesLayout({
   breadcrumbs: React.ReactNode
 }>) {
   return (
-    <section className={styles.layout}>
-      {breadcrumbs}
-      <section className={styles.content}>
-        <Sidebar />
-        {children}
+    <div className={styles.container}>
+      <section className={styles.layout}>
+        {breadcrumbs}
+        <section className={styles.content}>
+          <Sidebar />
+          {children}
+        </section>
       </section>
-    </section>
+    </div>
   )
 }