fix: links issues, translations and layouts

components/ContentType/Webviews/LoyaltyPage.tsx

@@ -19,13 +19,11 @@ export default async function AboutScandicFriends({ lang }: LangParams) {
     <section className={styles.content}>
       <LinkToOverview lang={lang} />
 
-      {loyaltyPage.sidebar ? (
-        <section className={styles.sidebar}>
-          <Sidebar blocks={loyaltyPage.sidebar} lang={lang} />
-        </section>
+      {loyaltyPage.sidebar.length ? (
+        <Sidebar blocks={loyaltyPage.sidebar} lang={lang} />
       ) : null}
 
-      <MaxWidth tag="main">
+      <MaxWidth tag="main" className={styles.blocks}>
         <Title>{loyaltyPage.heading}</Title>
         <Blocks blocks={loyaltyPage.blocks} lang={lang} />
       </MaxWidth>

components/ContentType/Webviews/loyaltyPage.module.css

@@ -8,3 +8,8 @@
   margin-left: calc(var(--Spacing-x2) * -1);
   margin-right: calc(var(--Spacing-x2) * -1);
 }
+
+.blocks {
+  display: grid;
+  gap: var(--Spacing-x5);
+}