feat: booking confirmation page with hardcoded data

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

@@ -0,0 +1,24 @@
+.page {
+  min-height: 100dvh;
+  padding-top: var(--Spacing-x6);
+  padding-left: var(--Spacing-x2);
+  padding-right: var(--Spacing-x2);
+  background-color: var(--Scandic-Brand-Warm-White);
+}
+
+.content {
+  max-width: var(--max-width);
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x7);
+  padding: var(--Spacing-x2);
+}
+
+.main {
+  flex-grow: 1;
+}
+
+.summary {
+  max-width: 340px;
+}

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

@@ -0,0 +1,66 @@
+import { getProfileSafely } from "@/lib/trpc/memoizedRequests"
+import { serverClient } from "@/lib/trpc/server"
+
+import HotelInfoCard from "@/components/HotelReservation/SelectRate/HotelInfoCard"
+import RoomSelection from "@/components/HotelReservation/SelectRate/RoomSelection"
+import getHotelReservationQueryParams from "@/components/HotelReservation/SelectRate/RoomSelection/utils"
+import { setLang } from "@/i18n/serverContext"
+
+import styles from "./page.module.css"
+
+import { SelectRateSearchParams } from "@/types/components/hotelReservation/selectRate/selectRate"
+import { LangParams, PageArgs } from "@/types/params"
+
+export default async function SelectRatePage({
+  params,
+  searchParams,
+}: PageArgs<LangParams & { section: string }, SelectRateSearchParams>) {
+  setLang(params.lang)
+
+  const selecetRoomParams = new URLSearchParams(searchParams)
+  const selecetRoomParamsObject =
+    getHotelReservationQueryParams(selecetRoomParams)
+  const adults = selecetRoomParamsObject.room[0].adults // TODO: Handle multiple rooms
+  const children = selecetRoomParamsObject.room[0].child.length // TODO: Handle multiple rooms
+
+  const [hotelData, roomConfigurations, user] = await Promise.all([
+    serverClient().hotel.hotelData.get({
+      hotelId: searchParams.hotel,
+      language: params.lang,
+      include: ["RoomCategories"],
+    }),
+    serverClient().hotel.availability.rooms({
+      hotelId: parseInt(searchParams.hotel, 10),
+      roomStayStartDate: searchParams.fromDate,
+      roomStayEndDate: searchParams.toDate,
+      adults: adults,
+      children: children,
+    }),
+    getProfileSafely(),
+  ])
+
+  if (!roomConfigurations) {
+    return "No rooms found" // TODO: Add a proper error message
+  }
+
+  if (!hotelData) {
+    return "No hotel data found" // TODO: Add a proper error message
+  }
+
+  const roomCategories = hotelData?.included
+
+  return (
+    <div>
+      <HotelInfoCard hotelData={hotelData} />
+      <div className={styles.content}>
+        <div className={styles.main}>
+          <RoomSelection
+            roomConfigurations={roomConfigurations}
+            roomCategories={roomCategories ?? []}
+            user={user}
+          />
+        </div>
+      </div>
+    </div>
+  )
+}