Color accessibility UI

[orangemug]

Raising this pull request for feedback. This is a first attempt for a color accessibility UI.

My thoughts are that because the map can only be in one state at a time to bundle it in with the Maps Inspect/Map toggle.

Demo: https://892-84182601-gh.circle-artifacts.com/0/artifacts/build/index.html#0.36/0/0
Fixes #323

Thoughts and feedback appreciated

Note: I'll fix failing tests when we're happy with the UI

[pathmapper]

Makes sense to me to put it there and I like it 👍

Maybe adding tooltips with a short explanation of the different options, like:

• deuteranopia -> red-green color blindness
• protanopia -> red-green color blindness
• tritanopia -> blue-yellow color blindness
• achromatopsia -> total color blindness

[pathmapper]

This PR is also a welcome improvement regarding information which map state is active.
Currently you know you are in map mode because you are able to switch to inspect mode and vice versa.

[orangemug]

Hey @pathmapper there is a new build with the tests fixed

https://995-84182601-gh.circle-artifacts.com/0/artifacts/build/index.html#0.35/0/0

This uses a regular <select/> now, reason being that there were a few UX issues with the previous version.

[pathmapper]

@orangemug using Chrome on Linux the text color of the options is not distinguishable from the background:

Adding the following to _toolbar.scss fixes this for the dropdown, but after selecting an option the selected option is not distinguishable from the background again.

.maputnik-toolbar-select select option{
  color: #1c1f24;
}

Adding color: #1c1f24 !important; to .maputnik-toolbar-select select fixes the font color issue for me in every case, but there must be a proper solution.