📦 Ensure the leaflet import is coordinated with react-leaflet-draw

react-leaflet-draw imports the default import (module), which
gets mutated by the side-effects from leaflet-draw that adds
leaflet.Draw.

When using the 'import * as L' variant, L.Draw is not available
as L and leaflet end up being different objects, breaking the
SDK storybook/build.

Using the default import seems to resolve this - hopefully
there are no other cases where this causes issues (e.g. with
other libraries...).

The inlining of the formio-renderer in the SDK *may* have
something to do with this, but frankly I don't understand
bundlers, nor do I have a desire to understand the whole module
resolution mechanics and side-effects bull$hit going on.

Author: sergei-maertens

src/components/map/LeafletMap.tsx

@@ -1,5 +1,5 @@
 import type {CoordinatePair, GeoJsonGeometry, MapComponentSchema} from '@open-formulieren/types';
-import * as L from 'leaflet';
+import L from 'leaflet';
 import {useEffect, useId, useRef} from 'react';
 import {useIntl} from 'react-intl';
 import {FeatureGroup, MapContainer, TileLayer, useMap} from 'react-leaflet';