feat(SW-252): add new ux

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

@@ -1,19 +1,18 @@
 .main {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(min-content, max-content));
+  display: flex;
   gap: var(--Spacing-x4);
   padding: var(--Spacing-x4) var(--Spacing-x4) 0 var(--Spacing-x4);
-  height: 100dvh;
   background-color: var(--Scandic-Brand-Warm-White);
+  min-height: 100dvh;
 }
 
 .hotelCards {
-  display: grid;
+  display: flex;
+  flex-direction: column;
   gap: var(--Spacing-x4);
 }
 
 .link {
   display: flex;
-  align-items: center;
   padding: var(--Spacing-x2) var(--Spacing-x0);
 }

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

@@ -7,7 +7,7 @@ import { ChevronRightIcon } from "@/components/Icons"
 import StaticMap from "@/components/Maps/StaticMap"
 import Link from "@/components/TempDesignSystem/Link"
 import { getIntl } from "@/i18n"
-import { getLang, setLang } from "@/i18n/serverContext"
+import { setLang } from "@/i18n/serverContext"
 
 import styles from "./page.module.css"
 
@@ -41,7 +41,7 @@ export default async function SelectHotelPage({
         />
         <Link className={styles.link} color="burgundy" href="#">
           {intl.formatMessage({ id: "Show map" })}
-          <ChevronRightIcon color="burgundy" className={styles.icon} />
+          <ChevronRightIcon color="burgundy" />
         </Link>
         <HotelFilter filters={hotelFilters} />
       </section>