Feat/SW-1937 destination overview map mobile

* feat(SW-1937): Added gestureHandling prop to be able to scroll past the map on the overview page

* feat(SW-1937): Added active map card on overview page for smaller viewports

Approved-by: Matilda Landström

apps/scandic-web/stores/destination-page-hotels-map.ts

@@ -1,16 +1,16 @@
 import { create } from "zustand"
 
 interface DestinationPageHotelsMapState {
-  hoveredHotel: string | null
-  activeHotel: string | null
-  setHoveredHotel: (hotelId: string | null) => void
-  setActiveHotel: (hotelId: string | null) => void
+  hoveredMarker: string | null
+  activeMarker: string | null
+  setHoveredMarker: (hotelId: string | null) => void
+  setActiveMarker: (hotelId: string | null) => void
 }
 
 export const useDestinationPageHotelsMapStore =
   create<DestinationPageHotelsMapState>((set) => ({
-    hoveredHotel: null,
-    activeHotel: null,
-    setHoveredHotel: (hotelId) => set({ hoveredHotel: hotelId }),
-    setActiveHotel: (hotelId) => set({ activeHotel: hotelId }),
+    hoveredMarker: null,
+    activeMarker: null,
+    setHoveredMarker: (hotelId) => set({ hoveredMarker: hotelId }),
+    setActiveMarker: (hotelId) => set({ activeMarker: hotelId }),
   }))