Implement React Hooks for live state updates

[lowchuenleik]

Allow us to have live state updates such as number of active hackers on the webpage, viewing a stream, etc.

Milestones and issue to be fleshed out.

[vanjo9800]

More recent update:

This task involves a little bit of research as now we have an existing counter (https://github.com/hackcambridge/hc2020-prototype/blob/master/resources/js/components/dashboard/components/Overview.tsx#L80) which checks the currently checked in people.

I think we can update that to be the currently active people who have logged in and have a tab open of the platform.

[vanjo9800]

This seems to be interesting: https://www.twilio.com/blog/create-php-websocket-server-build-real-time-even-driven-application

[vanjo9800]

And that one is more related to our case: https://medium.com/@mohyaddinalaoddin/web-sockets-made-easy-with-laravel-and-ratchet-149a0e63a74f

[vanjo9800]

Work on the issue has been started here #194, but it seems to require more work and is quite risky to undertake two weeks before the event and 1 week before code freeze.

Would definitely be worth a look for next year!