feat(WEB-250): overview hero final ui

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

@@ -1,8 +1,7 @@
+import { _ } from "@/lib/translation"
 import { serverClient } from "@/lib/trpc/server"
 
-import MaxWidth from "@/components/MaxWidth"
 import Content from "@/components/MyPages/AccountPage/Content"
-import Breadcrumbs from "@/components/MyPages/Breadcrumbs"
 import Sidebar from "@/components/MyPages/Sidebar"
 
 import styles from "./page.module.css"
@@ -15,19 +14,15 @@ export default async function MyPages({
   const accountPage = await serverClient().contentstack.accountPage.get()
 
   return (
-    <>
-      <Breadcrumbs />
-
-      <div className={styles.content}>
-        <Sidebar lang={params.lang} />
-        <MaxWidth className={styles.blocks} tag="main">
-          {accountPage.content.length ? (
-            <Content lang={params.lang} content={accountPage.content} />
-          ) : (
-            <p>No content published</p>
-          )}
-        </MaxWidth>
-      </div>
-    </>
+    <section className={styles.content}>
+      <Sidebar lang={params.lang} />
+      <main className={styles.blocks}>
+        {accountPage.content.length ? (
+          <Content lang={params.lang} content={accountPage.content} />
+        ) : (
+          <p>{_("No content published")}</p>
+        )}
+      </main>
+    </section>
   )
 }