fix: refactor breadcrumbs to take page type variants to better match margins

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

@@ -5,13 +5,14 @@ import BreadcrumbsSkeleton from "@/components/TempDesignSystem/Breadcrumbs/Bread
 import { setLang } from "@/i18n/serverContext"
 
 import type { LangParams, PageArgs } from "@/types/params"
+import { PageContentTypeEnum } from "@/types/requests/contentType"
 
 export default function AllBreadcrumbs({ params }: PageArgs<LangParams>) {
   setLang(params.lang)
 
   return (
     <Suspense fallback={<BreadcrumbsSkeleton />}>
-      <Breadcrumbs />
+      <Breadcrumbs variant={PageContentTypeEnum.accountPage} />
     </Suspense>
   )
 }

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

@@ -1,15 +1,18 @@
 .blocks {
   display: grid;
   gap: var(--Spacing-x5);
-  padding-left: var(--Spacing-x2);
-  padding-right: var(--Spacing-x2);
+  max-width: var(--max-width-page);
   align-content: flex-start;
 }
 
+@media screen and (min-width: 768px) {
+  .blocks {
+    gap: var(--Spacing-x7);
+  }
+}
+
 @media screen and (min-width: 1367px) {
   .blocks {
     gap: var(--Spacing-x7);
-    padding-left: var(--Spacing-x0);
-    padding-right: var(--Spacing-x0);
   }
 }

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

@@ -1,11 +1,11 @@
 .layout {
   display: grid;
   font-family: var(--typography-Body-Regular-fontFamily);
-  gap: var(--Spacing-x3);
   grid-template-rows: auto 1fr;
   min-height: 100dvh;
-  max-width: var(--max-width);
+  max-width: var(--max-width-page);
   margin: 0 auto;
+  width: 100%;
 }
 
 .container {
@@ -15,8 +15,6 @@
 .content {
   display: grid;
   padding-bottom: var(--Spacing-x9);
-  padding-left: var(--Spacing-x0);
-  padding-right: var(--Spacing-x0);
   position: relative;
 }
 
@@ -24,7 +22,5 @@
   .content {
     gap: var(--Spacing-x5);
     grid-template-columns: max(340px) 1fr;
-    padding-left: var(--Spacing-x5);
-    padding-right: var(--Spacing-x5);
   }
 }