This is an automated email from the ASF dual-hosted git repository.

arafat2198 pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/ozone.git


The following commit(s) were added to refs/heads/master by this push:
     new f22c6f8dfc HDDS-11164. Improve Navbar UI (#7088)
f22c6f8dfc is described below

commit f22c6f8dfcc3e2ac822189e207d4cc85fc6fc490
Author: Abhishek Pal <[email protected]>
AuthorDate: Thu Aug 29 18:10:23 2024 +0530

    HDDS-11164. Improve Navbar UI (#7088)
---
 .../webapps/recon/ozone-recon-web/package.json     |   2 +-
 .../webapps/recon/ozone-recon-web/pnpm-lock.yaml   | 695 ++++++++++-----------
 .../webapps/recon/ozone-recon-web/src/app.tsx      |   7 +-
 .../src/components/navBar/navBar.less              |   2 +-
 .../src/utils/axiosRequestHelper.tsx               |   4 +-
 .../src/v2/components/navBar/navBar.less           |  65 ++
 .../src/v2/components/navBar/navBar.tsx            | 180 ++++++
 .../src/v2/pages/overview/overview.tsx             |  22 +-
 .../src/v2/pages/volumes/volumes.tsx               |  14 +-
 9 files changed, 604 insertions(+), 387 deletions(-)

diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/package.json
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/package.json
index ab2b9e3fbe..141cdadcbe 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/package.json
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/package.json
@@ -60,7 +60,7 @@
     "@testing-library/react": "^12.1.5",
     "@types/react": "16.8.15",
     "@types/react-dom": "16.8.4",
-    "@types/react-router-dom": "^4.3.5",
+    "@types/react-router-dom": "^5.3.3",
     "@types/react-select": "^3.0.13",
     "@typescript-eslint/eslint-plugin": "^5.30.0",
     "@typescript-eslint/parser": "^5.30.0",
diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/pnpm-lock.yaml
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/pnpm-lock.yaml
index a56b0d07c2..ebbc4e2219 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/pnpm-lock.yaml
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/pnpm-lock.yaml
@@ -28,7 +28,7 @@ dependencies:
     version: 2.5.1
   echarts:
     specifier: ^5.5.0
-    version: 5.5.0
+    version: 5.5.1
   filesize:
     specifier: ^6.4.0
     version: 6.4.0
@@ -63,7 +63,7 @@ dependencies:
 devDependencies:
   '@testing-library/jest-dom':
     specifier: ^6.4.8
-    version: 6.4.8
+    version: 6.5.0
   '@testing-library/react':
     specifier: ^12.1.5
     version: 12.1.5([email protected])([email protected])
@@ -74,8 +74,8 @@ devDependencies:
     specifier: 16.8.4
     version: 16.8.4
   '@types/react-router-dom':
-    specifier: ^4.3.5
-    version: 4.3.5
+    specifier: ^5.3.3
+    version: 5.3.3
   '@types/react-select':
     specifier: ^3.0.13
     version: 3.1.2
@@ -99,7 +99,7 @@ devDependencies:
     version: 
3.4.1([email protected])([email protected])([email protected])
   jsdom:
     specifier: ^24.1.1
-    version: 24.1.1
+    version: 24.1.3
   json-server:
     specifier: ^0.15.1
     version: 0.15.1
@@ -120,7 +120,7 @@ devDependencies:
     version: 3.6.0([email protected])
   vitest:
     specifier: ^1.6.0
-    version: 1.6.0([email protected])([email protected])
+    version: 1.6.0([email protected])([email protected])
 
 packages:
 
@@ -153,7 +153,7 @@ packages:
     dependencies:
       '@ant-design/colors': 6.0.0
       '@ant-design/icons-svg': 4.4.2
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       lodash: 4.17.21
       rc-util: 5.43.0([email protected])([email protected])
@@ -166,7 +166,7 @@ packages:
     peerDependencies:
       react: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       json2mq: 0.2.0
       lodash: 4.17.21
@@ -187,57 +187,28 @@ packages:
       '@babel/highlight': 7.24.7
       picocolors: 1.0.1
 
-  /@babel/[email protected]:
-    resolution: {integrity: 
sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==}
+  /@babel/[email protected]:
+    resolution: {integrity: 
sha512-abd43wyLfbWoxC6ahM8xTkqLpGB2iWBVyuKC9/srhFunCd1SDNrV1s72bBpK4hLj8KLzHBBcOblvLQZBNw9r3w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.24.7
+      '@babel/types': 7.25.4
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
     dev: false
 
-  /@babel/[email protected]:
-    resolution: {integrity: 
sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.24.7
-    dev: false
-
-  /@babel/[email protected]:
-    resolution: {integrity: 
sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/template': 7.24.7
-      '@babel/types': 7.24.7
-    dev: false
-
-  /@babel/[email protected]:
-    resolution: {integrity: 
sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.24.7
-    dev: false
-
   /@babel/[email protected]:
     resolution: {integrity: 
sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/traverse': 7.24.7
-      '@babel/types': 7.24.7
+      '@babel/traverse': 7.25.4
+      '@babel/types': 7.25.4
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  /@babel/[email protected]:
-    resolution: {integrity: 
sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.24.7
-    dev: false
-
-  /@babel/[email protected]:
-    resolution: {integrity: 
sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==}
+  /@babel/[email protected]:
+    resolution: {integrity: 
sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==}
     engines: {node: '>=6.9.0'}
     dev: false
 
@@ -254,52 +225,49 @@ packages:
       js-tokens: 4.0.0
       picocolors: 1.0.1
 
-  /@babel/[email protected]:
-    resolution: {integrity: 
sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==}
+  /@babel/[email protected]:
+    resolution: {integrity: 
sha512-nq+eWrOgdtu3jG5Os4TQP3x3cLA8hR8TvJNjD8vnPa20WGycimcparWnLK4jJhElTK6SDyuJo1weMKO/5LpmLA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.24.7
+      '@babel/types': 7.25.4
     dev: false
 
-  /@babel/[email protected]:
-    resolution: {integrity: 
sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==}
+  /@babel/[email protected]:
+    resolution: {integrity: 
sha512-DSgLeL/FNcpXuzav5wfYvHCGvynXkJbn3Zvc3823AEe9nPwW9IK4UoCSS5yGymmQzN0pCPvivtgS6/8U2kkm1w==}
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.14.1
 
-  /@babel/[email protected]:
-    resolution: {integrity: 
sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==}
+  /@babel/[email protected]:
+    resolution: {integrity: 
sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.24.7
-      '@babel/parser': 7.24.7
-      '@babel/types': 7.24.7
+      '@babel/parser': 7.25.4
+      '@babel/types': 7.25.4
     dev: false
 
-  /@babel/[email protected]:
-    resolution: {integrity: 
sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==}
+  /@babel/[email protected]:
+    resolution: {integrity: 
sha512-VJ4XsrD+nOvlXyLzmLzUs/0qjFS4sK30te5yEFlvbbUNEgKaVb2BHZUpAL+ttLPQAHNrsI3zZisbfha5Cvr8vg==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.24.7
-      '@babel/helper-environment-visitor': 7.24.7
-      '@babel/helper-function-name': 7.24.7
-      '@babel/helper-hoist-variables': 7.24.7
-      '@babel/helper-split-export-declaration': 7.24.7
-      '@babel/parser': 7.24.7
-      '@babel/types': 7.24.7
-      debug: 4.3.5
+      '@babel/generator': 7.25.5
+      '@babel/parser': 7.25.4
+      '@babel/template': 7.25.0
+      '@babel/types': 7.25.4
+      debug: 4.3.6
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  /@babel/[email protected]:
-    resolution: {integrity: 
sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==}
+  /@babel/[email protected]:
+    resolution: {integrity: 
sha512-zQ1ijeeCXVEh+aNL0RlmkPkG8HUiDcU2pzQQFjtbntgAczRASFzj4H+6+bV+dy1ntKR14I/DypeuRG1uma98iQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-string-parser': 7.24.7
+      '@babel/helper-string-parser': 7.24.8
       '@babel/helper-validator-identifier': 7.24.7
       to-fast-properties: 2.0.0
     dev: false
@@ -327,7 +295,7 @@ packages:
     peerDependencies:
       react: '>=16.3.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       '@emotion/cache': 10.0.29
       '@emotion/css': 10.0.27
       '@emotion/serialize': 0.11.16
@@ -801,8 +769,8 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
-  /@eslint-community/[email protected]:
-    resolution: {integrity: 
sha512-Zm2NGpWELsQAD1xsJzGQpYfvICSsFkEpU0jxBjfdC6uNEWXcHnfs9hScFWtXVDVl+rBQJGrl4g1vcKIejpH9dA==}
+  /@eslint-community/[email protected]:
+    resolution: {integrity: 
sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
@@ -811,7 +779,7 @@ packages:
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.5
+      debug: 4.3.6
       espree: 7.3.1
       globals: 13.24.0
       ignore: 4.0.6
@@ -833,7 +801,7 @@ packages:
     deprecated: Use @eslint/config-array instead
     dependencies:
       '@humanwhocodes/object-schema': 1.2.1
-      debug: 4.3.5
+      debug: 4.3.6
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -868,7 +836,7 @@ packages:
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/set-array': 1.2.1
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
       '@jridgewell/trace-mapping': 0.3.25
 
   /@jridgewell/[email protected]:
@@ -879,21 +847,21 @@ packages:
     resolution: {integrity: 
sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
     engines: {node: '>=6.0.0'}
 
-  /@jridgewell/[email protected]:
-    resolution: {integrity: 
sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+  /@jridgewell/[email protected]:
+    resolution: {integrity: 
sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
 
   /@jridgewell/[email protected]:
     resolution: {integrity: 
sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
 
   /@mswjs/[email protected]:
     resolution: {integrity: 
sha512-mlN83YSrcFgk7Dm1Mys40DLssI1KdJji2CMKN8eOlBqsTADYzj2+jWzsANsUTFbxDMWPD5e9bfA1RGqBpS3O1g==}
     engines: {node: '>=14'}
     dependencies:
       '@types/set-cookie-parser': 2.4.10
-      set-cookie-parser: 2.6.0
+      set-cookie-parser: 2.7.0
     dev: true
 
   /@mswjs/[email protected]:
@@ -903,7 +871,7 @@ packages:
       '@open-draft/until': 1.0.3
       '@types/debug': 4.1.12
       '@xmldom/xmldom': 0.8.10
-      debug: 4.3.5
+      debug: 4.3.6
       headers-polyfill: 3.2.5
       outvariant: 1.4.3
       strict-event-emitter: 0.2.8
@@ -944,128 +912,128 @@ packages:
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-2thheikVEuU7ZxFXubPDOtspKn1x0yqaYQwvALVtEcvFhMifPADBrgRPyHV0TF3b+9BgvgjgagVyvA/UqPZHmg==}
     cpu: [arm]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-t1lLYn4V9WgnIFHXy1d2Di/7gyzBWS8G5pQSXdZqfrdCGTwi1VasRMSS81DTYb+avDs/Zz4A6dzERki5oRYz1g==}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-AH/wNWSEEHvs6t4iJ3RANxW5ZCK3fUnmf0gyMxWCesY1AlUj8jY7GC+rQE4wd3gwmZ9XDOpL0kcFnCjtN7FXlA==}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-dO0BIz/+5ZdkLZrVgQrDdW7m2RkrLwYTh2YMFG9IpBtlC1x1NPNSXkfczhZieOlOLEqgXOFH3wYHB7PmBtf+Bg==}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-sWWgdQ1fq+XKrlda8PsMCfut8caFwZBmhYeoehJ05FdI0YZXk6ZyUjWLrIgbR/VgiGycrFKMMgp7eJ69HOF2pQ==}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-9OIiSuj5EsYQlmwhmFRA0LRO0dRRjdCVZA3hnmZe1rEwRk11Jy3ECGGq3a7RrVEZ0/pCsYWx8jG3IvcrJ6RCew==}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-0kuAkRK4MeIUbzQYu63NrJmfoUVicajoRAL1bpwdYIYRcs57iyIV9NLcuyDyDXE2GiZCL4uhKSYAnyWpjZkWow==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-/6dYC9fZtfEY0vozpc5bx1RP4VrtEOhNQGb0HwvYNwXD1BBbwQ5cKIbUVVU7G2d5WRE90NfB922elN8ASXAJEA==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-ltUWy+sHeAh3YZ91NUsV4Xg3uBXAlscQe8ZOXRCVAKLsivGuJsrkawYPUEyCV3DYa9urgJugMLn8Z3Z/6CeyRQ==}
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-BggMndzI7Tlv4/abrgLwa/dxNEMn2gC61DCLrTzw8LkpSKel4o+O+gtjbnkevZ18SKkeN3ihRGPuBxjaetWzWg==}
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-z/9rtlGd/OMv+gb1mNSjElasMf9yXusAxnRDrBaYB+eS1shFm6/4/xDH1SAISO5729fFKUkJ88TkGPRUh8WSAA==}
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-kXQVcWqDcDKw0S2E0TmhlTLlUgAmMVqPrJZR+KpH/1ZaZhLSl23GZpQVmawBQGVhyP5WXIsIQ/zqbDBBYmxm5w==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-CbFv/WMQsSdl+bpX6rVbzR4kAjSSBuDgCqb1l4J68UYsQNalz5wOqLGYj4ZI0thGpyX5kc+LLZ9CL+kpqDovZA==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-3Q3brDgA86gHXWHklrwdREKIrIbxC0ZgU8lwpj0eEKGBQH+31uPqr0P2v11pn0tSIxHvcdOWxa4j+YvLNx1i6g==}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-tNg+jJcKR3Uwe4L0/wY3Ro0H+u3nrb04+tcq1GSYzBEmKLeOQF2emk1whxlzNqb6MMrQ2JOcQEpuuiPLyRcSIw==}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/[email protected]:
-    resolution: {integrity: 
sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==}
+  /@rollup/[email protected]:
+    resolution: {integrity: 
sha512-xGiIH95H1zU7naUyTKEyOA/I0aexNMUdO9qRv0bLKN3qu25bBdrxZHqA3PTJ24YNN/GdMzG4xkDcd/GvjuhfLg==}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
@@ -1081,8 +1049,8 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /@swc/[email protected]:
-    resolution: {integrity: 
sha512-MwLc5U+VGPMZm8MjlFBjEB2wyT1EK0NNJ3tn+ps9fmxdFP+PL8EpMiY1O1F2t1ydy2OzBtZz81sycjM9RieFBg==}
+  /@swc/[email protected]:
+    resolution: {integrity: 
sha512-hh5uOZ7jWF66z2TRMhhXtWMQkssuPCSIZPy9VHf5KvZ46cX+5UeECDthchYklEVZQyy4Qr6oxfh4qff/5spoMA==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [darwin]
@@ -1090,8 +1058,8 @@ packages:
     dev: true
     optional: true
 
-  /@swc/[email protected]:
-    resolution: {integrity: 
sha512-IkukOQUw7/14VkHp446OkYGCZEHqZg9pTmTdBawlUyz2JwZMSn2VodCl7aFSdGCsU4Cwni8zKA8CCgkCCAELhw==}
+  /@swc/[email protected]:
+    resolution: {integrity: 
sha512-lTsPquqSierQ6jWiWM7NnYXXZGk9zx3NGkPLHjPbcH5BmyiauX0CC/YJYJx7YmS2InRLyALlGmidHkaF4JY28A==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [darwin]
@@ -1099,8 +1067,8 @@ packages:
     dev: true
     optional: true
 
-  /@swc/[email protected]:
-    resolution: {integrity: 
sha512-ATnb6jJaBeXCqrTUawWdoOy7eP9SCI7UMcfXlYIMxX4otKKspLPAEuGA5RaNxlCcj9ObyO0J3YGbtZ6hhD2pjg==}
+  /@swc/[email protected]:
+    resolution: {integrity: 
sha512-AgSd0fnSzAqCvWpzzZCq75z62JVGUkkXEOpfdi99jj/tryPy38KdXJtkVWJmufPXlRHokGTBitalk33WDJwsbA==}
     engines: {node: '>=10'}
     cpu: [arm]
     os: [linux]
@@ -1108,8 +1076,8 @@ packages:
     dev: true
     optional: true
 
-  /@swc/[email protected]:
-    resolution: {integrity: 
sha512-poHtH7zL7lEp9K2inY90lGHJABWxURAOgWNeZqrcR5+jwIe7q5KBisysH09Zf/JNF9+6iNns+U0xgWTNJzBuGA==}
+  /@swc/[email protected]:
+    resolution: {integrity: 
sha512-l+jw6RQ4Y43/8dIst0c73uQE+W3kCWrCFqMqC/xIuE/iqHOnvYK6YbA1ffOct2dImkHzNiKuoehGqtQAc6cNaQ==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
@@ -1117,8 +1085,8 @@ packages:
     dev: true
     optional: true
 
-  /@swc/[email protected]:
-    resolution: {integrity: 
sha512-qnNI1WmcOV7Wz1ZDyK6WrOlzLvJ01rnni8ec950mMHWkLRMP53QvCvhF3S+7gFplWBwWJTOOPPUqJp/PlSxWyQ==}
+  /@swc/[email protected]:
+    resolution: {integrity: 
sha512-29KKZXrTo/c9F1JFL9WsNvCa6UCdIVhHP5EfuYhlKbn5/YmSsNFkuHdUtZFEd5U4+jiShXDmgGCtLW2d08LIwg==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
@@ -1126,8 +1094,8 @@ packages:
     dev: true
     optional: true
 
-  /@swc/[email protected]:
-    resolution: {integrity: 
sha512-x9SCqCLzwtlqtD5At3I1a7Gco+EuXnzrJGoucmkpeQohshHuwa+cskqsXO6u1Dz0jXJEuHbBZB9va1wYYfjgFg==}
+  /@swc/[email protected]:
+    resolution: {integrity: 
sha512-HsP3JwddvQj5HvnjmOr+Bd5plEm6ccpfP5wUlm3hywzvdVkj+yR29bmD7UwpV/1zCQ60Ry35a7mXhKI6HQxFgw==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
@@ -1135,8 +1103,8 @@ packages:
     dev: true
     optional: true
 
-  /@swc/[email protected]:
-    resolution: {integrity: 
sha512-qtj8iOpMMgKjzxTv+islmEY0JBsbd93nka0gzcTTmGZxKtL5jSUsYQvkxwNPZr5M9NU1fgaR3n1vE6lFmtY0IQ==}
+  /@swc/[email protected]:
+    resolution: {integrity: 
sha512-hYKLVeUTHqvFK628DFJEwxoX6p42T3HaQ4QjNtf3oKhiJWFh9iTRUrN/oCB5YI3R9WMkFkKh+99gZ/Dd0T5lsg==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
@@ -1144,8 +1112,8 @@ packages:
     dev: true
     optional: true
 
-  /@swc/[email protected]:
-    resolution: {integrity: 
sha512-ltX/Ol9+Qu4SXmISCeuwVgAjSa8nzHTymknpozzVMgjXUoZMoz6lcynfKL1nCh5XLgqh0XNHUKLti5YFF8LrrA==}
+  /@swc/[email protected]:
+    resolution: {integrity: 
sha512-qyWAKW10aMBe6iUqeZ7NAJIswjfggVTUpDINpQGUJhz+pR71YZDidXgZXpaDB84YyDB2JAlRqd1YrLkl7CMiIw==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [win32]
@@ -1153,8 +1121,8 @@ packages:
     dev: true
     optional: true
 
-  /@swc/[email protected]:
-    resolution: {integrity: 
sha512-RgTcFP3wgyxnQbTCJrlgBJmgpeTXo8t807GU9GxApAXfpLZJ3swJ2GgFUmIJVdLWyffSHF5BEkF3FmF6mtH5AQ==}
+  /@swc/[email protected]:
+    resolution: {integrity: 
sha512-cy61wS3wgH5mEwBiQ5w6/FnQrchBDAdPsSh0dKSzNmI+4K8hDxS8uzdBycWqJXO0cc+mA77SIlwZC3hP3Kum2g==}
     engines: {node: '>=10'}
     cpu: [ia32]
     os: [win32]
@@ -1162,8 +1130,8 @@ packages:
     dev: true
     optional: true
 
-  /@swc/[email protected]:
-    resolution: {integrity: 
sha512-XbZ0wAgzR757+DhQcnv60Y/bK9yuWPhDNRQVFFQVRsowvK3+c6EblyfUSytIidpXgyYFzlprq/9A9ZlO/wvDWw==}
+  /@swc/[email protected]:
+    resolution: {integrity: 
sha512-/rexGItJURNJOdae+a48M+loT74nsEU+PyRRVAkZMKNRtLoYFAr0cpDlS5FodIgGunp/nqM0bst4H2w6Y05IKA==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [win32]
@@ -1171,8 +1139,8 @@ packages:
     dev: true
     optional: true
 
-  /@swc/[email protected]:
-    resolution: {integrity: 
sha512-qL9v5N5S38ijmqiQRvCFUUx2vmxWT/JJ2rswElnyaHkOHuVoAFhBB90Ywj4RKjh3R0zOjhEcemENTyF3q3G6WQ==}
+  /@swc/[email protected]:
+    resolution: {integrity: 
sha512-7/cN0SZ+y2V6e0hsDD8koGR0QVh7Jl3r756bwaHLLSN+kReoUb/yVcLsA8iTn90JLME3DkQK4CPjxDCQiyMXNg==}
     engines: {node: '>=10'}
     requiresBuild: true
     peerDependencies:
@@ -1184,16 +1152,16 @@ packages:
       '@swc/counter': 0.1.3
       '@swc/types': 0.1.12
     optionalDependencies:
-      '@swc/core-darwin-arm64': 1.7.18
-      '@swc/core-darwin-x64': 1.7.18
-      '@swc/core-linux-arm-gnueabihf': 1.7.18
-      '@swc/core-linux-arm64-gnu': 1.7.18
-      '@swc/core-linux-arm64-musl': 1.7.18
-      '@swc/core-linux-x64-gnu': 1.7.18
-      '@swc/core-linux-x64-musl': 1.7.18
-      '@swc/core-win32-arm64-msvc': 1.7.18
-      '@swc/core-win32-ia32-msvc': 1.7.18
-      '@swc/core-win32-x64-msvc': 1.7.18
+      '@swc/core-darwin-arm64': 1.7.21
+      '@swc/core-darwin-x64': 1.7.21
+      '@swc/core-linux-arm-gnueabihf': 1.7.21
+      '@swc/core-linux-arm64-gnu': 1.7.21
+      '@swc/core-linux-arm64-musl': 1.7.21
+      '@swc/core-linux-x64-gnu': 1.7.21
+      '@swc/core-linux-x64-musl': 1.7.21
+      '@swc/core-win32-arm64-msvc': 1.7.21
+      '@swc/core-win32-ia32-msvc': 1.7.21
+      '@swc/core-win32-x64-msvc': 1.7.21
     dev: true
 
   /@swc/[email protected]:
@@ -1218,7 +1186,7 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       '@babel/code-frame': 7.24.7
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       '@types/aria-query': 5.0.4
       aria-query: 5.1.3
       chalk: 4.1.2
@@ -1227,12 +1195,11 @@ packages:
       pretty-format: 27.5.1
     dev: true
 
-  /@testing-library/[email protected]:
-    resolution: {integrity: 
sha512-JD0G+Zc38f5MBHA4NgxQMR5XtO5Jx9g86jqturNTt2WUfRmLDIY7iKkWHDCCTiDuFMre6nxAD5wHw9W5kI4rGw==}
+  /@testing-library/[email protected]:
+    resolution: {integrity: 
sha512-xGGHpBXYSHUUr6XsKBfs85TWlYKpTc37cSBBVrXcib2MkHLboWlkClhWF37JKlDb9KEq3dHs+f2xR7XJEWGBxA==}
     engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
     dependencies:
       '@adobe/css-tools': 4.4.0
-      '@babel/runtime': 7.24.7
       aria-query: 5.3.0
       chalk: 3.0.0
       css.escape: 1.5.1
@@ -1248,7 +1215,7 @@ packages:
       react: <18.0.0
       react-dom: <18.0.0
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       '@testing-library/dom': 8.20.1
       '@types/react-dom': 16.8.4
       react: 16.14.0
@@ -1277,13 +1244,6 @@ packages:
     resolution: {integrity: 
sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==}
     dev: true
 
-  /@types/[email protected]:
-    resolution: {integrity: 
sha512-hy8b7Y1J8OGe6LbAjj3xniQrj3v6lsivCcrmf4TzSgPzLkhIeKgc5IZnT7ReIqmEuodjfO8EYAuoFvIrHi/+jQ==}
-    deprecated: This is a stub types definition. history provides its own type 
definitions, so you do not need this installed.
-    dependencies:
-      history: 5.3.0
-    dev: true
-
   /@types/[email protected]:
     resolution: {integrity: 
sha512-jd+Q+sD20Qfu9e2aEXogiO3vpOC1PYJOUdyN9gvs4Qrvkg4wF43L5OhqrPeokdv8TL0/mXoYfpkcoGZMNN2pkQ==}
     dev: true
@@ -1295,17 +1255,17 @@ packages:
   /@types/[email protected]:
     resolution: {integrity: 
sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
     dependencies:
-      '@types/node': 20.14.8
+      '@types/node': 22.5.1
     dev: true
 
   /@types/[email protected]:
     resolution: {integrity: 
sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==}
     dev: true
 
-  /@types/[email protected]:
-    resolution: {integrity: 
sha512-DO+2/jZinXfROG7j7WKFn/3C6nFwxy2lLpgLjEXJz+0XKphZlTLJ14mo8Vfg8X5BWN6XjyESXq+LcYdT7tR3bA==}
+  /@types/[email protected]:
+    resolution: {integrity: 
sha512-KkHsxej0j9IW1KKOOAA/XBA0z08UFSrRQHErzEfA3Vgq57eXIMYboIlHJuYIfd+lwCQjtKqUu3UnmKbtUc9yRw==}
     dependencies:
-      undici-types: 5.26.5
+      undici-types: 6.19.8
     dev: true
 
   /@types/[email protected]:
@@ -1322,10 +1282,10 @@ packages:
       '@types/react': 16.8.15
     dev: true
 
-  /@types/[email protected]:
-    resolution: {integrity: 
sha512-eFajSUASYbPHg2BDM1G8Btx+YqGgvROPIg6sBhl3O4kbDdYXdFdfrgQFf/pcBuQVObjfT9AL/dd15jilR5DIEA==}
+  /@types/[email protected]:
+    resolution: {integrity: 
sha512-kpqnYK4wcdm5UaWI3fLcELopqLrHgLqNsdpHauzlQktfkHL3npOSwtj1Uz9oKBAzs7lFtVkV8j83voAz2D8fhw==}
     dependencies:
-      '@types/history': 5.0.0
+      '@types/history': 4.7.11
       '@types/react': 16.8.15
       '@types/react-router': 5.1.20
     dev: true
@@ -1342,11 +1302,11 @@ packages:
     dependencies:
       '@types/react': 16.8.15
       '@types/react-dom': 16.8.4
-      '@types/react-transition-group': 4.4.10
+      '@types/react-transition-group': 4.4.11
     dev: true
 
-  /@types/[email protected]:
-    resolution: {integrity: 
sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==}
+  /@types/[email protected]:
+    resolution: {integrity: 
sha512-RM05tAniPZ5DZPzzNFP+DmrcOdD0efDUxMy3145oljWSl3x9ZV5vhme98gTxFrj2lhXvmGNnUiuDyJgY9IKkNA==}
     dependencies:
       '@types/react': 16.8.15
     dev: true
@@ -1361,7 +1321,7 @@ packages:
   /@types/[email protected]:
     resolution: {integrity: 
sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==}
     dependencies:
-      '@types/node': 20.14.8
+      '@types/node': 22.5.1
     dev: true
 
   /@types/[email protected]:
@@ -1371,7 +1331,7 @@ packages:
   /@types/[email protected]:
     resolution: {integrity: 
sha512-GGmQVGpQWUe5qglJozEjZV/5dyxbOOZ0LHe/lqyWssB88Y4svNfst0uqBVscdDeIKl5Jy5+aPSvy7mI9tYRguw==}
     dependencies:
-      '@types/node': 20.14.8
+      '@types/node': 22.5.1
     dev: true
 
   
/@typescript-eslint/[email protected](@typescript-eslint/[email protected])([email protected])([email protected]):
@@ -1385,17 +1345,17 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@eslint-community/regexpp': 4.10.1
+      '@eslint-community/regexpp': 4.11.0
       '@typescript-eslint/parser': 5.62.0([email protected])([email protected])
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/type-utils': 5.62.0([email protected])([email protected])
       '@typescript-eslint/utils': 5.62.0([email protected])([email protected])
-      debug: 4.3.5
+      debug: 4.3.6
       eslint: 7.32.0
       graphemer: 1.4.0
-      ignore: 5.3.1
+      ignore: 5.3.2
       natural-compare-lite: 1.4.0
-      semver: 7.6.2
+      semver: 7.6.3
       tsutils: 3.21.0([email protected])
       typescript: 4.9.5
     transitivePeerDependencies:
@@ -1415,7 +1375,7 @@ packages:
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/typescript-estree': 5.62.0([email protected])
-      debug: 4.3.5
+      debug: 4.3.6
       eslint: 7.32.0
       typescript: 4.9.5
     transitivePeerDependencies:
@@ -1442,7 +1402,7 @@ packages:
     dependencies:
       '@typescript-eslint/typescript-estree': 5.62.0([email protected])
       '@typescript-eslint/utils': 5.62.0([email protected])([email protected])
-      debug: 4.3.5
+      debug: 4.3.6
       eslint: 7.32.0
       tsutils: 3.21.0([email protected])
       typescript: 4.9.5
@@ -1466,10 +1426,10 @@ packages:
     dependencies:
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/visitor-keys': 5.62.0
-      debug: 4.3.5
+      debug: 4.3.6
       globby: 11.1.0
       is-glob: 4.0.3
-      semver: 7.6.2
+      semver: 7.6.3
       tsutils: 3.21.0([email protected])
       typescript: 4.9.5
     transitivePeerDependencies:
@@ -1490,7 +1450,7 @@ packages:
       '@typescript-eslint/typescript-estree': 5.62.0([email protected])
       eslint: 7.32.0
       eslint-scope: 5.1.1
-      semver: 7.6.2
+      semver: 7.6.3
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -1509,7 +1469,7 @@ packages:
     peerDependencies:
       vite: ^4 || ^5
     dependencies:
-      '@swc/core': 1.7.18
+      '@swc/core': 1.7.21
       vite: 4.5.3([email protected])
     transitivePeerDependencies:
       - '@swc/helpers'
@@ -1520,7 +1480,7 @@ packages:
     dependencies:
       '@vitest/spy': 1.6.0
       '@vitest/utils': 1.6.0
-      chai: 4.4.1
+      chai: 4.5.0
     dev: true
 
   /@vitest/[email protected]:
@@ -1534,7 +1494,7 @@ packages:
   /@vitest/[email protected]:
     resolution: {integrity: 
sha512-+Hx43f8Chus+DCmygqqfetcAZrDJwvTj0ymqjQq4CvmpKFSTVteEOBzCusu1x2tt4OJcvBflyHUE0DZSLgEMtQ==}
     dependencies:
-      magic-string: 0.30.10
+      magic-string: 0.30.11
       pathe: 1.1.2
       pretty-format: 29.7.0
     dev: true
@@ -1585,7 +1545,7 @@ packages:
     resolution: {integrity: 
sha512-MxXdReSRhGO7VlFe1bRG/oI7/mdLV9B9JJT0N8vZOhF7gFRR5l3M8W9G8JxmKV+JC5mGqJ0QvqfSOLsCPa4nUw==}
     engines: {node: '>=0.4.0'}
     dependencies:
-      acorn: 8.12.0
+      acorn: 8.12.1
     dev: true
 
   /[email protected]:
@@ -1594,8 +1554,8 @@ packages:
     hasBin: true
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-RTvkC4w+KNXrM39/lWCUaG0IbRkWdCv7W/IOW9oU6SawyxulvkQy5HQPVTKxEjczcUvapcrw3cFx/60VN/NRNw==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==}
     engines: {node: '>=0.4.0'}
     hasBin: true
     dev: true
@@ -1621,7 +1581,7 @@ packages:
     resolution: {integrity: 
sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==}
     engines: {node: '>= 14'}
     dependencies:
-      debug: 4.3.5
+      debug: 4.3.6
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1635,13 +1595,13 @@ packages:
       uri-js: 4.4.1
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-F0twR8U1ZU67JIEtekUcLkXkoO5mMMmgGD8sK/xUFzJ805jxHQl92hImFAqqXMyMYjSPOyUPAwHYhB72g5sTXw==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
     dependencies:
       fast-deep-equal: 3.1.3
+      fast-uri: 3.0.1
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
-      uri-js: 4.4.1
     dev: true
 
   /[email protected]:
@@ -1714,7 +1674,7 @@ packages:
       '@ant-design/colors': 5.1.1
       '@ant-design/icons': 4.8.3([email protected])([email protected])
       '@ant-design/react-slick': 0.28.4([email protected])
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       array-tree-filter: 2.1.0
       classnames: 2.5.1
       copy-to-clipboard: 3.3.3
@@ -1859,8 +1819,8 @@ packages:
     resolution: {integrity: 
sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-3AungXC4I8kKsS9PuS4JH2nc+0bVY/mjgrephHTIi8fpEeGsTHBUJeosp0Wc1myYMElmD0B3Oc4XL/HVJ4PV2g==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-lHe62zvbTB5eEABUVi/AwVh0ZKY9rMMDhmm+eeyuuUQbQ3+J+fONVQOZyj+DdrvD4BY33uYniyRJ4UJIaSKAfw==}
     dev: true
 
   /[email protected]:
@@ -1893,7 +1853,7 @@ packages:
   /[email protected]:
     resolution: {integrity: 
sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==}
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       cosmiconfig: 6.0.0
       resolve: 1.22.8
     dev: false
@@ -2049,8 +2009,8 @@ packages:
     resolution: {integrity: 
sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-13sOfMv2+DWduEU+/xbun3LScLoqN17nBeTLUsmDfKdoiC1fr0n9PU4guu4AhRcOVFk/sW8LyZWHuhWtQZiF+g==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-RITGBfijLkBddZvnn8jdqoTypxvqbOLYQkGGxXzeFjVHvudaPw0HNFD9x928/eUwYWd2dPCugVqspGALTZZQKw==}
     engines: {node: '>=4'}
     dependencies:
       assertion-error: 1.1.0
@@ -2059,7 +2019,7 @@ packages:
       get-func-name: 2.0.2
       loupe: 2.3.7
       pathval: 1.1.1
-      type-detect: 4.0.8
+      type-detect: 4.1.0
     dev: true
 
   /[email protected]:
@@ -2203,7 +2163,7 @@ packages:
     resolution: {integrity: 
sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==}
     engines: {node: '>= 0.6'}
     dependencies:
-      mime-db: 1.52.0
+      mime-db: 1.53.0
     dev: true
 
   /[email protected]:
@@ -2410,11 +2370,11 @@ packages:
     resolution: {integrity: 
sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
     engines: {node: '>=0.11'}
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
     dev: false
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
     dev: false
 
   /[email protected]:
@@ -2439,8 +2399,8 @@ packages:
       ms: 2.0.0
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==}
     engines: {node: '>=6.0'}
     peerDependencies:
       supports-color: '*'
@@ -2470,7 +2430,7 @@ packages:
     resolution: {integrity: 
sha512-SUwdGfqdKOwxCPeVYjwSyRpJ7Z+fhpwIAtmCUdZIWZ/YP5R9WAsyuSgpLVDi9bjWoN2LXHNss/dk3urXtdQxGg==}
     engines: {node: '>=6'}
     dependencies:
-      type-detect: 4.0.8
+      type-detect: 4.1.0
     dev: true
 
   /[email protected]:
@@ -2587,7 +2547,7 @@ packages:
   /[email protected]:
     resolution: {integrity: 
sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       csstype: 3.1.3
     dev: false
 
@@ -2613,11 +2573,11 @@ packages:
       safer-buffer: 2.1.2
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-rNYnNCzqDAPCr4m/fqyUFv7fD9qIsd50S6GDFgO1DxZhncCsNsG7IfUlAlvZe5oSEQxtsjnHiUuppzccry93Xw==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-Fce8upazaAXUVUVsjgV6mBnGuqgO+JNDlcgF79Dksy4+wgGpQB2lmYoO4TSweFg/mZITdpGHomw/cNBJZj1icA==}
     dependencies:
       tslib: 2.3.0
-      zrender: 5.5.0
+      zrender: 5.6.0
     dev: false
 
   /[email protected]:
@@ -2930,7 +2890,7 @@ packages:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.5
+      debug: 4.3.6
       doctrine: 3.0.0
       enquirer: 2.4.1
       escape-string-regexp: 4.0.0
@@ -2938,7 +2898,7 @@ packages:
       eslint-utils: 2.1.0
       eslint-visitor-keys: 2.1.0
       espree: 7.3.1
-      esquery: 1.5.0
+      esquery: 1.6.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
       file-entry-cache: 6.0.1
@@ -2958,7 +2918,7 @@ packages:
       optionator: 0.9.4
       progress: 2.0.3
       regexpp: 3.2.0
-      semver: 7.6.2
+      semver: 7.6.3
       strip-ansi: 6.0.1
       strip-json-comments: 3.1.1
       table: 6.8.2
@@ -2983,8 +2943,8 @@ packages:
     hasBin: true
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
     engines: {node: '>=0.10'}
     dependencies:
       estraverse: 5.3.0
@@ -3059,7 +3019,7 @@ packages:
   /[email protected]:
     resolution: {integrity: 
sha512-PI5h8JuzoweS26vFizwQl6UTF25CAHSggNv0J25Dn/IKZscJHWZzPrI5z2Y2jgOzIaw2qh8l6+/jUcig23Z2SA==}
     dependencies:
-      debug: 4.3.5
+      debug: 4.3.6
       path-to-regexp: 1.8.0
     transitivePeerDependencies:
       - supports-color
@@ -3138,7 +3098,7 @@ packages:
       '@nodelib/fs.walk': 1.2.8
       glob-parent: 5.1.2
       merge2: 1.4.1
-      micromatch: 4.0.7
+      micromatch: 4.0.8
     dev: true
 
   /[email protected]:
@@ -3149,6 +3109,10 @@ packages:
     resolution: {integrity: 
sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
     dev: true
 
+  /[email protected]:
+    resolution: {integrity: 
sha512-MWipKbbYiYI0UC7cl8m/i/IWTqfC8YXsqjzybjddLsFjStroQzsHXkc73JutMvBiXmOvapk+axIl79ig5t55Bw==}
+    dev: true
+
   /[email protected]:
     resolution: {integrity: 
sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
     dependencies:
@@ -3236,8 +3200,8 @@ packages:
       is-callable: 1.2.7
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
     dependencies:
       cross-spawn: 7.0.3
@@ -3378,14 +3342,13 @@ packages:
     resolution: {integrity: 
sha512-m5blUd3/OqDTWwzBBtWBPrGlAzatRywHameHeekAZyZrskYouOGdNB8T/q6JucucvJXtOuyHIn0/Yia7iDasDw==}
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-GwMlUF6PkPo3Gk21UxkCohOv0PLcIXVtKyLlpEI28R/cO/4eNOdmLk3CMW1wROV/WR/EsZOWAfBbBOqYvs88/w==}
-    engines: {node: '>=16 || 14 >=14.18'}
+  /[email protected]:
+    resolution: {integrity: 
sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
     hasBin: true
     dependencies:
-      foreground-child: 3.2.1
-      jackspeak: 3.4.0
-      minimatch: 9.0.4
+      foreground-child: 3.3.0
+      jackspeak: 3.4.3
+      minimatch: 9.0.5
       minipass: 7.1.2
       package-json-from-dist: 1.0.0
       path-scurry: 1.11.1
@@ -3437,7 +3400,7 @@ packages:
       array-union: 2.1.0
       dir-glob: 3.0.1
       fast-glob: 3.3.2
-      ignore: 5.3.1
+      ignore: 5.3.2
       merge2: 1.4.1
       slash: 3.0.0
     dev: true
@@ -3551,7 +3514,7 @@ packages:
   /[email protected]:
     resolution: {integrity: 
sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==}
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       loose-envify: 1.4.0
       resolve-pathname: 3.0.0
       tiny-invariant: 1.3.3
@@ -3559,12 +3522,6 @@ packages:
       value-equal: 1.0.1
     dev: false
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==}
-    dependencies:
-      '@babel/runtime': 7.24.7
-    dev: true
-
   /[email protected]:
     resolution: {integrity: 
sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
     dependencies:
@@ -3602,7 +3559,7 @@ packages:
     engines: {node: '>= 14'}
     dependencies:
       agent-base: 7.1.1
-      debug: 4.3.5
+      debug: 4.3.6
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3621,7 +3578,7 @@ packages:
     engines: {node: '>= 14'}
     dependencies:
       agent-base: 7.1.1
-      debug: 4.3.5
+      debug: 4.3.6
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3654,8 +3611,8 @@ packages:
     engines: {node: '>= 4'}
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
     dev: true
 
@@ -3791,8 +3748,8 @@ packages:
       ci-info: 2.0.0
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       hasown: 2.0.2
@@ -4005,9 +3962,8 @@ packages:
     resolution: {integrity: 
sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-JVYhQnN59LVPFCEcVa2C3CrEKYacvjRfqIQl+h8oi91aLYQVWRYbxjPcv1bUiUy/kLmQaANrYfNMCO3kuEDHfw==}
-    engines: {node: '>=14'}
+  /[email protected]:
+    resolution: {integrity: 
sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
     dependencies:
       '@isaacs/cliui': 8.0.2
     optionalDependencies:
@@ -4042,8 +3998,8 @@ packages:
     resolution: {integrity: 
sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-5O1wWV99Jhq4DV7rCLIoZ/UIhyQeDR7wHVyZAHAshbrvZsLs+Xzz7gtwnlJTJDjleiTKh54F4dXrX70vJQTyJQ==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-MyL55p3Ut3cXbeBEG7Hcv0mVM8pp8PBNWxRqchZnSfAiES1v1mRnMeFfaHWIPULpwsYfvO+ZmMZz5tGCnjzDUQ==}
     engines: {node: '>=18'}
     peerDependencies:
       canvas: ^2.11.2
@@ -4211,7 +4167,7 @@ packages:
       image-size: 0.5.5
       make-dir: 2.1.0
       mime: 1.6.0
-      native-request: 1.1.0
+      native-request: 1.1.2
       source-map: 0.6.1
 
   /[email protected]:
@@ -4240,7 +4196,7 @@ packages:
     engines: {node: '>=14'}
     dependencies:
       mlly: 1.7.1
-      pkg-types: 1.1.1
+      pkg-types: 1.2.0
     dev: true
 
   /[email protected]:
@@ -4308,9 +4264,8 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==}
-    engines: {node: 14 || >=16.14}
+  /[email protected]:
+    resolution: {integrity: 
sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
     dev: true
 
   /[email protected]:
@@ -4325,10 +4280,10 @@ packages:
     hasBin: true
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==}
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
     dev: true
 
   /[email protected]:
@@ -4391,8 +4346,8 @@ packages:
     engines: {node: '>= 0.6'}
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
     dependencies:
       braces: 3.0.3
@@ -4403,6 +4358,11 @@ packages:
     resolution: {integrity: 
sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
 
+  /[email protected]:
+    resolution: {integrity: 
sha512-oHlN/w+3MQ3rba9rqFr6V/ypF10LSkdwUysQL7GkXoTgIWeV+tcXGA852TBxH+gsh8UWoyhR1hKcoMJTuWflpg==}
+    engines: {node: '>= 0.6'}
+    dev: true
+
   /[email protected]:
     resolution: {integrity: 
sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
@@ -4452,8 +4412,8 @@ packages:
       brace-expansion: 1.1.11
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
     engines: {node: '>=16 || 14 >=14.17'}
     dependencies:
       brace-expansion: 2.0.1
@@ -4471,10 +4431,10 @@ packages:
   /[email protected]:
     resolution: {integrity: 
sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==}
     dependencies:
-      acorn: 8.12.0
+      acorn: 8.12.1
       pathe: 1.1.2
-      pkg-types: 1.1.1
-      ufo: 1.5.3
+      pkg-types: 1.2.0
+      ufo: 1.5.4
     dev: true
 
   /[email protected]:
@@ -4563,8 +4523,8 @@ packages:
     hasBin: true
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-uZ5rQaeRn15XmpgE0xoPL8YWqcX90VtCFglYwAgkvKM5e8fog+vePLAhHxuuv/gRkrQxIeh5U3q9sMNUrENqWw==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-/etjwrK0J4Ebbcnt35VMWnfiUX/B04uwGJxyJInagxDqf2z5drSt/lsOvEMWGYunz1kaLZAFrV4NDAbOoDKvAQ==}
     requiresBuild: true
     optional: true
 
@@ -4782,7 +4742,7 @@ packages:
     resolution: {integrity: 
sha512-/Eaoq+QyLSiXQ4lyYV23f14mZRQcXnxfHrN0vCai+ak9G0pp9iEQukIIZq5NccEvwRB8PUnZT0KsOoDCINS1qQ==}
     engines: {node: '>=18'}
     dependencies:
-      yocto-queue: 1.0.0
+      yocto-queue: 1.1.1
     dev: true
 
   /[email protected]:
@@ -4887,7 +4847,7 @@ packages:
     resolution: {integrity: 
sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
     engines: {node: '>=16 || 14 >=14.18'}
     dependencies:
-      lru-cache: 10.2.2
+      lru-cache: 10.4.3
       minipass: 7.1.2
     dev: true
 
@@ -4957,8 +4917,8 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-ko14TjmDuQJ14zsotODv7dBlwxKhUKQEhuhmbqo1uCi9BB0Z2alo/wAXg6q1dTR5TyuqYyWhjtfe/Tsh+X28jQ==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-+ifYuSSqOQ8CqP4MbZA5hDpb97n3E8SVWdJe+Wms9kj745lmd3b7EZJiqvmLwAlmRfjrI7Hi5z3kdBJ93lFNPA==}
     dependencies:
       confbox: 0.1.7
       mlly: 1.7.1
@@ -4981,8 +4941,8 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.7
@@ -5128,7 +5088,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       dom-align: 1.12.4
       rc-util: 5.43.0([email protected])([email protected])
@@ -5143,7 +5103,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       array-tree-filter: 2.1.0
       rc-trigger: 5.3.4([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
@@ -5158,7 +5118,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       react: 16.14.0
       react-dom: 16.14.0([email protected])
@@ -5170,7 +5130,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-motion: 2.9.2([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
@@ -5185,7 +5145,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-motion: 2.9.2([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
@@ -5199,7 +5159,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-util: 5.43.0([email protected])([email protected])
       react: 16.14.0
@@ -5212,7 +5172,7 @@ packages:
       react: '*'
       react-dom: '*'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-trigger: 5.3.4([email protected])([email protected])
       react: 16.14.0
@@ -5226,7 +5186,7 @@ packages:
       react: '>= 16.9.0'
       react-dom: '>= 16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       async-validator: 3.5.2
       rc-util: 5.43.0([email protected])([email protected])
       react: 16.14.0
@@ -5239,7 +5199,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-dialog: 8.5.3([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
@@ -5253,7 +5213,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-util: 5.43.0([email protected])([email protected])
       react: 16.14.0
@@ -5266,7 +5226,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-menu: 8.10.8([email protected])([email protected])
       rc-textarea: 0.3.7([email protected])([email protected])
@@ -5282,7 +5242,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       mini-store: 3.0.6([email protected])([email protected])
       rc-motion: 2.9.2([email protected])([email protected])
@@ -5300,7 +5260,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-util: 5.43.0([email protected])([email protected])
       react: 16.14.0
@@ -5314,7 +5274,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-motion: 2.9.2([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
@@ -5328,7 +5288,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-resize-observer: 1.4.0([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
@@ -5342,7 +5302,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       react: 16.14.0
       react-dom: 16.14.0([email protected])
@@ -5355,10 +5315,10 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       date-fns: 2.30.0
-      dayjs: 1.11.11
+      dayjs: 1.11.13
       moment: 2.30.1
       rc-trigger: 5.3.4([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
@@ -5373,7 +5333,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       react: 16.14.0
       react-dom: 16.14.0([email protected])
@@ -5386,7 +5346,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-util: 5.43.0([email protected])([email protected])
       react: 16.14.0
@@ -5399,7 +5359,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-util: 5.43.0([email protected])([email protected])
       react: 16.14.0
@@ -5414,13 +5374,13 @@ packages:
       react: '*'
       react-dom: '*'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-motion: 2.9.2([email protected])([email protected])
       rc-overflow: 1.3.2([email protected])([email protected])
       rc-trigger: 5.3.4([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
-      rc-virtual-list: 3.14.3([email protected])([email protected])
+      rc-virtual-list: 3.14.5([email protected])([email protected])
       react: 16.14.0
       react-dom: 16.14.0([email protected])
     dev: false
@@ -5432,7 +5392,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-tooltip: 5.0.2([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
@@ -5448,7 +5408,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-util: 5.43.0([email protected])([email protected])
       react: 16.14.0
@@ -5461,7 +5421,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-util: 5.43.0([email protected])([email protected])
       react: 16.14.0
@@ -5475,7 +5435,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-resize-observer: 1.4.0([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
@@ -5491,7 +5451,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-dropdown: 3.2.5([email protected])([email protected])
       rc-menu: 8.10.8([email protected])([email protected])
@@ -5507,7 +5467,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-resize-observer: 1.4.0([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
@@ -5522,7 +5482,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       rc-trigger: 5.3.4([email protected])([email protected])
       react: 16.14.0
       react-dom: 16.14.0([email protected])
@@ -5534,7 +5494,7 @@ packages:
       react: '*'
       react-dom: '*'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-select: 12.1.13([email protected])([email protected])
       rc-tree: 4.1.5([email protected])([email protected])
@@ -5550,11 +5510,11 @@ packages:
       react: '*'
       react-dom: '*'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-motion: 2.9.2([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
-      rc-virtual-list: 3.14.3([email protected])([email protected])
+      rc-virtual-list: 3.14.5([email protected])([email protected])
       react: 16.14.0
       react-dom: 16.14.0([email protected])
     dev: false
@@ -5566,7 +5526,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-align: 4.0.15([email protected])([email protected])
       rc-motion: 2.9.2([email protected])([email protected])
@@ -5581,7 +5541,7 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-util: 5.43.0([email protected])([email protected])
       react: 16.14.0
@@ -5594,20 +5554,20 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       react: 16.14.0
       react-dom: 16.14.0([email protected])
       react-is: 18.3.1
     dev: false
 
-  /[email protected]([email protected])([email protected]):
-    resolution: {integrity: 
sha512-6+6wiEhdqakNBnbRJymgMlh+90qpkgqherTRo1l1cX7mK6F9hWsazPczmP0lA+64yhC9/t+M9Dh5pjvDWimn8A==}
+  /[email protected]([email protected])([email protected]):
+    resolution: {integrity: 
sha512-ZMOnkCLv2wUN8Jz7yI4XiSLa9THlYvf00LuMhb1JlsQCewuU7ydPuHw1rGVPhe9VZYl/5UqODtNd7QKJ2DMGfg==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       classnames: 2.5.1
       rc-resize-observer: 1.4.0([email protected])([email protected])
       rc-util: 5.43.0([email protected])([email protected])
@@ -5660,7 +5620,7 @@ packages:
     peerDependencies:
       react: '>=15'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       history: 4.10.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
@@ -5675,7 +5635,7 @@ packages:
     peerDependencies:
       react: '>=15'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       history: 4.10.1
       hoist-non-react-statics: 3.3.2
       loose-envify: 1.4.0
@@ -5693,7 +5653,7 @@ packages:
       react: ^16.8.0 || ^17.0.0
       react-dom: ^16.8.0 || ^17.0.0
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       '@emotion/cache': 10.0.29
       '@emotion/core': 10.3.1([email protected])
       '@emotion/css': 10.0.27
@@ -5713,7 +5673,7 @@ packages:
       react: '>=16.6.0'
       react-dom: '>=16.6.0'
     dependencies:
-      '@babel/runtime': 7.24.7
+      '@babel/runtime': 7.25.4
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
@@ -5810,7 +5770,7 @@ packages:
     deprecated: request has been deprecated, see 
https://github.com/request/request/issues/3142
     dependencies:
       aws-sign2: 0.7.0
-      aws4: 1.13.0
+      aws4: 1.13.2
       caseless: 0.12.0
       combined-stream: 1.0.8
       extend: 3.0.2
@@ -5865,7 +5825,7 @@ packages:
     resolution: {integrity: 
sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
     dependencies:
-      is-core-module: 2.14.0
+      is-core-module: 2.15.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
@@ -5904,29 +5864,29 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-ZnYyKvscThhgd3M5+Qt3pmhO4jIRR5RGzaSovB6Q7rGNrK5cUncrtLmcTTJVSdcKXyZjW8X8MB0JMSuH9bcAJg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
     dependencies:
       '@types/estree': 1.0.5
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.18.0
-      '@rollup/rollup-android-arm64': 4.18.0
-      '@rollup/rollup-darwin-arm64': 4.18.0
-      '@rollup/rollup-darwin-x64': 4.18.0
-      '@rollup/rollup-linux-arm-gnueabihf': 4.18.0
-      '@rollup/rollup-linux-arm-musleabihf': 4.18.0
-      '@rollup/rollup-linux-arm64-gnu': 4.18.0
-      '@rollup/rollup-linux-arm64-musl': 4.18.0
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.18.0
-      '@rollup/rollup-linux-riscv64-gnu': 4.18.0
-      '@rollup/rollup-linux-s390x-gnu': 4.18.0
-      '@rollup/rollup-linux-x64-gnu': 4.18.0
-      '@rollup/rollup-linux-x64-musl': 4.18.0
-      '@rollup/rollup-win32-arm64-msvc': 4.18.0
-      '@rollup/rollup-win32-ia32-msvc': 4.18.0
-      '@rollup/rollup-win32-x64-msvc': 4.18.0
+      '@rollup/rollup-android-arm-eabi': 4.21.1
+      '@rollup/rollup-android-arm64': 4.21.1
+      '@rollup/rollup-darwin-arm64': 4.21.1
+      '@rollup/rollup-darwin-x64': 4.21.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.21.1
+      '@rollup/rollup-linux-arm-musleabihf': 4.21.1
+      '@rollup/rollup-linux-arm64-gnu': 4.21.1
+      '@rollup/rollup-linux-arm64-musl': 4.21.1
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.21.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.21.1
+      '@rollup/rollup-linux-s390x-gnu': 4.21.1
+      '@rollup/rollup-linux-x64-gnu': 4.21.1
+      '@rollup/rollup-linux-x64-musl': 4.21.1
+      '@rollup/rollup-win32-arm64-msvc': 4.21.1
+      '@rollup/rollup-win32-ia32-msvc': 4.21.1
+      '@rollup/rollup-win32-x64-msvc': 4.21.1
       fsevents: 2.3.3
     dev: true
 
@@ -5952,7 +5912,7 @@ packages:
   /[email protected]:
     resolution: {integrity: 
sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
     dependencies:
-      tslib: 2.6.3
+      tslib: 2.7.0
     dev: true
 
   /[email protected]:
@@ -6025,8 +5985,8 @@ packages:
     hasBin: true
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
     engines: {node: '>=10'}
     hasBin: true
     dev: true
@@ -6072,8 +6032,8 @@ packages:
     resolution: {integrity: 
sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-lXLOiqpkUumhRdFF3k1osNXCy9akgx/dyPZ5p8qAg9seJzXr5ZrlqZuWIMuY6ejOsVLE6flJ5/h3lsn57fQ/PQ==}
     dev: true
 
   /[email protected]:
@@ -6191,7 +6151,7 @@ packages:
     resolution: {integrity: 
sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
     dependencies:
       spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.18
+      spdx-license-ids: 3.0.20
     dev: true
 
   /[email protected]:
@@ -6202,11 +6162,11 @@ packages:
     resolution: {integrity: 
sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
     dependencies:
       spdx-exceptions: 2.5.0
-      spdx-license-ids: 3.0.18
+      spdx-license-ids: 3.0.20
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-xxRs31BqRYHwiMzudOrpSiHtZ8i/GeionCBDSilhYRj+9gIcI8wCZTlXZKu9vZIVqViP3dcp9qE5G6AlIaD+TQ==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-jg25NiDV/1fLtSgEgyvVyDunvaNHbuwF9lfNV17gSmPFAlYzdfNBlLtLzXTevwkPj7DhGbmN9VnmJIgLnhvaBw==}
     dev: true
 
   /[email protected]:
@@ -6420,7 +6380,7 @@ packages:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.5
       commander: 4.1.1
-      glob: 10.4.2
+      glob: 10.4.5
       lines-and-columns: 1.2.4
       mz: 2.7.0
       pirates: 4.0.6
@@ -6452,7 +6412,7 @@ packages:
     resolution: {integrity: 
sha512-w2sfv80nrAh2VCbqR5AK27wswXhqcck2AhfnNW76beQXskGZ1V12GwS//yYVa3d3fcvAip2OUnbDAjW2k3v9fA==}
     engines: {node: '>=10.0.0'}
     dependencies:
-      ajv: 8.16.0
+      ajv: 8.17.1
       lodash.truncate: 4.4.2
       slice-ansi: 4.0.0
       string-width: 4.2.3
@@ -6495,8 +6455,8 @@ packages:
     resolution: {integrity: 
sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
     dev: false
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-1/eK7zUnIklz4JUUlL+658n58XO2hHLQfSk1Zf2LKieUjxidN16eKFEoDEfjHc3ohofSSqK3X5yO6VGb6iW8Lw==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
     dev: true
 
   /[email protected]:
@@ -6591,8 +6551,8 @@ packages:
     resolution: {integrity: 
sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
     dev: false
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==}
     dev: true
 
   /[email protected]([email protected]):
@@ -6622,8 +6582,8 @@ packages:
       prelude-ls: 1.2.1
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-Acylog8/luQ8L7il+geoSxhEkazvkslg7PSNKOX59mbB9cOveP5aq9h74Y7YU8yDpJwetzQQrfIwtf4Wp4LKcw==}
     engines: {node: '>=4'}
     dev: true
 
@@ -6704,8 +6664,8 @@ packages:
     engines: {node: '>=4.2.0'}
     hasBin: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-Y7HYmWaFwPUmkoQCUIAYpKqkOf+SbVj/2fJJZ4RJMCfZp0rTGwRbzQD+HghfnhKOjL9E01okqz+ncJskGYfBNw==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
     dev: true
 
   /[email protected]:
@@ -6717,8 +6677,8 @@ packages:
       which-boxed-primitive: 1.0.2
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
     dev: true
 
   /[email protected]:
@@ -6836,15 +6796,16 @@ packages:
     hasBin: true
     dependencies:
       cac: 6.7.14
-      debug: 4.3.5
+      debug: 4.3.6
       pathe: 1.1.2
       picocolors: 1.0.1
-      vite: 5.3.1([email protected])
+      vite: 5.4.2([email protected])
     transitivePeerDependencies:
       - '@types/node'
       - less
       - lightningcss
       - sass
+      - sass-embedded
       - stylus
       - sugarss
       - supports-color
@@ -6856,7 +6817,7 @@ packages:
     peerDependencies:
       vite: '>2.0.0-0'
     dependencies:
-      debug: 4.3.5
+      debug: 4.3.6
       globrex: 0.1.2
       recrawl-sync: 2.2.3
       tsconfig-paths: 4.2.0
@@ -6895,14 +6856,14 @@ packages:
     dependencies:
       esbuild: 0.18.20
       less: 3.13.1
-      postcss: 8.4.38
+      postcss: 8.4.41
       rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /[email protected]([email protected]):
-    resolution: {integrity: 
sha512-XBmSKRLXLxiaPYamLv3/hnP/KXDai1NDexN0FpkTaZXTfycHvkRHoenpgl/fvuK/kPbB6xAgoyiryAhQNxYmAQ==}
+  /[email protected]([email protected]):
+    resolution: {integrity: 
sha512-dDrQTRHp5C1fTFzcSaMxjk6vdpKvT+2/mIdE07Gw2ykehT49O0z/VHS3zZ8iV/Gh8BJJKHWOe5RjaNrW5xf/GA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -6910,6 +6871,7 @@ packages:
       less: '*'
       lightningcss: ^1.21.0
       sass: '*'
+      sass-embedded: '*'
       stylus: '*'
       sugarss: '*'
       terser: ^5.4.0
@@ -6922,6 +6884,8 @@ packages:
         optional: true
       sass:
         optional: true
+      sass-embedded:
+        optional: true
       stylus:
         optional: true
       sugarss:
@@ -6931,13 +6895,13 @@ packages:
     dependencies:
       esbuild: 0.21.5
       less: 3.13.1
-      postcss: 8.4.38
-      rollup: 4.18.0
+      postcss: 8.4.41
+      rollup: 4.21.1
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /[email protected]([email protected])([email protected]):
+  /[email protected]([email protected])([email protected]):
     resolution: {integrity: 
sha512-H5r/dN06swuFnzNFhq/dnz37bPXnq8xB2xB5JOVk8K09rUtoeNN+LHWkoQ0A/i3hvbUKKcCei9KpbxqHMLhLLA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -6968,25 +6932,26 @@ packages:
       '@vitest/spy': 1.6.0
       '@vitest/utils': 1.6.0
       acorn-walk: 8.3.3
-      chai: 4.4.1
-      debug: 4.3.5
+      chai: 4.5.0
+      debug: 4.3.6
       execa: 8.0.1
-      jsdom: 24.1.1
+      jsdom: 24.1.3
       local-pkg: 0.5.0
-      magic-string: 0.30.10
+      magic-string: 0.30.11
       pathe: 1.1.2
       picocolors: 1.0.1
       std-env: 3.7.0
       strip-literal: 2.1.0
-      tinybench: 2.8.0
+      tinybench: 2.9.0
       tinypool: 0.8.4
-      vite: 5.3.1([email protected])
+      vite: 5.4.2([email protected])
       vite-node: 1.6.0([email protected])
-      why-is-node-running: 2.2.2
+      why-is-node-running: 2.3.0
     transitivePeerDependencies:
       - less
       - lightningcss
       - sass
+      - sass-embedded
       - stylus
       - sugarss
       - supports-color
@@ -7106,8 +7071,8 @@ packages:
       isexe: 2.0.0
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
     engines: {node: '>=8'}
     hasBin: true
     dependencies:
@@ -7261,13 +7226,13 @@ packages:
       yargs-parser: 21.1.1
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==}
     engines: {node: '>=12.20'}
     dev: true
 
-  /[email protected]:
-    resolution: {integrity: 
sha512-O3MilSi/9mwoovx77m6ROZM7sXShR/O/JIanvzTwjN3FORfLSr81PsUGd7jlaYOeds9d8tw82oP44+3YucVo+w==}
+  /[email protected]:
+    resolution: {integrity: 
sha512-uzgraf4njmmHAbEUxMJ8Oxg+P3fT04O+9p7gY+wJRVxo8Ge+KmYv0WJev945EH4wFuc4OY2NLXz46FZrWS9xJg==}
     dependencies:
       tslib: 2.3.0
     dev: false
diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/app.tsx
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/app.tsx
index 0ad6aa3f17..78954ebb5a 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/app.tsx
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/app.tsx
@@ -20,6 +20,7 @@ import React, { Suspense } from 'react';
 
 import { Switch as AntDSwitch, Layout } from 'antd';
 import NavBar from './components/navBar/navBar';
+import NavBarV2 from '@/v2/components/navBar/navBar';
 import Breadcrumbs from './components/breadcrumbs/breadcrumbs';
 import { HashRouter as Router, Switch, Route, Redirect } from 
'react-router-dom';
 import { routes } from '@/routes';
@@ -61,7 +62,11 @@ class App extends React.Component<Record<string, object>, 
IAppState> {
     return (
       <Router>
         <Layout style={{ minHeight: '100vh' }}>
-          <NavBar collapsed={collapsed} onCollapse={this.onCollapse} />
+          {
+            (enableNewUI)
+            ? <NavBarV2 collapsed={collapsed} onCollapse={this.onCollapse} />
+            : <NavBar collapsed={collapsed} onCollapse={this.onCollapse} />
+          }
           <Layout className={layoutClass}>
             <Header>
               <div style={{ margin: '16px 0', display: 'flex', justifyContent: 
'space-between' }}>
diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/components/navBar/navBar.less
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/components/navBar/navBar.less
index 28978baaf9..8e99972d1b 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/components/navBar/navBar.less
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/components/navBar/navBar.less
@@ -23,7 +23,7 @@
   font-size: 20px;
   font-weight: 500;
   padding: 10px;
-  background-color: #002040;
+  background-color: #142329;
   .logo-text {
     margin-left: 10px;
   }
diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/utils/axiosRequestHelper.tsx
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/utils/axiosRequestHelper.tsx
index 41774088c5..8fbe403dc3 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/utils/axiosRequestHelper.tsx
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/utils/axiosRequestHelper.tsx
@@ -20,7 +20,7 @@ import axios, { AxiosResponse } from 'axios';
 
 export const AxiosGetHelper = (
   url: string,
-  controller: AbortController,
+  controller: AbortController | undefined,
   message: string = '',
   params: any = {},
 ): { request: Promise<AxiosResponse<any, any>>; controller: AbortController } 
=> {
@@ -50,7 +50,7 @@ export const AxiosPutHelper = (
 
 export const PromiseAllSettledGetHelper = (
   urls: string[],
-  controller: AbortController,
+  controller: AbortController | undefined,
   message: string = ''
 ): { requests: Promise<PromiseSettledResult<AxiosResponse<any, any>>[]>; 
controller: AbortController } => {
 
diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/navBar/navBar.less
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/navBar/navBar.less
new file mode 100644
index 0000000000..09ec283d55
--- /dev/null
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/navBar/navBar.less
@@ -0,0 +1,65 @@
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+.logo-v2 {
+  color: #FFFFFF;
+  font-size: 18px;
+  font-weight: 500;
+  padding: 20px;
+  background-color: #142329;
+  .logo-text-v2 {
+    margin-left: 10px;
+  }
+}
+
+.ant-layout-sider-collapsed {
+  .logo-v2 {
+    padding: 10px;
+
+    .logo-text-v2 {
+      display: none;
+    }
+  }
+  .ant-layout-sider-trigger {
+    background: #142329 !important;
+    text-align: center !important;
+    padding-left: 20px !important;
+  }
+}
+
+.ant-layout-sider {
+  background: #142329 !important;
+
+  .ant-menu-dark {
+    background: #142329 !important;
+  
+    .ant-menu-item-selected {
+      span {
+        color: #4DCF4C !important;
+      }
+      background: #224452 !important;
+      color: #4DCF4C !important;
+    }
+  }
+  
+  .ant-layout-sider-trigger {
+    background: #142329 !important;
+    text-align: unset !important;
+    padding-left: 25px;
+  }
+}
\ No newline at end of file
diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/navBar/navBar.tsx
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/navBar/navBar.tsx
new file mode 100644
index 0000000000..3da4104634
--- /dev/null
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/navBar/navBar.tsx
@@ -0,0 +1,180 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { useState, useEffect, useRef } from 'react';
+import axios, { AxiosResponse } from 'axios';
+import { Layout, Menu, Spin } from 'antd';
+import {
+  BarChartOutlined,
+  ClusterOutlined,
+  ContainerOutlined,
+  DashboardOutlined,
+  DatabaseOutlined,
+  DeploymentUnitOutlined,
+  FolderOpenOutlined,
+  InboxOutlined,
+  LayoutOutlined,
+  PieChartOutlined
+} from '@ant-design/icons';
+import { useLocation, Link } from 'react-router-dom';
+
+
+import logo from '@/logo.png';
+import { showDataFetchError } from '@/utils/common';
+import { AxiosGetHelper, cancelRequests } from '@/utils/axiosRequestHelper';
+
+import './navBar.less';
+
+
+// ------------- Types -------------- //
+type NavBarProps = {
+  collapsed: boolean;
+  onCollapse: (arg0: boolean) => void;
+}
+
+const NavBar: React.FC<NavBarProps> = ({
+  collapsed = false,
+  onCollapse = () => { }
+}) => {
+  const [isHeatmapEnabled, setIsHeatmapEnabled] = useState<boolean>(false);
+  const cancelDisabledFeatureSignal = useRef<AbortController>();
+  const location = useLocation();
+
+  const fetchDisabledFeatures = async () => {
+    const disabledfeaturesEndpoint = `/api/v1/features/disabledFeatures`;
+    const { request, controller } = AxiosGetHelper(
+      disabledfeaturesEndpoint,
+      cancelDisabledFeatureSignal.current
+    )
+    cancelDisabledFeatureSignal.current = controller;
+    try {
+      const response: AxiosResponse<string[]> = await request;
+      const heatmapDisabled = response?.data?.includes('HEATMAP')
+      setIsHeatmapEnabled(!heatmapDisabled);
+    } catch (error: unknown) {
+      showDataFetchError((error as Error).toString())
+    }
+  }
+
+
+  useEffect(() => {
+    fetchDisabledFeatures();
+    // Component will unmount
+    return (() => {
+      cancelRequests([cancelDisabledFeatureSignal.current!])
+    })
+  }, [])
+
+  const menuItems = [(
+    <Menu.Item key='/Overview'
+      icon={<DashboardOutlined />}>
+      <span>Overview</span>
+      <Link to='/Overview' />
+    </Menu.Item>
+  ), (
+    <Menu.Item key='/Volumes'
+      icon={<InboxOutlined />}>
+      <span>Volumes</span>
+      <Link to='/Volumes' />
+    </Menu.Item>
+  ), (
+    <Menu.Item key='/Buckets'
+      icon={<FolderOpenOutlined />}>
+      <span>Buckets</span>
+      <Link to='/Buckets' />
+    </Menu.Item>
+  ), (
+    <Menu.Item key='/Datanodes'
+      icon={<ClusterOutlined />}>
+      <span>Datanodes</span>
+      <Link to='/Datanodes' />
+    </Menu.Item>
+  ), (
+    <Menu.Item key='/Pipelines'
+      icon={<DeploymentUnitOutlined />}>
+      <span>Pipelines</span>
+      <Link to='/Pipelines' />
+    </Menu.Item>
+  ), (
+    <Menu.Item key='/Containers'
+      icon={<ContainerOutlined />}>
+      <span>Containers</span>
+      <Link to='/Containers' />
+    </Menu.Item>
+  ), (
+    <Menu.SubMenu key='InsightsMenu'
+      title="Insights"
+      icon={<BarChartOutlined />}>
+      <Menu.Item key='/Insights'
+        icon={<BarChartOutlined />}>
+        <span>Insights</span>
+        <Link to='/Insights' />
+      </Menu.Item>
+      <Menu.Item key='/Om'
+        icon={<DatabaseOutlined />}>
+        <span>OM DB Insights</span>
+        <Link to='/Om' />
+      </Menu.Item>
+    </Menu.SubMenu>
+  ), (
+    <Menu.Item key='/DiskUsage'
+      icon={<PieChartOutlined />}>
+      <span>Disk Usage</span>
+      <Link to='/DiskUsage' />
+    </Menu.Item>
+  ), (
+    isHeatmapEnabled &&
+    <Menu.Item key='/Heatmap'
+      icon={<LayoutOutlined />}>
+      <span>Heatmap</span>
+      <Link to={{
+        pathname: '/Heatmap',
+        state: { isHeatmapEnabled: true }
+      }}
+      />
+    </Menu.Item>
+  )]
+  return (
+    <Layout.Sider
+      collapsible
+      collapsed={collapsed}
+      collapsedWidth={50}
+      style={{
+        overflow: 'auto',
+        height: '100vh',
+        position: 'fixed',
+        left: 0
+      }}
+      onCollapse={onCollapse}
+    >
+      <div className='logo-v2'>
+        <img src={logo} alt='Ozone Recon Logo' width={30} height={30} />
+        <span className='logo-text-v2'>Ozone Recon</span>
+      </div>
+      <Menu
+        theme='dark'
+        defaultSelectedKeys={['/Dashboard']}
+        mode='inline'
+        selectedKeys={[location.pathname]} >
+        {...menuItems}
+      </Menu>
+    </Layout.Sider>
+  );
+}
+
+export default NavBar;
diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/overview/overview.tsx
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/overview/overview.tsx
index dc511b62ca..0394c8ac51 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/overview/overview.tsx
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/overview/overview.tsx
@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import moment from 'moment';
 import filesize from 'filesize';
 import axios, { CanceledError } from 'axios';
@@ -105,8 +105,8 @@ const getSummaryTableValue = (
 
 const Overview: React.FC<{}> = () => {
 
-  let cancelOverviewSignal: AbortController;
-  let cancelOMDBSyncSignal: AbortController;
+  const cancelOverviewSignal = useRef<AbortController>();
+  const cancelOMDBSyncSignal = useRef<AbortController>();
 
   const [state, setState] = useState<OverviewState>({
     loading: false,
@@ -147,8 +147,8 @@ const Overview: React.FC<{}> = () => {
       // Component will Un-mount
       autoReloadHelper.stopPolling();
       cancelRequests([
-        cancelOMDBSyncSignal,
-        cancelOverviewSignal
+        cancelOMDBSyncSignal.current!,
+        cancelOverviewSignal.current!
       ]);
     })
   }, [])
@@ -161,8 +161,8 @@ const Overview: React.FC<{}> = () => {
 
     // Cancel any previous pending requests
     cancelRequests([
-      cancelOMDBSyncSignal,
-      cancelOverviewSignal
+      cancelOMDBSyncSignal.current!,
+      cancelOverviewSignal.current!
     ]);
 
     const { requests, controller } = PromiseAllSettledGetHelper([
@@ -170,8 +170,8 @@ const Overview: React.FC<{}> = () => {
       '/api/v1/task/status',
       '/api/v1/keys/open/summary',
       '/api/v1/keys/deletePending/summary'
-    ], cancelOverviewSignal);
-    cancelOverviewSignal = controller;
+    ], cancelOverviewSignal.current);
+    cancelOverviewSignal.current = controller;
 
     requests.then(axios.spread((
       clusterStateResponse: Awaited<Promise<any>>,
@@ -264,10 +264,10 @@ const Overview: React.FC<{}> = () => {
 
     const { request, controller } = AxiosGetHelper(
       '/api/v1/triggerdbsync/om',
-      cancelOMDBSyncSignal,
+      cancelOMDBSyncSignal.current,
       'OM-DB Sync request cancelled because data was updated'
     );
-    cancelOMDBSyncSignal = controller;
+    cancelOMDBSyncSignal.current = controller;
 
     request.then(omStatusResponse => {
       const omStatus = omStatusResponse.data;
diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/volumes/volumes.tsx
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/volumes/volumes.tsx
index a5918ac6ce..6c323fc949 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/volumes/volumes.tsx
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/volumes/volumes.tsx
@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import moment from 'moment';
 import { Table } from 'antd';
 import { Link } from 'react-router-dom';
@@ -35,7 +35,7 @@ import Search from '@/v2/components/search/search';
 
 import { byteToSize, showDataFetchError } from '@/utils/common';
 import { AutoReloadHelper } from '@/utils/autoReloadHelper';
-import { AxiosGetHelper } from "@/utils/axiosRequestHelper";
+import { AxiosGetHelper, cancelRequests } from "@/utils/axiosRequestHelper";
 import { useDebounce } from '@/v2/hooks/debounce.hook';
 
 import {
@@ -70,7 +70,7 @@ const LIMIT_OPTIONS: Option[] = [
 
 const Volumes: React.FC<{}> = () => {
 
-  let cancelSignal: AbortController;
+  const cancelSignal = useRef<AbortController>();
 
   const COLUMNS: ColumnsType<Volume> = [
     {
@@ -181,15 +181,17 @@ const Volumes: React.FC<{}> = () => {
 
   const loadData = () => {
     setLoading(true);
+    // Cancel any previous pending requests
+    cancelRequests([cancelSignal.current!]);
 
     const { request, controller } = AxiosGetHelper(
       '/api/v1/volumes',
-      cancelSignal,
+      cancelSignal.current,
       "",
       { limit: selectedLimit.value }
     );
 
-    cancelSignal = controller;
+    cancelSignal.current = controller;
     request.then(response => {
       const volumesResponse: VolumesResponse = response.data;
       const volumes: Volume[] = volumesResponse.volumes;
@@ -228,7 +230,7 @@ const Volumes: React.FC<{}> = () => {
     // Component will unmount
     return (() => {
       autoReloadHelper.stopPolling();
-      cancelSignal && cancelSignal.abort();
+      cancelRequests([cancelSignal.current!]);
     })
   }, []);
 


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]


Reply via email to