feat(WEB-220): label translations

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

@@ -1,11 +1,3 @@
-.content {
-  display: grid;
-  padding-bottom: var(--Spacing-x9);
-  padding-left: var(--Spacing-x0);
-  padding-right: var(--Spacing-x0);
-  position: relative;
-}
-
 .blocks {
   display: grid;
   gap: var(--Spacing-x5);
@@ -14,16 +6,9 @@
 }
 
 @media screen and (min-width: 1367px) {
-  .content {
-    gap: var(--Spacing-x9);
-    grid-template-columns: 25rem 1fr;
-    padding-left: var(--Spacing-x3);
-    padding-right: var(--Spacing-x3);
-  }
-
   .blocks {
     gap: var(--Spacing-x7);
     padding-left: var(--Spacing-x0);
     padding-right: var(--Spacing-x0);
   }
-}
+}

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

@@ -1,8 +1,7 @@
-import { _ } from "@/lib/translation"
 import { serverClient } from "@/lib/trpc/server"
 
 import Content from "@/components/MyPages/AccountPage/Content"
-import Sidebar from "@/components/MyPages/Sidebar"
+import { getIntl } from "@/i18n"
 
 import styles from "./page.module.css"
 
@@ -12,17 +11,14 @@ export default async function MyPages({
   params,
 }: PageArgs<LangParams & { path: string[] }>) {
   const accountPage = await serverClient().contentstack.accountPage.get()
-
+  const { formatMessage } = await getIntl()
   return (
-    <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>
+    <main className={styles.blocks}>
+      {accountPage.content.length ? (
+        <Content lang={params.lang} content={accountPage.content} />
+      ) : (
+        <p>{formatMessage({ id: "No content published" })}</p>
+      )}
+    </main>
   )
 }