feat(SW-344): set active pin on scroll

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

@@ -11,7 +11,7 @@ import type { HotelListingProps } from "@/types/components/hotelReservation/sele
 export default function HotelListing({
   hotels,
   activeHotelPin,
-  onHotelCardHover,
+  setActiveHotelPin,
 }: HotelListingProps) {
   return (
     <>
@@ -20,11 +20,15 @@ export default function HotelListing({
           hotelData={hotels}
           type={HotelCardListingTypeEnum.MapListing}
           activeCard={activeHotelPin}
-          onHotelCardHover={onHotelCardHover}
+          onHotelCardHover={setActiveHotelPin}
         />
       </div>
       <div className={styles.hotelListingMobile} data-open={!!activeHotelPin}>
-        <HotelCardDialogListing hotels={hotels} activeCard={activeHotelPin} />
+        <HotelCardDialogListing
+          hotels={hotels}
+          activeCard={activeHotelPin}
+          onActiveCardChange={setActiveHotelPin}
+        />
       </div>
     </>
   )

components/HotelReservation/SelectHotel/SelectHotelMap/index.tsx

@@ -95,7 +95,7 @@ export default function SelectHotelMap({
           <HotelListing
             hotels={hotels}
             activeHotelPin={activeHotelPin}
-            onHotelCardHover={setActiveHotelPin}
+            setActiveHotelPin={setActiveHotelPin}
           />
           {showBackToTop && (
             <Button