Added side Pannel

apps/dispatch/app/(dispatch)/_components/map/Map.tsx

@@ -1,25 +1,15 @@
 "use client";
-import { useEffect, useRef } from "react";
-
-import L from "leaflet";
 import "leaflet/dist/leaflet.css";
-import ToastCard from "../toast/ToastCard";
-import { Toast, ToastBar, Toaster, toast } from "react-hot-toast";
 import { useMapStore } from "_store/mapStore";
 import { MapContainer } from "react-leaflet";
 import { BaseMaps } from "(dispatch)/_components/map/BaseMaps";
 import { ContextMenu } from "(dispatch)/_components/map/ContextMenu";
 
-export default () => {
+export default ({}) => {
 	const { map } = useMapStore();
 
 	return (
-		<MapContainer
-			className="h-full w-full"
-			center={map.center}
-			zoom={map.zoom}
-			scrollWheelZoom={true}
-		>
+		<MapContainer className="flex-1" center={map.center} zoom={map.zoom}>
 			<BaseMaps />
 			<ContextMenu />
 		</MapContainer>

apps/dispatch/app/(dispatch)/_components/pannel/OpenButton.tsx

@@ -0,0 +1,15 @@
+import { usePannelStore } from "_store/pannelStore";
+
+export const OpenButton = () => {
+	const { setOpen } = usePannelStore();
+	return (
+		<button
+			onClick={() => {
+				setOpen(true);
+			}}
+			className="btn absolute inset-y-0 right-0 z-9999"
+		>
+			Open
+		</button>
+	);
+};

apps/dispatch/app/(dispatch)/_components/pannel/Pannel.tsx

@@ -0,0 +1,16 @@
+import { usePannelStore } from "_store/pannelStore";
+import { cn } from "helpers/cn";
+
+export const Pannel = () => {
+	const { isOpen, setOpen } = usePannelStore();
+	return (
+		<div className={cn("flex-1 max-w-[200px] z-9999999")}>
+			<div className="bg-base-100 h-full w-full">
+				<div className="flex justify-between items-center p-4">
+					<h1 className="text-xl font-bold">Pannel</h1>
+					<button onClick={() => setOpen(false)}>Close</button>
+				</div>
+			</div>
+		</div>
+	);
+};