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

Approved-by: Chuma Mcphoy (We Ahead)

apps/scandic-web/components/SasTierComparison/index.tsx

@@ -10,7 +10,7 @@ import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton
 import Subtitle from "@scandic-hotels/design-system/Subtitle"
 import Title from "@scandic-hotels/design-system/Title"
 
-import SectionContainer from "../Section/Container"
+import { Section } from "@/components/Section"
 
 import styles from "./sasTierComparison.module.css"
 
@@ -30,7 +30,7 @@ export function SasTierComparison({
   tierComparison,
 }: TierComparisonProps) {
   return (
-    <SectionContainer className={styles.comparisonSection}>
+    <Section className={styles.comparisonSection}>
       <div className={styles.header}>
         <Title level="h2" textAlign="center">
           {title}
@@ -77,7 +77,7 @@ export function SasTierComparison({
           </Link>
         </Button>
       )}
-    </SectionContainer>
+    </Section>
   )
 }