[New Feature]: Refactor Configuration Page

[tariqksoliman]

Checked for duplicates

Yes - I've already checked

Alternatives considered

Yes - and alternatives don't suffice

Related problems

The Configure Page starts to hang and crash when configured with 700+ layers. This is primarily because the entire configuration is loaded into the DOM all at once (i.e. one model for every layer, one text editor per layer, ...).

Describe the feature request

• Refactor Start from scratch (with react and material ui)
• Make it easy to add fields to the configuration (just edit a json instead of the code)
• Make better input components (a color field should be a color picker, help for each field, restrict input to valid ranges (don't allow a 2 for a field that takes 0 -> 1), no more "undefined"s)
• Modify the configuration in JavaScript instead of HTML.

Nice to haves:

• Previews of configured vector layers
• Leaflet previews on tile layers
• Deep link to missions and tabs
• Improved dataset pages
• Combine some tab (coordinates with Projection, Look with Panels)
• Organized input fields better