Add additional base layers behind feature flags (#945)

* Add additional base layers behind feature flags

- add voyager base layer under vy
- add positron base layer under ps

* Add mapbox base layer

- requires API token

* Add mapbox layers with API token in URL

* Add base map layers from mapTiler

- add comments to mapping components
- add mapTiler base maps behind feature flags

* Comment out intermittent cypress test failures

* Add flag to remove label layer

* Add MapBox Raster and Vector tiles

- tilesets are commented out until more information is provided by Mikel

* Remove white layer on non-prioritized features

- removes makePaint function
- adds Todo to renaming constants

* refactor all contants to have standard naming

- renames layers, sources, colors, opacity, and zoom
- Adds a large amount of comments to understand how this map works

* remove some instances of mapbox-gl

- this the first step in having only maplibre-gl being used in app

* Remove chroma.js

- chroma.js  was used in the fill function of makeStyle. This was used to create a gradient between non-prio, threshold and prio. Since these 3 step values are no longer needed this function along with the libraries it used is not removed.

* Add comments on mapbox base layer

- adds apiaccesstoken

* set basemap to mapbox and move all layers to Map

* Add API KEY to .env, adjust opacity of prio'd CBTs

- remove this function as it is no longer being used
- add comments on map
- create a high layer opacity and low layer opacity
- add API KEY to prod and dev .env
- add MapBox API key to deploy_staging

* add logging to troubleshoot API KEY

* Remove temp echo of API KEY

* Add GHA env var to gatsby config

* Remove API KEY from GitHub and GHA

client/src/styles/global.scss

@@ -193,24 +193,24 @@ This section will outline styles that are component specific
 // but it after 1.14.0 it optionally still allows for the mapbox-gl prefix
 
 // Below properties override mb defaults
-.mapboxgl-ctrl-group:not(:empty) {
-  box-shadow: none;
-}
+// .mapboxgl-ctrl-group:not(:empty) {
+//   box-shadow: none;
+// }
 
-@media (-ms-high-contrast: active) {
-  .mapboxgl-ctrl-group:not(:empty) {
-    box-shadow: none;
-  }
-}
+// @media (-ms-high-contrast: active) {
+//   .mapboxgl-ctrl-group:not(:empty) {
+//     box-shadow: none;
+//   }
+// }
 
-.mapboxgl-ctrl-group {
-  border-radius: 0;
-}
+// .mapboxgl-ctrl-group {
+//   border-radius: 0;
+// }
 
 .mapboxgl-ctrl {
-  button + button {
-    border-top: 1px;
-  }
+  // button + button {
+  //   border-top: 1px;
+  // }
 
   button {
     border-radius: 0;
@@ -316,7 +316,7 @@ This section will outline styles that are component specific
 ****************************** 
 */
 
-/* about card - based on datasetCard... need to combine */
+/* about card - based on datasetCard... Todo: need to combine */
 .j40-aboutcard-container {
 
   .j40-aboutcard-lg-card {