Migrate ZoneList component to React

[fbarl]

Part of #1681 (comment).

Notes

• When testing locally and switching the toggle to production, the zone list will become empty as there is no production data is generated for the local runs. This should actually be a correct behavior as the zone list should presumably only display zones for which some data exists. In the old ZoneList component, the list wouldn't really get updated when switching the toggle which is probably a bug.

[corradio]

Superb!
I didn't look in the smallest details, so therefore, I would ask you to test thoroughly that the interaction still works.
It's important as well to test on mobile (I think it's enough if you test it from your phone, or from a browser in responsive mode).
I'll let you merge once you've tested.

[fbarl]

I just ran through all the interactions tests I could think of and it seems to work fine:

Web

• Rendering of the zone list
• Clicking on the zones
• Keyboard interactions (up/down/enter/a-z)
• Search bar filtering
• Clicking on the map selects the zone

Mobile

• Rendering of the zone list
• Clicking on the zones
• Search bar filtering
• Clicking on the map selects the zone

The only bit of code I wanted to be careful about is the map centering event observer I added in this PR, but the map interactions seem to work fine as well!

observe(state => state.application.selectedZoneName, (selectedZoneName, state) => {
  if (selectedZoneName) {
    centerOnZoneName(state, selectedZoneName, 4);
  }
});

Note: For mobile testing, I actually used Chrome in responsive mode as I couldn't get ngrok http 8000 to work from my mobile due to too many connections error :/ I wonder how you normally test from your phone, couldn't find anything in the docs 🤔

[corradio]

That's perfect!