fix(web): Map clustering when zoomed in (#5299)

* raise maxZoom to a value that cannot be reached

* set max zoom for the entire map

web/src/lib/components/shared-components/map/map.svelte

@@ -87,10 +87,19 @@
 </script>
 
 {#await style then style}
-  <MapLibre {style} class="h-full" {center} {zoom} attributionControl={false} diffStyleUpdates={true} let:map>
+  <MapLibre
+    {style}
+    class="h-full"
+    {center}
+    {zoom}
+    attributionControl={false}
+    diffStyleUpdates={true}
+    let:map
+    on:load={(event) => event.detail.setMaxZoom(14)}
+  >
     <NavigationControl position="top-left" showCompass={!simplified} />
     {#if !simplified}
-      <GeolocateControl position="top-left" fitBoundsOptions={{ maxZoom: 12 }} />
+      <GeolocateControl position="top-left" />
       <FullscreenControl position="top-left" />
       <ScaleControl />
       <AttributionControl compact={false} />
@@ -110,7 +119,7 @@
         }),
       }}
       id="geojson"
-      cluster={{ maxZoom: 14, radius: 500 }}
+      cluster={{ radius: 500 }}
     >
       <MarkerLayer
         applyToClusters