removed interactive flag, fixed map pane opening

apps/dispatch/app/_components/SmartPopup.tsx

@@ -128,7 +128,7 @@ export const SmartPopup = (
 	}, [map, anchor]);
 
 	return (
-		<Popup {...props} className={cn("relative", wrapperClassName)} interactive>
+		<Popup {...props} className={cn("relative", wrapperClassName)}>
 			<div
 				className={cn(
 					"pointer-events-auto bg-base-100 relative",

apps/dispatch/app/dispatch/_components/map/BaseMaps.tsx

@@ -1,7 +1,18 @@
 "use client";
-import { TileLayer } from "react-leaflet";
+import { usePannelStore } from "_store/pannelStore";
+import { useEffect } from "react";
+import { TileLayer, useMap } from "react-leaflet";
 
 export const BaseMaps = () => {
+	const map = useMap();
+	const isPannelOpen = usePannelStore((state) => state.isOpen);
+
+	useEffect(() => {
+		setTimeout(() => {
+			map.invalidateSize();
+		}, 600);
+	}, [isPannelOpen]);
+
 	return (
 		<>
 			<TileLayer