Added Pilot Filter functionality

apps/dispatch/app/_components/left/SettingsBoard.tsx

@@ -2,10 +2,12 @@
 import { useLeftMenuStore } from "_store/leftMenuStore";
 import { cn } from "@repo/shared-components";
 import { SettingsIcon } from "lucide-react";
+import { usePilotConnectionStore } from "_store/pilot/connectionStore";
 
 export const SettingsBoard = () => {
 	const { setSituationTabOpen, situationTabOpen } = useLeftMenuStore();
-
+	const { followOwnAircraft, showOtherAircrafts, showOtherMissions, setMapOptions } =
+		usePilotConnectionStore();
 	const cross = (
 		<svg
 			aria-label="disabled"
@@ -59,7 +61,11 @@ export const SettingsBoard = () => {
 							</h2>
 							<div className="flex items-center gap-2">
 								<label className="toggle text-base-content">
-									<input type="checkbox" />
+									<input
+										type="checkbox"
+										checked={followOwnAircraft}
+										onChange={(e) => setMapOptions({ followOwnAircraft: e.target.checked })}
+									/>
 									{cross}
 									{check}
 								</label>
@@ -67,7 +73,11 @@ export const SettingsBoard = () => {
 							</div>
 							<div className="flex items-center gap-2">
 								<label className="toggle text-base-content">
-									<input type="checkbox" />
+									<input
+										type="checkbox"
+										checked={showOtherAircrafts}
+										onChange={(e) => setMapOptions({ showOtherAircrafts: e.target.checked })}
+									/>
 									{cross}
 									{check}
 								</label>
@@ -75,7 +85,11 @@ export const SettingsBoard = () => {
 							</div>
 							<div className="flex items-center gap-2">
 								<label className="toggle text-base-content">
-									<input type="checkbox" />
+									<input
+										type="checkbox"
+										checked={showOtherMissions}
+										onChange={(e) => setMapOptions({ showOtherMissions: e.target.checked })}
+									/>
 									{cross}
 									{check}
 								</label>