add @luomus/leaflet-smooth-wheel-zoom dependency and configure smooth scrolling in MapView

Author: SableRaf

pcd-website/package-lock.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@astrojs/vue": "^5.1.4",
+    "@luomus/leaflet-smooth-wheel-zoom": "^1.0.0",
     "astro": "^5.17.1",
     "focus-trap": "^8.0.0",
     "leaflet": "^1.9.4",

pcd-website/package.json

@@ -72,9 +72,13 @@ function handleKeydown(e: KeyboardEvent) {
 onMounted(async () => {
   const L = (await import('leaflet')).default;
   await import('leaflet.markercluster');
+  await import('@luomus/leaflet-smooth-wheel-zoom');
 
   const map = L.map('map', {
     zoomControl: true,
+    scrollWheelZoom: false,
+    smoothWheelZoom: true,
+    smoothSensitivity: 1,
   });
   mapInstance = map;