Feature: add Protomaps as background layers

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapcomplete",
-  "version": "0.40.6",
+  "version": "0.41.0",
   "repository": "https://github.com/pietervdvn/MapComplete",
   "description": "A small website to edit OSM easily",
   "bugs": "https://github.com/pietervdvn/MapComplete/issues",
@@ -40,7 +40,18 @@
       "https://overpass.openstreetmap.ru/cgi/interpreter"
     ],
     "country_coder_host": "https://raw.githubusercontent.com/pietervdvn/MapComplete-data/main/latlon2country",
-    "nominatimEndpoint": "https://geocoding.geofabrik.de/b75350b1cfc34962ac49824fe5b582dc/"
+    "nominatimEndpoint": "https://geocoding.geofabrik.de/b75350b1cfc34962ac49824fe5b582dc/",
+    "protomaps": {
+      "api-key": "2af8b969a9e8b692",
+      "endpoint": "https://api.protomaps.com/tiles/",
+      "styles": [
+        "https://api.protomaps.com/styles/v2/light.json",
+        "https://api.protomaps.com/styles/v2/dark.json",
+        "https://api.protomaps.com/styles/v2/white.json",
+        "https://api.protomaps.com/styles/v2/grayscale.json",
+        "https://api.protomaps.com/styles/v2/black.json"
+      ]
+    }
   },
   "scripts": {
     "start": "npm run generate:layeroverview && npm run strt",
@@ -145,7 +156,7 @@
     "libphonenumber-js": "^1.10.8",
     "lz-string": "^1.4.4",
     "mangrove-reviews-typescript": "^1.1.0",
-    "maplibre-gl": "^3.5.0",
+    "maplibre-gl": "^4.1.1",
     "monaco-editor": "^0.46.0",
     "nano-markdown": "^1.2.2",
     "opening_hours": "^3.6.0",
@@ -156,6 +167,7 @@
     "pbf": "^3.2.1",
     "pg": "^8.11.3",
     "pic4carto": "^2.1.15",
+    "pmtiles": "^3.0.5",
     "prompt-sync": "^4.2.0",
     "qrcode-generator": "^1.4.4",
     "showdown": "^2.1.0",