Merged in feature/sas-mypages (pull request #1302)

Feature/sas mypages

* feat: Add SAS partner page under my pages
* fix: feature toggle SAS Partner page in my pages
* add translations for SAS account page
* use 'flex-start' instead of 'start'
* fix: flatten css
* fix: don't use <SectionContainer /> on linkedAccounts page

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

@@ -3,6 +3,8 @@ import { Suspense } from "react"
 import { serverClient } from "@/lib/trpc/server"
 
 import Blocks from "@/components/Blocks"
+import SectionHeader from "@/components/Section/Header"
+import Preamble from "@/components/TempDesignSystem/Text/Preamble"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import TrackingSDK from "@/components/TrackingSDK"
 import { getIntl } from "@/i18n"
@@ -27,13 +29,20 @@ export default async function MyPages({
   }
 
   const { tracking, accountPage } = accountPageRes
+  const { heading, preamble, content } = accountPage
 
   return (
     <>
       <main className={styles.blocks}>
-        <Title>{accountPage.heading}</Title>
-        {accountPage.content?.length ? (
-          <Blocks blocks={accountPage.content} />
+        <SectionHeader
+          title={heading}
+          preamble={preamble}
+          headingAs="h1"
+          headingLevel="h1"
+        />
+
+        {content?.length ? (
+          <Blocks blocks={content} />
         ) : (
           <p>{intl.formatMessage({ id: "No content published" })}</p>
         )}

app/[lang]/(partner)/(sas)/(protected)/loading.tsx

@@ -0,0 +1,11 @@
+import LoadingSpinner from "@/components/LoadingSpinner"
+
+import { SASModal } from "./sas-x-scandic/components/SASModal"
+
+export default function Loading() {
+  return (
+    <SASModal>
+      <LoadingSpinner />
+    </SASModal>
+  )
+}