Detect if waku is disconnected and reconnect

[lucille-bellepleure]

https://forum.bubble.io/t/re-establishing-web-socket-for-pwa/249335

This is a known problem with PWA's, a workaround could be to implement the "pull down to refresh" gesture, or add an indicator in the app showing the waku connection status (which is the least fav solution).

https://stackoverflow.com/questions/75972895/ios-pwa-how-to-re-enable-pull-to-refresh

[agazso]

From here: https://github.com/logos-innovation-lab/waku-objects-playground/issues/283#issue-1841345075

@vojtechsimetka wrote:

If waku gets diconnected (especially in PWA when switching away and back to the app), it does not reconnect. According to @michelleplur iOS (and to some extend Android) do not suport reconnecting websockets.

I propose following TODOs:

• [ ] monitor waku connection health
• [ ] implement reconnect functionality and a dialog that users can press to reconnect
• [ ] try and see if this can work without the dialog

[vojtechsimetka]

So I did some more testing and if I lose connection it does not write anything in the console in Chrome and when I "send" messages they appear to be sent but they are not. In Safari I see some error but it may be unrelated.

Chrome:

Safari: