Add dropdown to select map style

[echaidemenos]

Description

This PR adds a drop-down on the navbar to select the map style.

Implement @wadhwamatic 's suggestion: #1199 (comment)

TODO: remove the "street" styles, they are just for test the feature is working. Find working satellite styles.

How to test the feature:

• [ ]
• [ ]

Checklist - did you ...

Test your changes with

• REACT_APP_COUNTRY=rbd yarn start
• REACT_APP_COUNTRY=cambodia yarn start
• REACT_APP_COUNTRY=mozambique yarn start
• Add / update necessary tests?
• Add / update outdated documentation?

Screenshot/video of feature:

[github-actions]

Build succeeded and deployed at https://prism-1209.surge.sh
(hash 7e93fe1 deployed at 2024-08-22T06:09:38)

[ericboucher]

@wadhwamatic I updated the branch of this PR to catchup with main.

We need to update the firstSymbolId logic to account for the fact different layers have different symbol layer ids
Are there other changes you would want to make? Or should we close this PR for now?

[wadhwamatic]

@ericboucher - I'm not sure what the firstSymbolId logic does. Can you explain?

I think that the order might need to be configurable. In this example, if we change the base to satellite, and try to show layers, they do not appear presumably because the satellite layer is on top. This includes the boundary layer which is hidden

I also see that toggling back and forth between styles breaks rendering of admin level data.

[ericboucher]

@wadhwamatic yep that's because of the first symbol logic that loops through the different layers in style to find the first symbol and position our admin boundaries and other layers below it. It's currently not updating when you switch style which then creates errors when loading the other layers

[wadhwamatic]

@ericboucher - ok understood. Are you suggesting we create a separate PR to address firstSymbolId? I'm ok with that approach. Let's just make sure it's captured in an issue so we don't lose track of this.

[ericboucher]

@wadhwamatic this is ready for review. We do a full refresh of the map upon map style selection.

However, we currently have the extra map styles in shared which means this functionality is active for all countries. This doesn't feel like what we would want righ?
Also, I'm not a fan of the world icon which is often used for languages and recommend using the layers icon instead but that's up to you.