hotfix: update @types/leaflet and adjust map styling

Update package.json to bump @types/leaflet
Define leaflet map z-index directly in the main CSS via apps.cc for consistent component use
Scope all SearchMap.vue styles locally

package-lock.json

@@ -70,7 +70,7 @@
         "@types/clamscan": "^2.0.4",
         "@types/escape-html": "^1.0.4",
         "@types/fs-extra": "^11.0.4",
-        "@types/leaflet": "^1.9.3",
+        "@types/leaflet": "^1.9.16",
         "@types/luxon": "^3.4.2",
         "@types/node": "^22.10.2",
         "@types/proxy-addr": "^2.0.0",

package.json

@@ -39,7 +39,7 @@
     "@types/clamscan": "^2.0.4",
     "@types/escape-html": "^1.0.4",
     "@types/fs-extra": "^11.0.4",
-    "@types/leaflet": "^1.9.3",
+    "@types/leaflet": "^1.9.16",
     "@types/luxon": "^3.4.2",
     "@types/node": "^22.10.2",
     "@types/proxy-addr": "^2.0.0",

resources/css/app.css

@@ -109,6 +109,9 @@
   --radius: 15;
   --pi: 3.14159265358979;
 }
+.leaflet-container .leaflet-pane {
+  z-index: 30!important;
+}
 
 /* @layer base {
     html,

resources/js/Components/Map/SearchMap.vue

@@ -282,7 +282,7 @@ const handleDrawEventCreated = async (event) => {
 </template>
 
 
-<style lang="css">
+<style scoped lang="css">
 /* .leaflet-container {
     height: 600px;
     width: 100%;