perf: use websocket context

src/hooks/use-websocket-context.ts

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { WebSocketContext } from "../context/websocket-context";
+
+export const useWebSocketContext = () => {
+  const context = useContext(WebSocketContext);
+  if (context === undefined) {
+    throw new Error(
+      "useWebSocketContext must be used within a WebSocketProvider",
+    );
+  }
+  return context;
+};