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

Approved-by: Chuma Mcphoy (We Ahead)

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

@@ -2,8 +2,8 @@ import { Suspense } from "react"
 
 import { env } from "@/env/server"
 
-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 { getLang } from "@/i18n/serverContext"
 
@@ -30,12 +30,12 @@ export default async function SASTransferPoints({
   const lang = await getLang()
 
   return (
-    <SectionContainer>
+    <Section>
       <SectionHeader link={link} preamble={subtitle} title={title} />
       <SectionLink link={link} variant="mobile" />
       <Suspense fallback={<TransferPointsFormSkeleton lang={lang} />}>
         <TransferPointsForm lang={lang} />
       </Suspense>
-    </SectionContainer>
+    </Section>
   )
 }