feat(SW-453): Fixed new filter buttons and updated price in summary

components/HotelReservation/SelectRate/Rooms/index.tsx

@@ -9,15 +9,15 @@ import RoomSelection from "../RoomSelection"
 
 import styles from "./rooms.module.css"
 
-import { RoomProps } from "@/types/components/hotelReservation/selectRate/room"
 import { RoomPackageCodes } from "@/types/components/hotelReservation/selectRate/roomFilter"
+import { RoomSelectionProps } from "@/types/components/hotelReservation/selectRate/roomSelection"
 
 export default function Rooms({
   roomsAvailability,
   roomCategories = [],
   user,
   packages,
-}: RoomProps) {
+}: RoomSelectionProps) {
   const [rooms, setRooms] = useState<RoomsAvailability>(roomsAvailability)
 
   function handleFilter(filter: Record<string, boolean | undefined>) {
@@ -47,6 +47,7 @@ export default function Rooms({
         roomsAvailability={rooms}
         roomCategories={roomCategories}
         user={user}
+        packages={packages}
       />
     </div>
   )

components/HotelReservation/SelectRate/Rooms/rooms.module.css

@@ -3,6 +3,6 @@
   margin: 0 auto;
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x7);
+  gap: var(--Spacing-x2);
   padding: var(--Spacing-x2);
 }