refactor: zod validation and pr comments

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

@@ -1,5 +1,4 @@
 .layout {
-  --max-width: 101.4rem;
   --header-height: 4.5rem;
 
   display: grid;
@@ -25,4 +24,4 @@
     padding-right: 2.4rem;
     padding-top: 5.8rem;
   }
-}
+}

app/[lang]/(live)/(public)/loyalty-page/layout.module.css

@@ -1,6 +1,4 @@
 .layout {
-  --max-width: 101.4rem;
-
   display: grid;
   font-family: var(--ff-fira-sans);
   background-color: var(--Brand-Coffee-Subtle);

app/[lang]/(live)/(public)/loyalty-page/page.module.css

@@ -26,5 +26,6 @@
     gap: 6.4rem;
     padding-left: 0;
     padding-right: 0;
+    grid-column: 2 / -1;
   }
 }

app/[lang]/(live)/(public)/loyalty-page/page.tsx

@@ -26,13 +26,8 @@ export default async function LoyaltyPage({
 
     return (
       <section className={styles.content}>
-        <aside>
-          {loyaltyPage.sidebar
-            ? loyaltyPage.sidebar.map((block, i) => (
-                <Sidebar key={i} block={block} />
-              ))
-            : null}
-        </aside>
+        {loyaltyPage.sidebar ? <Sidebar blocks={loyaltyPage.sidebar} /> : null}
+
         <MaxWidth className={styles.blocks} tag="main">
           <Blocks blocks={loyaltyPage.blocks} />
         </MaxWidth>