fix(BOOK-436): Added new section component and deprecated the other

Approved-by: Chuma Mcphoy (We Ahead)

apps/scandic-web/components/Blocks/DynamicContent/SAS/LinkedAccounts/index.tsx

@@ -13,8 +13,8 @@ import {
 } from "@/constants/membershipLevels"
 import { getProfileWithExtendedPartnerData } from "@/lib/trpc/memoizedRequests"
 
-import SectionContainer from "@/components/Section/Container"
-import SectionHeader from "@/components/Section/Header"
+import { Section } from "@/components/Section"
+import SectionHeader from "@/components/Section/Header/Deprecated"
 import SectionLink from "@/components/Section/Link"
 import { getIntl } from "@/i18n"
 import { getSasTierExpirationDate } from "@/utils/sas"
@@ -40,13 +40,13 @@ export default async function SASLinkedAccount({
 
   return (
     <div className={styles.container}>
-      <SectionContainer>
+      <Section>
         <SectionHeader link={link} preamble={subtitle} title={title} />
         <SectionLink link={link} variant="mobile" />
         <Suspense fallback={<MatchedAccountInfoSkeleton />}>
           <MatchedAccountInfo />
         </Suspense>
-      </SectionContainer>
+      </Section>
       <div className={styles.mutationSection}>
         <Typography variant="Body/Supporting text (caption)/smRegular">
           <p className={styles.caption}>