feat: add basic styling to checkbox

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

@@ -1,3 +1,10 @@
+.main {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(min-content, max-content));
+  padding: 32px 32px 0px 32px;
+  background-color: var(--Scandic-Brand-Warm-White);
+}
+
 .section {
   display: grid;
   gap: var(--Spacing-x4);

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

@@ -1,6 +1,7 @@
 import { serverClient } from "@/lib/trpc/server"
 
 import HotelCard from "@/components/HotelReservation/HotelCard"
+import HotelFilter from "@/components/HotelReservation/SelectHotel/HotelFilter"
 
 import styles from "./page.module.css"
 
@@ -17,7 +18,8 @@ export default async function SelectHotelPage({
   const hotels = [attributes]
 
   return (
-    <main>
+    <main className={styles.main}>
+      <HotelFilter />
       <section className={styles.section}>
         {hotels.map((hotel) => (
           <HotelCard key={hotel.name} hotel={hotel} />