bump packages

frontend/.eslintrc

@@ -19,6 +19,7 @@
       }
     ],
     "no-return-assign": "warn",
+    "no-restricted-exports": "warn",
     "quotes": ["error", "single"],
     "react/button-has-type": "off",
     "react/destructuring-assignment": "off",
@@ -40,6 +41,7 @@
         "extensions": [".js", ".jsx"]
       }
     ],
+    "react/function-component-definition": "warn",
     "react/jsx-no-bind": "error",
     "react/sort-comp": [
       1,

frontend/package.json

@@ -13,18 +13,18 @@
     "extends": "react-app"
   },
   "dependencies": {
-    "debounce": "1.2.0",
-    "mapbox-gl": "0.49.0",
-    "normalize.css": "8.0.0",
-    "react": "16.6.0",
+    "debounce": "1.2.1",
+    "mapbox-gl": "2.10.0",
+    "normalize.css": "8.0.1",
+    "react": "18.2.0",
     "react-day-picker": "7.2.4",
-    "react-dom": "16.6.0",
-    "react-scroll-parallax": "1.3.5",
-    "styled-components": "4.0.3"
+    "react-dom": "18.2.0",
+    "react-scroll-parallax": "3.3.1",
+    "styled-components": "5.3.5"
   },
   "devDependencies": {
-    "eslint-config-airbnb": "17.1.0",
-    "react-scripts": "2.1.1"
+    "eslint-config-airbnb": "19.0.4",
+    "react-scripts": "5.0.1"
   },
   "browserslist": [
     ">0.2%",

frontend/src/Components/Map/Filters/Layers/Layers.jsx

@@ -18,9 +18,7 @@ class Layers extends PureComponent {
     return (
       layers.map((layer) => {
         const isLayerVisible = visibleLayer === layer.id;
-        const [fromColor, toColor] = getColorsFromLayer(
-          layer.mapboxLayer, 'fill-extrusion-color'
-        );
+        const [fromColor, toColor] = getColorsFromLayer(layer.mapboxLayer, 'fill-extrusion-color');
 
         return (
           <Layer