feat: add JoinLoyalty component

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

@@ -6,6 +6,7 @@ import { LangParams, PageArgs, UriParams } from "@/types/params"
 import { notFound } from "next/navigation"
 
 import styles from "./page.module.css"
+import Sidebar from "@/components/Loyalty/Sidebar"
 
 export default async function LoyaltyPage({
   params,
@@ -22,13 +23,19 @@ export default async function LoyaltyPage({
     })
 
     return (
-      <main className={styles.content}>
-        <aside>{loyaltyPage.sidebar ? <></> : null}</aside>
-        <MaxWidth>
-          <Title>{loyaltyPage.title}</Title>
+      <MaxWidth className={styles.content} tag="main">
+        <aside>
+          {loyaltyPage.sidebar
+            ? loyaltyPage.sidebar.map((block, i) => (
+                <Sidebar key={i} block={block} />
+              ))
+            : null}
+        </aside>
+        <section className={styles.blocks}>
+          <Title as="h3">{loyaltyPage.title}</Title>
           <Content content={loyaltyPage.content} />
-        </MaxWidth>
-      </main>
+        </section>
+      </MaxWidth>
     )
   } catch (err) {
     return notFound()