feat(SW-68): add semantic elements

app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css

@@ -7,11 +7,7 @@
   background-color: var(--Scandic-Brand-Warm-White);
 }
 
-.button {
-  padding-left: var(--Spacing-x0);
-}
-
-.section {
+.hotelSection {
   display: grid;
   gap: var(--Spacing-x4);
 }

app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx

@@ -31,7 +31,7 @@ export default async function SelectHotelPage({
   return (
     <>
       <main className={styles.main}>
-        <nav className={styles.nav}>
+        <section>
           <StaticMap
             city={tempSearchTerm}
             width={340}
@@ -49,8 +49,8 @@ export default async function SelectHotelPage({
             <ChevronRightIcon color="burgundy" className={styles.icon} />
           </Link>
           <HotelFilter filters={hotelFilters} />
-        </nav>
-        <section className={styles.section}>
+        </section>
+        <section className={styles.hotelSection}>
           {hotels.map((hotel) => (
             <HotelCard key={hotel.name} hotel={hotel} />
           ))}