Enhance Map Zoom Control and Improve Map Page Layout

- Refactored zoom control component for better accessibility and styling.
- Added hover effects and improved button states for zoom in/out buttons.
- Updated map page layout with enhanced dataset card design and responsive styles.
- Introduced empty state for no datasets found and improved results header.
- Added icons for dataset cards and improved author display.

components.d.ts

@@ -11,3 +11,21 @@ declare module '@vue/runtime-core' {
         NInput: (typeof import('naive-ui'))['NInput'];
     }
 }
+
+// types/leaflet-src-dom-DomEvent.d.ts
+declare module 'leaflet/src/dom/DomEvent' {
+    export type DomEventHandler = (e?: any) => void;
+
+    // Attach event listeners. `obj` can be any DOM node or object with event handling.
+    export function on(obj: any, types: string, fn: DomEventHandler, context?: any): void;
+
+    // Detach event listeners.
+    export function off(obj: any, types: string, fn?: DomEventHandler, context?: any): void;
+
+    // Prevent default on native events
+    export function preventDefault(ev?: Event | undefined): void;
+
+    // Optional: other helpers you might need later
+    export function stopPropagation(ev?: Event | undefined): void;
+    export function stop(ev?: Event | undefined): void;
+}