feat(SW-713): add rooms sidepeek on hotelpage

components/SidePeeks/RoomSidePeek/index.tsx

@@ -16,7 +16,7 @@ import type { RoomSidePeekProps } from "@/types/components/hotelReservation/sele
 
 export default function RoomSidePeek({
   selectedRoom,
-  roomConfiguration,
+  buttonSize,
 }: RoomSidePeekProps) {
   const [isSidePeekOpen, setIsSidePeekOpen] = useState(false)
   const intl = useIntl()
@@ -31,7 +31,7 @@ export default function RoomSidePeek({
       <Button
         intent="text"
         type="button"
-        size="small"
+        size={buttonSize}
         theme="base"
         className={styles.button}
         onClick={() => setIsSidePeekOpen(true)}
@@ -41,7 +41,7 @@ export default function RoomSidePeek({
       </Button>
 
       <SidePeek
-        title={roomConfiguration.roomType}
+        title={selectedRoom?.name ?? ""}
         isOpen={isSidePeekOpen}
         handleClose={() => setIsSidePeekOpen(false)}
       >
@@ -51,16 +51,14 @@ export default function RoomSidePeek({
             : `${roomSize?.min} - ${roomSize?.max}`}
           m².{" "}
           {intl.formatMessage(
-            {
-              id: "booking.accommodatesUpTo",
-            },
+            { id: "booking.accommodatesUpTo" },
             { nrOfGuests: occupancy }
           )}
         </Body>
 
         {images && (
           <div className={styles.imageContainer}>
-            <ImageGallery images={images} title={roomConfiguration.roomType} />
+            <ImageGallery images={images} title={selectedRoom.name} />
           </div>
         )}