fix(web): use the main-map style for the photo-gallery minimap

The minimap was hardcoded to `maptilerStyleUrl("bright-v2", env)` and
also bailed early when `env.maptilerKey` was empty. On the self-hosted
deployment (`NEXT_PUBLIC_STYLE_PROVIDER=openmapx`, MapTiler key empty)
both branches failed: the bail-out skipped MapLibre instantiation
entirely, leaving just the bordered container — which is what the
gallery rendered as a black box.

Mirror the MapCanvas style-loading split: when `env.styleProvider ===
"openmapx"` resolve `loadOpenMapXStyle(env)` (same self-hosted
openmapx-streets style, tiles/sprite/glyphs patched in from env);
otherwise fall back to the cloud style URL. The MapLibre import and
style fetch run in parallel via `Promise.all`, and a top-level catch
keeps a failed style load from surfacing as an unhandled rejection.

The minimap now uses the same tiles and style as the main map.

Author: Medformatik

apps/web/src/components/panels/place/PlacePhotoGallery.tsx

@@ -25,7 +25,7 @@ import { useLocale, useTranslations } from "next-intl";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useEnv } from "@/lib/EnvProvider";
 import { useMap } from "@/lib/MapContext";
-import { maptilerStyleUrl } from "@/lib/map";
+import { loadOpenMapXStyle, maptilerStyleUrl } from "@/lib/map";
 import { PhotoAttribution } from "./PhotoAttribution";
 
 interface Props {
@@ -513,12 +513,23 @@ function GalleryMinimap({ lng, lat, onClick }: { lng: number; lat: number; onCli
 
     let cancelled = false;
 
-    import("maplibre-gl").then(({ default: maplibregl }) => {
-      if (cancelled || !el || !env.maptilerKey) return;
+    // Mirror MapCanvas: when the operator runs the openmapx-streets style
+    // off a self-hosted tileserver, fetch the style as a JSON object and
+    // patch in tiles/sprite/glyphs from env. Otherwise fall back to the
+    // MapTiler Cloud style URL (requires `env.maptilerKey`).
+    (async () => {
+      const [{ default: maplibregl }, style] = await Promise.all([
+        import("maplibre-gl"),
+        env.styleProvider === "openmapx"
+          ? loadOpenMapXStyle(env)
+          : Promise.resolve(maptilerStyleUrl("bright-v2", env)),
+      ]);
+      if (cancelled || !el) return;
+      if (env.styleProvider !== "openmapx" && !env.maptilerKey) return;
 
       const map = new maplibregl.Map({
         container: el,
-        style: maptilerStyleUrl("bright-v2", env),
+        style: style as string | maplibregl.StyleSpecification,
         center: [lng, lat],
         zoom: 16,
         interactive: false,
@@ -528,6 +539,8 @@ function GalleryMinimap({ lng, lat, onClick }: { lng: number; lat: number; onCli
       const marker = new maplibregl.Marker({ color: "#e53935" }).setLngLat([lng, lat]).addTo(map);
 
       mapRef.current = { map, marker };
+    })().catch(() => {
+      // Style load or MapLibre import failed — leave the container empty.
     });
 
     return () => {