refactor: move css imports and interface defintions to top of maplibr…

…e.astro

src/components/map/maplibre.astro

@@ -1,4 +1,7 @@
 ---
+import 'maplibre-gl/dist/maplibre-gl.css';
+import '@maplibre/maplibre-gl-geocoder/dist/maplibre-gl-geocoder.css';
+
 export interface Props {
   latitude: number
   longitude: number
@@ -11,6 +14,14 @@ export interface Props {
   draw?: boolean
 }
 
+interface NominatimFeature {
+  bbox: [number, number, number, number];
+  properties: {
+    display_name: string;
+    [key: string]: any;
+  };
+}
+
 const {
   latitude,
   longitude,
@@ -66,24 +77,13 @@ const {
 </maplibre-astro>
 
 <script>
-  import 'maplibre-gl/dist/maplibre-gl.css';
-  import '@maplibre/maplibre-gl-geocoder/dist/maplibre-gl-geocoder.css';
-
   import type { MaplibreGeocoderApi } from '@maplibre/maplibre-gl-geocoder';
   import type { StyleSpecification, LngLatLike } from 'maplibre-gl';
 
   import maplibre from 'maplibre-gl';
   import MaplibreGeocoder from '@maplibre/maplibre-gl-geocoder';
   import { TerraDraw, TerraDrawMapLibreGLAdapter, TerraDrawPolygonMode } from "terra-draw";
 
-  interface NominatimFeature {
-    bbox: [number, number, number, number];
-    properties: {
-      display_name: string;
-      [key: string]: any;
-    };
-  }
-
   class MapLibreMap extends HTMLElement {
     map: maplibre.Map | null = null;
     draw: TerraDraw | null = null;