Improve front-end to make it easier for visitors to contribute

[martincollignon]

We had a hack day with the Tomorrow team today, and started working with @Kongkille on a project to improve front-end to make it easier for visitors to contribute. I'm putting this as an issue to allow anyone to come with feedback and help out.

The idea would be that each area is in a state of development, and that we should make it very easy for visitors (regardless if they're visitors or not) to know exactly how they can help.

A zone has no real-time data and no contact details.

• Label when hovering over the zone should change from "No data available" to "Help by adding contact details. Click to learn more"
• Left tab would change to something that looks like this.
• A link to create a new issue with this format
• Picture to use: https://undraw.co/search , name: Searching, hex color: #000000

A zone has no real-time data but contact details

• A new array for each zone should be created in zones.json with contact details (@Kongkille please link to example in your branch)
• Label when hovering over the zone should change from "No data available" to "Help by contacting relevant organisations. Click to learn more"
• Left tab would change to something that looks like this.
• Picture to use: https://undraw.co/search , name: Contact Us, hex color: #000000

A zone has a real-time parser that is available

• Label when hovering over the zone should change from "No data available" to "Help by building a parser. Click to learn more"
• Left tab would change to something that looks like this.
• Github issues that should be fetched would have the "parser buildable!" label, as well as a label that follows this format; zone:FR
• Picture to use: https://undraw.co/search , name: Collecting, hex color: #000000

A zone has a real-time parser but there is a bug

• Label when hovering over the zone should change from "No live data available" to "Help by fixing the parser. Click to learn more"
• Left tab would change to something that looks like this.
• Github issues that should be fetched would have the "bug" label, as well as a label that follows this format: zone:FR
• Picture to use: https://undraw.co/search , name: Bug fixing, hex color: #000000

Misc

The most "mature" stage should be the one to appear.

[Kongkille]

We did something on it, but I am not sure this was the best solution #2792