feat(SW-340): Hover actions

components/HotelReservation/SelectHotel/SelectHotelMap/HotelListing/index.tsx

@@ -9,14 +9,16 @@ import type { HotelListingProps } from "@/types/components/hotelReservation/sele
 
 export default function HotelListing({
   hotels,
-  cardState = "default",
+  activeHotelPin,
+  onHotelCardHover,
 }: HotelListingProps) {
   return (
     <div className={styles.hotelListing}>
       <HotelCardListing
         hotelData={hotels}
         type={HotelCardListingTypeEnum.MapListing}
-        state={cardState}
+        activeCard={activeHotelPin}
+        onHotelCardHover={onHotelCardHover}
       />
     </div>
   )

components/HotelReservation/SelectHotel/SelectHotelMap/index.tsx

@@ -94,7 +94,8 @@ export default function SelectHotelMap({
           </div>
           <HotelListing
             hotels={hotels}
-            cardState={activeHotelPin ? "active" : "default"}
+            activeHotelPin={activeHotelPin}
+            onHotelCardHover={setActiveHotelPin}
           />
           {showBackToTop && (
             <Button