added MEasurement-tool, added Dispatch-name auto change

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

@@ -18,6 +18,7 @@ import {
 	SmartphoneNfc,
 	CheckCheck,
 	Cross,
+	Radio,
 } from "lucide-react";
 import {
 	getPublicUser,
@@ -41,6 +42,7 @@ import { useDispatchConnectionStore } from "_store/dispatch/connectionStore";
 import { HPGValidationRequired } from "_helpers/hpgValidationRequired";
 import { getOsmAddress } from "_querys/osm";
 import { hpgStateToFMSStatus } from "_helpers/hpgStateToFmsStatus";
+import { cn } from "_helpers/cn";
 
 const Einsatzdetails = ({
 	mission,
@@ -428,7 +430,7 @@ const Rettungsmittel = ({ mission }: { mission: Mission }) => {
 			? [{ label: "Rettungsdienst", value: "RTW", type: "vehicle" as const }]
 			: []),
 		...(!mission.hpgPoliceState || mission.hpgPoliceState === "NOT_REQUESTED"
-			? [{ label: "POLizei", value: "POL", type: "vehicle" as const }]
+			? [{ label: "Polizei", value: "POL", type: "vehicle" as const }]
 			: []),
 	].sort((a, b) => {
 		// 1. Vehicles first
@@ -443,7 +445,6 @@ const Rettungsmittel = ({ mission }: { mission: Mission }) => {
 
 		// 3. Otherwise, sort alphabetically by label
 		return a.label.localeCompare(b.label);
-		return 0;
 	});
 
 	useEffect(() => {
@@ -558,25 +559,17 @@ const Rettungsmittel = ({ mission }: { mission: Mission }) => {
 							}}
 							value={typeof selectedStation === "string" ? selectedStation : selectedStation?.id}
 						>
-							{allStations
-								?.filter((s) => !mission.missionStationIds.includes(s.id))
-								?.map((station) => (
-									<option
-										key={station.id}
-										value={station.id}
-										onClick={() => {
-											setSelectedStation(station);
-										}}
-									>
-										{station.bosCallsign}
-									</option>
-								))}
-							<option disabled value={"default"}>
-								Fahrzeuge:
-							</option>
 							{stationsOptions.map((option) => (
-								<option key={option.value} value={option.value}>
+								<option
+									key={option.value}
+									value={option.value}
+									className={cn(
+										"flex gap-2",
+										"isOnline" in option && option?.isOnline && "text-green-500",
+									)}
+								>
 									{option.label}
+									{"isOnline" in option && option?.isOnline && " (Online)"}
 								</option>
 							))}
 						</select>