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

Approved-by: Chuma Mcphoy (We Ahead)

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

@@ -2,7 +2,7 @@ import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { getHotelsByCSFilter } from "@/lib/trpc/memoizedRequests"
 
-import SectionContainer from "@/components/Section/Container"
+import { Section } from "@/components/Section"
 
 import HotelListingItem from "./HotelListingItem"
 
@@ -26,7 +26,7 @@ export default async function HotelListing({
   }
 
   return (
-    <SectionContainer>
+    <Section>
       <Typography variant="Title/sm">
         <h3 className={styles.heading}>{heading}</h3>
       </Typography>
@@ -37,6 +37,6 @@ export default async function HotelListing({
           contentType={contentType}
         />
       ))}
-    </SectionContainer>
+    </Section>
   )
 }