feat(SW-791): make confirmation page dynamic

components/HotelReservation/BookingConfirmation/index.tsx

@@ -0,0 +1,31 @@
+import Actions from "./Actions"
+import Details from "./Details"
+import Header from "./Header"
+import HotelImage from "./HotelImage"
+import Summary from "./Summary"
+import TotalPrice from "./TotalPrice"
+
+import styles from "./bookingConfirmation.module.css"
+
+import type { BookingConfirmationProps } from "@/types/components/hotelReservation/bookingConfirmation/bookingConfirmation"
+
+export default function BookingConfirmation({
+  confirmationNumber,
+}: BookingConfirmationProps) {
+  return (
+    <>
+      <Header confirmationNumber={confirmationNumber} />
+      <section className={styles.section}>
+        <div className={styles.booking}>
+          <Details confirmationNumber={confirmationNumber} />
+          <HotelImage confirmationNumber={confirmationNumber} />
+          <Actions />
+        </div>
+        {/* Supposed Ancillaries */}
+        <Summary confirmationNumber={confirmationNumber} />
+        <TotalPrice confirmationNumber={confirmationNumber} />
+        {/* Supposed Info Card - Where should it come from?? */}
+      </section>
+    </>
+  )
+}