Web: Implement MVP

[ReeceRose]

Currently, there is no way to view health data and see when servers go offline. In the future, we plan on drastically increasing the amount of data returned from the data-collector and the amount of data visible on the web but for now just seeing if a server is online is good enough. ideally we can find a nice dashboard template and strip most of the existing UI to meet our needs.

Research:

• Look into existing dashboard templates and see if there's anything usable. Too much boilerplate code that's not easily removable is a downside. Next.js support would be nice, although we could port it.

MVP acceptance criteria:

• If a server goes offline (for a configurable amount of time) it is clearly visible on the UI (maybe notifications)
• If a server is online, it is also clearly visible
• Websocket?/continous request support to API
• UI should have a good design (not necessarily that it looks good, but UI is expandable and looks somewhat like a dashboard)

[ReeceRose]

https://www.creative-tim.com/product/notus-nextjs seems to be a good fit. Attaching code for archive reasons. I plan on stripping it down and we can re-add later. Here is a live preview: https://demos.creative-tim.com/notus-nextjs/admin/dashboard notus-nextjs-main.zip

[ReeceRose]

Initial health (last 5 minutes by default although configurable) should be sent when initially getting host. Web sockets should only send the difference in health for all hosts.

[ReeceRose]

PWA support would also be nice, hopefully it isn't a lot of work (https://github.com/vercel/next.js/tree/canary/examples/progressive-web-app)