- updated websocket context and add heatmap support; refactor CameraSettingFields and SightingWidget components

src/context/providers/WebSocketProvider.tsx

@@ -32,7 +32,7 @@ const WebSocketProvider = ({ children }: WebSocketProviderProps) => {
         sendJson: infoSocket.sendJsonMessage,
       },
     }),
-    [infoSocket.readyState, infoSocket.sendJsonMessage, systemData]
+    [systemData, infoSocket.readyState, infoSocket.sendJsonMessage]
   );
   return <WebsocketContext.Provider value={value}>{children}</WebsocketContext.Provider>;
 };