Merged in SW-3270-move-interactive-map-to-design-system-or-booking-flow (pull request #2681)

SW-3270 move interactive map to design system or booking flow

* wip

* wip

* merge

* wip

* add support for locales in design-system

* add story for HotelCard

* setup alias

* .

* remove tracking from design-system for hotelcard

* pass isUserLoggedIn

* export design-system-new-deprecated.css from design-system

* Add HotelMarkerByType to Storybook

* Add interactive map to Storybook

* fix reactintl in vitest

* rename env variables

* .

* fix background colors

* add storybook stories for <Link />

* merge

* fix tracking for when clicking 'See rooms' in InteractiveMap

* Merge branch 'master' of bitbucket.org:scandic-swap/web into SW-3270-move-interactive-map-to-design-system-or-booking-flow

* remove deprecated comment


Approved-by: Anton Gunnarsson

apps/scandic-web/hooks/maps/useZoomControls.ts

@@ -1,43 +0,0 @@
-import { useMap } from "@vis.gl/react-google-maps"
-import { useEffect, useState } from "react"
-
-import { DEFAULT_ZOOM, MAX_ZOOM, MIN_ZOOM } from "@/constants/map"
-
-export function useZoomControls() {
-  const map = useMap()
-  const [zoomLevel, setZoomLevel] = useState(DEFAULT_ZOOM)
-
-  const zoomIn = () => {
-    if (map && zoomLevel < MAX_ZOOM) {
-      map.setZoom(zoomLevel + 1)
-    }
-  }
-
-  const zoomOut = () => {
-    if (map && zoomLevel > MIN_ZOOM) {
-      map.setZoom(zoomLevel - 1)
-    }
-  }
-
-  useEffect(() => {
-    if (!map) return
-
-    const handleZoomChanged = () => {
-      const currentZoom = map.getZoom()
-      if (currentZoom != null) {
-        setZoomLevel(currentZoom)
-      }
-    }
-
-    const listener = map.addListener("zoom_changed", handleZoomChanged)
-    return () => listener.remove()
-  }, [map])
-
-  return {
-    zoomLevel,
-    zoomIn,
-    zoomOut,
-    isMinZoom: zoomLevel <= MIN_ZOOM,
-    isMaxZoom: zoomLevel >= MAX_ZOOM,
-  }
-}