NCL-8960 Fix error on Firefox when close WS client remotely

src/components/LiveBuildLogPage/LiveBuildLogPage.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useMemo } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 import { buildLogMatchFiltersPrefix, buildLogPrefixFilters, useBifrostWebSocketEffect } from 'hooks/useBifrostWebSocketEffect';
@@ -29,9 +29,12 @@ export const LiveBuildLogPage = () => {
     [buildId]
   );
 
-  if (!isBuilding) {
-    navigate(`/builds/${buildId}/build-log`, { replace: true });
-  }
+  useEffect(() => {
+    // Move navigate function call into useEffect to make navigation occurs after the component has rendered
+    if (!isBuilding) {
+      navigate(`/builds/${buildId}/build-log`, { replace: true });
+    }
+  }, [isBuilding, navigate, buildId]);
 
   useBifrostWebSocketEffect(
     useCallback(

src/services/webSocketClient.ts

@@ -31,6 +31,14 @@ export const createWebSocketClient = (url: string) => {
     });
   };
 
+  webSocket.onclose = (event: CloseEvent) => {
+    if (event.code === 1000) {
+      console.log(`WebSocket closed normally: Code ${event.code}, Reason: ${event.reason}`);
+    } else {
+      console.log(`WebSocket closed unexpectedly: Code ${event.code}`);
+    }
+  };
+
   return {
     /**
      * Add WebSocket message listener.
@@ -91,7 +99,7 @@ export const createWebSocketClient = (url: string) => {
      * Close the WebSocket connection.
      */
     close: () => {
-      webSocket.close();
+      webSocket.close(1000, 'Client closed connection');
     },
   };
 };