fix(SW-1111) refactor state of active hotel card and hotel pin

components/HotelReservation/HotelCard/index.tsx

@@ -4,7 +4,8 @@ import { memo, useCallback } from "react"
 import { useIntl } from "react-intl"
 
 import { Lang } from "@/constants/languages"
-import { selectHotelMap, selectRate } from "@/constants/routes/hotelReservation"
+import { selectRate } from "@/constants/routes/hotelReservation"
+import { useHotelsMapStore } from "@/stores/hotels-map"
 
 import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data"
 import ImageGallery from "@/components/ImageGallery"
@@ -32,26 +33,27 @@ function HotelCard({
   hotel,
   type = HotelCardListingTypeEnum.PageListing,
   state = "default",
-  onHotelCardHover,
 }: HotelCardProps) {
   const params = useParams()
   const lang = params.lang as Lang
   const intl = useIntl()
+  const { setActiveHotelPin, setActiveHotelCard } = useHotelsMapStore()
 
   const { hotelData } = hotel
   const { price } = hotel
 
   const handleMouseEnter = useCallback(() => {
-    if (onHotelCardHover && hotelData) {
-      onHotelCardHover(hotelData.name)
+    if (hotelData) {
+      setActiveHotelPin(hotelData.name)
     }
-  }, [onHotelCardHover, hotelData])
+  }, [setActiveHotelPin, hotelData])
 
   const handleMouseLeave = useCallback(() => {
-    if (onHotelCardHover) {
-      onHotelCardHover(null)
+    if (hotelData) {
+      setActiveHotelPin(null)
+      setActiveHotelCard(null)
     }
-  }, [onHotelCardHover])
+  }, [setActiveHotelPin, hotelData, setActiveHotelCard])
 
   if (!hotel || !hotelData) return null