IO-2924 add state sync on reconnect, correct treatment, and add status.

client/src/contexts/SocketIO/useSocket.js

@@ -1,7 +1,8 @@
 import { useEffect, useState, useRef } from "react";
 import SocketIO from "socket.io-client";
 import { auth } from "../../firebase/firebase.utils";
-
+import { store } from "../../redux/store";
+import { setWssStatus } from "../../redux/application/application.actions";
 const useSocket = (bodyshop) => {
   const socketRef = useRef(null);
   const [clientId, setClientId] = useState(null);
@@ -38,18 +39,22 @@ const useSocket = (bodyshop) => {
             console.log("Socket connected:", socketInstance.id);
             socketInstance.emit("join-bodyshop-room", bodyshop.id);
             setClientId(socketInstance.id);
+            store.dispatch(setWssStatus("connected"))
           };
 
           const handleReconnect = (attempt) => {
             console.log(`Socket reconnected after ${attempt} attempts`);
+            store.dispatch(setWssStatus("connected"))
           };
 
           const handleConnectionError = (err) => {
             console.error("Socket connection error:", err);
+            store.dispatch(setWssStatus("error"))
           };
 
           const handleDisconnect = () => {
             console.log("Socket disconnected");
+            store.dispatch(setWssStatus("disconnected"))
           };
 
           socketInstance.on("connect", handleConnect);