fix: reduce the amount of section elements being used since most have no headers connected to them

apps/scandic-web/components/Blocks/DynamicContent/Stays/ListContainer/index.tsx

@@ -1,5 +1,5 @@
 import styles from "./container.module.css"
 
 export default function ListContainer({ children }: React.PropsWithChildren) {
-  return <section className={styles.container}>{children}</section>
+  return <div className={styles.container}>{children}</div>
 }

apps/scandic-web/components/ContentType/HotelPage/Facilities/CardGrid/index.tsx

@@ -26,7 +26,7 @@ export default function FacilitiesCardGrid({
   }
 
   return (
-    <section id={imageCard.card.id} className={styles.cardContainer}>
+    <div id={imageCard.card.id} className={styles.cardContainer}>
       <Grids.Stackable className={styles.desktopGrid}>
         {facilitiesCardGrid.map((card: FacilityCardType) => (
           <Card {...card} key={card.id} className={getCardClassName(card)} />
@@ -35,6 +35,6 @@ export default function FacilitiesCardGrid({
       <Grids.Stackable className={styles.mobileGrid}>
         <CardImage card={imageCard.card} imageCards={imageCard.images} />
       </Grids.Stackable>
-    </section>
+    </div>
   )
 }

apps/scandic-web/components/ContentType/HotelPage/Rooms/index.tsx

@@ -36,7 +36,7 @@ export function Rooms({ rooms, preamble }: RoomsProps) {
       className={styles.roomsContainer}
     >
       <div ref={scrollRef} className={styles.scrollRef}></div>
-      <div className={styles.sectionHeader}>
+      <header className={styles.sectionHeader}>
         <Typography variant="Title/md" className={styles.heading}>
           <h2>
             {intl.formatMessage({
@@ -49,7 +49,7 @@ export function Rooms({ rooms, preamble }: RoomsProps) {
             <p>{preamble}</p>
           </Typography>
         )}
-      </div>
+      </header>
       <Grids.Stackable
         className={`${styles.grid} ${allRoomsVisible ? styles.allVisible : ""}`}
       >

apps/scandic-web/components/TempDesignSystem/Grids/Stackable/index.tsx

@@ -8,5 +8,5 @@ export default function Stackable({
   columns,
 }: React.PropsWithChildren<StackableGridProps>) {
   const classNames = stackableGridVariants({ className, columns })
-  return <section className={classNames}>{children}</section>
+  return <div className={classNames}>{children}</div>
 }