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

Approved-by: Chuma Mcphoy (We Ahead)

apps/scandic-web/components/Blocks/CarouselCards/index.tsx

@@ -4,8 +4,8 @@ import { useState } from "react"
 
 import { Carousel } from "@/components/Carousel"
 import ContentCard from "@/components/ContentCard"
-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 TabFilters from "@/components/TabFilters"
 
@@ -35,7 +35,7 @@ export default function CarouselCards({ carousel_cards }: CarouselCardsProps) {
       )
 
   return (
-    <SectionContainer>
+    <Section>
       <SectionHeader
         title={heading}
         preamble={preamble}
@@ -69,6 +69,6 @@ export default function CarouselCards({ carousel_cards }: CarouselCardsProps) {
         <Carousel.Dots />
       </Carousel>
       <SectionLink link={link} variant="mobile" />
-    </SectionContainer>
+    </Section>
   )
 }