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

components/Section/Header/index.tsx

@@ -5,14 +5,27 @@ import SectionLink from "../Link"
 
 import styles from "./header.module.css"
 
-import type { HeaderProps } from "@/types/components/myPages/header"
+import type { HeadingProps } from "@/components/TempDesignSystem/Text/Title/title"
+
+export type HeaderProps = {
+  link?: {
+    href: string
+    text: string
+  }
+  preamble?: string | null
+  textTransform?: HeadingProps["textTransform"]
+  title?: string | null
+  headingLevel?: HeadingProps["level"]
+  headingAs?: HeadingProps["as"]
+}
 
 export default function SectionHeader({
   link,
   preamble,
   title,
-  topTitle = false,
   textTransform,
+  headingAs = "h4",
+  headingLevel = "h2",
 }: HeaderProps) {
   if (!title && !preamble && !link) {
     return null
@@ -21,9 +34,9 @@ export default function SectionHeader({
   return (
     <header className={styles.header}>
       <Title
-        as={topTitle ? "h3" : "h4"}
+        as={headingAs}
         className={styles.title}
-        level={topTitle ? "h1" : "h2"}
+        level={headingLevel}
         textTransform={textTransform}
       >
         {title}