Add BingLayer component for enhanced map functionality

- Introduced a new BingLayer component to integrate Bing Maps with Leaflet.
- Updated SourcedTileLayer to import the new BingLayer instead of the previous package.
- This change improves compatibility with the current build system and resolves import issues with react-leaflet-bing-v2.

Author: CollinBeczak

src/components/EnhancedMap/SourcedTileLayer/BingLayer.js

@@ -0,0 +1,15 @@
+import { createLayerComponent } from "@react-leaflet/core";
+import L from "leaflet";
+
+// Side-effect import: registers L.BingLayer / L.bingLayer on the Leaflet global.
+// We intentionally bypass react-leaflet-bing-v2's own Bing.js wrapper, which does
+// `import {bingLayer} from './leaflet.bing'` — a binding that file never exports.
+// Older bundlers ignored the dead import; Vite/rolldown rejects it as MISSING_EXPORT.
+import "react-leaflet-bing-v2/src/leaflet.bing.js";
+
+const createLeafletElement = (props) => {
+  const instance = L.bingLayer(props.bingkey, props);
+  return { instance };
+};
+
+export const BingLayer = createLayerComponent(createLeafletElement);

src/components/EnhancedMap/SourcedTileLayer/SourcedTileLayer.jsx

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 import { useEffect, useState } from "react";
 import { FormattedMessage, injectIntl } from "react-intl";
 import { TileLayer } from "react-leaflet";
-import { BingLayer } from "react-leaflet-bing-v2/src/index.js";
+import { BingLayer } from "./BingLayer";
 import AppErrors from "../../../services/Error/AppErrors";
 import {
   defaultLayerSource,