added sorting and Connected Icon on Station

apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx

@@ -259,16 +259,23 @@ export const MissionForm = () => {
 					placeholder="Wähle ein oder mehrere Rettungsmittel aus"
 					isMulti
 					form={form}
-					options={stations?.map((s) => ({
-						label: (
-							/* TODO: Only show radio icon if station online and sort online stations to the top */
-							<span className="flex items-center gap-2">
-								<Radio className="text-success" size={15} />
-								{s.bosCallsign}
-							</span>
-						),
-						value: s.id,
-					}))}
+					options={stations
+						?.sort((a, b) => {
+							const aHasAircraft = aircrafts?.some((ac) => ac.stationId === a.id) ? 0 : 1;
+							const bHasAircraft = aircrafts?.some((ac) => ac.stationId === b.id) ? 0 : 1;
+							return aHasAircraft - bHasAircraft;
+						})
+						.map((s) => ({
+							label: (
+								<span className="flex items-center gap-2">
+									{aircrafts?.some((a) => a.stationId === s.id) && (
+										<Radio className="text-success" size={15} />
+									)}
+									{s.bosCallsign}
+								</span>
+							),
+							value: s.id,
+						}))}
 				/>
 			</div>