refactor: organize supply frontend structure

src/features/workbench/map/map-control-config.ts

@@ -1,8 +1,6 @@
 import type { Map as MapLibreMap } from "maplibre-gl";
-import type { BaseLayerOption } from "@/features/map/core/components/base-layers-control";
-import type { MapLayerControlItem } from "@/features/map/core/components/layer-control";
-import type { MapLegendItem } from "@/features/map/core/components/legend";
-import { GEOSERVER_WORKSPACE } from "../../../lib/config";
+import type { BaseLayerOption, MapLayerControlItem, MapLegendItem } from "@/features/map/core";
+import { GEOSERVER_WORKSPACE } from "./geoserver-config";
 import { MAP_STYLE_TOKENS } from "./map-colors";
 import {
   AVAILABLE_WATER_NETWORK_SOURCE_IDS,
@@ -57,6 +55,18 @@ export const MAP_LEGEND_ITEMS: MapLegendItem[] = [
 
 export const BASE_LAYER_IDS = ["mapbox-light", "mapbox-satellite"] as const;
 
+export function applyBaseLayerVisibility(map: MapLibreMap, activeBaseLayerId: string) {
+  BASE_LAYER_IDS.forEach((layerId) => {
+    if (map.getLayer(layerId)) {
+      map.setLayoutProperty(
+        layerId,
+        "visibility",
+        activeBaseLayerId === layerId ? "visible" : "none"
+      );
+    }
+  });
+}
+
 export const BASE_LAYER_OPTIONS: BaseLayerOption[] = [
   {
     id: "mapbox-light",