task/WG-6 Add arcgis & wms layer support

[shayanaijaz]

Overview:

PR Status:

• Ready.
• Work in Progress.
• Hold.

Related Jira tickets:

• WG-6

Summary of Changes:

• Added support for wms layer using WMSTileLayer from react-leaflet library
• Added support for arcgis layer using TiledMapLayer from react-esri-leaflet library
• Added data to tileServerLayers fixture with arcgis and wms layers

Testing Steps:

1. Run hazmapper locally and navigate to localhost:4200/project
2. Ensure that the map and the argis layers render
   Note: The layer is hard to see due to lack of layer functionality in the react map. A screenshot below shows where to zoom in to be able to see the layers

UI Photos:

[tjgrafft]

LGTM! Reviewed code and tested locally. I got a bunch of 404 errors in my console when it was trying to grab the various arcgis tile layers from the urls in the fixtures--but after discussing with Shayan offline, these 404 resource-not-found errors are present in prod too (same arcgis layers are used here https://hazmapper.tacc.utexas.edu/hazmapper/project-public/a1e0eb3a-8db7-4b2a-8412-80213841570b) so probably just a bad/old url the fixtures are using and/or the resource locations have moved.

[nathanfranklin]

LGTM 👍