474 websocket add a snack bar to notify the user on websocket status changes (#483)

* [#474] added snackbar for websocket status

* [#474 & #447] added ping to complete browser online/offline status

* [#447] ping timeout as an env var

src/setupTests.ts

@@ -58,7 +58,10 @@ class IntersectionObserverMock {
 }
 
 (global as any).IntersectionObserver = IntersectionObserverMock;
-
+if (typeof window !== "undefined") {
+  (window as any).WS_PING_PERIOD_MS = 5000;
+  (window as any).WS_PING_TIMEOUT_PERIOD_MS = 5000;
+}
 // Suppress jsdom CSS selector parsing errors for Emotion/MUI
 if (typeof window !== "undefined" && window.getComputedStyle) {
   const originalGetComputedStyle = window.getComputedStyle;