added auto disconnect when changing link

apps/dispatch/app/dispatch/_components/navbar/_components/Connection.tsx

@@ -1,8 +1,11 @@
 "use client";
 import { useSession } from "next-auth/react";
 import { useDispatchConnectionStore } from "../../../../_store/dispatch/connectionStore";
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { toast } from "react-hot-toast";
+import { useMutation } from "@tanstack/react-query";
+import { Prisma } from "@repo/db";
+import { changeDispatcherAPI } from "_querys/connected-user";
 
 export const ConnectionBtn = () => {
 	const modalRef = useRef<HTMLDialogElement>(null);
@@ -11,11 +14,22 @@ export const ConnectionBtn = () => {
 		logoffTime: "",
 		selectedZone: "LST_01",
 	});
+	const changeDispatcherMutation = useMutation({
+		mutationFn: ({ id, data }: { id: number; data: Prisma.ConnectedDispatcherUpdateInput }) =>
+			changeDispatcherAPI(id, data),
+	});
 	const [logoffDebounce, setLogoffDebounce] = useState<NodeJS.Timeout | null>(null);
 	const session = useSession();
 	const uid = session.data?.user?.id;
 	if (!uid) return null;
 
+	useEffect(() => {
+		// Disconnect the socket when the component unmounts
+		return () => {
+			connection.disconnect();
+		};
+	}, [connection.disconnect]);
+
 	return (
 		<div className="rounded-box bg-base-200 flex justify-center items-center gap-2 p-1">
 			{connection.message.length > 0 && (
@@ -66,7 +80,14 @@ export const ConnectionBtn = () => {
 										logoffTime: value,
 									});
 									if (logoffDebounce) clearTimeout(logoffDebounce);
-									const timeout = setTimeout(() => {
+									const timeout = setTimeout(async () => {
+										if (!connection.connectedDispatcher) return;
+										await changeDispatcherMutation.mutateAsync({
+											id: connection.connectedDispatcher?.id,
+											data: {
+												esimatedLogoutTime: value,
+											},
+										});
 										toast.success("Änderung gespeichert!");
 									}, 2000);
 									setLogoffDebounce(timeout);