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

Approved-by: Chuma Mcphoy (We Ahead)

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

@@ -10,8 +10,8 @@ import { useState } from "react"
 
 import Table from "@scandic-hotels/design-system/Table"
 
-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 ShowMoreButton from "@/components/TempDesignSystem/ShowMoreButton"
 
 import styles from "./table.module.css"
@@ -53,7 +53,7 @@ export default function TableBlock({ data }: TableBlockProps) {
   }
 
   return (
-    <SectionContainer>
+    <Section>
       <SectionHeader preamble={preamble} title={heading} />
       <div className={styles.tableWrapper}>
         <Table
@@ -103,6 +103,6 @@ export default function TableBlock({ data }: TableBlockProps) {
           />
         ) : null}
       </div>
-    </SectionContainer>
+    </Section>
   )
 }