build(frontend): upgrade dependencies

- bump `immer` to v10.
- bump `prettier` to v3.
- bump `http-proxy-middleware` to v3.

frontend/package.json

@@ -23,8 +23,8 @@
     "d3-scale": "^4.0.2",
     "d3-scale-chromatic": "^3.0.0",
     "deck.gl": "8.9",
-    "http-proxy-middleware": "^2.0.1",
-    "immer": "^9.0.21",
+    "http-proxy-middleware": "^3.0.0",
+    "immer": "^10.1.1",
     "json-stable-stringify": "^1.0.1",
     "lodash": "^4.17.21",
     "mapbox-gl": "^1.13.1",
@@ -62,7 +62,7 @@
     "@types/react-router-dom": "^5.1.8",
     "@types/react-transition-group": "^4.4.4",
     "openapi-typescript-codegen": "^0.21.0",
-    "prettier": "^2.3.2",
+    "prettier": "^3.2.5",
     "typescript": "^4.5.5"
   },
   "scripts": {

frontend/src/asset-list/FieldSpecControl.tsx

@@ -1,5 +1,5 @@
 import { Box, Typography } from '@mui/material';
-import produce from 'immer';
+import { produce } from 'immer';
 import { ParamDropdown } from 'lib/controls/ParamDropdown';
 import { FieldSpec } from 'lib/data-map/view-layers';
 import { FC } from 'react';

frontend/src/lib/controls/checkbox-tree/CheckboxTree.tsx

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import { SimpleTreeView } from '@mui/x-tree-view';
-import produce from 'immer';
+import { produce } from 'immer';
 
 import { dfs, getDescendants, TreeNode } from './tree-node';
 import { CheckboxTreeItem } from './CheckboxTreeItem';

frontend/src/setupProxy.js

@@ -6,12 +6,12 @@
  *
  * See guide at https://create-react-app.dev/docs/proxying-api-requests-in-development/#configuring-the-proxy-manually
  */
-const { createProxyMiddleware } = require('http-proxy-middleware');
+const { legacyCreateProxyMiddleware } = require('http-proxy-middleware');
 
 module.exports = function (app) {
   app.use(
     '/vector',
-    createProxyMiddleware({
+    legacyCreateProxyMiddleware({
       target: 'http://localhost:8080',
       changeOrigin: true,
       pathRewrite: {
@@ -21,7 +21,7 @@ module.exports = function (app) {
   );
   app.use(
     '/raster',
-    createProxyMiddleware({
+    legacyCreateProxyMiddleware({
       target: 'http://localhost:5000',
       changeOrigin: true,
       pathRewrite: {
@@ -31,7 +31,7 @@ module.exports = function (app) {
   );
   app.use(
     '/api',
-    createProxyMiddleware({
+    legacyCreateProxyMiddleware({
       target: 'http://localhost:8888',
       changeOrigin: true,
       pathRewrite: {