feat(SW-718) Updated css naming

components/HotelReservation/SelectRate/Rooms/index.tsx

@@ -243,7 +243,7 @@ export default function Rooms({
                 </Subtitle>
               )}
               <div className={classNames}>
-                <div className={styles.selectedRoomPanel}>
+                <div className={styles.roomPanel}>
                   <SelectedRoomPanel
                     roomIndex={index}
                     room={room}

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

@@ -15,7 +15,7 @@
   padding: var(--Spacing-x2);
 }
 
-._basePanel {
+.roomPanel {
   display: grid;
   grid-template-rows: 0fr;
   opacity: 0;
@@ -25,20 +25,16 @@
     grid-template-rows 0.3s ease;
 }
 
-._basePanel > * {
+.roomPanel > * {
   overflow: hidden;
 }
 
 .roomSelectionPanel {
-  composes: _basePanel;
+  composes: roomPanel;
   gap: var(--Spacing-x2);
 }
 
-.selectedRoomPanel {
-  composes: _basePanel;
-}
-
-.roomSelectionPanelContainer.selected .selectedRoomPanel {
+.roomSelectionPanelContainer.selected .roomPanel {
   grid-template-rows: 1fr;
   opacity: 1;
   height: auto;