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);
+}

components/MyPages/AccountPage/Webview/Content.tsx

@@ -23,7 +23,7 @@ function DynamicComponent({ component, props }: AccountPageContentProps) {
       return (
         <Overview
           lang={props.lang}
-          link={undefined}
+          link={props.link}
           subtitle={null}
           title={props.title}
         />
@@ -56,7 +56,11 @@ export default function Content({ lang, content }: ContentProps) {
                   href:
                     item.dynamic_content.link.linkConnection.edges[0].node
                       .original_url ||
-                    `/${lang}/webview${item.dynamic_content.link.linkConnection.edges[0].node.url}`,
+                    modWebviewLink(
+                      item.dynamic_content.link.linkConnection.edges[0].node
+                        .url,
+                      lang
+                    ),
                   text: item.dynamic_content.link.link_text,
                 }
               : null