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/locales/vi.json

@@ -298,6 +298,13 @@
     "endDate": "Ngày kết thúc",
     "endTime": "Giờ kết thúc"
   },
+  "websocket": {
+    "browserOnline": "Bạn đã trực tuyến trở lại. Đang kết nối lại cập nhật thời gian thực…",
+    "browserOffline": "Bạn đang ngoại tuyến. Cập nhật thời gian thực sẽ tạm dừng cho đến khi kết nối được khôi phục.",
+    "reconnected": "Cập nhật thời gian thực đã hoạt động trở lại.",
+    "error": "Đã xảy ra sự cố với cập nhật thời gian thực: %{error}",
+    "closedUnexpectedly": "Cập nhật thời gian thực đã bị gián đoạn. Đang thử kết nối lại…"
+  },
   "months": {
     "standalone": {
       "0": "Tháng 1",