diff --git a/.github/workflows/acceptance.yml b/.github/workflows/acceptance.yml
index e6b4989a24..62c8c735eb 100644
--- a/.github/workflows/acceptance.yml
+++ b/.github/workflows/acceptance.yml
@@ -11,7 +11,7 @@ jobs:
       matrix:
         node-version: [18.x, 20.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
@@ -19,7 +19,7 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -32,7 +32,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -42,7 +42,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
@@ -95,15 +95,15 @@ jobs:
       matrix:
         node-version: [18.x, 20.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -114,7 +114,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -124,7 +124,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
@@ -177,15 +177,15 @@ jobs:
       matrix:
         node-version: [18.x, 20.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -196,7 +196,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -206,7 +206,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
@@ -259,15 +259,15 @@ jobs:
       matrix:
         node-version: [18.x, 20.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -278,7 +278,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -288,7 +288,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
@@ -341,15 +341,15 @@ jobs:
       matrix:
         node-version: [18.x, 20.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -360,7 +360,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -370,7 +370,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
@@ -423,15 +423,15 @@ jobs:
       matrix:
         node-version: [18.x, 20.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -442,7 +442,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -452,7 +452,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
@@ -504,15 +504,15 @@ jobs:
       matrix:
         node-version: [18.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -523,7 +523,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -533,7 +533,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
@@ -586,15 +586,15 @@ jobs:
       matrix:
         node-version: [18.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -605,7 +605,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -615,7 +615,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
@@ -668,15 +668,15 @@ jobs:
   #     matrix:
   #       node-version: [18.x]
   #   steps:
-  #     - uses: actions/checkout@v3
+  #     - uses: actions/checkout@v4
 
   #     # node setup
   #     - name: Use Node.js ${{ matrix.node-version }}
-  #       uses: actions/setup-node@v3
+  #       uses: actions/setup-node@v4
   #       with:
   #         node-version: ${{ matrix.node-version }}
 
-  #     - uses: pnpm/action-setup@v2
+  #     - uses: pnpm/action-setup@v3
   #       name: Install pnpm
   #       with:
   #         version: 8
@@ -687,7 +687,7 @@ jobs:
   #       run: |
   #         echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-  #     - uses: actions/cache@v3
+  #     - uses: actions/cache@v4
   #       name: Setup pnpm cache
   #       with:
   #         path: ${{ env.STORE_PATH }}
@@ -739,15 +739,15 @@ jobs:
       matrix:
         node-version: [18.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -758,7 +758,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -768,7 +768,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
@@ -822,15 +822,15 @@ jobs:
         node-version: [18.x]
         # python-version: [3.7]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -841,7 +841,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -851,7 +851,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
@@ -932,15 +932,15 @@ jobs:
       project-directory: ./my-volto-app
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -951,7 +951,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -961,7 +961,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
@@ -1069,15 +1069,15 @@ jobs:
       matrix:
         node-version: [18.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -1088,7 +1088,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -1098,7 +1098,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
@@ -1140,7 +1140,7 @@ jobs:
       - uses: actions/upload-artifact@v1
         if: failure()
         with:
-          name: cypress-videos
+          name: cypress-videos-seamless
           path: packages/volto/cypress/videos
 
   multilingualseamless:
@@ -1153,15 +1153,15 @@ jobs:
       matrix:
         node-version: [18.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -1172,7 +1172,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -1182,7 +1182,7 @@ jobs:
 
       - name: Cache Cypress Binary
         id: cache-cypress-binary
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: binary-${{ matrix.node-version }}-${{ hashFiles('package-lock.json') }}
diff --git a/.github/workflows/changelog.yml b/.github/workflows/changelog.yml
index c6a16acd47..04b8739752 100644
--- a/.github/workflows/changelog.yml
+++ b/.github/workflows/changelog.yml
@@ -12,7 +12,7 @@ jobs:
   towncrier:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           # Fetch all history
           fetch-depth: '0'
diff --git a/.github/workflows/code-analysis.yml b/.github/workflows/code-analysis.yml
index cdba0307d1..a4dad86bde 100644
--- a/.github/workflows/code-analysis.yml
+++ b/.github/workflows/code-analysis.yml
@@ -10,15 +10,15 @@ jobs:
     name: Prettier
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ env.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ env.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -29,7 +29,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -47,15 +47,15 @@ jobs:
     name: ESlint
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ env.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ env.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -66,7 +66,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -87,15 +87,15 @@ jobs:
     name: Stylelint
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ env.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ env.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -106,7 +106,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -127,15 +127,15 @@ jobs:
     name: i18n
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ env.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ env.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -146,7 +146,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
diff --git a/.github/workflows/deployment_tests.yml b/.github/workflows/deployment_tests.yml
new file mode 100644
index 0000000000..7324662881
--- /dev/null
+++ b/.github/workflows/deployment_tests.yml
@@ -0,0 +1,197 @@
+name: Deployment Tests
+on: [push, pull_request]
+jobs:
+  vitessr:
+    if: github.event_name != 'pull_request' || github.event.pull_request.head.repo.full_name != github.event.pull_request.base.repo.full_name
+    runs-on: ubuntu-latest
+    name: Vite SSR
+    timeout-minutes: 5
+    strategy:
+      fail-fast: false
+    steps:
+      - uses: actions/checkout@v4
+
+      # node setup
+      - name: Use Node.js 20.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+
+      - uses: pnpm/action-setup@v3
+        name: Install pnpm
+        with:
+          version: 8
+          # We don't want to install until later,
+          # when the cache and Cypress are in place
+          run_install: false
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v4
+        name: Setup pnpm cache
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build packages
+        run: pnpm build:deps && pnpm build:components
+
+      - name: Start backend
+        run: make start-backend-docker-detached
+
+      - name: Build
+        run: pnpm --filter plone-vite-ssr build
+
+      - name: Start server
+        run: nohup pnpm --filter plone-vite-ssr start:prod &
+
+      - name: Wait
+        run: packages/scripts/node_modules/.bin/wait-on --httpTimeout 20000 http-get://127.0.0.1:8080/Plone
+
+      - name: Run tests
+        run: curl http://localhost:3000 || true
+
+      - name: Run tests
+        run: curl http://127.0.0.1:3000 || true
+
+      - name: Run tests
+        run: node packages/scripts/check_deployment.js
+
+      - name: Stop backend
+        run: make stop-backend-docker-detached
+
+  nextjs:
+    if: github.event_name != 'pull_request' || github.event.pull_request.head.repo.full_name != github.event.pull_request.base.repo.full_name
+    runs-on: ubuntu-latest
+    name: Next.JS
+    timeout-minutes: 5
+    strategy:
+      fail-fast: false
+    steps:
+      - uses: actions/checkout@v4
+
+      # node setup
+      - name: Use Node.js 20.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+
+      - uses: pnpm/action-setup@v3
+        name: Install pnpm
+        with:
+          version: 8
+          # We don't want to install until later,
+          # when the cache and Cypress are in place
+          run_install: false
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v4
+        name: Setup pnpm cache
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build packages
+        run: pnpm build:deps && pnpm build:components
+
+      - name: Start backend
+        run: make start-backend-docker-detached
+
+      - name: Build
+        run: pnpm --filter plone-nextjs build
+
+      - name: Start server
+        run: nohup pnpm --filter plone-nextjs start:prod &
+
+      - name: Wait
+        run: packages/scripts/node_modules/.bin/wait-on --httpTimeout 20000 http-get://127.0.0.1:8080/Plone
+
+      - name: Run tests
+        run: curl http://localhost:3000 || true
+
+      - name: Run tests
+        run: curl http://127.0.0.1:3000 || true
+
+      - name: Run tests
+        run: node packages/scripts/check_deployment.js
+
+      - name: Stop backend
+        run: make stop-backend-docker-detached
+
+  remix:
+    if: github.event_name != 'pull_request' || github.event.pull_request.head.repo.full_name != github.event.pull_request.base.repo.full_name
+    runs-on: ubuntu-latest
+    name: Remix
+    timeout-minutes: 5
+    strategy:
+      fail-fast: false
+    steps:
+      - uses: actions/checkout@v4
+
+      # node setup
+      - name: Use Node.js 20.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+
+      - uses: pnpm/action-setup@v3
+        name: Install pnpm
+        with:
+          version: 8
+          # We don't want to install until later,
+          # when the cache and Cypress are in place
+          run_install: false
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v4
+        name: Setup pnpm cache
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build packages
+        run: pnpm build:deps && pnpm build:components
+
+      - name: Start backend
+        run: make start-backend-docker-detached
+
+      - name: Build
+        run: pnpm --filter plone-remix build
+
+      - name: Start server
+        run: nohup pnpm --filter plone-remix start:prod &
+
+      - name: Wait
+        run: packages/scripts/node_modules/.bin/wait-on --httpTimeout 20000 http-get://127.0.0.1:8080/Plone
+
+      - name: Run tests
+        run: node packages/scripts/check_deployment.js
+
+      - name: Stop backend
+        run: make stop-backend-docker-detached
diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml
index 08763d2f3a..987ac42c7c 100644
--- a/.github/workflows/docs.yml
+++ b/.github/workflows/docs.yml
@@ -19,7 +19,7 @@ jobs:
       matrix:
         python-version: ['3.10']
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Set up Python ${{ matrix.python-version }}
         uses: actions/setup-python@v4
diff --git a/.github/workflows/unit.yml b/.github/workflows/unit.yml
index 9f2ec8ec26..01c18ec7f9 100644
--- a/.github/workflows/unit.yml
+++ b/.github/workflows/unit.yml
@@ -14,15 +14,15 @@ jobs:
       matrix:
         node-version: [18.x, 20.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -33,7 +33,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -64,15 +64,15 @@ jobs:
       matrix:
         node-version: [18.x, 20.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -83,7 +83,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -105,15 +105,15 @@ jobs:
       matrix:
         node-version: [18.x, 20.x]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       # node setup
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -124,7 +124,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
@@ -141,14 +141,14 @@ jobs:
     name: '@plone/client'
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Use Node.js ${{ env.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ env.node-version }}
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v3
         name: Install pnpm
         with:
           version: 8
@@ -159,7 +159,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ env.STORE_PATH }}
diff --git a/.husky/post-checkout b/.husky/post-checkout
index a0df979ef1..8ec99a06f9 100755
--- a/.husky/post-checkout
+++ b/.husky/post-checkout
@@ -1,3 +1,2 @@
 [ -n "$CI" ] && exit 0
-. "$(dirname -- "$0")/_/husky.sh"
-pnpm yarnhook
+pnpm lockhook
diff --git a/.husky/post-merge b/.husky/post-merge
index a0df979ef1..8ec99a06f9 100755
--- a/.husky/post-merge
+++ b/.husky/post-merge
@@ -1,3 +1,2 @@
 [ -n "$CI" ] && exit 0
-. "$(dirname -- "$0")/_/husky.sh"
-pnpm yarnhook
+pnpm lockhook
diff --git a/.husky/post-rebase b/.husky/post-rebase
index a0df979ef1..8ec99a06f9 100755
--- a/.husky/post-rebase
+++ b/.husky/post-rebase
@@ -1,3 +1,2 @@
 [ -n "$CI" ] && exit 0
-. "$(dirname -- "$0")/_/husky.sh"
-pnpm yarnhook
+pnpm lockhook
diff --git a/.husky/pre-commit b/.husky/pre-commit
index ca5e004fa3..17092dc583 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,5 +1,2 @@
-#!/usr/bin/env sh
 [ -n "$CI" ] && exit 0
-. "$(dirname -- "$0")/_/husky.sh"
-
 pnpm lint-staged
diff --git a/Makefile b/Makefile
index e3eb1c7db6..179130e6c6 100644
--- a/Makefile
+++ b/Makefile
@@ -189,6 +189,14 @@ copyreleasenotestodocs:
 start-backend-docker:
 	docker run -it --rm --name=backend -p 8080:8080 -e SITE=Plone -e ADDONS='$(KGS)' $(DOCKER_IMAGE)
 
+.PHONY: start-backend-docker-detached
+start-backend-docker-detached:
+	docker run -d --rm --name=backend -p 8080:8080 -e SITE=Plone -e ADDONS='$(KGS)' $(DOCKER_IMAGE)
+
+.PHONY: stop-backend-docker-detached
+stop-backend-docker-detached:
+	docker kill backend
+
 .PHONY: start-backend-docker-no-cors
 start-backend-docker-no-cors:
 	docker run -it --rm --name=backend -p 8080:8080 -e SITE=Plone -e ADDONS='$(KGS)' -e CORS_=true $(DOCKER_IMAGE)
@@ -385,3 +393,7 @@ start-test-acceptance-server-5: ## Start Test Acceptance Server Main Fixture Plo
 .PHONY: start-test-acceptance-server-detached
 start-test-acceptance-server-detached: ## Start Test Acceptance Server Main Fixture (docker container) in a detached (daemon) mode
 	docker run -d --name plone-client-acceptance-server -i --rm -p 55001:55001 $(DOCKER_IMAGE_ACCEPTANCE)
+
+.PHONY: stop-test-acceptance-server-detached
+stop-test-acceptance-server-detached: ## Stop Test Acceptance Server Main Fixture (docker container) in a detached (daemon) mode
+	docker kill plone-client-acceptance-server
diff --git a/apps/nextjs/package.json b/apps/nextjs/package.json
index 33b5b41b3c..6e29f5f31e 100644
--- a/apps/nextjs/package.json
+++ b/apps/nextjs/package.json
@@ -6,19 +6,17 @@
     "dev": "next dev",
     "check-ts": "tsc --project tsconfig.json",
     "build": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "prettier": "prettier --check 'src/**/*.{js,jsx,ts,tsx}'",
-    "prettier:fix": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'"
+    "start:prod": "next start",
+    "lint": "next lint"
   },
   "dependencies": {
     "@plone/client": "workspace: *",
     "@plone/components": "workspace: *",
-    "@tanstack/react-query": "^5.0.5",
-    "@tanstack/react-query-devtools": "^5.4.2",
-    "next": "14.0.4",
+    "@tanstack/react-query": "^5.24.6",
+    "@tanstack/react-query-devtools": "^5.24.6",
+    "next": "14.1.1",
     "react": "^18",
-    "react-aria-components": "^1.0.0-rc.0",
+    "react-aria-components": "^1.1.1",
     "react-dom": "^18"
   },
   "devDependencies": {
@@ -26,10 +24,8 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "eslint": "^8",
-    "eslint-config-next": "14.0.4",
+    "eslint-config-next": "14.1.1",
     "mrs-developer": "^2.1.1",
-    "prettier": "3.0.3",
-    "sass": "^1.69.1",
     "typescript": "5.2.2"
   }
 }
diff --git a/apps/nextjs/src/app/content.tsx b/apps/nextjs/src/app/content.tsx
index 3ae8de2a2c..c2c6ad2235 100644
--- a/apps/nextjs/src/app/content.tsx
+++ b/apps/nextjs/src/app/content.tsx
@@ -6,7 +6,7 @@ import Link from 'next/link';
 import { flattenToAppURL } from './utils';
 import { usePloneClient } from '@plone/client/provider';
 import { Breadcrumbs } from '@plone/components';
-import '@plone/components/src/styles/main.scss';
+import '@plone/components/dist/basic.css';
 
 export default function Content() {
   const { getContentQuery } = usePloneClient();
diff --git a/apps/plone/package.json b/apps/plone/package.json
index b0c8d50d03..d104cc1a07 100644
--- a/apps/plone/package.json
+++ b/apps/plone/package.json
@@ -212,7 +212,7 @@
     "redux": "4.1.0",
     "redux-actions": "2.6.5",
     "redux-connect": "10.0.0",
-    "redux-devtools-extension": "2.13.8",
+    "@redux-devtools/extension": "^3.3.0",
     "redux-localstorage-simple": "2.3.1",
     "redux-mock-store": "1.5.4",
     "redux-thunk": "2.3.0",
@@ -257,14 +257,14 @@
     "babel-plugin-react-intl": "5.1.17",
     "babel-plugin-root-import": "6.1.0",
     "css-loader": "5.2.7",
-    "eslint": "8.49.0",
-    "eslint-config-prettier": "9.0.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "9.1.0",
     "eslint-config-react-app": "7.0.1",
     "eslint-import-resolver-alias": "1.1.2",
     "eslint-import-resolver-babel-plugin-root-import": "1.1.1",
-    "eslint-plugin-import": "2.28.1",
-    "eslint-plugin-jsx-a11y": "6.7.1",
-    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "glob": "7.1.6",
@@ -279,13 +279,13 @@
     "postcss-loader": "7.0.2",
     "postcss-overrides": "3.1.4",
     "postcss-scss": "4.0.6",
-    "prettier": "3.0.3",
+    "prettier": "3.2.5",
     "razzle": "4.2.18",
     "start-server-and-test": "1.14.0",
     "style-loader": "3.3.1",
-    "stylelint": "15.10.3",
-    "stylelint-config-idiomatic-order": "9.0.0",
-    "stylelint-prettier": "4.0.2",
+    "stylelint": "^16.2.1",
+    "stylelint-config-idiomatic-order": "10.0.0",
+    "stylelint-prettier": "5.0.0",
     "svg-loader": "0.0.2",
     "svgo-loader": "3.0.3",
     "ts-jest": "^26.4.2",
diff --git a/apps/remix/package.json b/apps/remix/package.json
index 0b95c9eb28..2da2695bce 100644
--- a/apps/remix/package.json
+++ b/apps/remix/package.json
@@ -7,7 +7,7 @@
     "build": "remix build",
     "dev": "remix dev --manual",
     "lint": "eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint .",
-    "start": "remix-serve ./build/index.js",
+    "start:prod": "remix-serve ./build/index.js",
     "typecheck": "tsc"
   },
   "dependencies": {
@@ -16,8 +16,8 @@
     "@remix-run/node": "^2.4.0",
     "@remix-run/react": "^2.4.0",
     "@remix-run/serve": "^2.4.0",
-    "@tanstack/react-query": "5.0.5",
-    "@tanstack/react-query-devtools": "*",
+    "@tanstack/react-query": "^5.24.6",
+    "@tanstack/react-query-devtools": "^5.24.6",
     "isbot": "^3.6.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
@@ -33,7 +33,7 @@
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "typescript": "^5.1.6"
+    "typescript": "^5.2.2"
   },
   "engines": {
     "node": ">=18.0.0"
diff --git a/apps/vite-ssr/package.json b/apps/vite-ssr/package.json
index 650967a5b7..1db33a17e2 100644
--- a/apps/vite-ssr/package.json
+++ b/apps/vite-ssr/package.json
@@ -8,7 +8,7 @@
     "build": "npm run build:client && npm run build:server",
     "build:client": "vite build --outDir dist/client",
     "build:server": "vite build --ssr src/entry-server.tsx --outDir dist/server",
-    "serve": "NODE_ENV=production node server",
+    "start:prod": "NODE_ENV=production node server",
     "debug": "node --inspect-brk server"
   },
   "dependencies": {
diff --git a/apps/vite-ssr/server.js b/apps/vite-ssr/server.js
index d073028c17..e5af2f9156 100644
--- a/apps/vite-ssr/server.js
+++ b/apps/vite-ssr/server.js
@@ -1,14 +1,18 @@
 import fs from 'node:fs/promises';
 import express from 'express';
 import getPort, { portNumbers } from 'get-port';
+import dns from 'dns';
 
 const isTest = process.env.NODE_ENV === 'test' || !!process.env.VITE_TEST_BUILD;
 
+// If DNS returns both ipv4 and ipv6 addresses, prefer ipv4
+
 export async function createServer(
   root = process.cwd(),
   isProd = process.env.NODE_ENV === 'production',
   hmrPort,
 ) {
+  dns.setDefaultResultOrder('ipv4first');
   const app = express();
 
   const prodIndexHtml = isProd
@@ -93,8 +97,12 @@ export async function createServer(
 
 if (!isTest) {
   createServer().then(async ({ app }) =>
-    app.listen(await getPort({ port: portNumbers(3000, 3100) }), () => {
-      console.log('Client Server: http://localhost:3000');
-    }),
+    app.listen(
+      await getPort({ port: portNumbers(3000, 3100) }),
+      '0.0.0.0',
+      () => {
+        console.log('Client Server: http://localhost:3000');
+      },
+    ),
   );
 }
diff --git a/docs/source/conf.py b/docs/source/conf.py
index b60d6eabac..6360e35dae 100644
--- a/docs/source/conf.py
+++ b/docs/source/conf.py
@@ -91,10 +91,11 @@
     # Ignore github.com pages with anchors
     r"https://github.com/.*#.*",
     # Ignore other specific anchors
-    r"https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors#Identifying_the_issue",
-    r"https://docs.cypress.io/guides/references/migration-guide#Migrating-to-Cypress-version-10-0",
     r"https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi",  # TODO retest with latest Sphinx when upgrading theme. chromewebstore recently changed its URL and has "too many redirects".
     r"https://chromewebstore.google.com/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd",  # TODO retest with latest Sphinx when upgrading theme. chromewebstore recently changed its URL and has "too many redirects".
+    r"https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors#Identifying_the_issue",
+    r"https://docs.cypress.io/guides/references/migration-guide#Migrating-to-Cypress-version-10-0",
+    r"https://stackoverflow.com",  # volto and documentation  # TODO retest with latest Sphinx.
 ]
 linkcheck_anchors = True
 linkcheck_timeout = 10
diff --git a/docs/source/configuration/index.md b/docs/source/configuration/index.md
index fde6916ff3..3375c41f9c 100644
--- a/docs/source/configuration/index.md
+++ b/docs/source/configuration/index.md
@@ -26,4 +26,5 @@ workingcopy
 environmentvariables
 expanders
 locking
+slots
 ```
diff --git a/docs/source/configuration/slots.md b/docs/source/configuration/slots.md
new file mode 100644
index 0000000000..6c2c9701e5
--- /dev/null
+++ b/docs/source/configuration/slots.md
@@ -0,0 +1,412 @@
+---
+myst:
+  html_meta:
+    "description": "Slots are insertion points in the Volto rendering tree structure."
+    "property=og:description": "Slots are insertion points in the Volto rendering tree structure."
+    "property=og:title": "Slots"
+    "keywords": "Volto, Plone, frontend, React, configuration, slots, viewlets"
+---
+
+# Slots
+
+Slots provide a way for Volto add-ons to insert their own components at predefined locations in the rendered page.
+
+```{note}
+This concept is inspired by the Plone Classic UI {doc}`plone:classic-ui/viewlets`.
+```
+
+
+## Anatomy
+
+Slots have a name, and they contain a list of named slot components.
+
+Volto renders slots using the `SlotRenderer` component.
+You can add slot insertion points in your code, as shown in the following example.
+
+```ts
+<SlotRenderer name="aboveContent" content={content} />
+```
+
+Slot components are registered in the {ref}`configuration registry using a specific API for slots <configuration-registry-for-slot-components>`.
+
+The rendering of a slot component is controlled by the presence or absence of a list of conditions called {term}`predicates`.
+
+You can register multiple slot components with the same name under the same slot, as long as they have different predicates or components.
+
+To illustrate how slots are structured and work, let's register a slot component, where the component is `PageHeader`, and the predicate matches a route that begins with `/de/about`.
+
+```ts
+config.registerSlotComponent({
+  slot: 'aboveContent',
+  name: 'header',
+  component: PageHeader,
+  predicates: [RouteCondition('/de/about')],
+});
+```
+
+The following tree structure diagram illustrates the resultant registration.
+
+```text
+Slot (`name`=`aboveContent`)
+└── SlotComponent
+    ├── `slot`=`aboveContent`
+    ├── `name`=`header`
+    ├── `component`=PageHeader
+    └── predicate of "only appear under `/de/about`"
+```
+
+Next, let's register another slot component in the same slot, with the same name and component, but with a different predicate where the content type matches either `Document` or `News Item`.
+
+```ts
+config.registerSlotComponent({
+  slot: 'aboveContent',
+  name: 'header',
+  component: PageHeader,
+  predicates: [ContentTypeCondition(['Document', 'News Item'])],
+});
+```
+
+The following tree structure diagram illustrates the result of the second registration.
+
+```text
+Slot (`name`=`aboveContent`)
+├── SlotComponent
+│   ├── `slot`=`aboveContent`
+│   ├── `name`=`header`
+│   ├── `component`=PageHeader
+│   └── predicate of "only appear under `/de/about`"
+└── SlotComponent
+    ├── `slot`=`aboveContent`
+    ├── `name`=`header`
+    ├── `component`=PageHeader
+    └── predicate of "only appear when the content type is either a Document or News Item"
+```
+
+Finally, let's register another slot component in the same slot, with the same name, but with a different component and without a predicate.
+
+```ts
+config.registerSlotComponent({
+  slot: 'aboveContent',
+  name: 'header',
+  component: 'DefaultHeader',
+});
+```
+
+The following tree structure diagram illustrates the result of the third registration.
+
+```text
+Slot (`name`=`aboveContent`)
+├── SlotComponent
+│   ├── `slot`=`aboveContent`
+│   ├── `name`=`header`
+│   ├── `component`=PageHeader
+│   └── predicate of "only appear under `/de/about`"
+├── SlotComponent
+│   ├── `slot`=`aboveContent`
+│   ├── `name`=`header`
+│   ├── `component`=PageHeader
+│   └── predicate of "only appear when the content type is either a Document or News Item"
+└── SlotComponent
+    ├── `slot`=`aboveContent`
+    ├── `name`=`header`
+    └── `component`=`DefaultHeader`
+```
+
+The rendering of slot components follows an algorithm:
+
+-   The last registered slot component is evaluated first.
+-   The first evaluated slot component's predicates to return `true` has its component rendered in the slot.
+-   A slot component without predicates becomes the fallback for other slot components with predicates.
+
+Working through the above diagram from bottom to top, let's assume a visitor goes to the route `/de/about` and views an Event content type.
+
+1.  The algorithm looks for the third slot component's predicates.
+    Because it has no predicates to be evaluated, and therefore cannot return `true`, its component is a fallback to other slot components.
+
+2.  Moving upward, the second slot component's predicates are evaluated.
+    If they are `true`, then its component is rendered in the slot, and evaluation stops.
+    But in this case, the content type is an Event, thus it returns `false`, and evaluation continues upward.
+
+3.  The first slot component's predicates are evaluated.
+    In this case, they are true because the visitor is on the route `/de/about`.
+    Evaluation stops, and its component is rendered in the slot.
+
+Within a slot, slot components are grouped by their name.
+The order in which the grouped slot components are evaluated is governed by the order in which they are registered.
+
+Extending our previous example, let's register another slot component with a different name.
+
+```ts
+config.registerSlotComponent({
+  slot: 'aboveContent',
+  name: 'subheader',
+  component: PageSubHeader,
+  predicates: [ContentTypeCondition(['Document', 'News Item'])],
+});
+```
+
+Thus the order of evaluation of the named slot components would be `header`, `subheader`.
+As each group of slot components is evaluated, their predicates will determine what is rendered in their position.
+
+You can change the order of the named slot components for a different slot using the {ref}`slots-reorderSlotComponent-label` API.
+In our example, you can reorder the `subheading` before the `heading`, although it would probably look strange.
+
+```ts
+config.reorderSlotComponent({
+  slot: 'aboveContent',
+  name: 'subheader',
+  action: 'before',
+  target: 'header',
+});
+```
+
+You can even delete the rendering of a registered slot component using the {ref}`slots-unregisterSlotComponent-label` API.
+
+
+## Default slots
+
+Volto comes with the following default slots.
+
+-   `aboveContent`
+-   `belowContent`
+
+
+(configuration-registry-for-slot-components)=
+
+## Configuration registry for slot components
+
+You can manage slot components using the configuration registry for slot components and its API.
+
+
+### `registerSlotComponent`
+
+`registerSlotComponent` registers a slot component as shown.
+
+```ts
+config.registerSlotComponent({
+  slot: 'aboveContent',
+  name: 'header',
+  component: PageHeader,
+  predicates: [
+    RouteCondition('/de/about'),
+    ContentTypeCondition(['Document', 'News Item'])
+  ],
+});
+```
+
+A slot component must have the following parameters.
+
+`slot`
+:   The name of the slot, where the slot components are stored.
+
+`name`
+:   The name of the slot component that we are registering.
+
+`component`
+:   The component that we want to render in the slot.
+
+`predicates`
+:   A list of functions that return a function with this signature.
+
+    ```ts
+    export type SlotPredicate = (args: any) => boolean;
+    ```
+
+
+#### Predicate helpers
+
+There are two predicate helpers available in the Volto helpers.
+You can also create custom predicate helpers.
+
+
+##### `RouteCondition`
+
+```ts
+export function RouteCondition(path: string, exact?: boolean) {
+  return ({ pathname }: { pathname: string }) =>
+    Boolean(matchPath(pathname, { path, exact }));
+}
+```
+
+The `RouteCondition` predicate helper renders a slot if the specified route matches.
+It accepts the following parameters.
+
+`path`
+:   String.
+    Required.
+    The route.
+
+`exact`
+:   Boolean.
+    Optional.
+    If `true`, then the match will be exact, else matches "begins with", for the given string from `path`.
+
+
+##### `ContentTypeCondition`
+
+```ts
+export function ContentTypeCondition(contentType: string[]) {
+  return ({ content }: { content: Content }) =>
+    contentType.includes(content['@type']);
+}
+```
+
+The `ContentTypeCondition` helper predicate allows you to render a slot when the given content type matches the current content type.
+It accepts a list of possible content types.
+
+
+##### Custom predicates
+
+You can create your own predicate helpers to determine whether your slot component should render.
+The `SlotRenderer` will pass down the current `content` and the `pathname` into your custom predicate helper.
+You can also tailor your own `SlotRenderer`s, or shadow the original `SlotRenderer`, to satisfy your requirements.
+
+
+(slots-getSlot-label)=
+
+### `getSlot`
+
+`getSlot` returns the components to be rendered for the given named slot.
+You should use this method while building you own slot renderer or customizing the existing `SlotRenderer`.
+You can use the implementation of `SlotRenderer` as a template.
+This is the signature:
+
+```ts
+config.getSlot(name: string, args: GetSlotArgs): GetSlotReturn
+```
+
+It has the following parameters.
+
+`name`
+:   String.
+    Required.
+    The name of the slot we want to render.
+
+`args`
+:   Object.
+    Required.
+    An object containing the arguments to pass to the predicates.
+
+
+(slots-getSlotComponents-label)=
+
+### `getSlotComponents`
+
+`getSlotComponents` returns the list of named slot components registered in a given slot.
+This is useful to debug what is registered and in what order, informing you whether you need to change their order.
+This is the signature:
+
+```ts
+config.getSlotComponents(slot: string): string[]
+```
+
+`slot`
+:   String.
+    Required.
+    The name of the slot where the slot components are stored.
+
+
+(slots-getSlotComponent-label)=
+
+### `getSlotComponent`
+
+`getSlotComponent` returns the registered named component's data for the given slot component name.
+This is the signature:
+
+```ts
+config.getSlotComponent(slot: string, name: string): SlotComponent[]
+```
+
+`slot`
+:   String.
+    Required.
+    The name of the slot where the slot components are stored.
+
+`name`
+:   String.
+    Required.
+    The name of the slot component to retrieve.
+
+
+(slots-reorderSlotComponent-label)=
+
+### `reorderSlotComponent`
+
+`reorderSlotComponent` reorders the list of named slot components registered per slot.
+
+Given a `slot` and the `name` of a slot component, you must either specify the desired `position` or perform an `action` to reposition the slot component in the given slot, but not both.
+
+The available actions are `"after"`, `"before"`, `"first"`, and `"last"`.
+`"first"` and `"last"` do not accept a `target`.
+
+This is the signature:
+
+```ts
+config.reorderSlotComponent({ slot, name, position, action, target }: {
+  slot: string;
+  name: string;
+  position?: number | undefined;
+  action?: "after" | "before" | "first" | "last" | undefined;
+  target?: string | undefined;
+}): void
+```
+
+`slot`
+:   String.
+    Required.
+    The name of the slot where the slot components are stored.
+
+`name`
+:   String.
+    Required.
+    The name of the slot component to reposition in the list of slot components.
+
+`position`
+:   Number.
+    Exactly one of `position` or `action` is required.
+    The destination position in the registered list of slot components.
+    The position is zero-indexed.
+
+`action`
+:   Enum: `"after"` | `"before"` | `"first"` | `"last"` | undefined.
+    Exactly one of `position` or `action` is required.
+    The action to perform on `name`.
+
+    When using either the `"after"` or `"before"` values, a `target` is required.
+    The slot component will be repositioned relative to the `target`.
+
+    When using either the `"first"` and `"last"` values, a `target` must not be used.
+    The slot component will be repositioned to either the first or last position.
+
+`target`
+:   String.
+    Required when `action` is either `"after"` or `"before"`, else must not be provided.
+    The name of the slot component targeted for the given `action`.
+
+
+(slots-unregisterSlotComponent-label)=
+
+### `unregisterSlotComponent`
+
+`unregisterSlotComponent` removes a registration for a named slot component, given its registration position.
+This is the signature:
+
+```ts
+config.unRegisterSlotComponent(slot: string, name: string, position: number): void
+```
+
+`slot`
+:   String.
+    Required.
+    The name of the slot that contains the slot component to unregister.
+
+`name`
+:   String.
+    Required.
+    The name of the slot component to unregister inside the component.
+
+`position`
+:   Number.
+    Required.
+    The component position to remove in the slot component registration.
+    Use {ref}`slots-getSlotComponent-label` to find the zero-indexed position of the registered component to remove.
diff --git a/docs/source/getting-started/roadmap.md b/docs/source/getting-started/roadmap.md
index cba274e63b..244b11159c 100644
--- a/docs/source/getting-started/roadmap.md
+++ b/docs/source/getting-started/roadmap.md
@@ -89,3 +89,16 @@ Not really advanced but perhaps less common, here's some stuff you can do:
 - Customize Volto's Webpack configuration or project loader using Razzle
 - Write a Redux middleware
 - Start hacking on Volto.
+
+## Add-on first approach
+
+Developing for Plone's frontend means to add code to a Volto project.
+The frontend files of the project are created in the `frontend` folder.
+The generator also creates a default add-on in the `frontend/src/addons` folder.
+The project is already configured to use this add-on.
+Add your code and customizations to this add-on, and Volto will load them on start up or a restart.
+This add-on is configured as a theme add-on, so you are able to customize the look and feel of your site as well.
+
+```{seealso}
+For more information about how to develop a Volto project as an add-on, see {doc}`training:voltoaddons/index`.
+```
diff --git a/docs/source/recipes/developing-a-project.md b/docs/source/recipes/developing-a-project.md
deleted file mode 100644
index c015c9b3f8..0000000000
--- a/docs/source/recipes/developing-a-project.md
+++ /dev/null
@@ -1,32 +0,0 @@
----
-myst:
-  html_meta:
-    "description": "Developing a Volto project"
-    "property=og:description": "Developing a Volto project"
-    "property=og:title": "AppExtras component"
-    "keywords": "Volto, Plone, frontend, React, app extra component"
----
-
-(frontend-developing-a-project-label)=
-
-# Developing a project
-
-When you start developing a Plone project, it is recommended that you use Plone's cookiecutter boilerplate project generator.
-See {doc}`plone:install/create-project` for more information.
-
-The generator will output the project folder structure.
-It is organized in three folders named `frontend`, `backend`, and `devops`, each of which corresponds to its primary use.
-It also contains the convenience `Makefile` commands to perform all the usual actions while developing.
-
-## Add-on first approach
-
-Developing for Plone's frontend means to add code to a Volto project.
-The frontend files of the project are created in the `frontend` folder.
-The generator also creates a default add-on in the `frontend/src/addons` folder.
-The project is already configured to use this add-on.
-Add your code and customizations to this add-on, and Volto will load them on start up or a restart.
-This add-on is configured as a theme add-on, so you are able to customize the look and feel of your site as well.
-
-```{seealso}
-For more information about how to develop a Volto project as an add-on, see {doc}`training:voltoaddons/index`.
-```
diff --git a/docs/source/recipes/index.md b/docs/source/recipes/index.md
index d75154ba39..97133ec6dd 100644
--- a/docs/source/recipes/index.md
+++ b/docs/source/recipes/index.md
@@ -13,7 +13,6 @@ myst:
 :maxdepth: 1
 
 creating-project
-developing-a-project
 folder-structure
 environment-variables
 customizing-components
diff --git a/docs/source/release-notes/index.md b/docs/source/release-notes/index.md
index b148fe9e5c..1273a7286f 100644
--- a/docs/source/release-notes/index.md
+++ b/docs/source/release-notes/index.md
@@ -17,6 +17,50 @@ myst:
 
 <!-- towncrier release notes start -->
 
+## 18.0.0-alpha.16 (2024-03-02)
+
+### Internal
+
+- Update dependencies
+  Fix prettier due to new version @sneridagh [#5815](https://github.com/plone/volto/issues/5815)
+
+### Documentation
+
+- Linkcheck thinks `README.md` is `http://README.md`. Bad linkcheck, no more 🍺 for you. @stevepiercy [#5816](https://github.com/plone/volto/issues/5816)
+
+## 18.0.0-alpha.15 (2024-03-01)
+
+### Breaking
+
+- Upgrade Volto core to use React 18.2.0 @sneridagh [#3221](https://github.com/plone/volto/issues/3221)
+
+## 18.0.0-alpha.14 (2024-03-01)
+
+### Breaking
+
+- Improved accessibility of logo component. @Molochem [#5776](https://github.com/plone/volto/issues/5776)
+
+### Feature
+
+- Support for slots @sneridagh [#5775](https://github.com/plone/volto/issues/5775)
+
+### Bugfix
+
+- Fixed toolbar menus not closing when clicking again on the toolbar buttons that show menus. @ichim-david
+  Add focus-visible rule to toolbar buttons so that it's visible to the user what button is focused when using tab navigation @ichim-david [#5645](https://github.com/plone/volto/issues/5645)
+- Enhance findBlocks to check for blocks also in data for add-ons such as @eeacms/volto-tabs-block. @ichim-david [#5796](https://github.com/plone/volto/issues/5796)
+- Fixed ArrayWidget sorting items. @giuliaghisini [#5805](https://github.com/plone/volto/issues/5805)
+
+### Internal
+
+- New types declarations with @types/react@18 - make tsc happy @sneridagh [#5814](https://github.com/plone/volto/issues/5814)
+
+### Documentation
+
+- Added Release Management Notes. @sneridagh @stevepiercy [#5358](https://github.com/plone/volto/issues/5358)
+- Delete redundant `developing-a-project.md`. @stevepiercy [#5675](https://github.com/plone/volto/issues/5675)
+- Removed Memori and TwinCreator websites from README.md no longer made using Volto and giving 404 error. @ichim-david [#5802](https://github.com/plone/volto/issues/5802)
+
 ## 18.0.0-alpha.13 (2024-02-22)
 
 ### Bugfix
diff --git a/docs/source/upgrade-guide/index.md b/docs/source/upgrade-guide/index.md
index a89577132b..06427363f5 100644
--- a/docs/source/upgrade-guide/index.md
+++ b/docs/source/upgrade-guide/index.md
@@ -28,6 +28,27 @@ Thus it is safe to run it on top of your project and answer the prompts.
 
 ## Upgrading to Volto 18.x.x
 
+### Volto runs now on React 18.2.0
+
+We have updated Volto to use React 18.
+This has been the latest published stable version since June 2022.
+This aligns Volto with the latests developments in the React ecosystem and opens the door to up to date software and React features, like client side `Suspense` and others:
+
+- Concurrent rendering in client (Suspense)
+- Automatic batching updates
+- Transitions
+- New hooks `useId`, `useTransition`, `useDeferredValue`, `useSyncExternalStore`, and other hooks
+
+### `react-portal` dependency removed
+
+`react-portal` is deprecated and it was removed from Volto.
+The Volto code that relied on it was mainly CMS UI components.
+If your project relies on it, either in your code or the shadowed components you may have, you should update to use the standard React API, `createPortal`.
+You can update your shadows taking the modified components as templates.
+As a last resort, you can install `react-portal` as a dependency of your project.
+However, this is discouraged, because the React 18 rendering could have unexpected side effects.
+It is recommended that you use the React API instead.
+
 ### ESlint project configuration update
 
 `@plone/registry` and [other packages on which Volto depends](https://github.com/plone/volto/tree/main/packages) are now stand-alone releases in the monorepo structure released in 18.0.0-alpha.4.
diff --git a/package.json b/package.json
index c5b5b04a23..76ffe12480 100644
--- a/package.json
+++ b/package.json
@@ -4,9 +4,10 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "postinstall": "make setup",
-    "watch": "turbo run watch",
-    "build:deps": "turbo run build --filter @plone/registry --filter @plone/client",
+    "watch": "pnpm --filter @plone/registry watch",
+    "build:deps": "pnpm --filter @plone/registry --filter @plone/client build",
     "build:registry": "pnpm --filter @plone/registry run build",
+    "build:components": "pnpm --filter @plone/components run build",
     "build": "pnpm build:deps && pnpm --filter @plone/volto build",
     "start": "pnpm build:deps && pnpm --filter @plone/volto start",
     "start:project": "pnpm --filter plone run start",
@@ -17,34 +18,36 @@
     "i18n:ci": "pnpm --filter @plone/volto i18n:ci",
     "prettier": "prettier --check '{apps,packages}/**/*.{js,jsx,ts,tsx}'",
     "prettier:fix": "prettier --write '{apps,packages}/**/*.{js,jsx,ts,tsx}' ",
+    "stylelint": "stylelint '{apps,packages}/**/*.{css,scss,less}'",
+    "stylelint:fix": "stylelint '{packages}/**/*.{css,scss,less}' --fix",
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
     "lint-staged": "lint-staged",
-    "prepare": "husky install",
+    "lockhook": "node packages/scripts/lockhook.js",
+    "prepare": "husky",
     "husky:uninstall": "husky uninstall",
     "prereleaser": "node packages/scripts/preleaser.js"
   },
   "devDependencies": {
-    "@parcel/packager-ts": "2.11.0",
-    "@parcel/transformer-typescript-types": "2.11.0",
+    "@parcel/packager-ts": "^2.12.0",
+    "@parcel/transformer-typescript-types": "^2.12.0",
     "@typescript-eslint/eslint-plugin": "^6.8.0",
     "@typescript-eslint/parser": "^6.8.0",
-    "eslint": "^8.53.0",
-    "eslint-config-prettier": "9.0.0",
+    "concurrently": "^8.2.2",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-typescript": "^3.6.1",
-    "eslint-plugin-import": "2.28.1",
-    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-react": "7.33.2",
-    "husky": "^8.0.3",
-    "lint-staged": "15.0.2",
-    "prettier": "3.0.3",
-    "stylelint": "^15.11.0",
+    "husky": "9.0.11",
+    "lint-staged": "15.2.2",
+    "prettier": "3.2.5",
+    "stylelint": "^16.2.1",
     "tsconfig": "workspace:*",
-    "turbo": "latest",
     "typescript": "5.2.2",
-    "vitest": "^0.34.6",
-    "yarnhook": "0.6.1"
+    "vitest": "^1.3.1"
   },
-  "packageManager": "pnpm@8.9.0",
+  "packageManager": "pnpm@8.15.4",
   "pnpm": {
     "overrides": {
       "webpack": "5.90.1"
diff --git a/packages/blocks/package.json b/packages/blocks/package.json
index d09d8c474d..b098e5c688 100644
--- a/packages/blocks/package.json
+++ b/packages/blocks/package.json
@@ -54,13 +54,13 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@parcel/packager-ts": "2.10.2",
-    "@parcel/transformer-typescript-types": "2.10.2",
+    "@parcel/packager-ts": "^2.12.0",
+    "@parcel/transformer-typescript-types": "^2.12.0",
     "@plone/registry": "workspace:*",
     "@plone/types": "workspace:*",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "parcel": "2.10.2",
+    "parcel": "^2.12.0",
     "release-it": "17.1.1",
     "tsconfig": "workspace:*",
     "typescript": "5.2.2",
diff --git a/packages/client/CHANGELOG.md b/packages/client/CHANGELOG.md
index d954167003..112e69e9c8 100644
--- a/packages/client/CHANGELOG.md
+++ b/packages/client/CHANGELOG.md
@@ -8,6 +8,16 @@
 
 <!-- towncrier release notes start -->
 
+## 1.0.0-alpha.13 (2024-03-02)
+
+### Internal
+
+- Update dependencies @sneridagh [#5815](https://github.com/plone/volto/pull/5815)
+
+### Documentation
+
+- Reorganize `README.md`, merging content into authoritative locations. Add `awesome_bot` to check links in all READMEs. @stevepiercy [#5437](https://github.com/plone/volto/pull/5437)
+
 ## 1.0.0-alpha.12 (2024-01-02)
 
 ### Internal
diff --git a/packages/client/news/5437.documentation b/packages/client/news/5437.documentation
deleted file mode 100644
index 377e651c6b..0000000000
--- a/packages/client/news/5437.documentation
+++ /dev/null
@@ -1 +0,0 @@
-Reorganize `README.md`, merging content into authoritative locations. Add `awesome_bot` to check links in all READMEs. @stevepiercy
diff --git a/packages/client/news/5824.internal b/packages/client/news/5824.internal
new file mode 100644
index 0000000000..c17d9fa550
--- /dev/null
+++ b/packages/client/news/5824.internal
@@ -0,0 +1 @@
+Upgrade TSQ to latest @sneridagh
diff --git a/packages/client/package.json b/packages/client/package.json
index 5f8a09b0f2..7bec23b8e8 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -8,7 +8,7 @@
     }
   ],
   "license": "MIT",
-  "version": "1.0.0-alpha.12",
+  "version": "1.0.0-alpha.13",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -61,10 +61,6 @@
     "vitest": "vitest",
     "check-ts": "tsc --project tsconfig.json",
     "coverage": "vitest run --coverage --no-threads",
-    "lint": "eslint 'src/**/*.{js,ts,tsx}' --quiet",
-    "lint:fix": "eslint 'src/**/*.{js,ts,tsx}' --quiet --fix",
-    "prettier": "prettier --check 'src/**/*.{js,jsx,ts,tsx}'",
-    "prettier:fix": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
     "dry-release": "release-it --dry-run",
     "release": "release-it",
     "release-major-alpha": "release-it major --preRelease=alpha",
@@ -82,26 +78,26 @@
     "@types/react-dom": "18.2.12",
     "@types/uuid": "^9.0.2",
     "@vitejs/plugin-react": "^4.1.0",
-    "@vitest/coverage-c8": "0.28.5",
+    "@vitest/coverage-v8": "^1.3.1",
     "glob": "7.1.6",
     "jsdom": "^21.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "release-it": "16.2.1",
-    "tsup": "^8.0.1",
+    "release-it": "17.1.1",
+    "tsup": "^8.0.2",
     "typescript": "5.2.2",
-    "uuid": "^9.0.0",
-    "vite": "^4.5.1",
-    "vite-plugin-dts": "^3.6.0",
-    "vitest": "^0.34.6",
-    "wait-on": "^7.0.1"
+    "uuid": "^9.0.1",
+    "vite": "^5.1.4",
+    "vite-plugin-dts": "^3.7.3",
+    "vitest": "^1.3.1",
+    "wait-on": "^7.2.0"
   },
   "dependencies": {
-    "@tanstack/react-query": "5.0.5",
-    "axios": "^1.5.1",
-    "debug": "4.3.2",
-    "query-string": "^8.1.0",
-    "zod": "^3.21.4"
+    "@tanstack/react-query": "5.24.1",
+    "axios": "^1.6.7",
+    "debug": "4.3.4",
+    "query-string": "^9.0.0",
+    "zod": "^3.22.4"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/packages/client/testRunner.js b/packages/client/testRunner.js
index 86fc6367dc..d3d9870b9c 100644
--- a/packages/client/testRunner.js
+++ b/packages/client/testRunner.js
@@ -46,7 +46,7 @@ directories.forEach((dir) => {
     // if there are any matches, run vitest on this directory
     if (matches.length > 0) {
       console.log(`Running vitest on src/${dir}`);
-      execSync(`pnpm vitest run src/restapi/${dir} --no-threads`, {
+      execSync(`pnpm vitest run src/restapi/${dir}`, {
         stdio: 'inherit',
       });
     }
diff --git a/packages/client/vite.config.ts b/packages/client/vite.config.ts
index 9676ff4d51..9c0f8405d4 100644
--- a/packages/client/vite.config.ts
+++ b/packages/client/vite.config.ts
@@ -23,6 +23,7 @@ export default defineConfig({
           '@tanstack/react-query': 'reactQuery',
           axios: 'axios',
           zod: 'zod',
+          'query-string': 'queryString',
         },
       },
     },
diff --git a/packages/client/vitest.config.ts b/packages/client/vitest.config.ts
index dc525dfa51..02c3465eae 100644
--- a/packages/client/vitest.config.ts
+++ b/packages/client/vitest.config.ts
@@ -5,20 +5,25 @@ export default defineConfig({
     globals: true,
     environment: 'jsdom',
     setupFiles: './setupTesting.ts',
+    poolOptions: {
+      threads: {
+        singleThread: true,
+      },
+    },
     // you might want to disable it, if you don't have tests that rely on CSS
     // since parsing CSS is slow
     css: true,
     environmentOptions: {
       jsdom: {
         /*
-          We need to set the url parameter below to the url of the API server 
+          We need to set the url parameter below to the url of the API server
           to avoid CORS issue.
-          
-          This is because JSDom environment sets the 
-          origin header (axios cannot control it on its own, just like in a 
-          browser) automatically to the url specified here. 
-          
-          If this url is not provided then vitest sets the default value as 
+
+          This is because JSDom environment sets the
+          origin header (axios cannot control it on its own, just like in a
+          browser) automatically to the url specified here.
+
+          If this url is not provided then vitest sets the default value as
           localhost:3000 which causes CORS error with the test server.
         */
         url: 'http://localhost:55001',
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index 5106923826..9c696a5e92 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -8,6 +8,28 @@
 
 <!-- towncrier release notes start -->
 
+## 2.0.0-alpha.4 (2024-03-02)
+
+### Bugfix
+
+- Remove `lodash` dependency.
+  Several packages upgrades and general cleanup. @sneridagh [#5822](https://github.com/plone/volto/issues/5822)
+- Proxy the `PopoverContext` inside the `Select` component, to be able to override it from the outside @sneridagh [#5823](https://github.com/plone/volto/issues/5823)
+
+### Internal
+
+- Update dependencies @sneridagh [#5815](https://github.com/plone/volto/issues/5815)
+
+## 2.0.0-alpha.3 (2024-03-01)
+
+### Breaking
+
+- Use `pathname` instead of the full location as prop in `BlocksRenderer` @sneridagh [#5798](https://github.com/plone/volto/issues/5798)
+
+### Bugfix
+
+- Fix `lodash` imports for bundling @sneridagh [#5798](https://github.com/plone/volto/issues/5798)
+
 ## 2.0.0-alpha.2 (2024-02-23)
 
 ### Bugfix
diff --git a/packages/components/README.md b/packages/components/README.md
index 7f0fc45617..0731a8e49f 100644
--- a/packages/components/README.md
+++ b/packages/components/README.md
@@ -45,7 +45,7 @@ You can use the CSS bundled for all components in a single file, or use the spec
 They are distributed along with the components code in the `dist` folder of the library.
 
 ```js
-import '@plone/components/basic.css';
+import '@plone/components/dist/basic.css';
 ```
 
 or selectively:
@@ -75,8 +75,8 @@ You could take Quanta as example to build your own layer of styles over basic st
 To use a theme built upon the basic styling, you need to import both the basic and the theme CSS, in this order:
 
 ```js
-import '@plone/components/basic.css';
-import '@plone/components/quanta.css';
+import '@plone/components/dist/basic.css';
+import '@plone/components/dist/quanta.css';
 ```
 
 You have the option of doing it selectively per component, too:
diff --git a/packages/components/news/5798.breaking b/packages/components/news/5798.breaking
deleted file mode 100644
index 263432a2c2..0000000000
--- a/packages/components/news/5798.breaking
+++ /dev/null
@@ -1 +0,0 @@
-Use `pathname` instead of the full location as prop in `BlocksRenderer` @sneridagh
diff --git a/packages/components/news/5798.bugfix b/packages/components/news/5798.bugfix
deleted file mode 100644
index d6e35d6924..0000000000
--- a/packages/components/news/5798.bugfix
+++ /dev/null
@@ -1 +0,0 @@
-Fix `lodash` imports for bundling @sneridagh
diff --git a/packages/components/news/5824.bugfix b/packages/components/news/5824.bugfix
new file mode 100644
index 0000000000..c1568b430f
--- /dev/null
+++ b/packages/components/news/5824.bugfix
@@ -0,0 +1 @@
+Fix some case inconsistencies in CSS declarations @sneridagh
diff --git a/packages/components/package.json b/packages/components/package.json
index 3a0bd73e9a..670db5334e 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -8,7 +8,7 @@
     }
   ],
   "license": "MIT",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.4",
   "repository": {
     "type": "git",
     "url": "http://github.com/plone/components.git"
@@ -45,13 +45,12 @@
     "quanta"
   ],
   "scripts": {
-    "build": "parcel build --no-cache && pnpm build:srctypes && pnpm build:css",
+    "build": "parcel build --no-cache && pnpm build:css",
     "build:css": "pnpm build:basic && pnpm build:quanta",
     "build:basic": "lightningcss --browserslist --bundle --sourcemap src/styles/basic/main.css -o basic.css && mv basic.css* dist/.",
     "build:quanta": "lightningcss --browserslist --bundle --sourcemap src/styles/quanta/main.css -o quanta.css && mv quanta.css* dist/.",
-    "build:srctypes": "mkdir -p dist/src && cp dist/index.d.ts dist/src/index.d.ts",
     "check-ts": "tsc --project tsconfig.json",
-    "test": "vitest --no-threads --passWithNoTests",
+    "test": "vitest --passWithNoTests",
     "coverage": "vitest run --coverage --no-threads",
     "lint": "pnpm eslint && pnpm prettier && pnpm stylelint",
     "format": "pnpm eslint:fix && pnpm prettier:fix && pnpm stylelint:fix",
@@ -77,62 +76,57 @@
     "not dead"
   ],
   "devDependencies": {
-    "@parcel/config-default": "2.11.0",
-    "@parcel/core": "^2.11.0",
-    "@parcel/packager-ts": "^2.11.0",
-    "@parcel/transformer-js": "^2.11.0",
-    "@parcel/transformer-react-refresh-wrap": "^2.11.0",
-    "@parcel/transformer-typescript-types": "^2.11.0",
+    "@parcel/config-default": "^2.12.0",
+    "@parcel/core": "^2.12.0",
+    "@parcel/packager-ts": "^2.12.0",
+    "@parcel/transformer-js": "^2.12.0",
+    "@parcel/transformer-react-refresh-wrap": "^2.12.0",
+    "@parcel/transformer-typescript-types": "^2.12.0",
     "@plone/types": "workspace: *",
     "@react-types/shared": "^3.22.0",
-    "@storybook/addon-essentials": "^7.5.1",
-    "@storybook/addon-interactions": "^7.5.1",
-    "@storybook/addon-links": "^7.5.1",
-    "@storybook/addon-mdx-gfm": "^7.5.1",
-    "@storybook/blocks": "^7.5.1",
+    "@storybook/addon-essentials": "^7.6.17",
+    "@storybook/addon-interactions": "^7.6.17",
+    "@storybook/addon-links": "^7.6.17",
+    "@storybook/blocks": "^7.6.17",
     "@storybook/manager-api": "^7.6.17",
-    "@storybook/react": "^7.5.1",
-    "@storybook/react-vite": "^7.5.1",
+    "@storybook/react": "^7.6.17",
+    "@storybook/react-vite": "^7.6.17",
     "@storybook/testing-library": "^0.2.2",
     "@storybook/theming": "^7.6.17",
-    "@testing-library/jest-dom": "6.1.4",
-    "@testing-library/react": "14.0.0",
+    "@testing-library/jest-dom": "6.4.2",
+    "@testing-library/react": "14.2.1",
     "@types/jest-axe": "^3.5.7",
-    "@types/lodash": "^4.14.201",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@typescript-eslint/eslint-plugin": "^6.8.0",
     "@typescript-eslint/parser": "^6.8.0",
     "@vitejs/plugin-react": "^4.1.0",
-    "@vitest/coverage-c8": "0.33.0",
+    "@vitest/coverage-v8": "^1.3.1",
     "browserslist": "^4.23.0",
-    "eslint": "^8.53.0",
-    "eslint-plugin-storybook": "^0.6.15",
-    "globby": "^14.0.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-storybook": "^0.8.0",
     "jest-axe": "^8.0.0",
     "jsdom": "^22.1.0",
-    "lightningcss": "^1.23.0",
-    "lightningcss-cli": "^1.23.0",
-    "parcel": "^2.11.0",
+    "lightningcss": "^1.24.0",
+    "lightningcss-cli": "^1.24.0",
+    "parcel": "^2.12.0",
     "parcel-optimizer-react-client": "workspace:^",
-    "prettier": "3.0.3",
-    "release-it": "16.2.1",
-    "storybook": "^7.5.1",
-    "stylelint": "15.11.0",
-    "stylelint-config-idiomatic-order": "9.0.0",
+    "prettier": "3.2.5",
+    "release-it": "17.1.1",
+    "storybook": "^7.6.17",
+    "stylelint": "16.2.1",
+    "stylelint-config-idiomatic-order": "10.0.0",
     "stylelint-config-prettier": "9.0.5",
-    "stylelint-prettier": "4.0.2",
+    "stylelint-prettier": "5.0.0",
     "typescript": "5.2.2",
-    "vite": "^4.5.0",
-    "vitest": "^0.34.6",
+    "vite": "^5.1.4",
+    "vitest": "^1.3.1",
     "vitest-axe": "^0.1.0"
   },
   "dependencies": {
     "@react-aria/utils": "^3.22.0",
     "@react-spectrum/utils": "^3.11.1",
-    "classnames": "^2.3.2",
     "clsx": "^2.0.0",
-    "lodash": "^4.17.21",
     "react-aria-components": "^1.1.1"
   },
   "peerDependencies": {
diff --git a/packages/components/src/components/Container/Container.tsx b/packages/components/src/components/Container/Container.tsx
index 622c97d052..1f157792ed 100644
--- a/packages/components/src/components/Container/Container.tsx
+++ b/packages/components/src/components/Container/Container.tsx
@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { getElementType } from '../helpers';
-import cx from 'classnames';
+import cx from 'clsx';
 
 type ContainerProps = {
   /** Primary content. */
diff --git a/packages/components/src/components/Select/Select.tsx b/packages/components/src/components/Select/Select.tsx
index cbe5c31c42..fdbe84c784 100644
--- a/packages/components/src/components/Select/Select.tsx
+++ b/packages/components/src/components/Select/Select.tsx
@@ -7,10 +7,12 @@ import {
   ListBoxItem,
   ListBoxItemProps,
   Popover,
+  PopoverContext,
   Select as RACSelect,
   SelectProps as RACSelectProps,
   SelectValue,
   Text,
+  useContextProps,
   ValidationResult,
 } from 'react-aria-components';
 
@@ -49,6 +51,9 @@ export function Select<T extends object>({
   items,
   ...props
 }: SelectProps<T>) {
+  // In case that we want to customize the Popover, we proxy the PopoverContext props down
+  const [popoverProps] = useContextProps({}, null, PopoverContext);
+
   return (
     <RACSelect {...props}>
       {({ isOpen }) => (
@@ -63,7 +68,7 @@ export function Select<T extends object>({
           </Button>
           {description && <Text slot="description">{description}</Text>}
           <FieldError>{errorMessage}</FieldError>
-          <Popover>
+          <Popover {...popoverProps}>
             <ListBox items={items}>{children}</ListBox>
           </Popover>
         </>
diff --git a/packages/components/src/components/quanta/Select/Select.tsx b/packages/components/src/components/quanta/Select/Select.tsx
index 664121627c..6e43494084 100644
--- a/packages/components/src/components/quanta/Select/Select.tsx
+++ b/packages/components/src/components/quanta/Select/Select.tsx
@@ -1,12 +1,14 @@
 import React from 'react';
-import { TextFieldContext } from 'react-aria-components';
+import { SelectContext, PopoverContext } from 'react-aria-components';
 import { Select, SelectItem, SelectProps } from '../../Select/Select';
 
 export function QuantaSelect<T extends object>(props: SelectProps<T>) {
   return (
-    <TextFieldContext.Provider value={{ className: 'q react-aria-Select' }}>
-      <Select {...props} />
-    </TextFieldContext.Provider>
+    <SelectContext.Provider value={{ className: 'q react-aria-Select' }}>
+      <PopoverContext.Provider value={{ className: 'q react-aria-Popover' }}>
+        <Select {...props} />
+      </PopoverContext.Provider>
+    </SelectContext.Provider>
   );
 }
 
diff --git a/packages/components/src/helpers/blocks.ts b/packages/components/src/helpers/blocks.ts
index 73accdfbf9..34a10f4ba2 100644
--- a/packages/components/src/helpers/blocks.ts
+++ b/packages/components/src/helpers/blocks.ts
@@ -1,13 +1,9 @@
 import type { Content } from '@plone/types';
-import find from 'lodash/find';
-import keys from 'lodash/keys';
-import endsWith from 'lodash/endsWith';
 
 export function hasBlocksData(content: Content) {
   return (
-    find(
-      keys(content),
-      (key) => key !== 'volto.blocks' && endsWith(key, 'blocks'),
+    Object.keys(content).find(
+      (key) => key !== 'volto.blocks' && key.endsWith('blocks'),
     ) !== undefined
   );
 }
diff --git a/packages/components/src/stories/Introduction.stories.mdx b/packages/components/src/stories/Introduction.stories.mdx
index 1743ccc57c..41ecc9f5d6 100644
--- a/packages/components/src/stories/Introduction.stories.mdx
+++ b/packages/components/src/stories/Introduction.stories.mdx
@@ -33,3 +33,47 @@ const MyComponent = (props) => {
 export default MyComponent;
 ```
 
+## Styling
+
+This package provide a basic set of CSS rules.
+You should add them to your project build to make the components properly styled.
+
+You can bring your own styles, but the CSS you provide should replace what the basic stylying does and style the bare components from scratch.
+
+You can use the CSS bundled for all components in a single file, or use the specific files for your components.
+They are distributed along with the components code in the `dist` folder of the library.
+
+```js
+import '@plone/components/dist/basic.css';
+```
+
+or selectively:
+
+```js
+import '@plone/components/src/styles/basic/TextField.css';
+```
+
+
+## Quanta
+
+This package also features the Quanta components.
+The Quanta theme is an example of it.
+These components use the basic styling as a baseline, not only in styling, but also in the component side, reusing the CSS and custom CSS properties in it.
+
+Quanta is built upon the basic styles in an additive way.
+The use of the Quanta CSS implies using it upon basic styling.
+You could take Quanta as example to build your own layer of styles over basic styling for your theme.
+
+To use a theme built upon the basic styling, you need to import both the basic and the theme CSS, in this order:
+
+```js
+import '@plone/components/dist/basic.css';
+import '@plone/components/dist/quanta.css';
+```
+
+You have the option of doing it selectively per component, too:
+
+```js
+import '@plone/components/src/styles/basic/TextField.css';
+import '@plone/components/src/styles/quanta/TextField.css';
+```
diff --git a/packages/components/src/styles/basic/main.css b/packages/components/src/styles/basic/main.css
index 09a850cf68..fa7999e24f 100644
--- a/packages/components/src/styles/basic/main.css
+++ b/packages/components/src/styles/basic/main.css
@@ -4,7 +4,7 @@
 @import './Label.css';
 @import './Checkbox.css';
 @import './CheckboxGroup.css';
-@import './Combobox.css';
+@import './ComboBox.css';
 @import './NumberField.css';
 @import './RadioGroup.css';
 @import './Switch.css';
@@ -22,8 +22,8 @@
 @import './TextField.css';
 
 @import './Menu.css';
-@import './Listbox.css';
-@import './Gridlist.css';
+@import './ListBox.css';
+@import './GridList.css';
 @import './Form.css';
 
 @import './Table.css';
diff --git a/packages/components/src/styles/quanta/Select.css b/packages/components/src/styles/quanta/Select.css
index 99855ac40a..dda92780e5 100644
--- a/packages/components/src/styles/quanta/Select.css
+++ b/packages/components/src/styles/quanta/Select.css
@@ -1,6 +1,6 @@
 /* Quanta does not have to redefine colors, but it has to override the original ones coming
 from the basic styles. Then, if people override the basic ones, then they won't get overridden in Quanta. */
-.react-aria-Select {
+.q.react-aria-Select {
   .react-aria-Label {
     color: var(--quanta-sapphire);
   }
@@ -30,7 +30,7 @@ from the basic styles. Then, if people override the basic ones, then they won't
   }
 }
 
-.react-aria-Popover[data-trigger='Select'] {
+.q.react-aria-Popover[data-trigger='Select'] {
   .react-aria-ListBoxItem {
     --highlight-background: var(--basic-300);
     --highlight-foreground: var(--text-color);
diff --git a/packages/components/src/views/RenderBlocks/RenderBlocks.tsx b/packages/components/src/views/RenderBlocks/RenderBlocks.tsx
index 2bde61d6f6..e0489596b8 100644
--- a/packages/components/src/views/RenderBlocks/RenderBlocks.tsx
+++ b/packages/components/src/views/RenderBlocks/RenderBlocks.tsx
@@ -1,6 +1,4 @@
 import React, { Fragment } from 'react';
-// import { defineMessages, useIntl } from 'react-intl';
-
 import { hasBlocksData } from '../../helpers/blocks';
 import { DefaultBlockView } from './DefaultBlockView';
 import type { Content } from '@plone/types';
diff --git a/packages/components/tsconfig.node.json b/packages/components/tsconfig.node.json
index b5376a7db7..473bb13b8a 100644
--- a/packages/components/tsconfig.node.json
+++ b/packages/components/tsconfig.node.json
@@ -5,5 +5,5 @@
     "moduleResolution": "Node",
     "allowSyntheticDefaultImports": true
   },
-  "include": ["vitest.config.ts"]
+  "include": ["vitest.config.mts"]
 }
diff --git a/packages/components/vite.config.ts b/packages/components/vite.config.mts
similarity index 94%
rename from packages/components/vite.config.ts
rename to packages/components/vite.config.mts
index 0bf55cebb7..e79241277d 100644
--- a/packages/components/vite.config.ts
+++ b/packages/components/vite.config.mts
@@ -18,8 +18,6 @@ export default defineConfig({
         'react-aria',
         'react-aria-components',
         '@react-spectrum/utils',
-        'classnames',
-        'lodash',
       ],
       output: {
         globals: {
diff --git a/packages/components/vitest.config.ts b/packages/components/vitest.config.mts
similarity index 100%
rename from packages/components/vitest.config.ts
rename to packages/components/vitest.config.mts
diff --git a/packages/coresandbox/package.json b/packages/coresandbox/package.json
index e90e2e480c..aaf007882e 100644
--- a/packages/coresandbox/package.json
+++ b/packages/coresandbox/package.json
@@ -26,17 +26,17 @@
     "react"
   ],
   "peerDependencies": {
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-intl": "3.8.0",
     "react-redux": "7.2.4",
     "semantic-ui-react": "2.0.3"
   },
   "devDependencies": {
     "@plone/types": "workspace:*",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
     "@plone/registry": "workspace:*",
-    "@types/react": "^17.0.52",
-    "@types/react-dom": "^17",
     "@types/react-redux": "^7.1.33"
   }
 }
diff --git a/packages/coresandbox/src/components/Slots/SlotTest.tsx b/packages/coresandbox/src/components/Slots/SlotTest.tsx
new file mode 100644
index 0000000000..66f095c552
--- /dev/null
+++ b/packages/coresandbox/src/components/Slots/SlotTest.tsx
@@ -0,0 +1,10 @@
+const SlotComponentTest = () => {
+  return (
+    <div style={{ margin: '0 auto 20px auto', width: '1127px' }}>
+      <h2>This is a test slot component</h2>
+      <p>It should appear above the Content</p>
+    </div>
+  );
+};
+
+export default SlotComponentTest;
diff --git a/packages/coresandbox/src/index.ts b/packages/coresandbox/src/index.ts
index 1f4527a27c..b5c04d775b 100644
--- a/packages/coresandbox/src/index.ts
+++ b/packages/coresandbox/src/index.ts
@@ -9,6 +9,9 @@ import { conditionalVariationsSchemaEnhancer } from './components/Blocks/schemaE
 import codeSVG from '@plone/volto/icons/code.svg';
 import type { BlockConfigBase } from '@plone/types';
 import type { ConfigType } from '@plone/registry';
+import SlotComponentTest from './components/Slots/SlotTest';
+import { ContentTypeCondition } from '@plone/volto/helpers';
+import { RouteCondition } from '@plone/volto/helpers/Slots';
 
 const testBlock: BlockConfigBase = {
   id: 'testBlock',
@@ -171,6 +174,13 @@ const applyConfig = (config: ConfigType) => {
   config.blocks.blocksConfig.listing = listing(config);
   config.views.contentTypesViews.Folder = NewsAndEvents;
 
+  config.registerSlotComponent({
+    slot: 'aboveContent',
+    name: 'testSlotComponent',
+    component: SlotComponentTest,
+    predicates: [ContentTypeCondition(['Document']), RouteCondition('/hello')],
+  });
+
   return config;
 };
 
diff --git a/packages/generator-volto/CHANGELOG.md b/packages/generator-volto/CHANGELOG.md
index 9a115b56da..1389dfe0d4 100644
--- a/packages/generator-volto/CHANGELOG.md
+++ b/packages/generator-volto/CHANGELOG.md
@@ -8,6 +8,18 @@
 
 <!-- towncrier release notes start -->
 
+## 9.0.0-alpha.8 (2024-03-02)
+
+### Internal
+
+- Update dependencies @sneridagh [#5815](https://github.com/plone/volto/issues/5815)
+
+## 9.0.0-alpha.7 (2024-03-01)
+
+### Bugfix
+
+- Switch peerDependencies to Volto 18 for generator-volto alpha's/latest. [#5780](https://github.com/plone/volto/issues/5780)
+
 ## 9.0.0-alpha.6 (2024-02-18)
 
 ### Bugfix
diff --git a/packages/generator-volto/generators/app/templates/package.json.tpl b/packages/generator-volto/generators/app/templates/package.json.tpl
index d19c2ca7c3..fb4195f4a1 100644
--- a/packages/generator-volto/generators/app/templates/package.json.tpl
+++ b/packages/generator-volto/generators/app/templates/package.json.tpl
@@ -151,11 +151,11 @@
     "jest-junit": "8.0.0",
     "mrs-developer": "^2.1.1",
     "postcss": "8.4.13",
-    "prettier": "3.0.3",
+    "prettier": "3.2.5",
     "razzle": "4.2.18",
-    "stylelint": "15.10.3",
-    "stylelint-config-idiomatic-order": "9.0.0",
-    "stylelint-prettier": "4.0.2",
+    "stylelint": "^16.2.1",
+    "stylelint-config-idiomatic-order": "10.0.0",
+    "stylelint-prettier": "5.0.0",
     "ts-jest": "^26.4.2",
     "ts-loader": "9.4.4",
     "typescript": "5.2.2"
diff --git a/packages/generator-volto/news/5780.bugfix b/packages/generator-volto/news/5780.bugfix
deleted file mode 100644
index 996ccc7007..0000000000
--- a/packages/generator-volto/news/5780.bugfix
+++ /dev/null
@@ -1 +0,0 @@
-Switch peerDependencies to Volto 18 for generator-volto alpha's/latest.
\ No newline at end of file
diff --git a/packages/generator-volto/package.json b/packages/generator-volto/package.json
index a214df45dd..254e70b19f 100644
--- a/packages/generator-volto/package.json
+++ b/packages/generator-volto/package.json
@@ -10,7 +10,7 @@
     }
   ],
   "license": "MIT",
-  "version": "9.0.0-alpha.6",
+  "version": "9.0.0-alpha.8",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/plone/generator-volto.git"
diff --git a/packages/parcel-optimizer-react-client/package.json b/packages/parcel-optimizer-react-client/package.json
index edb609816f..a9533e7207 100644
--- a/packages/parcel-optimizer-react-client/package.json
+++ b/packages/parcel-optimizer-react-client/package.json
@@ -4,10 +4,10 @@
   "private": true,
   "main": "ReactClientOptimizer.js",
   "engines": {
-    "parcel": "^2.10.2"
+    "parcel": "^2.12.0"
   },
   "dependencies": {
-    "@parcel/plugin": "^2.10.2",
-    "@parcel/utils": "^2.10.2"
+    "@parcel/plugin": "^2.12.0",
+    "@parcel/utils": "^2.12.0"
   }
 }
diff --git a/packages/registry/CHANGELOG.md b/packages/registry/CHANGELOG.md
index cdfd8c700e..b3468a12e4 100644
--- a/packages/registry/CHANGELOG.md
+++ b/packages/registry/CHANGELOG.md
@@ -8,6 +8,24 @@
 
 <!-- towncrier release notes start -->
 
+## 1.5.1 (2024-03-02)
+
+### Bugfix
+
+- Upgrade parcel @sneridagh [#5822](https://github.com/plone/volto/issues/5822)
+
+## 1.5.0 (2024-03-01)
+
+### Feature
+
+- Upgrade Volto core to use React 18.2.0 @sneridagh [#3221](https://github.com/plone/volto/issues/3221)
+
+## 1.4.0 (2024-03-01)
+
+### Feature
+
+- Support for slots @tiberiuichim @sneridagh [#5775](https://github.com/plone/volto/issues/5775)
+
 ## 1.3.1 (2024-02-20)
 
 ### Bugfix
diff --git a/packages/registry/package.json b/packages/registry/package.json
index c8a2fa1c1f..8a4b376f6a 100644
--- a/packages/registry/package.json
+++ b/packages/registry/package.json
@@ -9,7 +9,7 @@
   ],
   "funding": "https://github.com/sponsors/plone",
   "license": "MIT",
-  "version": "1.3.1",
+  "version": "1.5.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/plone/volto.git"
@@ -50,7 +50,7 @@
   },
   "scripts": {
     "watch": "parcel watch",
-    "build": "parcel build",
+    "build": "parcel build --no-cache",
     "test": "vitest",
     "dry-release": "release-it --dry-run",
     "release": "release-it",
@@ -73,12 +73,14 @@
     "glob": "7.1.6"
   },
   "devDependencies": {
-    "@parcel/packager-ts": "2.10.2",
-    "@parcel/transformer-typescript-types": "2.10.2",
+    "@parcel/packager-ts": "^2.12.0",
+    "@parcel/transformer-typescript-types": "^2.12.0",
     "@plone/types": "workspace:*",
-    "@types/react": "^17.0.52",
-    "@types/react-dom": "^17",
-    "parcel": "2.10.2",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "parcel": "^2.12.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "release-it": "16.2.1",
     "tsconfig": "workspace:*",
     "typescript": "5.2.2",
diff --git a/packages/registry/src/index.ts b/packages/registry/src/index.ts
index dc81917a15..56740160ed 100644
--- a/packages/registry/src/index.ts
+++ b/packages/registry/src/index.ts
@@ -5,6 +5,10 @@ import type {
   ComponentsConfig,
   ExperimentalConfig,
   SettingsConfig,
+  GetSlotArgs,
+  GetSlotReturn,
+  SlotComponent,
+  SlotPredicate,
   SlotsConfig,
   ViewsConfig,
   WidgetsConfig,
@@ -125,7 +129,7 @@ class Config {
   }
 
   getComponent(
-    options: { name: string; dependencies: string[] | string } | string,
+    options: { name: string; dependencies?: string[] | string } | string,
   ): GetComponentResult {
     if (typeof options === 'object') {
       const { name, dependencies = '' } = options;
@@ -147,7 +151,7 @@ class Config {
 
   registerComponent(options: {
     name: string;
-    dependencies: string[] | string;
+    dependencies?: string[] | string;
     component: React.ComponentType;
   }) {
     const { name, component, dependencies = '' } = options;
@@ -181,6 +185,214 @@ class Config {
       }
     }
   }
+
+  getSlot(name: string, args: GetSlotArgs): GetSlotReturn {
+    if (!this._data.slots[name]) {
+      return;
+    }
+    const { slots, data } = this._data.slots[name];
+    const slotComponents = [];
+    // For all enabled slots
+    for (const slotName of slots) {
+      // For all registered components for that slot, inversed, since the last one registered wins
+      // TODO: Cover ZCA use case, where if more predicates, more specificity wins if all true.
+      // Let's keep it simple here and stick to the registered order.
+      let noPredicateComponent: SlotComponent | undefined;
+      const reversedSlotComponents = data[slotName].slice().reverse(); // Immutable reversed copy
+      for (const slotComponent of reversedSlotComponents) {
+        let isPredicateTrueFound: boolean = false;
+        if (slotComponent.predicates) {
+          isPredicateTrueFound = slotComponent.predicates.every((predicate) =>
+            predicate(args),
+          );
+        } else {
+          // We mark the one with no predicates
+          noPredicateComponent = slotComponent;
+        }
+
+        // If all the predicates are truthy
+        if (isPredicateTrueFound) {
+          slotComponents.push({
+            component: slotComponent.component,
+            name: slotName,
+          });
+          // We "reset" the marker, we already found a candidate
+          noPredicateComponent = undefined;
+          break;
+        }
+      }
+
+      if (noPredicateComponent) {
+        slotComponents.push({
+          component: noPredicateComponent.component,
+          name: slotName,
+        });
+      }
+    }
+
+    return slotComponents;
+  }
+
+  registerSlotComponent(options: {
+    slot: string;
+    name: string;
+    predicates?: SlotPredicate[];
+    component: SlotComponent['component'];
+  }): void {
+    const { name, component, predicates, slot } = options;
+
+    if (!component) {
+      throw new Error('No component provided');
+    }
+    if (!predicates) {
+      // Test if there's already one registered, we only support one
+      const hasRegisteredNoPredicatesComponent = this._data.slots?.[
+        slot
+      ]?.data?.[name]?.find(({ predicates }) => !predicates);
+      if (hasRegisteredNoPredicatesComponent) {
+        throw new Error(
+          `There is already registered a component ${name} for the slot ${slot}. You can only register one slot component with no predicates per slot.`,
+        );
+      }
+    }
+
+    let currentSlot = this._data.slots[slot];
+    if (!currentSlot) {
+      this._data.slots[slot] = {
+        slots: [],
+        data: {},
+      };
+      currentSlot = this._data.slots[slot];
+    }
+    if (!currentSlot.data[name]) {
+      currentSlot.data[name] = [];
+    }
+
+    const currentSlotComponents = currentSlot.data[name];
+    if (!currentSlot.slots.includes(name)) {
+      currentSlot.slots.push(name);
+    }
+    const slotComponentData = {
+      component,
+      predicates,
+    };
+
+    // Try to set a displayName (useful for React dev tools) for the registered component
+    // Only if it's a function and it's not set previously
+    try {
+      const displayName = slotComponentData.component.displayName;
+
+      if (!displayName && typeof slotComponentData?.component === 'function') {
+        slotComponentData.component.displayName = name;
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.warn(
+        `Not setting the slot component displayName because ${error}`,
+      );
+    }
+
+    currentSlotComponents.push(slotComponentData);
+  }
+
+  getSlotComponent(slot: string, name: string) {
+    const currentSlot = this._data.slots[slot];
+    if (!slot || !currentSlot) {
+      throw new Error(`No slot ${slot} found`);
+    }
+    const currentSlotComponents = currentSlot.data[name];
+    if (!currentSlotComponents) {
+      throw new Error(`No slot component ${name} in slot ${slot} found`);
+    }
+    return currentSlotComponents;
+  }
+
+  getSlotComponents(slot: string) {
+    const currentSlot = this._data.slots[slot];
+    if (!slot || !currentSlot) {
+      throw new Error(`No slot ${slot} found`);
+    }
+    return currentSlot.slots;
+  }
+
+  reorderSlotComponent({
+    slot,
+    name,
+    position,
+    action,
+    target,
+  }: {
+    slot: string;
+    name: string;
+    position?: number;
+    action?: 'after' | 'before' | 'first' | 'last';
+    target?: string;
+  }) {
+    if (!position && !action) {
+      throw new Error(`At least a position or action is required as argument`);
+    }
+    if (position && action) {
+      throw new Error(
+        `You should provide only one of position or action as arguments`,
+      );
+    }
+    if ((action == 'after' || action == 'before') && !target) {
+      throw new Error(
+        `No action target set. You should provide the name of a slot component as target when action is 'after' or 'before'.`,
+      );
+    }
+
+    const currentSlot = this._data.slots[slot];
+    if (!slot || !currentSlot) {
+      throw new Error(`No slot ${slot} found`);
+    }
+    const origin = currentSlot.slots.indexOf(name);
+    const result = Array.from(currentSlot.slots);
+    const [removed] = result.splice(origin, 1);
+
+    if (action) {
+      let targetIdx = 0;
+      if (target) {
+        targetIdx = currentSlot.slots.indexOf(target);
+      }
+      switch (action) {
+        case 'after':
+          result.splice(targetIdx, 0, removed);
+          break;
+        case 'before':
+          result.splice(targetIdx - 1, 0, removed);
+          break;
+        case 'last':
+          result.push(removed);
+          break;
+        case 'first':
+          result.unshift(removed);
+          break;
+
+        default:
+          break;
+      }
+    }
+
+    if (position) {
+      result.splice(position, 0, removed);
+    }
+
+    currentSlot.slots = result;
+  }
+
+  unRegisterSlotComponent(slot: string, name: string, position: number) {
+    const currentSlot = this._data.slots[slot];
+    if (!slot || !currentSlot) {
+      throw new Error(`No slot ${slot} found`);
+    }
+    const currentSlotComponents = currentSlot.data[name];
+    if (!currentSlotComponents) {
+      throw new Error(`No slot component ${name} in slot ${slot} found`);
+    }
+    const result = currentSlotComponents.slice();
+    currentSlot.data[name] = result.splice(position, 1);
+  }
 }
 
 const instance = new Config();
diff --git a/packages/registry/src/registry.test.jsx b/packages/registry/src/registry.test.jsx
deleted file mode 100644
index 861d26701f..0000000000
--- a/packages/registry/src/registry.test.jsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import config from './index';
-import { describe, expect, it } from 'vitest';
-
-config.set('components', {
-  Toolbar: { component: 'this is the Toolbar component' },
-  'Toolbar.Types': { component: 'this is the Types component' },
-  'Teaser|News Item': { component: 'This is the News Item Teaser component' },
-});
-
-describe('registry', () => {
-  it('get components', () => {
-    expect(config.getComponent('Toolbar').component).toEqual(
-      'this is the Toolbar component',
-    );
-  });
-  it('get components with context', () => {
-    expect(
-      config.getComponent({ name: 'Teaser', dependencies: 'News Item' })
-        .component,
-    ).toEqual('This is the News Item Teaser component');
-  });
-  it('get components with dots (as an object)', () => {
-    expect(config.getComponent({ name: 'Toolbar.Types' }).component).toEqual(
-      'this is the Types component',
-    );
-  });
-  it('get components with | and spaces (as a string)', () => {
-    expect(config.getComponent('Teaser|News Item').component).toEqual(
-      'This is the News Item Teaser component',
-    );
-  });
-  it('resolves unexistent component (as a string)', () => {
-    expect(config.getComponent('Toolbar.Doh').component).toEqual(undefined);
-    expect(config.getComponent('Toolbar.Doh')).toEqual({});
-  });
-  it('registers and gets a component by name (as string)', () => {
-    config.registerComponent({
-      name: 'Toolbar.Bar',
-      component: 'this is a Bar component',
-    });
-    expect(config.getComponent('Toolbar.Bar').component).toEqual(
-      'this is a Bar component',
-    );
-  });
-  it('registers and gets a component by name (as an object)', () => {
-    config.registerComponent({
-      name: 'Toolbar.Bar',
-      component: 'this is a Bar component',
-    });
-    expect(config.getComponent({ name: 'Toolbar.Bar' }).component).toEqual(
-      'this is a Bar component',
-    );
-  });
-  it('registers and gets a component by name (as an object) - check displayName', () => {
-    config.registerComponent({
-      name: 'Toolbar.Bar',
-      component: () => <div>Hello</div>,
-    });
-    expect(config.getComponent('Toolbar.Bar').component.displayName).toEqual(
-      'Toolbar.Bar',
-    );
-  });
-  it('registers and gets a component by name (as an object) - check displayName if it has already one, it does not overwrite it', () => {
-    const TestComponent = () => <div>Hello</div>;
-    TestComponent.displayName = 'DisplayNameAlreadySet';
-    config.registerComponent({
-      name: 'Toolbar.Bar',
-      component: TestComponent,
-    });
-
-    expect(config.getComponent('Toolbar.Bar').component.displayName).toEqual(
-      'DisplayNameAlreadySet',
-    );
-  });
-  it('registers and gets a component by name (as an object) - check displayName - do not break if it is a normal function', () => {
-    function myFunction() {
-      return 'true';
-    }
-
-    config.registerComponent({
-      name: 'Toolbar.Bar',
-      component: myFunction,
-    });
-    expect(config.getComponent('Toolbar.Bar').component.displayName).toEqual(
-      'Toolbar.Bar',
-    );
-  });
-  it('registers a component by name with dependencies', () => {
-    config.registerComponent({
-      name: 'Toolbar.Bar',
-      component: 'this is a Bar component',
-      dependencies: 'News Item',
-    });
-    expect(
-      config.getComponent({ name: 'Toolbar.Bar', dependencies: 'News Item' })
-        .component,
-    ).toEqual('this is a Bar component');
-  });
-  it('registers a component by name with dependencies array', () => {
-    config.registerComponent({
-      name: 'Toolbar.Bar',
-      component: 'this is a Bar component',
-      dependencies: ['News Item', 'StringFieldWidget'],
-    });
-    expect(
-      config.getComponent({
-        name: 'Toolbar.Bar',
-        dependencies: ['News Item', 'StringFieldWidget'],
-      }).component,
-    ).toEqual('this is a Bar component');
-  });
-});
diff --git a/packages/registry/src/registry.test.tsx b/packages/registry/src/registry.test.tsx
new file mode 100644
index 0000000000..f5879bebe6
--- /dev/null
+++ b/packages/registry/src/registry.test.tsx
@@ -0,0 +1,736 @@
+import config from './index';
+import { describe, expect, it, afterEach } from 'vitest';
+
+config.set('components', {
+  Toolbar: { component: 'this is the Toolbar component' },
+  'Toolbar.Types': { component: 'this is the Types component' },
+  'Teaser|News Item': { component: 'This is the News Item Teaser component' },
+});
+
+config.set('slots', {});
+
+describe('Component registry', () => {
+  it('get components', () => {
+    expect(config.getComponent('Toolbar').component).toEqual(
+      'this is the Toolbar component',
+    );
+  });
+  it('get components with context', () => {
+    expect(
+      config.getComponent({ name: 'Teaser', dependencies: 'News Item' })
+        .component,
+    ).toEqual('This is the News Item Teaser component');
+  });
+  it('get components with dots (as an object)', () => {
+    expect(config.getComponent({ name: 'Toolbar.Types' }).component).toEqual(
+      'this is the Types component',
+    );
+  });
+  it('get components with | and spaces (as a string)', () => {
+    expect(config.getComponent('Teaser|News Item').component).toEqual(
+      'This is the News Item Teaser component',
+    );
+  });
+  it('resolves unexistent component (as a string)', () => {
+    expect(config.getComponent('Toolbar.Doh').component).toEqual(undefined);
+    expect(config.getComponent('Toolbar.Doh')).toEqual({});
+  });
+  it('registers and gets a component by name (as string)', () => {
+    config.registerComponent({
+      name: 'Toolbar.Bar',
+      component: 'this is a Bar component',
+    });
+    expect(config.getComponent('Toolbar.Bar').component).toEqual(
+      'this is a Bar component',
+    );
+  });
+  it('registers and gets a component by name (as an object)', () => {
+    config.registerComponent({
+      name: 'Toolbar.Bar',
+      component: 'this is a Bar component',
+    });
+    expect(config.getComponent({ name: 'Toolbar.Bar' }).component).toEqual(
+      'this is a Bar component',
+    );
+  });
+  it('registers and gets a component by name (as an object) - check displayName', () => {
+    config.registerComponent({
+      name: 'Toolbar.Bar',
+      component: () => <div>Hello</div>,
+    });
+    expect(config.getComponent('Toolbar.Bar').component.displayName).toEqual(
+      'Toolbar.Bar',
+    );
+  });
+  it('registers and gets a component by name (as an object) - check displayName if it has already one, it does not overwrite it', () => {
+    const TestComponent = () => <div>Hello</div>;
+    TestComponent.displayName = 'DisplayNameAlreadySet';
+    config.registerComponent({
+      name: 'Toolbar.Bar',
+      component: TestComponent,
+    });
+
+    expect(config.getComponent('Toolbar.Bar').component.displayName).toEqual(
+      'DisplayNameAlreadySet',
+    );
+  });
+  it('registers and gets a component by name (as an object) - check displayName - do not break if it is a normal function', () => {
+    function myFunction() {
+      return 'true';
+    }
+
+    config.registerComponent({
+      name: 'Toolbar.Bar',
+      component: myFunction,
+    });
+    expect(config.getComponent('Toolbar.Bar').component.displayName).toEqual(
+      'Toolbar.Bar',
+    );
+  });
+  it('registers a component by name with dependencies', () => {
+    config.registerComponent({
+      name: 'Toolbar.Bar',
+      component: 'this is a Bar component',
+      dependencies: 'News Item',
+    });
+    expect(
+      config.getComponent({ name: 'Toolbar.Bar', dependencies: 'News Item' })
+        .component,
+    ).toEqual('this is a Bar component');
+  });
+  it('registers a component by name with dependencies array', () => {
+    config.registerComponent({
+      name: 'Toolbar.Bar',
+      component: 'this is a Bar component',
+      dependencies: ['News Item', 'StringFieldWidget'],
+    });
+    expect(
+      config.getComponent({
+        name: 'Toolbar.Bar',
+        dependencies: ['News Item', 'StringFieldWidget'],
+      }).component,
+    ).toEqual('this is a Bar component');
+  });
+});
+
+describe('Slots registry', () => {
+  afterEach(() => {
+    config.set('slots', {});
+  });
+
+  // type Predicate = (predicateValues: unknown) = (predicateValues, args) => boolean
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const RouteConditionTrue = (route: string) => () => true;
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const RouteConditionFalse = (route: string) => () => false;
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const ContentTypeConditionTrue = (contentType: string[]) => () => true;
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const ContentTypeConditionFalse = (contentType: string[]) => () => false;
+
+  it('registers a single slot component with no predicate', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with no predicate',
+    });
+
+    expect(config.getSlot('toolbar', {})![0].component).toEqual(
+      'this is a toolbar component with no predicate',
+    );
+  });
+
+  it('registers two slot components with predicates - registered components order is respected', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component:
+        'this is a toolbar component with only a truth-ish route condition',
+      predicates: [RouteConditionTrue('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a Bar component with a false predicate and one true',
+      predicates: [
+        RouteConditionFalse('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    expect(config.getSlot('toolbar', {})![0].component).toEqual(
+      'this is a toolbar component with only a truth-ish route condition',
+    );
+  });
+
+  it('registers two slot components with predicates - All registered components predicates are truthy, the last one registered wins', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component:
+        'this is a toolbar component with only a truth-ish route condition',
+      predicates: [RouteConditionTrue('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with two truth-ish predicates',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    expect(config.getSlot('toolbar', {})![0].component).toEqual(
+      'this is a toolbar component with two truth-ish predicates',
+    );
+  });
+
+  it('registers two slot components with predicates - No registered component have a truthy predicate', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with a false predicate',
+      predicates: [RouteConditionFalse('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with two false predicate',
+      predicates: [
+        RouteConditionFalse('/folder/path'),
+        ContentTypeConditionFalse(['News Item']),
+      ],
+    });
+
+    expect(config.getSlot('toolbar', {})).toEqual([]);
+  });
+
+  it('registers two slot components one without predicates - registered component with predicates are truthy, the last one registered wins', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with no predicate',
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with two truth-ish predicates',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    expect(config.getSlot('toolbar', {})![0].component).toEqual(
+      'this is a toolbar component with two truth-ish predicates',
+    );
+  });
+
+  it('registers two slot components one without predicates - registered components predicates are falsy, the one with no predicates wins', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with no predicate',
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with two truth-ish predicates',
+      predicates: [
+        RouteConditionFalse('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    expect(config.getSlot('toolbar', {})![0].component).toEqual(
+      'this is a toolbar component with no predicate',
+    );
+  });
+
+  it('registers two slot components one without predicates - registered components predicates are truthy, the one with predicates wins', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with two truth-ish predicates',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with no predicate',
+    });
+
+    expect(config.getSlot('toolbar', {})![0].component).toEqual(
+      'this is a toolbar component with two truth-ish predicates',
+    );
+  });
+
+  it('registers 2 + 2 slot components with predicates - No registered component have a truthy predicate', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with a false predicate',
+      predicates: [RouteConditionFalse('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with two false predicate',
+      predicates: [
+        RouteConditionFalse('/folder/path'),
+        ContentTypeConditionFalse(['News Item']),
+      ],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar component with a false predicate',
+      predicates: [RouteConditionFalse('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar component with two false predicate',
+      predicates: [
+        RouteConditionFalse('/folder/path'),
+        ContentTypeConditionFalse(['News Item']),
+      ],
+    });
+    expect(config.getSlot('toolbar', {})).toEqual([]);
+  });
+
+  it('registers 2 + 2 slot components with predicates - One truthy predicate per set', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar save component with a true predicate',
+      predicates: [RouteConditionTrue('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with two false predicate',
+      predicates: [
+        RouteConditionFalse('/folder/path'),
+        ContentTypeConditionFalse(['News Item']),
+      ],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar component with a false predicate',
+      predicates: [RouteConditionFalse('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+    expect(config.getSlot('toolbar', {})![0].component).toEqual(
+      'this is a toolbar save component with a true predicate',
+    );
+    expect(config.getSlot('toolbar', {})![1].component).toEqual(
+      'this is a toolbar edit component with true predicate',
+    );
+  });
+
+  it('getSlotComponents - registers 2 + 2 slot components with predicates', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar save component with a true predicate',
+      predicates: [RouteConditionTrue('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with two false predicate',
+      predicates: [
+        RouteConditionFalse('/folder/path'),
+        ContentTypeConditionFalse(['News Item']),
+      ],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar component with a false predicate',
+      predicates: [RouteConditionFalse('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+    expect(config.getSlotComponents('toolbar').length).toEqual(2);
+    expect(config.getSlotComponents('toolbar')).toEqual(['save', 'edit']);
+  });
+
+  it('getSlotComponent - registers 2 + 2 slot components with predicates', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar save component with a true predicate',
+      predicates: [RouteConditionTrue('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with two false predicate',
+      predicates: [
+        RouteConditionFalse('/folder/path'),
+        ContentTypeConditionFalse(['News Item']),
+      ],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar component with a false predicate',
+      predicates: [RouteConditionFalse('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+    expect(config.getSlotComponent('toolbar', 'save').length).toEqual(2);
+    expect(config.getSlotComponent('toolbar', 'save')[0].component).toEqual(
+      'this is a toolbar save component with a true predicate',
+    );
+  });
+
+  it('reorderSlotComponent - position', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar save component with a true predicate',
+      predicates: [RouteConditionTrue('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with two false predicate',
+      predicates: [
+        RouteConditionFalse('/folder/path'),
+        ContentTypeConditionFalse(['News Item']),
+      ],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar component with a false predicate',
+      predicates: [RouteConditionFalse('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+    expect(config.getSlotComponent('toolbar', 'save').length).toEqual(2);
+    expect(config.getSlotComponent('toolbar', 'save')[0].component).toEqual(
+      'this is a toolbar save component with a true predicate',
+    );
+    config.reorderSlotComponent({ slot: 'toolbar', name: 'save', position: 1 });
+    expect(config.getSlotComponents('toolbar')).toEqual(['edit', 'save']);
+  });
+
+  it('reorderSlotComponent - after', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar save component with a true predicate',
+      predicates: [RouteConditionTrue('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar component with a false predicate',
+      predicates: [RouteConditionFalse('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'cancel',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'bold',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    expect(config.getSlotComponents('toolbar')).toEqual([
+      'save',
+      'edit',
+      'cancel',
+      'bold',
+    ]);
+    config.reorderSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      action: 'after',
+      target: 'cancel',
+    });
+    expect(config.getSlotComponents('toolbar')).toEqual([
+      'edit',
+      'cancel',
+      'save',
+      'bold',
+    ]);
+  });
+
+  it('reorderSlotComponent - before', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar save component with a true predicate',
+      predicates: [RouteConditionTrue('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar component with a false predicate',
+      predicates: [RouteConditionFalse('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'cancel',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'bold',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    expect(config.getSlotComponents('toolbar')).toEqual([
+      'save',
+      'edit',
+      'cancel',
+      'bold',
+    ]);
+    config.reorderSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      action: 'before',
+      target: 'cancel',
+    });
+    expect(config.getSlotComponents('toolbar')).toEqual([
+      'edit',
+      'save',
+      'cancel',
+      'bold',
+    ]);
+  });
+
+  it('reorderSlotComponent - last', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar save component with a true predicate',
+      predicates: [RouteConditionTrue('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar component with a false predicate',
+      predicates: [RouteConditionFalse('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'cancel',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'bold',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    expect(config.getSlotComponents('toolbar')).toEqual([
+      'save',
+      'edit',
+      'cancel',
+      'bold',
+    ]);
+    config.reorderSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      action: 'last',
+    });
+    expect(config.getSlotComponents('toolbar')).toEqual([
+      'edit',
+      'cancel',
+      'bold',
+      'save',
+    ]);
+  });
+
+  it('reorderSlotComponent - first', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar save component with a true predicate',
+      predicates: [RouteConditionTrue('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar component with a false predicate',
+      predicates: [RouteConditionFalse('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'cancel',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'bold',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+
+    expect(config.getSlotComponents('toolbar')).toEqual([
+      'save',
+      'edit',
+      'cancel',
+      'bold',
+    ]);
+    config.reorderSlotComponent({
+      slot: 'toolbar',
+      name: 'bold',
+      action: 'first',
+    });
+    expect(config.getSlotComponents('toolbar')).toEqual([
+      'bold',
+      'save',
+      'edit',
+      'cancel',
+    ]);
+  });
+
+  it('unRegisterSlotComponent - registers 2 + 2 slot components with predicates', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar save component with a true predicate',
+      predicates: [RouteConditionTrue('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: 'this is a toolbar component with two false predicate',
+      predicates: [
+        RouteConditionFalse('/folder/path'),
+        ContentTypeConditionFalse(['News Item']),
+      ],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar component with a false predicate',
+      predicates: [RouteConditionFalse('/de')],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: 'this is a toolbar edit component with true predicate',
+      predicates: [
+        RouteConditionTrue('/folder/path'),
+        ContentTypeConditionTrue(['News Item']),
+      ],
+    });
+    expect(config.getSlotComponent('toolbar', 'save').length).toEqual(2);
+    expect(config.getSlotComponent('toolbar', 'save')[0].component).toEqual(
+      'this is a toolbar save component with a true predicate',
+    );
+    config.unRegisterSlotComponent('toolbar', 'save', 1);
+    expect(config.getSlotComponent('toolbar', 'save').length).toEqual(1);
+  });
+});
diff --git a/packages/scripts/CHANGELOG.md b/packages/scripts/CHANGELOG.md
index 3e0ae44a23..e731d3c4bf 100644
--- a/packages/scripts/CHANGELOG.md
+++ b/packages/scripts/CHANGELOG.md
@@ -8,6 +8,16 @@
 
 <!-- towncrier release notes start -->
 
+## 3.4.0 (2024-03-02)
+
+### Feature
+
+- New `lockhook.js` script for replacing `yarnhook` @sneridagh [#5815](https://github.com/plone/volto/issues/5815)
+
+### Internal
+
+- Update dependencies @sneridagh [#5815](https://github.com/plone/volto/issues/5815)
+
 ## 3.3.2 (2024-01-26)
 
 ### Bugfix
diff --git a/packages/scripts/check_deployment.js b/packages/scripts/check_deployment.js
new file mode 100644
index 0000000000..feb3ea0092
--- /dev/null
+++ b/packages/scripts/check_deployment.js
@@ -0,0 +1,41 @@
+import http from 'http';
+import waitOn from 'wait-on';
+
+const url = new URL('http://localhost:3000'); // replace with your service URL
+const searchString = 'Welcome to Plone'; // replace with the string you want to search for
+
+// Wait for the service to be available
+waitOn({ resources: [url.href] })
+  .then(() => {
+    console.log('Service is available');
+
+    // Fetch the HTML
+    http
+      .get(url.href, (res) => {
+        let data = '';
+
+        // A chunk of data has been received.
+        res.on('data', (chunk) => {
+          data += chunk;
+        });
+
+        // The whole response has been received.
+        res.on('end', () => {
+          // Check if the HTML contains the specific string
+          if (data.includes(searchString)) {
+            console.log(`Found "${searchString}" in the HTML`);
+          } else {
+            console.error(`Did not find "${searchString}" in the HTML`);
+            process.exit(1);
+          }
+        });
+      })
+      .on('error', (err) => {
+        console.error('Error: ' + err.message);
+        process.exit(1);
+      });
+  })
+  .catch((err) => {
+    console.error('An error occurred:', err);
+    process.exit(1);
+  });
diff --git a/packages/scripts/lockhook.js b/packages/scripts/lockhook.js
new file mode 100644
index 0000000000..3574ad8014
--- /dev/null
+++ b/packages/scripts/lockhook.js
@@ -0,0 +1,138 @@
+#!/usr/bin/env node
+
+// @flow
+import findParentDir from 'find-parent-dir';
+import execa from 'execa';
+import { join } from 'path';
+import fs from 'fs';
+
+// environment variables
+const {
+  LOCKHOOK_BYPASS = false,
+  LOCKHOOK_DEBUG = false,
+  LOCKHOOK_DRYRUN = false,
+} = process.env;
+
+// supported package managers and lockfile names
+const lockfileSpecs = [
+  {
+    checkfile: 'bun.lockb',
+    lockfile: 'bun.lockb',
+    command: 'bun',
+    version: '1',
+    arguments: ['install', '--frozen-lockfile '],
+  },
+  {
+    checkfile: '.yarnrc.yml',
+    lockfile: 'yarn.lock',
+    command: 'yarn',
+    version: '2',
+    arguments: ['install', '--immutable'],
+  },
+  {
+    checkfile: 'yarn.lock',
+    lockfile: 'yarn.lock',
+    command: 'yarn',
+    version: '1',
+    arguments: ['install', '--prefer-offline', '--pure-lockfile'],
+  },
+  {
+    checkfile: 'package-lock.json',
+    lockfile: 'package-lock.json',
+    command: 'npm',
+    version: '>=5',
+    arguments: ['install', '--prefer-offline', '--no-audit', '--no-save'],
+  },
+  {
+    checkfile: 'npm-shrinkwrap.json',
+    lockfile: 'npm-shrinkwrap.json',
+    command: 'npm',
+    version: '<5',
+    arguments: ['install', '--prefer-offline', '--no-audit', '--no-save'],
+  },
+  {
+    checkfile: 'pnpm-lock.yaml',
+    lockfile: 'pnpm-lock.yaml',
+    command: 'pnpm',
+    version: '>=3',
+    arguments: [
+      'install',
+      '--prefer-offline',
+      '--frozen-lockfile',
+      '--no-verify-store-integrity',
+    ],
+  },
+  {
+    checkfile: 'shrinkwrap.yaml',
+    lockfile: 'shrinkwrap.yaml',
+    command: 'pnpm',
+    version: '<3',
+    arguments: ['install', '--prefer-offline', '--prefer-frozen-shrinkwrap'],
+  },
+];
+
+function getLockfileSpec(currentDir) {
+  for (let lockfileSpec of lockfileSpecs) {
+    const checkfilePath = join(currentDir, lockfileSpec.checkfile);
+    if (fs.existsSync(checkfilePath)) {
+      return lockfileSpec;
+    }
+  }
+
+  return null;
+}
+
+if (!LOCKHOOK_BYPASS) {
+  // find directories
+  const currentDir = process.cwd();
+  const gitDir = findParentDir.sync(currentDir, '.git');
+
+  // check for lockfiles
+  const lockfileSpec = getLockfileSpec(currentDir);
+
+  if (LOCKHOOK_DEBUG) {
+    console.log('currentDir:', currentDir);
+    console.log('gitDir:', gitDir);
+    console.log('lockfile:', lockfileSpec);
+  }
+
+  if (lockfileSpec !== null) {
+    // get the command, arguments and lockfile path
+    const { lockfile, command, arguments: commandargs } = lockfileSpec;
+    const lockfilePath = join(currentDir, lockfile);
+
+    // run a git diff on the lockfile
+    const { stdout: output } = execa.sync(
+      'git',
+      ['diff', 'HEAD@{1}..HEAD@{0}', '--', lockfilePath],
+      { cwd: gitDir },
+    );
+
+    if (LOCKHOOK_DEBUG) {
+      console.log(output);
+    }
+
+    // if diff exists, update dependencies
+    if (output.length > 0) {
+      if (LOCKHOOK_DRYRUN) {
+        console.log(
+          `Changes to lockfile found, you should run \`${command} install\` if you want to have up-to-date dependencies.`,
+        );
+      } else {
+        console.log(
+          `Changes to lockfile found, running \`${command} install\``,
+        );
+        try {
+          execa.sync(command, commandargs, { stdio: 'inherit' });
+        } catch (err) {
+          console.warn(`Running ${command} ${commandargs.join(' ')} failed`);
+        }
+      }
+    }
+  } else {
+    const lockfiles = lockfileSpecs.map((spec) => spec.lockfile).join(', ');
+    console.warn(
+      `I can't find a lockfile. Currently supported lockfiles are: ${lockfiles}.`,
+    );
+  }
+}
diff --git a/packages/scripts/news/5824.feature b/packages/scripts/news/5824.feature
new file mode 100644
index 0000000000..10d0e18d00
--- /dev/null
+++ b/packages/scripts/news/5824.feature
@@ -0,0 +1 @@
+Add `check_deployments.js` script - Test simple deployments setups when Cypress is too much @sneridagh
diff --git a/packages/scripts/package.json b/packages/scripts/package.json
index 9fd6c869c8..3cef14df40 100644
--- a/packages/scripts/package.json
+++ b/packages/scripts/package.json
@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "3.3.2",
+  "version": "3.4.0",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -48,12 +48,15 @@
     "chalk": "4",
     "commander": "8.2.0",
     "comment-json": "^4.2.3",
+    "execa": "0.6.3",
+    "find-parent-dir": "^0.3.1",
     "fs-extra": "10.1.0",
     "git-url-parse": "^13.1.0",
     "glob": "7.1.6",
     "lodash": "4.17.21",
     "mrs-developer": "^2.1.1",
-    "pofile": "1.0.10"
+    "pofile": "1.0.10",
+    "wait-on": "^7.2.0"
   },
   "devDependencies": {
     "release-it": "^16.1.3"
diff --git a/packages/scripts/prepublish.js b/packages/scripts/prepublish.js
index c467b92390..f22f8b99dd 100644
--- a/packages/scripts/prepublish.js
+++ b/packages/scripts/prepublish.js
@@ -12,7 +12,7 @@ class PrePublishReleaseItPlugin extends Plugin {
         type: 'confirm',
         message: (context) =>
           `Are you sure you want to publish ${context.npm.name}${
-            context.isPreRelease ? `@${context.preReleaseId}` : 'latest'
+            context.isPreRelease ? `@${context.preReleaseId}` : '@latest'
           } to npm?`,
         default: true,
       },
diff --git a/packages/types/CHANGELOG.md b/packages/types/CHANGELOG.md
index 2ad0136b0d..d6edab582b 100644
--- a/packages/types/CHANGELOG.md
+++ b/packages/types/CHANGELOG.md
@@ -8,6 +8,18 @@
 
 <!-- towncrier release notes start -->
 
+## 1.0.0-alpha.5 (2024-03-01)
+
+### Feature
+
+- Upgrade Volto core to use React 18.2.0 @sneridagh [#3221](https://github.com/plone/volto/issues/3221)
+
+## 1.0.0-alpha.4 (2024-03-01)
+
+### Feature
+
+- Support for slots @sneridagh [#5775](https://github.com/plone/volto/issues/5775)
+
 ## 1.0.0-alpha.3 (2024-02-02)
 
 ### Bugfix
diff --git a/packages/types/package.json b/packages/types/package.json
index c8ff7d96d5..bc99040d69 100644
--- a/packages/types/package.json
+++ b/packages/types/package.json
@@ -9,7 +9,7 @@
   ],
   "funding": "https://github.com/sponsors/plone",
   "license": "MIT",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.5",
   "repository": {
     "type": "git",
     "url": "https://github.com/plone/volto.git"
@@ -50,10 +50,12 @@
   "devDependencies": {
     "@parcel/packager-ts": "2.10.2",
     "@parcel/transformer-typescript-types": "2.10.2",
-    "@types/react": "^17.0.52",
-    "@types/react-dom": "^17",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
     "history": "^5.3.0",
     "parcel": "2.10.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-intl": "3.8.0",
     "release-it": "16.2.1",
     "tsconfig": "workspace:*",
diff --git a/packages/types/src/config/Slots.d.ts b/packages/types/src/config/Slots.d.ts
new file mode 100644
index 0000000000..87952c3f7d
--- /dev/null
+++ b/packages/types/src/config/Slots.d.ts
@@ -0,0 +1,25 @@
+import type { Content } from '../content';
+
+export type SlotPredicate = (args: any) => boolean;
+
+export type GetSlotArgs = {
+  content: Content;
+  pathname: string;
+  navRoot?: Content;
+};
+
+export type GetSlotReturn =
+  | { component: SlotComponent['component']; name: string }[]
+  | undefined;
+
+export type SlotComponent = {
+  component: React.ComponentType<any>;
+  predicates?: SlotPredicate[];
+};
+
+export type SlotManager = {
+  slots: string[];
+  data: Record<string, SlotComponent[]>;
+};
+
+export type SlotsConfig = Record<string, SlotManager>;
diff --git a/packages/types/src/config/index.d.ts b/packages/types/src/config/index.d.ts
index 02df192e63..a62e18c96d 100644
--- a/packages/types/src/config/index.d.ts
+++ b/packages/types/src/config/index.d.ts
@@ -2,6 +2,7 @@ import type { SettingsConfig } from './Settings';
 import type { BlocksConfig } from './Blocks';
 import type { ViewsConfig } from './Views';
 import type { WidgetsConfig } from './Widgets';
+import type { SlotsConfig } from './Slots';
 
 export type AddonReducersConfig = Record<string, Function>;
 
@@ -11,8 +12,6 @@ export type AddonRoutesConfig = {
   component: React.ComponentType;
 }[];
 
-export type SlotsConfig = Record<string, unknown>;
-
 export type ComponentsConfig = Record<
   string,
   { component: React.ComponentType }
@@ -34,3 +33,4 @@ export type ConfigData = {
 
 export { SettingsConfig, BlocksConfig, ViewsConfig, WidgetsConfig };
 export * from './Blocks';
+export * from './Slots';
diff --git a/packages/types/src/content/common.d.ts b/packages/types/src/content/common.d.ts
index b1b91edf84..de8922c49f 100644
--- a/packages/types/src/content/common.d.ts
+++ b/packages/types/src/content/common.d.ts
@@ -2,6 +2,7 @@ import type { BreadcrumbsResponse } from '../services/breadcrumbs';
 import type { NavigationResponse } from '../services/navigation';
 import type { ActionsResponse } from '../services/actions';
 import type { GetTypesResponse } from '../services/types';
+import type { GetNavrootResponse } from '../services/navroot';
 import type { GetAliasesResponse } from '../services/aliases';
 import type { ContextNavigationResponse } from '../services/contextnavigation';
 import type { WorkflowResponse } from '../services/workflow';
@@ -13,6 +14,7 @@ export interface Expanders {
   breadcrumbs: BreadcrumbsResponse;
   contextnavigation: ContextNavigationResponse;
   navigation: NavigationResponse;
+  navroot: GetNavrootResponse;
   types: GetTypesResponse;
   workflow: WorkflowResponse;
 }
diff --git a/packages/volto-slate/CHANGELOG.md b/packages/volto-slate/CHANGELOG.md
index 756fd90751..62324926d2 100644
--- a/packages/volto-slate/CHANGELOG.md
+++ b/packages/volto-slate/CHANGELOG.md
@@ -8,6 +8,18 @@
 
 <!-- towncrier release notes start -->
 
+## 18.0.0-alpha.9 (2024-03-02)
+
+### Internal
+
+- Update dependencies @sneridagh [#5815](https://github.com/plone/volto/issues/5815)
+
+## 18.0.0-alpha.8 (2024-03-01)
+
+### Feature
+
+- Upgrade Volto core to use React 18.2.0 @sneridagh [#3221](https://github.com/plone/volto/issues/3221)
+
 ## 18.0.0-alpha.7 (2024-02-22)
 
 ### Bugfix
diff --git a/packages/volto-slate/package.json b/packages/volto-slate/package.json
index 8eadc11fee..1d4311f244 100644
--- a/packages/volto-slate/package.json
+++ b/packages/volto-slate/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@plone/volto-slate",
-  "version": "18.0.0-alpha.7",
+  "version": "18.0.0-alpha.9",
   "description": "Slate.js integration with Volto",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -21,9 +21,9 @@
     "image-extensions": "1.1.0",
     "is-url": "1.2.4",
     "jsdom": "^16.6.0",
-    "react": "17.0.2",
+    "react": "18.2.0",
     "react-intersection-observer": "9.1.0",
-    "react-dom": "17.0.2",
+    "react-dom": "18.2.0",
     "slate": "0.100.0",
     "slate-history": "0.100.0",
     "slate-hyperscript": "0.100.0",
diff --git a/packages/volto-slate/src/blocks/Table/TableBlockView.jsx b/packages/volto-slate/src/blocks/Table/TableBlockView.jsx
index 8ea9c210aa..4e10c84dcc 100644
--- a/packages/volto-slate/src/blocks/Table/TableBlockView.jsx
+++ b/packages/volto-slate/src/blocks/Table/TableBlockView.jsx
@@ -101,8 +101,8 @@ const View = ({ data }) => {
                           state.column !== index
                             ? 'ascending'
                             : state.direction === 'ascending'
-                            ? 'descending'
-                            : 'ascending',
+                              ? 'descending'
+                              : 'ascending',
                       });
                     }}
                   >
diff --git a/packages/volto-slate/src/blocks/Text/PluginSidebar.jsx b/packages/volto-slate/src/blocks/Text/PluginSidebar.jsx
index 3858e9448f..a5a3185a05 100644
--- a/packages/volto-slate/src/blocks/Text/PluginSidebar.jsx
+++ b/packages/volto-slate/src/blocks/Text/PluginSidebar.jsx
@@ -1,16 +1,15 @@
 import React from 'react';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 
 const PluginSidebar = ({ children, selected }) => {
   return (
     <>
-      {selected && (
-        <Portal
-          node={__CLIENT__ && document.getElementById('slate-plugin-sidebar')}
-        >
-          {children}
-        </Portal>
-      )}
+      {selected &&
+        __CLIENT__ &&
+        createPortal(
+          <>{children}</>,
+          document.getElementById('slate-plugin-sidebar'),
+        )}
     </>
   );
 };
diff --git a/packages/volto-slate/src/blocks/Text/SlashMenu.jsx b/packages/volto-slate/src/blocks/Text/SlashMenu.jsx
index de312e3d89..6fd5ed2f30 100644
--- a/packages/volto-slate/src/blocks/Text/SlashMenu.jsx
+++ b/packages/volto-slate/src/blocks/Text/SlashMenu.jsx
@@ -122,8 +122,8 @@ const PersistentSlashMenu = ({ editor }) => {
         hasAllowedBlocks
           ? allowedBlocks.includes(item.id)
           : typeof item.restricted === 'function'
-          ? !item.restricted({ properties, block: item })
-          : !item.restricted,
+            ? !item.restricted({ properties, block: item })
+            : !item.restricted,
       )
         .filter((block) => Boolean(block.title && block.id))
         .filter((block) => {
diff --git a/packages/volto-slate/src/blocks/Text/extensions/breakList.js b/packages/volto-slate/src/blocks/Text/extensions/breakList.js
index c02e74ec13..b4117a0d8b 100644
--- a/packages/volto-slate/src/blocks/Text/extensions/breakList.js
+++ b/packages/volto-slate/src/blocks/Text/extensions/breakList.js
@@ -77,8 +77,8 @@ export const breakList = (editor) => {
     Editor.deleteBackward(editor, { unit: 'line' });
     // also account for empty nodes [{text: ''}]
     if (Editor.isEmpty(editor, parent)) {
-      Transforms.removeNodes(editor, { at: ref.current });
       createAndSelectNewBlockAfter(editor, [createEmptyParagraph()]);
+      Transforms.removeNodes(editor, { at: ref.current });
       return true;
     }
 
diff --git a/packages/volto-slate/src/blocks/Text/extensions/insertBreak.js b/packages/volto-slate/src/blocks/Text/extensions/insertBreak.js
index 258aa7d382..d767c30ab6 100644
--- a/packages/volto-slate/src/blocks/Text/extensions/insertBreak.js
+++ b/packages/volto-slate/src/blocks/Text/extensions/insertBreak.js
@@ -42,9 +42,9 @@ export const withSplitBlocksOnBreak = (editor) => {
         // deconstructToVoltoBlocks
         ReactDOM.unstable_batchedUpdates(() => {
           const [top, bottom] = splitEditorInTwoFragments(editor);
-          setEditorContent(editor, top);
           // ReactEditor.blur(editor);
           createAndSelectNewBlockAfter(editor, bottom);
+          setEditorContent(editor, top);
         });
       }
       return;
diff --git a/packages/volto-slate/src/blocks/Text/index.js b/packages/volto-slate/src/blocks/Text/index.js
index 562cc58341..37b93ecd02 100644
--- a/packages/volto-slate/src/blocks/Text/index.js
+++ b/packages/volto-slate/src/blocks/Text/index.js
@@ -128,8 +128,8 @@ export default function applyConfig(config) {
       return override_toc && level
         ? [parseInt(level.slice(1)), entry_text]
         : config.settings.slate.topLevelTargetElements.includes(type)
-        ? [parseInt(type.slice(1)), plaintext]
-        : null;
+          ? [parseInt(type.slice(1)), plaintext]
+          : null;
     },
   };
 
diff --git a/packages/volto-slate/src/blocks/Text/keyboard/indentListItems.js b/packages/volto-slate/src/blocks/Text/keyboard/indentListItems.js
index 7a17ecd26f..4f9f81cba2 100644
--- a/packages/volto-slate/src/blocks/Text/keyboard/indentListItems.js
+++ b/packages/volto-slate/src/blocks/Text/keyboard/indentListItems.js
@@ -55,8 +55,8 @@ export function indentListItems({ editor, event }) {
         ? decreaseMultipleItemsDepth(editor, event)
         : decreaseItemDepth(editor, event)
       : event.ctrlKey
-      ? increaseMultipleItemDepth(editor, event)
-      : increaseItemDepth(editor, event);
+        ? increaseMultipleItemDepth(editor, event)
+        : increaseItemDepth(editor, event);
   }
 }
 
diff --git a/packages/volto-slate/src/editor/SlateEditor.jsx b/packages/volto-slate/src/editor/SlateEditor.jsx
index d59e8b3f4a..fe8457b191 100644
--- a/packages/volto-slate/src/editor/SlateEditor.jsx
+++ b/packages/volto-slate/src/editor/SlateEditor.jsx
@@ -166,7 +166,14 @@ class SlateEditor extends Component {
         ReactEditor.focus(editor);
         Transforms.select(editor, selection);
       } else {
-        Transforms.select(editor, Editor.end(editor, []));
+        try {
+          Transforms.select(editor, Editor.end(editor, []));
+        } catch (error) {
+          // Weird error only happening in Cypress
+          // Adding a try/catch
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
       }
 
       this.setState({
diff --git a/packages/volto-slate/src/editor/ui/PositionedToolbar.jsx b/packages/volto-slate/src/editor/ui/PositionedToolbar.jsx
index 93ab6d27d2..1ea7ab68ce 100644
--- a/packages/volto-slate/src/editor/ui/PositionedToolbar.jsx
+++ b/packages/volto-slate/src/editor/ui/PositionedToolbar.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 
 import BasicToolbar from './BasicToolbar';
 
@@ -20,12 +20,11 @@ const PositionedToolbar = ({ toggleButton, className, children, position }) => {
     el.style.left = left;
   });
 
-  return (
-    <Portal>
-      <BasicToolbar className={`slate-inline-toolbar ${className}`} ref={ref}>
-        {children}
-      </BasicToolbar>
-    </Portal>
+  return createPortal(
+    <BasicToolbar className={`slate-inline-toolbar ${className}`} ref={ref}>
+      {children}
+    </BasicToolbar>,
+    document.body,
   );
 };
 
diff --git a/packages/volto-slate/src/editor/ui/Toolbar.jsx b/packages/volto-slate/src/editor/ui/Toolbar.jsx
index 2d7406e12f..4e7afc51de 100644
--- a/packages/volto-slate/src/editor/ui/Toolbar.jsx
+++ b/packages/volto-slate/src/editor/ui/Toolbar.jsx
@@ -1,11 +1,11 @@
 import cx from 'classnames';
 import React, { useRef, useEffect } from 'react';
-import { Portal } from 'react-portal';
 import { useSlate } from 'slate-react';
 import Separator from './Separator';
 import BasicToolbar from './BasicToolbar';
 import { Editor, Node } from 'slate';
 import { ReactEditor } from 'slate-react';
+import { createPortal } from 'react-dom';
 
 const Toolbar = ({
   elementType,
@@ -82,21 +82,20 @@ const Toolbar = ({
     )}px`;
   });
 
-  return (
-    <Portal>
-      <BasicToolbar
-        className={cx('slate-inline-toolbar', { [className]: className })}
-        ref={ref}
-      >
-        {children}
-        {enableExpando && toggleButton && (
-          <>
-            <Separator />
-            {toggleButton}
-          </>
-        )}
-      </BasicToolbar>
-    </Portal>
+  return createPortal(
+    <BasicToolbar
+      className={cx('slate-inline-toolbar', { [className]: className })}
+      ref={ref}
+    >
+      {children}
+      {enableExpando && toggleButton && (
+        <>
+          <Separator />
+          {toggleButton}
+        </>
+      )}
+    </BasicToolbar>,
+    document.body,
   );
 };
 
diff --git a/packages/volto/CHANGELOG.md b/packages/volto/CHANGELOG.md
index b148fe9e5c..1273a7286f 100644
--- a/packages/volto/CHANGELOG.md
+++ b/packages/volto/CHANGELOG.md
@@ -17,6 +17,50 @@ myst:
 
 <!-- towncrier release notes start -->
 
+## 18.0.0-alpha.16 (2024-03-02)
+
+### Internal
+
+- Update dependencies
+  Fix prettier due to new version @sneridagh [#5815](https://github.com/plone/volto/issues/5815)
+
+### Documentation
+
+- Linkcheck thinks `README.md` is `http://README.md`. Bad linkcheck, no more 🍺 for you. @stevepiercy [#5816](https://github.com/plone/volto/issues/5816)
+
+## 18.0.0-alpha.15 (2024-03-01)
+
+### Breaking
+
+- Upgrade Volto core to use React 18.2.0 @sneridagh [#3221](https://github.com/plone/volto/issues/3221)
+
+## 18.0.0-alpha.14 (2024-03-01)
+
+### Breaking
+
+- Improved accessibility of logo component. @Molochem [#5776](https://github.com/plone/volto/issues/5776)
+
+### Feature
+
+- Support for slots @sneridagh [#5775](https://github.com/plone/volto/issues/5775)
+
+### Bugfix
+
+- Fixed toolbar menus not closing when clicking again on the toolbar buttons that show menus. @ichim-david
+  Add focus-visible rule to toolbar buttons so that it's visible to the user what button is focused when using tab navigation @ichim-david [#5645](https://github.com/plone/volto/issues/5645)
+- Enhance findBlocks to check for blocks also in data for add-ons such as @eeacms/volto-tabs-block. @ichim-david [#5796](https://github.com/plone/volto/issues/5796)
+- Fixed ArrayWidget sorting items. @giuliaghisini [#5805](https://github.com/plone/volto/issues/5805)
+
+### Internal
+
+- New types declarations with @types/react@18 - make tsc happy @sneridagh [#5814](https://github.com/plone/volto/issues/5814)
+
+### Documentation
+
+- Added Release Management Notes. @sneridagh @stevepiercy [#5358](https://github.com/plone/volto/issues/5358)
+- Delete redundant `developing-a-project.md`. @stevepiercy [#5675](https://github.com/plone/volto/issues/5675)
+- Removed Memori and TwinCreator websites from README.md no longer made using Volto and giving 404 error. @ichim-david [#5802](https://github.com/plone/volto/issues/5802)
+
 ## 18.0.0-alpha.13 (2024-02-22)
 
 ### Bugfix
diff --git a/packages/volto/Makefile b/packages/volto/Makefile
index fbb5a192fe..37a3b274ea 100644
--- a/packages/volto/Makefile
+++ b/packages/volto/Makefile
@@ -67,7 +67,10 @@ cypress-install:
 
 .PHONY: build-deps
 build-deps:
-	if [ ! -d $$(pwd)/../registry/dist ]; then (cd ../../ && pnpm build:deps); fi
+	@if [ ! -d $$(pwd)/../registry/dist ] || [ $$(find $$(pwd)/../registry -newer $$(pwd)/../registry/dist -print -quit) ]; then \
+		(cd ../../ && pnpm build:deps); \
+	fi
+
 
 ##### Release (it runs the one inside)
 
diff --git a/packages/volto/cypress/tests/core/basic/folder-contents.js b/packages/volto/cypress/tests/core/basic/folder-contents.js
index 71dcaf9306..6efb50fe7e 100644
--- a/packages/volto/cypress/tests/core/basic/folder-contents.js
+++ b/packages/volto/cypress/tests/core/basic/folder-contents.js
@@ -130,25 +130,23 @@ describe('Folder Contents Tests', () => {
   });
 
   it('Move items to top of folder and bottom of folder', () => {
+    cy.intercept('GET', `/**/@search*`).as('search');
+    cy.intercept('PATCH', `/**/my-folder`).as('reorder');
     // creating a Document
-    cy.createContent({
-      contentType: 'Document',
-      contentId: 'child',
-      contentTitle: 'My Child',
-      path: 'my-folder',
-    });
-
-    // doing copy paste for dummy data
-    cy.get('svg[class="icon unchecked"]').click();
-    cy.get('svg[class="icon copy"]').click();
     var genArr = Array.from({ length: 56 }, (v, k) => k + 1);
-    cy.wrap(genArr).each((index) => {
-      cy.get('svg[class="icon paste"]').click({ force: true });
+    genArr.forEach((item) => {
+      cy.createContent({
+        contentType: 'Document',
+        contentTitle: 'My Child',
+        path: 'my-folder',
+      });
     });
-    cy.wait(2000); // just for clearing of toast
 
     // after adding 56 page I need to add a final page to move around.
     // when I add a page
+    cy.visit('/my-folder');
+    cy.wait('@content');
+
     cy.get('#toolbar-add').click();
     cy.get('#toolbar-add-document').click();
     cy.getSlateTitle()
@@ -159,6 +157,7 @@ describe('Folder Contents Tests', () => {
 
     // then a new page has been created
     cy.get('#toolbar-save').click();
+    cy.wait('@content');
     cy.url().should(
       'eq',
       Cypress.config().baseUrl + '/my-folder/last-and-first-page',
@@ -171,7 +170,7 @@ describe('Folder Contents Tests', () => {
     ).click();
     cy.findByText('Move to top of folder').click();
     cy.url().should('eq', Cypress.config().baseUrl + '/my-folder/contents');
-    cy.wait(1000); // waiting for settling of odering or search return
+    cy.wait('@reorder');
 
     // Checking if move to top of folder works or not.
     cy.get('table tbody tr:first-child a span').findByText(
@@ -181,6 +180,7 @@ describe('Folder Contents Tests', () => {
       'tr[aria-label="/my-folder/last-and-first-page"] svg[class="icon dropdown-popup-trigger"]',
     ).click();
     cy.findByText('Move to bottom of folder').click();
+    cy.wait('@reorder');
 
     // Checking whether moving to bottom of folder works or not.
     cy.get('.contents-pagination .menu').findByText('2').click();
@@ -195,7 +195,8 @@ describe('Folder Contents Tests', () => {
     cy.get(
       'tr[aria-label="/my-folder/last-and-first-page"] svg[class="icon dropdown-popup-trigger"]',
     ).click();
-    // cy.intercept('GET', '/plone/++api++/my-folder/@search').as('getSearch'); // I don't know proper way to wait
+    cy.wait('@search');
+
     cy.findByText('Move to top of folder').click();
     cy.get('.search.item button').click();
 
@@ -207,6 +208,8 @@ describe('Folder Contents Tests', () => {
       'tr[aria-label="/my-folder/last-and-first-page"] svg[class="icon dropdown-popup-trigger"]',
     ).click();
     cy.findByText('Move to bottom of folder').click();
+    cy.wait('@reorder');
+
     cy.get('.contents-pagination .menu').findByText('2').click();
 
     // Checking whether moving to bottom of folder works or not.
diff --git a/packages/volto/cypress/tests/core/blocks/blocks-autofocus.js b/packages/volto/cypress/tests/core/blocks/blocks-autofocus.js
index fed851ad51..ef48d8f8bb 100644
--- a/packages/volto/cypress/tests/core/blocks/blocks-autofocus.js
+++ b/packages/volto/cypress/tests/core/blocks/blocks-autofocus.js
@@ -1,7 +1,7 @@
 describe('New Block Auto Focus Tests', () => {
   beforeEach(() => {
-    cy.intercept('GET', `/**/*?expand*`).as('content');
     cy.intercept('GET', '/**/my-page').as('content');
+    cy.intercept('GET', '/**/Document').as('schema');
     cy.intercept('PATCH', '*').as('save');
 
     // given a logged in editor and a page in edit mode
@@ -15,12 +15,17 @@ describe('New Block Auto Focus Tests', () => {
     cy.visit('/my-page');
     cy.wait('@content');
 
+    cy.wait(500);
+
     cy.navigate('/my-page/edit');
+    cy.wait('@schema');
   });
 
   it('Press Enter on a description block adds new autofocused default block', () => {
     cy.addNewBlock('description');
     cy.get('.documentDescription').first().click().type('{enter}');
+    cy.get('.block-editor-description + .block-editor-slate');
+    cy.wait(500);
     cy.get('*[class^="block-editor"]')
       .eq(2)
       .within(() => {
@@ -34,6 +39,8 @@ describe('New Block Auto Focus Tests', () => {
     cy.get('.blocks-chooser .title').contains('Text').click({ force: true });
     cy.get('.blocks-chooser .text').contains('Text').click({ force: true });
     cy.get('.text-slate-editor-inner').first().click().type('{enter}');
+    cy.wait(500);
+    cy.get('.block-editor-slate + .block-editor-slate');
     cy.get('*[class^="block-editor"]')
       .eq(2)
       .within(() => {
@@ -43,7 +50,15 @@ describe('New Block Auto Focus Tests', () => {
 
   it('Press Enter on a image block adds new autofocused default block', () => {
     cy.addNewBlock('image');
-    cy.get('.block-editor-image').first().click().type('{enter}');
+    // Timing issues ahead :(
+    cy.get('.block-editor-image .no-image-wrapper img')
+      .should('be.visible')
+      .and(($img) => {
+        // "naturalWidth" and "naturalHeight" are set when the image loads
+        expect($img[0].naturalWidth).to.be.greaterThan(0);
+      });
+    cy.get('.block-editor-image').wait(500).click('topLeft').type('{enter}');
+    cy.wait(500);
     cy.get('*[class^="block-editor"]')
       .eq(2)
       .within(() => {
@@ -53,7 +68,15 @@ describe('New Block Auto Focus Tests', () => {
 
   it('Press Enter on a video block adds new autofocused default block', () => {
     cy.addNewBlock('video');
+    cy.get('.block-editor-video .message img')
+      .should('be.visible')
+      .and(($img) => {
+        // "naturalWidth" and "naturalHeight" are set when the image loads
+        expect($img[0].naturalWidth).to.be.greaterThan(0);
+      });
     cy.get('.block-editor-video').first().click().type('{enter}');
+    cy.get('.block-editor-slate + .block-editor-slate');
+    cy.wait(500);
     cy.get('*[class^="block-editor"]')
       .eq(2)
       .within(() => {
@@ -64,6 +87,7 @@ describe('New Block Auto Focus Tests', () => {
   it('Press Enter on a listing block adds new autofocused default block', () => {
     cy.addNewBlock('listing');
     cy.get('.block-editor-listing').first().click().type('{enter}');
+    cy.wait(500);
     cy.get('*[class^="block-editor"]')
       .eq(2)
       .within(() => {
@@ -74,6 +98,7 @@ describe('New Block Auto Focus Tests', () => {
   it('Press Enter on a table of contents block adds new autofocused default block', () => {
     cy.addNewBlock('contents');
     cy.get('.block-editor-toc').first().click().type('{enter}');
+    cy.wait(500);
     cy.get('*[class^="block-editor"]')
       .eq(2)
       .within(() => {
@@ -83,7 +108,14 @@ describe('New Block Auto Focus Tests', () => {
 
   it('Press Enter on a maps block adds new autofocused default block', () => {
     cy.addNewBlock('maps');
+    cy.get('.block-editor-maps .message img')
+      .should('be.visible')
+      .and(($img) => {
+        // "naturalWidth" and "naturalHeight" are set when the image loads
+        expect($img[0].naturalWidth).to.be.greaterThan(0);
+      });
     cy.get('.block-editor-maps').first().click().type('{enter}');
+    cy.wait(500);
     cy.get('*[class^="block-editor"]')
       .eq(2)
       .within(() => {
@@ -94,6 +126,7 @@ describe('New Block Auto Focus Tests', () => {
   it('Press Enter on a html block adds new autofocused default block', () => {
     cy.addNewBlock('html');
     cy.get('.block-editor-html').first().click().type('{enter}');
+    cy.wait(500);
     cy.get('*[class^="block-editor"]')
       .eq(2)
       .within(() => {
@@ -104,6 +137,7 @@ describe('New Block Auto Focus Tests', () => {
   it('Press Enter on a search block adds new autofocused default block', () => {
     cy.addNewBlock('search');
     cy.get('.block-editor-search').first().click().type('{enter}');
+    cy.wait(500);
     cy.get('*[class^="block-editor"]')
       .eq(2)
       .within(() => {
diff --git a/packages/volto/cypress/tests/core/blocks/blocks-image.js b/packages/volto/cypress/tests/core/blocks/blocks-image.js
index e96bb1dd21..9b76682372 100644
--- a/packages/volto/cypress/tests/core/blocks/blocks-image.js
+++ b/packages/volto/cypress/tests/core/blocks/blocks-image.js
@@ -15,6 +15,8 @@ describe('Blocks Tests', () => {
     cy.visit('/my-page');
     cy.wait('@content');
 
+    cy.wait(500);
+
     cy.navigate('/my-page/edit');
     cy.wait('@schema');
   });
@@ -156,7 +158,7 @@ describe('Blocks Tests', () => {
       });
   });
 
-  it('Create an image block and initially alt attr is empty', () => {
+  it.only('Create an image block and initially alt attr is empty', () => {
     // when I add an image block via upload
     cy.get('.content-area .slate-editor [contenteditable=true]', {
       timeout: 10000,
diff --git a/packages/volto/cypress/tests/core/blocks/listing/blocks-listing.js b/packages/volto/cypress/tests/core/blocks/listing/blocks-listing.js
index cc4f5e13d8..ab7c82bfcf 100644
--- a/packages/volto/cypress/tests/core/blocks/listing/blocks-listing.js
+++ b/packages/volto/cypress/tests/core/blocks/listing/blocks-listing.js
@@ -445,7 +445,9 @@ describe('Listing Block Tests', () => {
 
     //add listing block
     cy.scrollTo('bottom');
-    cy.addNewBlock('listing', true);
+    cy.getSlate().click();
+    cy.get('.ui.basic.icon.button.block-add-button').click();
+    cy.get('.ui.basic.icon.button.listing').contains('Listing').click();
 
     //********  add Page Type criteria filter
     cy.configureListingWith('Page');
diff --git a/packages/volto/cypress/tests/core/controlpanels/dexterity-controlpanel-layout.js b/packages/volto/cypress/tests/core/controlpanels/dexterity-controlpanel-layout.js
index 35a24d1b65..20b1a097e6 100644
--- a/packages/volto/cypress/tests/core/controlpanels/dexterity-controlpanel-layout.js
+++ b/packages/volto/cypress/tests/core/controlpanels/dexterity-controlpanel-layout.js
@@ -21,7 +21,7 @@ describe('ControlPanel: Dexterity Content-Types Layout', () => {
       'Book',
     );
 
-    cy.visit('/controlpanel/dexterity-types/book/layout');
+    cy.navigate('/controlpanel/dexterity-types/book/layout');
     cy.get('#page-controlpanel-layout').contains(
       'Can not edit Layout for Book',
     );
diff --git a/packages/volto/cypress/tests/coresandbox/slots.js b/packages/volto/cypress/tests/coresandbox/slots.js
new file mode 100644
index 0000000000..4d8abe6e48
--- /dev/null
+++ b/packages/volto/cypress/tests/coresandbox/slots.js
@@ -0,0 +1,43 @@
+context('Slots', () => {
+  describe('Block Default View / Edit', () => {
+    beforeEach(() => {
+      cy.intercept('GET', `/**/*?expand*`).as('content');
+      cy.intercept('GET', '/**/Document').as('schema');
+      // given a logged in editor and a page in edit mode
+      cy.autologin();
+      cy.createContent({
+        contentType: 'Document',
+        contentId: 'document',
+        contentTitle: 'Test document',
+      });
+      cy.createContent({
+        contentType: 'Document',
+        contentId: 'hello',
+        contentTitle: 'Test document Hello',
+      });
+
+      cy.visit('/');
+      cy.wait('@content');
+    });
+
+    it('[ContentTypeCondition(["Document"]), RouteCondition("/hello")] only renders when the predicates are true', function () {
+      cy.get('body').should(
+        'not.include.text',
+        'This is a test slot component',
+      );
+
+      cy.navigate('/document');
+      cy.wait('@content');
+
+      cy.get('body').should(
+        'not.include.text',
+        'This is a test slot component',
+      );
+
+      cy.navigate('/hello');
+      cy.wait('@content');
+
+      cy.get('body').should('include.text', 'This is a test slot component');
+    });
+  });
+});
diff --git a/packages/volto/jest-setup-afterenv.js b/packages/volto/jest-setup-afterenv.js
new file mode 100644
index 0000000000..8c79262657
--- /dev/null
+++ b/packages/volto/jest-setup-afterenv.js
@@ -0,0 +1,2 @@
+// Jest-crap setup after env T_T
+import '@testing-library/jest-dom';
diff --git a/packages/volto/locales/ca/LC_MESSAGES/volto.po b/packages/volto/locales/ca/LC_MESSAGES/volto.po
index 124ebbcd01..517af40068 100644
--- a/packages/volto/locales/ca/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/ca/LC_MESSAGES/volto.po
@@ -3656,6 +3656,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/de/LC_MESSAGES/volto.po b/packages/volto/locales/de/LC_MESSAGES/volto.po
index 6011f4fed2..daebb01e75 100644
--- a/packages/volto/locales/de/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/de/LC_MESSAGES/volto.po
@@ -3655,6 +3655,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/en/LC_MESSAGES/volto.po b/packages/volto/locales/en/LC_MESSAGES/volto.po
index 19b258fecb..d54686ff84 100644
--- a/packages/volto/locales/en/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/en/LC_MESSAGES/volto.po
@@ -3650,6 +3650,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/es/LC_MESSAGES/volto.po b/packages/volto/locales/es/LC_MESSAGES/volto.po
index f9f065a686..0a9b7f60cd 100644
--- a/packages/volto/locales/es/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/es/LC_MESSAGES/volto.po
@@ -3657,6 +3657,12 @@ msgstr "No hay grupos con los criterios buscados."
 msgid "There are no users with the searched criteria"
 msgstr "No hay usuarios con los criterios buscados"
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/eu/LC_MESSAGES/volto.po b/packages/volto/locales/eu/LC_MESSAGES/volto.po
index 7064a7b56c..2afcc9f192 100644
--- a/packages/volto/locales/eu/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/eu/LC_MESSAGES/volto.po
@@ -3657,6 +3657,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/fi/LC_MESSAGES/volto.po b/packages/volto/locales/fi/LC_MESSAGES/volto.po
index 03b2780a8c..ff5107a887 100644
--- a/packages/volto/locales/fi/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/fi/LC_MESSAGES/volto.po
@@ -3655,6 +3655,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/fr/LC_MESSAGES/volto.po b/packages/volto/locales/fr/LC_MESSAGES/volto.po
index 79c1ee9372..fd79824475 100644
--- a/packages/volto/locales/fr/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/fr/LC_MESSAGES/volto.po
@@ -3657,6 +3657,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/it/LC_MESSAGES/volto.po b/packages/volto/locales/it/LC_MESSAGES/volto.po
index ee27a0e94c..6353bffafb 100644
--- a/packages/volto/locales/it/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/it/LC_MESSAGES/volto.po
@@ -3650,6 +3650,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/ja/LC_MESSAGES/volto.po b/packages/volto/locales/ja/LC_MESSAGES/volto.po
index 23c0849a3c..200948bd4a 100644
--- a/packages/volto/locales/ja/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/ja/LC_MESSAGES/volto.po
@@ -3655,6 +3655,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/nl/LC_MESSAGES/volto.po b/packages/volto/locales/nl/LC_MESSAGES/volto.po
index fe21ea8d91..e5bb5478f5 100644
--- a/packages/volto/locales/nl/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/nl/LC_MESSAGES/volto.po
@@ -3654,6 +3654,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/pt/LC_MESSAGES/volto.po b/packages/volto/locales/pt/LC_MESSAGES/volto.po
index c341c5f237..2239501dc2 100644
--- a/packages/volto/locales/pt/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/pt/LC_MESSAGES/volto.po
@@ -3655,6 +3655,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/pt_BR/LC_MESSAGES/volto.po b/packages/volto/locales/pt_BR/LC_MESSAGES/volto.po
index 663e5e5ab4..fb355baa90 100644
--- a/packages/volto/locales/pt_BR/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/pt_BR/LC_MESSAGES/volto.po
@@ -3656,6 +3656,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr "Existem alguns erros."
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/ro/LC_MESSAGES/volto.po b/packages/volto/locales/ro/LC_MESSAGES/volto.po
index 2c75e1aa99..0f5512ad88 100644
--- a/packages/volto/locales/ro/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/ro/LC_MESSAGES/volto.po
@@ -3650,6 +3650,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/volto.pot b/packages/volto/locales/volto.pot
index 414d63d872..2791c609c7 100644
--- a/packages/volto/locales/volto.pot
+++ b/packages/volto/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-02-26T09:23:35.781Z\n"
+"POT-Creation-Date: 2024-02-26T19:56:41.001Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -3652,6 +3652,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/locales/zh_CN/LC_MESSAGES/volto.po b/packages/volto/locales/zh_CN/LC_MESSAGES/volto.po
index 105ead2efc..eb6b8a7ade 100644
--- a/packages/volto/locales/zh_CN/LC_MESSAGES/volto.po
+++ b/packages/volto/locales/zh_CN/LC_MESSAGES/volto.po
@@ -3656,6 +3656,12 @@ msgstr ""
 msgid "There are no users with the searched criteria"
 msgstr ""
 
+#. Default: "There are some errors."
+#: components/manage/Add/Add
+#: components/manage/Edit/Edit
+msgid "There are some errors."
+msgstr ""
+
 #. Default: "There is a configuration problem on the backend"
 #: components/theme/CorsError/CorsError
 msgid "There is a configuration problem on the backend"
diff --git a/packages/volto/news/1868.bugfix b/packages/volto/news/1868.bugfix
new file mode 100644
index 0000000000..f807b6ba1f
--- /dev/null
+++ b/packages/volto/news/1868.bugfix
@@ -0,0 +1 @@
+Show validation error message as string instead of list. @wesleybl
diff --git a/packages/volto/news/5358.documentation b/packages/volto/news/5358.documentation
deleted file mode 100644
index c954effb8c..0000000000
--- a/packages/volto/news/5358.documentation
+++ /dev/null
@@ -1 +0,0 @@
-Added Release Management Notes. @sneridagh @stevepiercy
diff --git a/packages/volto/news/5645.bugfix b/packages/volto/news/5645.bugfix
deleted file mode 100644
index e7c1940261..0000000000
--- a/packages/volto/news/5645.bugfix
+++ /dev/null
@@ -1,2 +0,0 @@
-Fixed toolbar menus not closing when clicking again on the toolbar buttons that show menus. @ichim-david
-Add focus-visible rule to toolbar buttons so that it's visible to the user what button is focused when using tab navigation @ichim-david
\ No newline at end of file
diff --git a/packages/volto/news/5776.breaking b/packages/volto/news/5776.breaking
deleted file mode 100644
index 0c25069810..0000000000
--- a/packages/volto/news/5776.breaking
+++ /dev/null
@@ -1 +0,0 @@
-Improved accessibility of logo component. @Molochem
\ No newline at end of file
diff --git a/packages/volto/news/5796.bugfix b/packages/volto/news/5796.bugfix
deleted file mode 100644
index e5975989d2..0000000000
--- a/packages/volto/news/5796.bugfix
+++ /dev/null
@@ -1 +0,0 @@
-Enhance findBlocks to check for blocks also in data for add-ons such as @eeacms/volto-tabs-block. @ichim-david
\ No newline at end of file
diff --git a/packages/volto/news/5802.documentation b/packages/volto/news/5802.documentation
deleted file mode 100644
index 8d3c2f16d3..0000000000
--- a/packages/volto/news/5802.documentation
+++ /dev/null
@@ -1 +0,0 @@
-Removed Memori and TwinCreator websites from README.md no longer made using Volto and giving 404 error. @ichim-david
\ No newline at end of file
diff --git a/packages/volto/news/5805.bugfix b/packages/volto/news/5805.bugfix
deleted file mode 100644
index 68088432fd..0000000000
--- a/packages/volto/news/5805.bugfix
+++ /dev/null
@@ -1 +0,0 @@
-Fixed ArrayWidget sorting items. @giuliaghisini
diff --git a/packages/volto/news/5825.bugfix b/packages/volto/news/5825.bugfix
new file mode 100644
index 0000000000..844a5247b8
--- /dev/null
+++ b/packages/volto/news/5825.bugfix
@@ -0,0 +1 @@
+Modified build-deps make command to check if registry files are newer than dist to force rebuild. @ichim-david
\ No newline at end of file
diff --git a/packages/volto/package.json b/packages/volto/package.json
index c202aaf0c6..0b1d9e518b 100644
--- a/packages/volto/package.json
+++ b/packages/volto/package.json
@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "18.0.0-alpha.13",
+  "version": "18.0.0-alpha.16",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -110,6 +110,9 @@
       "./test-setup-config.js"
     ],
     "globalSetup": "./global-test-setup.js",
+    "setupFilesAfterEnv": [
+      "<rootDir>/jest-setup-afterenv.js"
+    ],
     "globals": {
       "__DEV__": true
     },
@@ -189,6 +192,9 @@
     "@plone/registry": "workspace:*",
     "@plone/scripts": "workspace:*",
     "@plone/volto-slate": "workspace:*",
+    "@redux-devtools/extension": "^3.3.0",
+    "@types/react": "^18.2.57",
+    "@types/react-dom": "^18.2.19",
     "autoprefixer": "10.4.8",
     "axe-core": "4.4.2",
     "babel-plugin-add-module-exports": "0.2.1",
@@ -217,13 +223,13 @@
     "draft-js-plugins-utils": "2.0.3",
     "draftjs-filters": "2.3.0",
     "eslint": "8.49.0",
-    "eslint-config-prettier": "9.0.0",
+    "eslint-config-prettier": "9.1.0",
     "eslint-config-react-app": "7.0.1",
     "eslint-import-resolver-alias": "1.1.2",
     "eslint-import-resolver-babel-plugin-root-import": "1.1.1",
-    "eslint-plugin-import": "2.28.1",
+    "eslint-plugin-import": "2.29.1",
     "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "express": "4.17.3",
@@ -263,7 +269,7 @@
     "postcss-overrides": "3.1.4",
     "postcss-scss": "4.0.6",
     "prepend-http": "2",
-    "prettier": "3.0.3",
+    "prettier": "3.2.5",
     "pretty-bytes": "5.3.0",
     "prismjs": "1.27.0",
     "process": "^0.11.10",
@@ -274,7 +280,7 @@
     "razzle-dev-utils": "4.2.18",
     "razzle-plugin-scss": "4.2.18",
     "rc-time-picker": "3.7.3",
-    "react": "17.0.2",
+    "react": "18.2.0",
     "react-anchor-link-smooth-scroll": "1.0.12",
     "react-animate-height": "2.0.17",
     "react-beautiful-dnd": "13.0.0",
@@ -283,17 +289,16 @@
     "react-detect-click-outside": "1.1.1",
     "react-dnd": "5.0.0",
     "react-dnd-html5-backend": "5.0.1",
-    "react-dom": "17.0.2",
+    "react-dom": "18.2.0",
     "react-dropzone": "11.1.0",
     "react-fast-compare": "2.0.4",
     "react-image-gallery": "1.2.7",
     "react-intersection-observer": "9.1.0",
     "react-intl": "3.8.0",
-    "react-intl-redux": "2.2.0",
+    "react-intl-redux": "2.3.0",
     "react-medium-image-zoom": "3.0.15",
     "react-popper": "^2.3.0",
-    "react-portal": "4.2.1",
-    "react-redux": "7.2.4",
+    "react-redux": "8.1.2",
     "react-router": "5.2.0",
     "react-router-config": "5.1.1",
     "react-router-dom": "5.2.0",
@@ -301,21 +306,20 @@
     "react-select": "4.3.1",
     "react-select-async-paginate": "0.5.3",
     "react-share": "2.3.1",
-    "react-side-effect": "2.1.0",
+    "react-side-effect": "2.1.2",
     "react-simple-code-editor": "0.7.1",
     "react-sortable-hoc": "2.0.0",
-    "react-test-renderer": "17.0.2",
+    "react-test-renderer": "18.2.0",
     "react-toastify": "5.4.1",
     "react-transition-group": "4.4.5",
     "react-virtualized": "9.22.3",
     "redraft": "0.10.2",
-    "redux": "4.1.0",
-    "redux-actions": "2.6.5",
+    "redux": "4.2.1",
+    "redux-actions": "3.0.0",
     "redux-connect": "10.0.0",
-    "redux-devtools-extension": "2.13.8",
-    "redux-localstorage-simple": "2.3.1",
+    "redux-localstorage-simple": "2.5.1",
     "redux-mock-store": "1.5.4",
-    "redux-thunk": "2.3.0",
+    "redux-thunk": "2.4.2",
     "rrule": "2.7.1",
     "semantic-ui-less": "2.4.1",
     "semantic-ui-react": "2.1.5",
@@ -325,9 +329,9 @@
     "slate-react": "0.98.4",
     "start-server-and-test": "1.14.0",
     "style-loader": "3.3.1",
-    "stylelint": "15.10.3",
-    "stylelint-config-idiomatic-order": "9.0.0",
-    "stylelint-prettier": "4.0.2",
+    "stylelint": "16.2.1",
+    "stylelint-config-idiomatic-order": "10.0.0",
+    "stylelint-prettier": "5.0.0",
     "superagent": "3.8.2",
     "svg-loader": "0.0.2",
     "svgo-loader": "3.0.3",
@@ -343,8 +347,7 @@
     "webpack-bundle-analyzer": "4.10.1",
     "webpack-dev-server": "4.11.1",
     "webpack-node-externals": "3.0.0",
-    "xmlrpc": "1.3.2",
-    "yarnhook": "0.5.1"
+    "xmlrpc": "1.3.2"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
@@ -360,14 +363,15 @@
     "@storybook/manager-webpack5": "^6.5.15",
     "@storybook/react": "^6.5.15",
     "@testing-library/cypress": "9.0.0",
-    "@testing-library/jest-dom": "5.16.4",
-    "@testing-library/react": "12.1.5",
+    "@testing-library/jest-dom": "6.4.1",
+    "@testing-library/react": "14.2.0",
     "@testing-library/react-hooks": "8.0.1",
     "@types/jest": "^29.5.8",
     "@types/lodash": "^4.14.201",
-    "@types/react": "^17.0.52",
-    "@types/react-dom": "^17",
-    "@types/react-test-renderer": "18.0.1",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-test-renderer": "18.0.7",
     "@types/uuid": "^9.0.2",
     "@typescript-eslint/eslint-plugin": "6.7.0",
     "@typescript-eslint/parser": "6.7.0",
@@ -384,7 +388,7 @@
     "jsonwebtoken": "9.0.0",
     "react-docgen-typescript-plugin": "^1.0.5",
     "react-error-overlay": "6.0.9",
-    "react-is": "^16.13.1",
+    "react-is": "^18.2.0",
     "release-it": "^16.2.1",
     "semver": "^7.5.4",
     "tmp": "0.2.1",
diff --git a/packages/volto/src/components/index.js b/packages/volto/src/components/index.js
index 31f733f367..fc1196ee2b 100644
--- a/packages/volto/src/components/index.js
+++ b/packages/volto/src/components/index.js
@@ -64,8 +64,8 @@ export { default as FileView } from '@plone/volto/components/theme/View/FileView
 export { default as ImageView } from '@plone/volto/components/theme/View/ImageView';
 export { default as NewsItemView } from '@plone/volto/components/theme/View/NewsItemView';
 
-export const EventView = loadable(() =>
-  import('@plone/volto/components/theme/View/EventView'),
+export const EventView = loadable(
+  () => import('@plone/volto/components/theme/View/EventView'),
 );
 
 export { default as ListingView } from '@plone/volto/components/theme/View/ListingView';
@@ -152,13 +152,14 @@ export { default as FormFieldWrapper } from '@plone/volto/components/manage/Widg
 export { default as ArrayWidget } from '@plone/volto/components/manage/Widgets/ArrayWidget';
 export { default as CheckboxWidget } from '@plone/volto/components/manage/Widgets/CheckboxWidget';
 
-export const DatetimeWidget = loadable(() =>
-  import('@plone/volto/components/manage/Widgets/DatetimeWidget'),
+export const DatetimeWidget = loadable(
+  () => import('@plone/volto/components/manage/Widgets/DatetimeWidget'),
 );
-export const RecurrenceWidget = loadable(() =>
-  import(
-    '@plone/volto/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget'
-  ),
+export const RecurrenceWidget = loadable(
+  () =>
+    import(
+      '@plone/volto/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget'
+    ),
 );
 
 export { default as FileWidget } from '@plone/volto/components/manage/Widgets/FileWidget';
diff --git a/packages/volto/src/components/manage/Add/Add.jsx b/packages/volto/src/components/manage/Add/Add.jsx
index d1c14bee17..f5f187d9c5 100644
--- a/packages/volto/src/components/manage/Add/Add.jsx
+++ b/packages/volto/src/components/manage/Add/Add.jsx
@@ -11,7 +11,7 @@ import { compose } from 'redux';
 import { keys, isEmpty } from 'lodash';
 import { defineMessages, injectIntl } from 'react-intl';
 import { Button, Grid, Menu } from 'semantic-ui-react';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { v4 as uuid } from 'uuid';
 import qs from 'query-string';
 import { toast } from 'react-toastify';
@@ -39,6 +39,7 @@ import {
 } from '@plone/volto/helpers';
 
 import { preloadLazyLibs } from '@plone/volto/helpers/Loadable';
+import { tryParseJSON } from '@plone/volto/helpers';
 
 import config from '@plone/volto/registry';
 
@@ -66,6 +67,10 @@ const messages = defineMessages({
     id: 'Translate to {lang}',
     defaultMessage: 'Translate to {lang}',
   },
+  someErrors: {
+    id: 'There are some errors.',
+    defaultMessage: 'There are some errors.',
+  },
 });
 
 /**
@@ -168,13 +173,30 @@ class Add extends Component {
         new DOMParser().parseFromString(message, 'text/html')?.all[0]
           ?.textContent || message;
 
+      const errorsList = tryParseJSON(error);
+      let erroMessage;
+      if (Array.isArray(errorsList)) {
+        const invariantErrors = errorsList
+          .filter((errorItem) => !('field' in errorItem))
+          .map((errorItem) => errorItem['message']);
+        if (invariantErrors.length > 0) {
+          // Plone invariant validation message.
+          erroMessage = invariantErrors.join(' - ');
+        } else {
+          // Error in specific field.
+          erroMessage = this.props.intl.formatMessage(messages.someErrors);
+        }
+      } else {
+        erroMessage = error;
+      }
+
       this.setState({ error: error });
 
       toast.error(
         <Toast
           error
           title={this.props.intl.formatMessage(messages.error)}
-          content={`${nextProps.createRequest.error.status}:  ${error}`}
+          content={erroMessage}
         />,
       );
     }
@@ -366,8 +388,8 @@ class Add extends Component {
             }}
             global
           />
-          {this.state.isClient && (
-            <Portal node={document.getElementById('toolbar')}>
+          {this.state.isClient &&
+            createPortal(
               <Toolbar
                 pathname={this.props.pathname}
                 hideDefaultViewButtons
@@ -400,14 +422,12 @@ class Add extends Component {
                     </Button>
                   </>
                 }
-              />
-            </Portal>
-          )}
-          {visual && this.state.isClient && (
-            <Portal node={document.getElementById('sidebar')}>
-              <Sidebar />
-            </Portal>
-          )}
+              />,
+              document.getElementById('toolbar'),
+            )}
+          {visual &&
+            this.state.isClient &&
+            createPortal(<Sidebar />, document.getElementById('sidebar'))}
         </div>
       );
 
diff --git a/packages/volto/src/components/manage/Add/Add.test.jsx b/packages/volto/src/components/manage/Add/Add.test.jsx
index 2a1ee56192..4d6500e885 100644
--- a/packages/volto/src/components/manage/Add/Add.test.jsx
+++ b/packages/volto/src/components/manage/Add/Add.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import config from '@plone/volto/registry';
@@ -16,9 +16,8 @@ beforeAll(() => {
   config.settings.loadables = {};
 });
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 jest.mock('../Form/Form', () => jest.fn(() => <div className="Form" />));
 
 describe('Add', () => {
@@ -39,13 +38,12 @@ describe('Add', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <Add location={{ pathname: '/blog', search: { type: 'Document' } }} />
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+    expect(container).toMatchSnapshot();
   });
 
   it('renders an add component', () => {
@@ -67,13 +65,13 @@ describe('Add', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <Add location={{ pathname: '/blog', search: { type: 'Document' } }} />
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 
   it('renders an add component with schema', () => {
@@ -106,12 +104,12 @@ describe('Add', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <Add location={{ pathname: '/blog', search: { type: 'Document' } }} />
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Add/__snapshots__/Add.test.jsx.snap b/packages/volto/src/components/manage/Add/__snapshots__/Add.test.jsx.snap
index 00ad89f369..e0b4e6d306 100644
--- a/packages/volto/src/components/manage/Add/__snapshots__/Add.test.jsx.snap
+++ b/packages/volto/src/components/manage/Add/__snapshots__/Add.test.jsx.snap
@@ -1,7 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Add renders an add component 1`] = `<div />`;
+exports[`Add renders an add component 1`] = `
+<div>
+  <div />
+</div>
+`;
 
-exports[`Add renders an add component with schema 1`] = `<div />`;
+exports[`Add renders an add component with schema 1`] = `
+<div>
+  <div />
+</div>
+`;
 
-exports[`Add renders an empty add component 1`] = `<div />`;
+exports[`Add renders an empty add component 1`] = `
+<div>
+  <div />
+</div>
+`;
diff --git a/packages/volto/src/components/manage/Aliases/Aliases.jsx b/packages/volto/src/components/manage/Aliases/Aliases.jsx
index 7554a9f20f..15af7a0326 100644
--- a/packages/volto/src/components/manage/Aliases/Aliases.jsx
+++ b/packages/volto/src/components/manage/Aliases/Aliases.jsx
@@ -8,7 +8,7 @@ import { Helmet } from '@plone/volto/helpers';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import {
   Button,
   Checkbox,
@@ -317,8 +317,8 @@ class Aliases extends Component {
             </Segment>
           </Form>
         </Segment.Group>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -335,9 +335,9 @@ class Aliases extends Component {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     );
   }
diff --git a/packages/volto/src/components/manage/Aliases/Aliases.test.jsx b/packages/volto/src/components/manage/Aliases/Aliases.test.jsx
index 31350c8d94..3ded78f739 100644
--- a/packages/volto/src/components/manage/Aliases/Aliases.test.jsx
+++ b/packages/volto/src/components/manage/Aliases/Aliases.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
@@ -9,9 +9,8 @@ import Aliases from './Aliases';
 const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 jest.mock('../Toolbar/More', () => jest.fn(() => <div className="More" />));
 
 describe('Aliases', () => {
@@ -45,12 +44,13 @@ describe('Aliases', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <Aliases location={{ pathname: '/blog/aliases' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Aliases/__snapshots__/Aliases.test.jsx.snap b/packages/volto/src/components/manage/Aliases/__snapshots__/Aliases.test.jsx.snap
index 85b8d5c307..5bfa3e94a7 100644
--- a/packages/volto/src/components/manage/Aliases/__snapshots__/Aliases.test.jsx.snap
+++ b/packages/volto/src/components/manage/Aliases/__snapshots__/Aliases.test.jsx.snap
@@ -1,96 +1,97 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Aliases renders aliases object control 1`] = `
-<div
-  className="ui container"
-  id="aliases"
->
+<div>
   <div
-    className="ui raised segments"
+    class="ui container"
+    id="aliases"
   >
     <div
-      className="ui segment primary"
-    >
-      URL Management for 
-      <q>
-        Blog
-      </q>
-    </div>
-    <div
-      className="ui secondary segment"
-    >
-      Using this form, you can manage alternative urls for an item. This is an easy way to make an item available under two different URLs.
-    </div>
-    <form
-      className="ui form"
-      onSubmit={[Function]}
+      class="ui raised segments"
     >
       <div
-        className="ui segment"
+        class="ui segment primary"
+      >
+        URL Management for 
+        <q>
+          Blog
+        </q>
+      </div>
+      <div
+        class="ui secondary segment"
+      >
+        Using this form, you can manage alternative urls for an item. This is an easy way to make an item available under two different URLs.
+      </div>
+      <form
+        class="ui form"
       >
         <div
-          className="ui medium header"
-        >
-          Add a new alternative url
-        </div>
-        <p
-          className="help"
-        >
-          Enter the absolute path where the alternative url should exist. The path must start with '/'. Only urls that result in a 404 not found page will result in a redirect occurring.
-        </p>
-        <div
-          className="field"
+          class="ui segment"
         >
           <div
-            className="ui input"
+            class="ui medium header"
           >
-            <input
-              id="alternative-url-input"
-              name="alternative-url"
-              onChange={[Function]}
-              placeholder="/example"
-              type="text"
-              value=""
-            />
+            Add a new alternative url
           </div>
+          <p
+            class="help"
+          >
+            Enter the absolute path where the alternative url should exist. The path must start with '/'. Only urls that result in a 404 not found page will result in a redirect occurring.
+          </p>
+          <div
+            class="field"
+          >
+            <div
+              class="ui input"
+            >
+              <input
+                id="alternative-url-input"
+                name="alternative-url"
+                placeholder="/example"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <button
+            class="ui primary disabled button"
+            disabled=""
+            id="submit-alias"
+            tabindex="-1"
+          >
+            Add
+          </button>
         </div>
-        <button
-          className="ui primary disabled button"
-          disabled={true}
-          id="submit-alias"
-          onClick={[Function]}
-          tabIndex={-1}
-        >
-          Add
-        </button>
-      </div>
-    </form>
-    <form
-      className="ui form"
-      onSubmit={[Function]}
-    >
-      <div
-        className="ui segment"
+      </form>
+      <form
+        class="ui form"
       >
         <div
-          className="ui medium header"
+          class="ui segment"
         >
-          Existing alternative urls for this item
+          <div
+            class="ui medium header"
+          >
+            Existing alternative urls for this item
+          </div>
+          <button
+            class="ui primary disabled button"
+            disabled=""
+            id="remove-alias"
+            tabindex="-1"
+          >
+            Remove
+          </button>
         </div>
-        <button
-          className="ui primary disabled button"
-          disabled={true}
-          id="remove-alias"
-          onClick={[Function]}
-          tabIndex={-1}
-        >
-          Remove
-        </button>
-      </div>
-    </form>
+      </form>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/BlockChooser/BlockChooser.test.jsx b/packages/volto/src/components/manage/BlockChooser/BlockChooser.test.jsx
index 22fd5b5f48..447c20f61d 100644
--- a/packages/volto/src/components/manage/BlockChooser/BlockChooser.test.jsx
+++ b/packages/volto/src/components/manage/BlockChooser/BlockChooser.test.jsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import '@testing-library/jest-dom/extend-expect';
 import { render, screen } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import configureStore from 'redux-mock-store';
diff --git a/packages/volto/src/components/manage/BlockChooser/BlockChooserButton.jsx b/packages/volto/src/components/manage/BlockChooser/BlockChooserButton.jsx
index d52389492d..136b413b70 100644
--- a/packages/volto/src/components/manage/BlockChooser/BlockChooserButton.jsx
+++ b/packages/volto/src/components/manage/BlockChooser/BlockChooserButton.jsx
@@ -7,7 +7,7 @@ import config from '@plone/volto/registry';
 import { Button, Ref } from 'semantic-ui-react';
 import { defineMessages, useIntl } from 'react-intl';
 import { usePopper } from 'react-popper';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 
 const messages = defineMessages({
   addBlock: {
@@ -115,8 +115,8 @@ const BlockChooserButton = (props) => {
             />
           </Ref>
         )}
-      {addNewBlockOpened && (
-        <Portal node={document.getElementById('body')}>
+      {addNewBlockOpened &&
+        createPortal(
           <div
             ref={setPopperElement}
             style={styles.popper}
@@ -148,9 +148,9 @@ const BlockChooserButton = (props) => {
               navRoot={navRoot}
               contentType={contentType}
             />
-          </div>
-        </Portal>
-      )}
+          </div>,
+          document.body,
+        )}
     </>
   );
 };
diff --git a/packages/volto/src/components/manage/BlockChooser/BlockChooserSearch.test.jsx b/packages/volto/src/components/manage/BlockChooser/BlockChooserSearch.test.jsx
index 7176bdda06..2bc70ced70 100644
--- a/packages/volto/src/components/manage/BlockChooser/BlockChooserSearch.test.jsx
+++ b/packages/volto/src/components/manage/BlockChooser/BlockChooserSearch.test.jsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import '@testing-library/jest-dom/extend-expect';
 import { render } from '@testing-library/react';
 import BlockChooserSearch from './BlockChooserSearch';
 import { Provider } from 'react-intl-redux';
diff --git a/packages/volto/src/components/manage/BlockChooser/__snapshots__/BlockChooser.test.jsx.snap b/packages/volto/src/components/manage/BlockChooser/__snapshots__/BlockChooser.test.jsx.snap
index d61323c068..b0f6bc9a54 100644
--- a/packages/volto/src/components/manage/BlockChooser/__snapshots__/BlockChooser.test.jsx.snap
+++ b/packages/volto/src/components/manage/BlockChooser/__snapshots__/BlockChooser.test.jsx.snap
@@ -26,7 +26,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
             value=""
           />
         </div>
-        
       </div>
     </form>
     <div
@@ -70,7 +69,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Image
-                
               </button>
             </div>
             <div
@@ -84,7 +82,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Listing
-                
               </button>
             </div>
             <div
@@ -98,7 +95,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Video
-                
               </button>
             </div>
           </div>
@@ -142,7 +138,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Text
-                
               </button>
             </div>
           </div>
@@ -186,7 +181,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Image
-                
               </button>
             </div>
             <div
@@ -200,7 +194,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Lead Image Field
-                
               </button>
             </div>
             <div
@@ -214,7 +207,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Video
-                
               </button>
             </div>
           </div>
@@ -258,7 +250,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Listing
-                
               </button>
             </div>
             <div
@@ -272,7 +263,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Table of Contents
-                
               </button>
             </div>
             <div
@@ -286,7 +276,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Hero
-                
               </button>
             </div>
             <div
@@ -300,7 +289,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Maps
-                
               </button>
             </div>
             <div
@@ -314,7 +302,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 HTML
-                
               </button>
             </div>
             <div
@@ -328,7 +315,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Table
-                
               </button>
             </div>
           </div>
@@ -365,7 +351,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
             value=""
           />
         </div>
-        
       </div>
     </form>
     <div
@@ -409,7 +394,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Image
-                
               </button>
             </div>
             <div
@@ -423,7 +407,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Listing
-                
               </button>
             </div>
             <div
@@ -437,7 +420,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Video
-                
               </button>
             </div>
           </div>
@@ -481,7 +463,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Text
-                
               </button>
             </div>
           </div>
@@ -525,7 +506,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Image
-                
               </button>
             </div>
             <div
@@ -539,7 +519,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Lead Image Field
-                
               </button>
             </div>
             <div
@@ -553,7 +532,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Video
-                
               </button>
             </div>
           </div>
@@ -597,7 +575,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Listing
-                
               </button>
             </div>
             <div
@@ -611,7 +588,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Table of Contents
-                
               </button>
             </div>
             <div
@@ -625,7 +601,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Hero
-                
               </button>
             </div>
             <div
@@ -639,7 +614,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Maps
-                
               </button>
             </div>
             <div
@@ -653,7 +627,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 HTML
-                
               </button>
             </div>
             <div
@@ -667,7 +640,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
                   style="height: 36px; width: auto; fill: currentColor;"
                 />
                 Table
-                
               </button>
             </div>
           </div>
diff --git a/packages/volto/src/components/manage/Blocks/Block/Settings.test.jsx b/packages/volto/src/components/manage/Blocks/Block/Settings.test.jsx
index 57b7ea90ca..8cc2a7f301 100644
--- a/packages/volto/src/components/manage/Blocks/Block/Settings.test.jsx
+++ b/packages/volto/src/components/manage/Blocks/Block/Settings.test.jsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import Settings from './Settings';
 import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
 import configureStore from 'redux-mock-store';
 import config from '@plone/volto/registry';
 import { Provider } from 'react-intl-redux';
diff --git a/packages/volto/src/components/manage/Blocks/Container/NewBlockAddButton.jsx b/packages/volto/src/components/manage/Blocks/Container/NewBlockAddButton.jsx
index 89076a0560..713f518e22 100644
--- a/packages/volto/src/components/manage/Blocks/Container/NewBlockAddButton.jsx
+++ b/packages/volto/src/components/manage/Blocks/Container/NewBlockAddButton.jsx
@@ -5,7 +5,7 @@ import { BlockChooser, Icon } from '@plone/volto/components';
 import { useDetectClickOutside } from '@plone/volto/helpers';
 import addSVG from '@plone/volto/icons/add.svg';
 import { usePopper } from 'react-popper';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 
 const messages = defineMessages({
   addBlock: {
@@ -59,24 +59,25 @@ const NewBlockAddButton = (props) => {
           <Icon name={addSVG} className="circled" size="24px" />
         </Button>
       </Ref>
-      {isOpenMenu ? (
-        <Portal node={document.getElementById('body')}>
-          <div
-            ref={setPopperElement}
-            style={styles.popper}
-            {...attributes.popper}
-            className="container-chooser-wrapper"
-          >
-            <BlockChooser
-              onMutateBlock={onMutateBlock}
-              currentBlock={block}
-              showRestricted
-              blocksConfig={blocksConfig}
-              ref={blockChooserRef}
-            />
-          </div>
-        </Portal>
-      ) : null}
+      {isOpenMenu
+        ? createPortal(
+            <div
+              ref={setPopperElement}
+              style={styles.popper}
+              {...attributes.popper}
+              className="container-chooser-wrapper"
+            >
+              <BlockChooser
+                onMutateBlock={onMutateBlock}
+                currentBlock={block}
+                showRestricted
+                blocksConfig={blocksConfig}
+                ref={blockChooserRef}
+              />
+            </div>,
+            document.body,
+          )
+        : null}
     </>
   );
 };
diff --git a/packages/volto/src/components/manage/Blocks/Image/Edit.jsx b/packages/volto/src/components/manage/Blocks/Image/Edit.jsx
index 4e272d53f9..37d2c04be6 100644
--- a/packages/volto/src/components/manage/Blocks/Image/Edit.jsx
+++ b/packages/volto/src/components/manage/Blocks/Image/Edit.jsx
@@ -283,19 +283,19 @@ class Edit extends Component {
               data.image_scales
                 ? undefined
                 : isInternalURL(data.url)
-                ? // Backwards compat in the case that the block is storing the full server URL
-                  (() => {
-                    if (data.size === 'l')
+                  ? // Backwards compat in the case that the block is storing the full server URL
+                    (() => {
+                      if (data.size === 'l')
+                        return `${flattenToAppURL(data.url)}/@@images/image`;
+                      if (data.size === 'm')
+                        return `${flattenToAppURL(
+                          data.url,
+                        )}/@@images/image/preview`;
+                      if (data.size === 's')
+                        return `${flattenToAppURL(data.url)}/@@images/image/mini`;
                       return `${flattenToAppURL(data.url)}/@@images/image`;
-                    if (data.size === 'm')
-                      return `${flattenToAppURL(
-                        data.url,
-                      )}/@@images/image/preview`;
-                    if (data.size === 's')
-                      return `${flattenToAppURL(data.url)}/@@images/image/mini`;
-                    return `${flattenToAppURL(data.url)}/@@images/image`;
-                  })()
-                : data.url
+                    })()
+                  : data.url
             }
             sizes={config.blocks.blocksConfig.image.getSizes(data)}
             alt={data.alt || ''}
diff --git a/packages/volto/src/components/manage/Blocks/Image/ImageSidebar.jsx b/packages/volto/src/components/manage/Blocks/Image/ImageSidebar.jsx
index 02c18552a2..2df5c64190 100644
--- a/packages/volto/src/components/manage/Blocks/Image/ImageSidebar.jsx
+++ b/packages/volto/src/components/manage/Blocks/Image/ImageSidebar.jsx
@@ -61,9 +61,9 @@ const ImageSidebar = (props) => {
                 data.image_scales
                   ? undefined
                   : isInternalURL(data.url)
-                  ? // Backwards compat in the case that the block is storing the full server URL
-                    `${flattenToAppURL(data.url)}/@@images/image/preview`
-                  : data.url
+                    ? // Backwards compat in the case that the block is storing the full server URL
+                      `${flattenToAppURL(data.url)}/@@images/image/preview`
+                    : data.url
               }
               sizes="188px"
               alt={intl.formatMessage(messages.preview)}
diff --git a/packages/volto/src/components/manage/Blocks/Image/View.jsx b/packages/volto/src/components/manage/Blocks/Image/View.jsx
index 6d0964ca90..e84dc64c14 100644
--- a/packages/volto/src/components/manage/Blocks/Image/View.jsx
+++ b/packages/volto/src/components/manage/Blocks/Image/View.jsx
@@ -51,21 +51,21 @@ export const View = ({ className, data, detached, properties, style }) => {
                   data.image_scales
                     ? undefined
                     : isInternalURL(data.url)
-                    ? // Backwards compat in the case that the block is storing the full server URL
-                      (() => {
-                        if (data.size === 'l')
+                      ? // Backwards compat in the case that the block is storing the full server URL
+                        (() => {
+                          if (data.size === 'l')
+                            return `${flattenToAppURL(data.url)}/@@images/image`;
+                          if (data.size === 'm')
+                            return `${flattenToAppURL(
+                              data.url,
+                            )}/@@images/image/preview`;
+                          if (data.size === 's')
+                            return `${flattenToAppURL(
+                              data.url,
+                            )}/@@images/image/mini`;
                           return `${flattenToAppURL(data.url)}/@@images/image`;
-                        if (data.size === 'm')
-                          return `${flattenToAppURL(
-                            data.url,
-                          )}/@@images/image/preview`;
-                        if (data.size === 's')
-                          return `${flattenToAppURL(
-                            data.url,
-                          )}/@@images/image/mini`;
-                        return `${flattenToAppURL(data.url)}/@@images/image`;
-                      })()
-                    : data.url
+                        })()
+                      : data.url
                 }
                 sizes={config.blocks.blocksConfig.image.getSizes(data)}
                 alt={data.alt || ''}
diff --git a/packages/volto/src/components/manage/Blocks/Image/View.test.jsx b/packages/volto/src/components/manage/Blocks/Image/View.test.jsx
index fb073c2f21..81aac59bfd 100644
--- a/packages/volto/src/components/manage/Blocks/Image/View.test.jsx
+++ b/packages/volto/src/components/manage/Blocks/Image/View.test.jsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import '@testing-library/jest-dom/extend-expect';
 import { render } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
 import { Provider } from 'react-intl-redux';
diff --git a/packages/volto/src/components/manage/Blocks/Listing/withQuerystringResults.jsx b/packages/volto/src/components/manage/Blocks/Listing/withQuerystringResults.jsx
index 6dd025769b..08c7bdeb6b 100644
--- a/packages/volto/src/components/manage/Blocks/Listing/withQuerystringResults.jsx
+++ b/packages/volto/src/components/manage/Blocks/Listing/withQuerystringResults.jsx
@@ -67,19 +67,19 @@ export default function withQuerystringResults(WrappedComponent) {
     const totalPages = showAsFolderListing
       ? Math.ceil(content.items_total / b_size)
       : showAsQueryListing
-      ? Math.ceil(querystringResults[subrequestID].total / b_size)
-      : 0;
+        ? Math.ceil(querystringResults[subrequestID].total / b_size)
+        : 0;
 
     const prevBatch = showAsFolderListing
       ? content.batching?.prev
       : showAsQueryListing
-      ? querystringResults[subrequestID].batching?.prev
-      : null;
+        ? querystringResults[subrequestID].batching?.prev
+        : null;
     const nextBatch = showAsFolderListing
       ? content.batching?.next
       : showAsQueryListing
-      ? querystringResults[subrequestID].batching?.next
-      : null;
+        ? querystringResults[subrequestID].batching?.next
+        : null;
 
     const isImageGallery =
       (!data.variation && data.template === 'imageGallery') ||
diff --git a/packages/volto/src/components/manage/Blocks/Search/SelectStyling.jsx b/packages/volto/src/components/manage/Blocks/Search/SelectStyling.jsx
index 7aa2153c05..ec9d37e738 100644
--- a/packages/volto/src/components/manage/Blocks/Search/SelectStyling.jsx
+++ b/packages/volto/src/components/manage/Blocks/Search/SelectStyling.jsx
@@ -48,8 +48,8 @@ export const customSelectStyles = {
     color: state.isSelected
       ? '#007bc1'
       : state.isFocused
-      ? '#4a4a4a'
-      : 'inherit',
+        ? '#4a4a4a'
+        : 'inherit',
     ':active': {
       backgroundColor: null,
     },
diff --git a/packages/volto/src/components/manage/Blocks/Search/components/CheckboxFacet.jsx b/packages/volto/src/components/manage/Blocks/Search/components/CheckboxFacet.jsx
index f41acdd048..c4b86c1147 100644
--- a/packages/volto/src/components/manage/Blocks/Search/components/CheckboxFacet.jsx
+++ b/packages/volto/src/components/manage/Blocks/Search/components/CheckboxFacet.jsx
@@ -40,8 +40,8 @@ const CheckboxFacet = (props) => {
                         ...(checked ? [value] : []),
                       ]
                     : checked
-                    ? value
-                    : null,
+                      ? value
+                      : null,
                 )
               }
             />
diff --git a/packages/volto/src/components/manage/Blocks/Search/components/Facets.jsx b/packages/volto/src/components/manage/Blocks/Search/components/Facets.jsx
index d19ea0ad7e..28ecc0c636 100644
--- a/packages/volto/src/components/manage/Blocks/Search/components/Facets.jsx
+++ b/packages/volto/src/components/manage/Blocks/Search/components/Facets.jsx
@@ -144,8 +144,8 @@ const Facets = (props) => {
                 ? intl.formatMessage(messages.showFilters)
                 : intl.formatMessage(messages.moreFilters)
               : advancedFilters === 2
-              ? intl.formatMessage(messages.hideFilters)
-              : intl.formatMessage(messages.lessFilters)}
+                ? intl.formatMessage(messages.hideFilters)
+                : intl.formatMessage(messages.lessFilters)}
           </Button>
         </Grid.Column>
       )}
diff --git a/packages/volto/src/components/manage/Blocks/Search/components/SelectStyling.jsx b/packages/volto/src/components/manage/Blocks/Search/components/SelectStyling.jsx
index b2b1215710..bfc279b06f 100644
--- a/packages/volto/src/components/manage/Blocks/Search/components/SelectStyling.jsx
+++ b/packages/volto/src/components/manage/Blocks/Search/components/SelectStyling.jsx
@@ -48,8 +48,8 @@ export const customSelectStyles = {
     color: state.isSelected
       ? '#007bc1'
       : state.isFocused
-      ? '#4a4a4a'
-      : 'inherit',
+        ? '#4a4a4a'
+        : 'inherit',
     ':active': {
       backgroundColor: null,
     },
@@ -98,8 +98,8 @@ export const sortOnSelectStyles = {
     color: state.isSelected
       ? '#007bc1'
       : state.isFocused
-      ? '#4a4a4a'
-      : 'inherit',
+        ? '#4a4a4a'
+        : 'inherit',
     ':active': {
       backgroundColor: null,
     },
diff --git a/packages/volto/src/components/manage/Blocks/Table/Edit.jsx b/packages/volto/src/components/manage/Blocks/Table/Edit.jsx
index dee0234118..2f00b4ba77 100644
--- a/packages/volto/src/components/manage/Blocks/Table/Edit.jsx
+++ b/packages/volto/src/components/manage/Blocks/Table/Edit.jsx
@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import { compose } from 'redux';
 import { map, remove } from 'lodash';
 import { Button, Segment, Table, Form } from 'semantic-ui-react';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import cx from 'classnames';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 
@@ -670,8 +670,9 @@ class Edit extends Component {
             </Table.Body>
           </Table>
         )}
-        {this.props.selected && this.state.isClient && (
-          <Portal node={document.getElementById('sidebar-properties')}>
+        {this.props.selected &&
+          this.state.isClient &&
+          createPortal(
             <Form
               method="post"
               onSubmit={(event) => {
@@ -736,9 +737,9 @@ class Edit extends Component {
                   onChange={this.toggleCellType}
                 />
               </Segment>
-            </Form>
-          </Portal>
-        )}
+            </Form>,
+            document.getElementById('sidebar-properties'),
+          )}
       </div>
     );
   }
diff --git a/packages/volto/src/components/manage/Blocks/ToC/variations/__snapshots__/DefaultTocRenderer.test.jsx.snap b/packages/volto/src/components/manage/Blocks/ToC/variations/__snapshots__/DefaultTocRenderer.test.jsx.snap
index 59f2bde9df..b1037d169f 100644
--- a/packages/volto/src/components/manage/Blocks/ToC/variations/__snapshots__/DefaultTocRenderer.test.jsx.snap
+++ b/packages/volto/src/components/manage/Blocks/ToC/variations/__snapshots__/DefaultTocRenderer.test.jsx.snap
@@ -1,47 +1,44 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders a default toc renderer component 1`] = `
-Array [
-  "",
-  <ul
-    className="ui bulleted list"
-    role="list"
+<ul
+  className="ui bulleted list"
+  role="list"
+>
+  <li
+    className="item headline-2"
+    onClick={[Function]}
+    role="listitem"
   >
-    <li
-      className="item headline-2"
+    <a
+      className={null}
+      href="/#hello-this-is-a-sample-page"
       onClick={[Function]}
-      role="listitem"
+      target={null}
+      title={null}
     >
-      <a
-        className={null}
-        href="/#hello-this-is-a-sample-page"
+      Hello this is a sample page
+    </a>
+    <ul
+      className="ui bulleted list"
+      role="list"
+    >
+      <li
+        className="item headline-3"
         onClick={[Function]}
-        target={null}
-        title={null}
-      >
-        Hello this is a sample page
-      </a>
-      <ul
-        className="ui bulleted list"
-        role="list"
+        role="listitem"
       >
-        <li
-          className="item headline-3"
+        <a
+          className={null}
+          href="/#test-level-3"
           onClick={[Function]}
-          role="listitem"
+          target={null}
+          title={null}
         >
-          <a
-            className={null}
-            href="/#test-level-3"
-            onClick={[Function]}
-            target={null}
-            title={null}
-          >
-            Test level 3
-          </a>
-        </li>
-      </ul>
-    </li>
-  </ul>,
-]
+          Test level 3
+        </a>
+      </li>
+    </ul>
+  </li>
+</ul>
 `;
diff --git a/packages/volto/src/components/manage/Contents/Contents.jsx b/packages/volto/src/components/manage/Contents/Contents.jsx
index c462592977..4641b74405 100644
--- a/packages/volto/src/components/manage/Contents/Contents.jsx
+++ b/packages/volto/src/components/manage/Contents/Contents.jsx
@@ -7,7 +7,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { Link } from 'react-router-dom';
 import {
   Button,
@@ -1989,9 +1989,9 @@ class Contents extends Component {
                                         this.state.selected.length === 0
                                           ? checkboxUncheckedSVG
                                           : this.state.selected.length ===
-                                            this.state.items.length
-                                          ? checkboxCheckedSVG
-                                          : checkboxIndeterminateSVG
+                                              this.state.items.length
+                                            ? checkboxCheckedSVG
+                                            : checkboxIndeterminateSVG
                                       }
                                       color={
                                         this.state.selected.length > 0
@@ -2159,8 +2159,8 @@ class Contents extends Component {
                   </section>
                 </article>
               </div>
-              {this.state.isClient && (
-                <Portal node={document.getElementById('toolbar')}>
+              {this.state.isClient &&
+                createPortal(
                   <Toolbar
                     pathname={this.props.pathname}
                     inner={
@@ -2178,9 +2178,9 @@ class Contents extends Component {
                         />
                       </Link>
                     }
-                  />
-                </Portal>
-              )}
+                  />,
+                  document.getElementById('toolbar'),
+                )}
             </Dimmer.Dimmable>
           </Container>
         ) : (
diff --git a/packages/volto/src/components/manage/Contents/Contents.test.jsx b/packages/volto/src/components/manage/Contents/Contents.test.jsx
index 48f01c1562..87982d36d4 100644
--- a/packages/volto/src/components/manage/Contents/Contents.test.jsx
+++ b/packages/volto/src/components/manage/Contents/Contents.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter } from 'react-router-dom';
@@ -14,9 +14,8 @@ beforeAll(
     await require('@plone/volto/helpers/Loadable/Loadable').__setLoadables(),
 );
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 jest.mock('../../theme/Pagination/Pagination', () =>
   jest.fn(() => <div className="Pagination" />),
 );
@@ -91,14 +90,15 @@ describe('Contents', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <Contents location={{ pathname: '/blog' }} />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Contents/ContentsPropertiesModal.test.jsx b/packages/volto/src/components/manage/Contents/ContentsPropertiesModal.test.jsx
index dd4a2b65bf..126e695026 100644
--- a/packages/volto/src/components/manage/Contents/ContentsPropertiesModal.test.jsx
+++ b/packages/volto/src/components/manage/Contents/ContentsPropertiesModal.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 
@@ -23,7 +23,7 @@ describe('ContentsPropertiesModal', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <ContentsPropertiesModal
           open
@@ -33,7 +33,7 @@ describe('ContentsPropertiesModal', () => {
         />
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Contents/__snapshots__/Contents.test.jsx.snap b/packages/volto/src/components/manage/Contents/__snapshots__/Contents.test.jsx.snap
index a348d4c3db..2c6dd5c65f 100644
--- a/packages/volto/src/components/manage/Contents/__snapshots__/Contents.test.jsx.snap
+++ b/packages/volto/src/components/manage/Contents/__snapshots__/Contents.test.jsx.snap
@@ -1,1067 +1,600 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Contents renders a folder contents view component 1`] = `
-<div
-  aria-live="polite"
-  className="ui container folder-contents"
-  id="page-contents"
->
+<div>
   <div
-    className="blurring dimmable"
+    aria-live="polite"
+    class="ui container folder-contents"
+    id="page-contents"
   >
     <div
-      className="ui inverted dimmer"
-      onClick={[Function]}
+      class="blurring dimmable"
     >
       <div
-        className="content"
+        class="ui inverted dimmer"
       >
         <div
-          className="ui massive indeterminate text loader"
+          class="content"
         >
-          Loading
+          <div
+            class="ui massive indeterminate text loader"
+          >
+            Loading
+          </div>
         </div>
       </div>
-    </div>
-    <div
-      className="container"
-    >
-      <article
-        id="content"
+      <div
+        class="container"
       >
-        <div
-          className="UploadModal"
-        />
-        <section
-          id="content-core"
+        <article
+          id="content"
         >
           <div
-            className="ui raised segments"
+            class="UploadModal"
+          />
+          <section
+            id="content-core"
           >
             <div
-              className="ui secondary attached top-menu menu"
+              class="ui raised segments"
             >
               <div
-                className="menu top-menu-menu"
-              >
-                <button
-                  aria-label="Upload"
-                  className="ui button icon item upload"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  <svg
-                    className="icon upload"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "#007eb1",
-                        "height": "24px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                </button>
-              </div>
-              <div
-                className="menu top-menu-menu"
-              >
-                <button
-                  aria-label="Rename"
-                  className="ui button disabled icon item"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  <svg
-                    className="icon rename"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "grey",
-                        "height": "24px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                </button>
-                <button
-                  aria-label="State"
-                  className="ui button disabled icon item"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  <svg
-                    className="icon semaphore"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "grey",
-                        "height": "24px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                </button>
-                <button
-                  aria-label="Tags"
-                  className="ui button disabled icon item"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  <svg
-                    className="icon tag"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "grey",
-                        "height": "24px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                </button>
-                <button
-                  aria-label="Properties"
-                  className="ui button disabled icon item"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  <svg
-                    className="icon properties"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "grey",
-                        "height": "24px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                </button>
-              </div>
-              <div
-                className="menu top-menu-menu"
-              >
-                <button
-                  aria-label="Cut"
-                  className="ui button disabled icon item"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  <svg
-                    className="icon cut"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "grey",
-                        "height": "24px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                </button>
-                <button
-                  aria-label="Copy"
-                  className="ui button disabled icon item"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  <svg
-                    className="icon copy"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "grey",
-                        "height": "24px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                </button>
-                <button
-                  aria-label="Paste"
-                  className="ui button icon item"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  <svg
-                    className="icon paste"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "grey",
-                        "height": "24px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                </button>
-                <button
-                  aria-label="Delete"
-                  className="ui button disabled icon item"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  <svg
-                    className="icon delete"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "grey",
-                        "height": "24px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                </button>
-              </div>
-              <div
-                className="right menu top-menu-searchbox"
+                class="ui secondary attached top-menu menu"
               >
                 <div
-                  className="ui right aligned category search item"
+                  class="menu top-menu-menu"
                 >
-                  <div
-                    className="ui small transparent input"
+                  <button
+                    aria-label="Upload"
+                    class="ui button icon item upload"
                   >
-                    <input
-                      onChange={[Function]}
-                      placeholder="Filter…"
-                      type="text"
-                      value=""
+                    <svg
+                      class="icon upload"
+                      style="height: 24px; width: auto; fill: #007eb1;"
+                      viewBox=""
+                      xmlns=""
                     />
-                  </div>
-                  
-                  <svg
-                    className="icon zoom"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "#007eb1",
-                        "flexShrink": "0",
-                        "height": "30px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="results"
-                  />
+                  </button>
                 </div>
-              </div>
-            </div>
-            <div
-              className="ui secondary attached segment contents-breadcrumbs"
-            >
-              <div
-                className="ui breadcrumb"
-              >
-                <a
-                  className="section"
-                  href="/contents"
-                  onClick={[Function]}
-                  title="Home"
+                <div
+                  class="menu top-menu-menu"
                 >
-                  Home
-                </a>
+                  <button
+                    aria-label="Rename"
+                    class="ui button disabled icon item"
+                  >
+                    <svg
+                      class="icon rename"
+                      style="height: 24px; width: auto; fill: grey;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                  </button>
+                  <button
+                    aria-label="State"
+                    class="ui button disabled icon item"
+                  >
+                    <svg
+                      class="icon semaphore"
+                      style="height: 24px; width: auto; fill: grey;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                  </button>
+                  <button
+                    aria-label="Tags"
+                    class="ui button disabled icon item"
+                  >
+                    <svg
+                      class="icon tag"
+                      style="height: 24px; width: auto; fill: grey;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                  </button>
+                  <button
+                    aria-label="Properties"
+                    class="ui button disabled icon item"
+                  >
+                    <svg
+                      class="icon properties"
+                      style="height: 24px; width: auto; fill: grey;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                  </button>
+                </div>
                 <div
-                  className="divider"
+                  class="menu top-menu-menu"
                 >
-                  /
+                  <button
+                    aria-label="Cut"
+                    class="ui button disabled icon item"
+                  >
+                    <svg
+                      class="icon cut"
+                      style="height: 24px; width: auto; fill: grey;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                  </button>
+                  <button
+                    aria-label="Copy"
+                    class="ui button disabled icon item"
+                  >
+                    <svg
+                      class="icon copy"
+                      style="height: 24px; width: auto; fill: grey;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                  </button>
+                  <button
+                    aria-label="Paste"
+                    class="ui button icon item"
+                  >
+                    <svg
+                      class="icon paste"
+                      style="height: 24px; width: auto; fill: grey;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                  </button>
+                  <button
+                    aria-label="Delete"
+                    class="ui button disabled icon item"
+                  >
+                    <svg
+                      class="icon delete"
+                      style="height: 24px; width: auto; fill: grey;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                  </button>
                 </div>
                 <div
-                  className="active section"
-                  onClick={[Function]}
+                  class="right menu top-menu-searchbox"
                 >
-                  Blog
+                  <div
+                    class="ui right aligned category search item"
+                  >
+                    <div
+                      class="ui small transparent input"
+                    >
+                      <input
+                        placeholder="Filter…"
+                        type="text"
+                        value=""
+                      />
+                    </div>
+                    <svg
+                      class="icon zoom"
+                      style="height: 30px; width: auto; fill: #007eb1; flex-shrink: 0;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="results"
+                    />
+                  </div>
                 </div>
               </div>
               <div
-                aria-expanded={false}
-                className="ui item dropdown right floating selectIndex"
-                onBlur={[Function]}
-                onChange={[Function]}
-                onClick={[Function]}
-                onFocus={[Function]}
-                onKeyDown={[Function]}
-                onMouseDown={[Function]}
-                role="listbox"
-                tabIndex={0}
+                class="ui secondary attached segment contents-breadcrumbs"
               >
-                <svg
-                  className="icon"
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": undefined,
-                    }
-                  }
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "fill": "#826a6a",
-                      "height": "24px",
-                      "width": "auto",
-                    }
-                  }
-                  viewBox=""
-                  xmlns=""
-                />
                 <div
-                  className="menu transition left"
+                  class="ui breadcrumb"
                 >
+                  <a
+                    class="section"
+                    href="/contents"
+                    title="Home"
+                  >
+                    Home
+                  </a>
                   <div
-                    className="header"
+                    class="divider"
                   >
-                    Select columns to show
+                    /
                   </div>
                   <div
-                    className="scrolling menu transition"
+                    class="active section"
+                  >
+                    Blog
+                  </div>
+                </div>
+                <div
+                  aria-expanded="false"
+                  class="ui item dropdown right floating selectIndex"
+                  role="listbox"
+                  tabindex="0"
+                >
+                  <svg
+                    class="icon"
+                    style="height: 24px; width: auto; fill: #826a6a;"
+                    viewBox=""
+                    xmlns=""
+                  />
+                  <div
+                    class="menu transition left"
                   >
                     <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Review state"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "#007eb1",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Review state
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Last modified"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "#007eb1",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Last modified
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Publication date"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "#007eb1",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Publication date
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon ID"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        ID
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Expiration date"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Expiration date
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Created on"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Created on
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Tags"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Tags
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Type"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Type
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Folder"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Folder
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Excluded from navigation"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Excluded from navigation
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Object Size"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Object Size
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Last comment date"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Last comment date
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Total comments"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Total comments
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon End Date"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        End Date
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Description"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Description
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Creator"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Creator
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Location"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Location
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
+                      class="header"
                     >
-                      <svg
-                        className="icon UID"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        UID
-                      </span>
+                      Select columns to show
                     </div>
                     <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
+                      class="scrolling menu transition"
                     >
-                      <svg
-                        className="icon Start Date"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Start Date
-                      </span>
-                    </div>
-                    <div
-                      className="item iconAlign"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon Type"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      <span>
-                         
-                        Type
-                      </span>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Review state"
+                          style="height: 24px; width: auto; fill: #007eb1;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Review state
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Last modified"
+                          style="height: 24px; width: auto; fill: #007eb1;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Last modified
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Publication date"
+                          style="height: 24px; width: auto; fill: #007eb1;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Publication date
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon ID"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          ID
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Expiration date"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Expiration date
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Created on"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Created on
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Tags"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Tags
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Type"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Type
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Folder"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Folder
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Excluded from navigation"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Excluded from navigation
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Object Size"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Object Size
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Last comment date"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Last comment date
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Total comments"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Total comments
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon End Date"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          End Date
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Description"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Description
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Creator"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Creator
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Location"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Location
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon UID"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          UID
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Start Date"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Start Date
+                        </span>
+                      </div>
+                      <div
+                        class="item iconAlign"
+                        role="option"
+                      >
+                        <svg
+                          class="icon Type"
+                          style="height: 24px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        <span>
+                           
+                          Type
+                        </span>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
-            </div>
-            <div
-              className="contents-table-wrapper"
-            >
-              <table
-                className="ui selectable single line attached compact table"
+              <div
+                class="contents-table-wrapper"
               >
-                <thead
-                  className=""
+                <table
+                  class="ui selectable single line attached compact table"
                 >
-                  <tr
-                    className=""
+                  <thead
+                    class=""
                   >
-                    <th
-                      className=""
+                    <tr
+                      class=""
                     >
-                      <svg
-                        className="icon dropdown-popup-trigger configuration-svg"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "fill": "#826a6a",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                    </th>
-                    <th
-                      className=""
-                    >
-                      <svg
-                        className="icon dropdown-popup-trigger"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "fill": "#826a6a",
-                            "height": "24px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                    </th>
-                    <th
-                      className="four wide"
-                    >
-                      Title
-                    </th>
-                    <th
-                      className="right aligned"
-                    >
-                      Actions
-                    </th>
-                  </tr>
-                </thead>
-                <tbody
-                  className=""
-                />
-              </table>
-            </div>
-            <div
-              className="contents-pagination"
-            >
+                      <th
+                        class=""
+                      >
+                        <svg
+                          class="icon dropdown-popup-trigger configuration-svg"
+                          style="height: 24px; width: auto; fill: #826a6a;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                      </th>
+                      <th
+                        class=""
+                      >
+                        <svg
+                          class="icon dropdown-popup-trigger"
+                          style="height: 24px; width: auto; fill: #826a6a;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                      </th>
+                      <th
+                        class="four wide"
+                      >
+                        Title
+                      </th>
+                      <th
+                        class="right aligned"
+                      >
+                        Actions
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody
+                    class=""
+                  />
+                </table>
+              </div>
               <div
-                className="Pagination"
-              />
+                class="contents-pagination"
+              >
+                <div
+                  class="Pagination"
+                />
+              </div>
             </div>
-          </div>
-        </section>
-      </article>
+          </section>
+        </article>
+      </div>
     </div>
+  </div>
+  <div
+    id="toolbar"
+  >
     <div
       id="Portal"
     />
diff --git a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsPropertiesModal.test.jsx.snap b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsPropertiesModal.test.jsx.snap
index 3c382ace86..c460a95329 100644
--- a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsPropertiesModal.test.jsx.snap
+++ b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsPropertiesModal.test.jsx.snap
@@ -1,7 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ContentsPropertiesModal renders a contents properties modal component 1`] = `
-<div
-  id="modalform"
-/>
+<div>
+  <div
+    id="modalform"
+  />
+</div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/AddonsControlpanel.jsx b/packages/volto/src/components/manage/Controlpanels/AddonsControlpanel.jsx
index 1248c90cbf..66e1bc7a06 100644
--- a/packages/volto/src/components/manage/Controlpanels/AddonsControlpanel.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/AddonsControlpanel.jsx
@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import {
   Accordion,
   Button,
@@ -550,8 +550,8 @@ class AddonsControlpanel extends Component {
           )}
         </Segment.Group>
 
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -568,9 +568,9 @@ class AddonsControlpanel extends Component {
                   </Link>
                 </>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     );
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/AddonsControlpanel.test.jsx b/packages/volto/src/components/manage/Controlpanels/AddonsControlpanel.test.jsx
index 460b69f85e..67ce84f2ac 100644
--- a/packages/volto/src/components/manage/Controlpanels/AddonsControlpanel.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/AddonsControlpanel.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 
@@ -7,9 +7,7 @@ import AddonsControlpanel from './AddonsControlpanel';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 describe('AddonsControlpanel', () => {
   it('renders an addon control component', () => {
@@ -57,12 +55,13 @@ describe('AddonsControlpanel', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <AddonsControlpanel location={{ pathname: '/blog' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/Aliases.jsx b/packages/volto/src/components/manage/Controlpanels/Aliases.jsx
index 6a927d7ae5..6b985ea3d3 100644
--- a/packages/volto/src/components/manage/Controlpanels/Aliases.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Aliases.jsx
@@ -10,7 +10,7 @@ import { compose } from 'redux';
 import { Link } from 'react-router-dom';
 import { getBaseUrl, getParentUrl, Helmet } from '@plone/volto/helpers';
 import { removeAliases, addAliases, getAliases } from '@plone/volto/actions';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import {
   Container,
   Button,
@@ -652,8 +652,8 @@ class Aliases extends Component {
             </Segment.Group>
           </article>
         </Container>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -667,9 +667,9 @@ class Aliases extends Component {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </div>
     );
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/Aliases.test.jsx b/packages/volto/src/components/manage/Controlpanels/Aliases.test.jsx
index 661611753f..c6a9a18010 100644
--- a/packages/volto/src/components/manage/Controlpanels/Aliases.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Aliases.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 import { Provider } from 'react-intl-redux';
@@ -10,9 +10,7 @@ import { MemoryRouter } from 'react-router';
 const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 describe('Aliases', () => {
   it('renders an aliases control component', () => {
@@ -59,14 +57,15 @@ describe('Aliases', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <Aliases location={{ pathname: '/blog' }} />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/ContentType.jsx b/packages/volto/src/components/manage/Controlpanels/ContentType.jsx
index 097dd488ff..6b8edbb9e6 100644
--- a/packages/volto/src/components/manage/Controlpanels/ContentType.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/ContentType.jsx
@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { getParentUrl } from '@plone/volto/helpers';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { Button, Header } from 'semantic-ui-react';
 import { defineMessages, injectIntl } from 'react-intl';
 import { toast } from 'react-toastify';
@@ -210,8 +210,8 @@ class ContentType extends Component {
             hideActions
             loading={this.props.cpanelRequest.update.loading}
           />
-          {this.state.isClient && (
-            <Portal node={document.getElementById('toolbar')}>
+          {this.state.isClient &&
+            createPortal(
               <Toolbar
                 pathname={this.props.pathname}
                 hideDefaultViewButtons
@@ -248,9 +248,9 @@ class ContentType extends Component {
                     </Button>
                   </>
                 }
-              />
-            </Portal>
-          )}
+              />,
+              document.getElementById('toolbar'),
+            )}
         </div>
       );
     }
diff --git a/packages/volto/src/components/manage/Controlpanels/ContentType.test.jsx b/packages/volto/src/components/manage/Controlpanels/ContentType.test.jsx
index 63aa9fcd68..159c303936 100644
--- a/packages/volto/src/components/manage/Controlpanels/ContentType.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/ContentType.test.jsx
@@ -1,16 +1,14 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter, Route } from 'react-router-dom';
+import { render } from '@testing-library/react';
 
 import ContentType from './ContentType';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 jest.mock('../Form/Form', () => jest.fn(() => <div id="form" />));
 
 describe('ContentType', () => {
@@ -35,7 +33,8 @@ describe('ContentType', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter
           initialEntries={['/controlpanel/dexterity-types/Document']}
@@ -44,10 +43,11 @@ describe('ContentType', () => {
             path={'/controlpanel/dexterity-types/:id'}
             component={ContentType}
           />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/ContentTypeLayout.jsx b/packages/volto/src/components/manage/Controlpanels/ContentTypeLayout.jsx
index b2754d90ba..3e5cd1a388 100644
--- a/packages/volto/src/components/manage/Controlpanels/ContentTypeLayout.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/ContentTypeLayout.jsx
@@ -14,7 +14,7 @@ import {
   getBlocksFieldname,
   getBlocksLayoutFieldname,
 } from '@plone/volto/helpers';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { Button, Segment } from 'semantic-ui-react';
 import { toast } from 'react-toastify';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
@@ -343,26 +343,30 @@ class ContentTypeLayout extends Component {
               content={this.props.intl.formatMessage(messages.enable)}
             />
           </Segment>
-          <Portal
-            node={this.state.isClient && document.getElementById('toolbar')}
-          >
-            <Toolbar
-              pathname={this.props.pathname}
-              hideDefaultViewButtons
-              inner={
-                <>
-                  <Link className="item" to="#" onClick={() => this.onCancel()}>
-                    <Icon
-                      name={backSVG}
-                      size="30px"
-                      className="contents circled"
-                      title={this.props.intl.formatMessage(messages.back)}
-                    />
-                  </Link>
-                </>
-              }
-            />
-          </Portal>
+          {this.state.isClient &&
+            createPortal(
+              <Toolbar
+                pathname={this.props.pathname}
+                hideDefaultViewButtons
+                inner={
+                  <>
+                    <Link
+                      className="item"
+                      to="#"
+                      onClick={() => this.onCancel()}
+                    >
+                      <Icon
+                        name={backSVG}
+                        size="30px"
+                        className="contents circled"
+                        title={this.props.intl.formatMessage(messages.back)}
+                      />
+                    </Link>
+                  </>
+                }
+              />,
+              document.getElementById('toolbar'),
+            )}
         </>
       );
     }
@@ -392,26 +396,30 @@ class ContentTypeLayout extends Component {
               content={this.props.intl.formatMessage(messages.enable)}
             />
           </Segment>
-          <Portal
-            node={this.state.isClient && document.getElementById('toolbar')}
-          >
-            <Toolbar
-              pathname={this.props.pathname}
-              hideDefaultViewButtons
-              inner={
-                <>
-                  <Link className="item" to="#" onClick={() => this.onCancel()}>
-                    <Icon
-                      name={backSVG}
-                      size="30px"
-                      className="contents circled"
-                      title={this.props.intl.formatMessage(messages.back)}
-                    />
-                  </Link>
-                </>
-              }
-            />
-          </Portal>
+          {this.state.isClient &&
+            createPortal(
+              <Toolbar
+                pathname={this.props.pathname}
+                hideDefaultViewButtons
+                inner={
+                  <>
+                    <Link
+                      className="item"
+                      to="#"
+                      onClick={() => this.onCancel()}
+                    >
+                      <Icon
+                        name={backSVG}
+                        size="30px"
+                        className="contents circled"
+                        title={this.props.intl.formatMessage(messages.back)}
+                      />
+                    </Link>
+                  </>
+                }
+              />,
+              document.getElementById('toolbar'),
+            )}
         </>
       );
     }
@@ -449,50 +457,50 @@ class ContentTypeLayout extends Component {
           visual={this.state.visual}
           hideActions
         />
-        <Portal
-          node={this.state.isClient && document.getElementById('sidebar')}
-        >
-          <Sidebar settingsTab={true} documentTab={false} />
-        </Portal>
-        <Portal
-          node={this.state.isClient && document.getElementById('toolbar')}
-        >
-          <Toolbar
-            pathname={this.props.pathname}
-            hideDefaultViewButtons
-            inner={
-              <>
-                <Button
-                  id="toolbar-save"
-                  className="save"
-                  aria-label={this.props.intl.formatMessage(messages.save)}
-                  onClick={() => this.form.current.onSubmit()}
-                  disabled={this.props.schemaRequest.update.loading}
-                  loading={this.props.schemaRequest.update.loading}
-                >
-                  <Icon
-                    name={saveSVG}
-                    className="circled"
-                    size="30px"
-                    title={this.props.intl.formatMessage(messages.save)}
-                  />
-                </Button>
-                <Button
-                  className="cancel"
-                  aria-label={this.props.intl.formatMessage(messages.cancel)}
-                  onClick={() => this.onCancel()}
-                >
-                  <Icon
-                    name={clearSVG}
-                    className="circled"
-                    size="30px"
-                    title={this.props.intl.formatMessage(messages.cancel)}
-                  />
-                </Button>
-              </>
-            }
-          />
-        </Portal>
+        {this.state.isClient &&
+          createPortal(
+            <Sidebar settingsTab={true} documentTab={false} />,
+            document.getElementById('sidebar'),
+          )}
+        {this.state.isClient &&
+          createPortal(
+            <Toolbar
+              pathname={this.props.pathname}
+              hideDefaultViewButtons
+              inner={
+                <>
+                  <Button
+                    id="toolbar-save"
+                    className="save"
+                    aria-label={this.props.intl.formatMessage(messages.save)}
+                    onClick={() => this.form.current.onSubmit()}
+                    disabled={this.props.schemaRequest.update.loading}
+                    loading={this.props.schemaRequest.update.loading}
+                  >
+                    <Icon
+                      name={saveSVG}
+                      className="circled"
+                      size="30px"
+                      title={this.props.intl.formatMessage(messages.save)}
+                    />
+                  </Button>
+                  <Button
+                    className="cancel"
+                    aria-label={this.props.intl.formatMessage(messages.cancel)}
+                    onClick={() => this.onCancel()}
+                  >
+                    <Icon
+                      name={clearSVG}
+                      className="circled"
+                      size="30px"
+                      title={this.props.intl.formatMessage(messages.cancel)}
+                    />
+                  </Button>
+                </>
+              }
+            />,
+            document.getElementById('toolbar'),
+          )}
       </div>
     );
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/ContentTypeLayout.test.jsx b/packages/volto/src/components/manage/Controlpanels/ContentTypeLayout.test.jsx
index 70127b8477..aee7d78ec6 100644
--- a/packages/volto/src/components/manage/Controlpanels/ContentTypeLayout.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/ContentTypeLayout.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter, Route } from 'react-router-dom';
@@ -8,9 +8,8 @@ import ContentTypeLayout from './ContentTypeLayout';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 jest.mock('../Form/Form', () => jest.fn(() => <div id="form" />));
 
 describe('ContentTypeLayout', () => {
@@ -38,7 +37,7 @@ describe('ContentTypeLayout', () => {
         schema: null,
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter
           initialEntries={['/controlpanel/dexterity-types/Document/layout']}
@@ -47,10 +46,11 @@ describe('ContentTypeLayout', () => {
             path={'/controlpanel/dexterity-types/:id/layout'}
             component={ContentTypeLayout}
           />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/ContentTypeSchema.jsx b/packages/volto/src/components/manage/Controlpanels/ContentTypeSchema.jsx
index b8ebf1dea0..ab6888140b 100644
--- a/packages/volto/src/components/manage/Controlpanels/ContentTypeSchema.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/ContentTypeSchema.jsx
@@ -12,7 +12,7 @@ import saveSVG from '@plone/volto/icons/save.svg';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { defineMessages, injectIntl } from 'react-intl';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { connect } from 'react-redux';
 import { toast } from 'react-toastify';
 import { compose } from 'redux';
@@ -283,8 +283,8 @@ class ContentTypeSchema extends Component {
             onCancel={this.onCancel}
             hideActions
           />
-          {this.state.isClient && (
-            <Portal node={document.getElementById('toolbar')}>
+          {this.state.isClient &&
+            createPortal(
               <Toolbar
                 pathname={this.props.pathname}
                 hideDefaultViewButtons
@@ -321,9 +321,9 @@ class ContentTypeSchema extends Component {
                     </Button>
                   </>
                 }
-              />
-            </Portal>
-          )}
+              />,
+              document.getElementById('toolbar'),
+            )}
         </div>
       );
     }
diff --git a/packages/volto/src/components/manage/Controlpanels/ContentTypes.jsx b/packages/volto/src/components/manage/Controlpanels/ContentTypes.jsx
index 4c386c4bce..4759ed6fb2 100644
--- a/packages/volto/src/components/manage/Controlpanels/ContentTypes.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/ContentTypes.jsx
@@ -9,7 +9,7 @@ import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
 import { getParentUrl } from '@plone/volto/helpers';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { last } from 'lodash';
 import { Confirm, Container, Table, Button, Header } from 'semantic-ui-react';
 import { toast } from 'react-toastify';
@@ -457,8 +457,8 @@ class ContentTypes extends Component {
             </section>
           </article>
         </Container>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -490,9 +490,9 @@ class ContentTypes extends Component {
                   </Button>
                 </>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     );
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/ContentTypes.test.jsx b/packages/volto/src/components/manage/Controlpanels/ContentTypes.test.jsx
index 876aed77df..5289835b93 100644
--- a/packages/volto/src/components/manage/Controlpanels/ContentTypes.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/ContentTypes.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter, Route } from 'react-router-dom';
@@ -8,9 +8,8 @@ import ContentTypes from './ContentTypes';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 jest.mock('../Form/Form', () => jest.fn(() => <div id="form" />));
 
 describe('ContentTypes', () => {
@@ -60,14 +59,15 @@ describe('ContentTypes', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter initialEntries={['/controlpanel/dexterity-types']}>
           <Route path={'/controlpanel/:id'} component={ContentTypes} />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/Controlpanel.jsx b/packages/volto/src/components/manage/Controlpanels/Controlpanel.jsx
index a6fc83740f..a55477d787 100644
--- a/packages/volto/src/components/manage/Controlpanels/Controlpanel.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Controlpanel.jsx
@@ -9,7 +9,7 @@ import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { withRouter } from 'react-router-dom';
 import { Helmet } from '@plone/volto/helpers';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { Button, Container } from 'semantic-ui-react';
 import { defineMessages, injectIntl } from 'react-intl';
 import { toast } from 'react-toastify';
@@ -167,8 +167,8 @@ class Controlpanel extends Component {
               loading={this.props.updateRequest.loading}
             />
           </Container>
-          {this.state.isClient && (
-            <Portal node={document.getElementById('toolbar')}>
+          {this.state.isClient &&
+            createPortal(
               <Toolbar
                 pathname={this.props.pathname}
                 hideDefaultViewButtons
@@ -205,9 +205,9 @@ class Controlpanel extends Component {
                     </Button>
                   </>
                 }
-              />
-            </Portal>
-          )}
+              />,
+              document.getElementById('toolbar'),
+            )}
         </div>
       );
     }
diff --git a/packages/volto/src/components/manage/Controlpanels/Controlpanel.test.jsx b/packages/volto/src/components/manage/Controlpanels/Controlpanel.test.jsx
index d03d87e2d6..1ee6a98c11 100644
--- a/packages/volto/src/components/manage/Controlpanels/Controlpanel.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Controlpanel.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter, Route } from 'react-router-dom';
@@ -8,9 +8,8 @@ import Controlpanel from './Controlpanel';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 jest.mock('../Form/Form', () => jest.fn(() => <div id="form" />));
 
 describe('Controlpanel', () => {
@@ -36,14 +35,15 @@ describe('Controlpanel', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter initialEntries={['/controlpanel/date-and-time']}>
           <Route path={'/controlpanel/:id'} component={Controlpanel} />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/Controlpanels.jsx b/packages/volto/src/components/manage/Controlpanels/Controlpanels.jsx
index 263be3b02f..d2751c0142 100644
--- a/packages/volto/src/components/manage/Controlpanels/Controlpanels.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Controlpanels.jsx
@@ -8,7 +8,7 @@ import { concat, filter, last, map, sortBy, uniqBy } from 'lodash';
 import PropTypes from 'prop-types';
 import { useEffect, useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { connect } from 'react-redux';
 import { Link } from 'react-router-dom';
 import { compose } from 'redux';
@@ -260,8 +260,8 @@ function Controlpanels({
           </Segment>
         </Segment.Group>
       </Container>
-      {isClient && (
-        <Portal node={document.getElementById('toolbar')}>
+      {isClient &&
+        createPortal(
           <Toolbar
             pathname={pathname}
             hideDefaultViewButtons
@@ -275,9 +275,9 @@ function Controlpanels({
                 />
               </Link>
             }
-          />
-        </Portal>
-      )}
+          />,
+          document.getElementById('toolbar'),
+        )}
     </div>
   );
 }
diff --git a/packages/volto/src/components/manage/Controlpanels/Controlpanels.test.jsx b/packages/volto/src/components/manage/Controlpanels/Controlpanels.test.jsx
index 23c9d83392..10ce403043 100644
--- a/packages/volto/src/components/manage/Controlpanels/Controlpanels.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Controlpanels.test.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter } from 'react-router-dom';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 
 import config from '@plone/volto/registry';
@@ -9,9 +9,7 @@ import Controlpanels from './Controlpanels';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 jest.mock('./VersionOverview', () =>
   jest.fn(() => <div className="VersionOverview" />),
@@ -73,15 +71,16 @@ describe('Controlpanels', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <Controlpanels location={{ pathname: '/blog' }} />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 
   it('renders an additional control panel', () => {
@@ -127,14 +126,15 @@ describe('Controlpanels', () => {
         component: FooComponent,
       },
     ];
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <Controlpanels location={{ pathname: '/blog' }} />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/DatabaseInformation.jsx b/packages/volto/src/components/manage/Controlpanels/DatabaseInformation.jsx
index ec17c9b8ce..04b29655ad 100644
--- a/packages/volto/src/components/manage/Controlpanels/DatabaseInformation.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/DatabaseInformation.jsx
@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { Container, Divider, Message, Segment, Table } from 'semantic-ui-react';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 
@@ -216,8 +216,8 @@ class DatabaseInformation extends Component {
           </Segment>
         </Segment.Group>
 
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -234,9 +234,9 @@ class DatabaseInformation extends Component {
                   </Link>
                 </>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     ) : null;
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/Groups/GroupsControlpanel.jsx b/packages/volto/src/components/manage/Controlpanels/Groups/GroupsControlpanel.jsx
index fb4a4aac0e..97fcb5cb27 100644
--- a/packages/volto/src/components/manage/Controlpanels/Groups/GroupsControlpanel.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Groups/GroupsControlpanel.jsx
@@ -37,7 +37,7 @@ import { find, map, pull } from 'lodash';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { connect } from 'react-redux';
 
 import { toast } from 'react-toastify';
@@ -279,16 +279,16 @@ class GroupsControlpanel extends Component {
           entry.id === name && !entry.roles.includes(value)
             ? [...entry.roles, value]
             : entry.id !== name
-            ? entry.roles
-            : pull(entry.roles, value),
+              ? entry.roles
+              : pull(entry.roles, value),
       })),
       authenticatedRole:
         name === 'AuthenticatedUsers' &&
         !prevState.authenticatedRole.includes(value)
           ? [...prevState.authenticatedRole, value]
           : name !== 'AuthenticatedUsers'
-          ? prevState.authenticatedRole
-          : pull(prevState.authenticatedRole, value),
+            ? prevState.authenticatedRole
+            : pull(prevState.authenticatedRole, value),
     }));
   }
   /**
@@ -598,8 +598,8 @@ class GroupsControlpanel extends Component {
             </div>
           </Form>
         </Segment.Group>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -651,9 +651,9 @@ class GroupsControlpanel extends Component {
                   </Button>
                 </>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     );
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/Groups/GroupsControlpanel.test.jsx b/packages/volto/src/components/manage/Controlpanels/Groups/GroupsControlpanel.test.jsx
index f520c37a07..faf5c4f04e 100644
--- a/packages/volto/src/components/manage/Controlpanels/Groups/GroupsControlpanel.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Groups/GroupsControlpanel.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import jwt from 'jsonwebtoken';
@@ -7,9 +7,8 @@ import jwt from 'jsonwebtoken';
 import GroupsControlpanel from './GroupsControlpanel';
 
 const mockStore = configureStore();
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 describe('UsersControlpanel', () => {
   it('renders a user control component', () => {
     const store = mockStore({
@@ -37,12 +36,13 @@ describe('UsersControlpanel', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <GroupsControlpanel location={{ pathname: '/blog' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/Groups/__snapshots__/GroupsControlpanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Groups/__snapshots__/GroupsControlpanel.test.jsx.snap
index 6a7e41b64b..36ba594690 100644
--- a/packages/volto/src/components/manage/Controlpanels/Groups/__snapshots__/GroupsControlpanel.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/Groups/__snapshots__/GroupsControlpanel.test.jsx.snap
@@ -1,128 +1,121 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`UsersControlpanel renders a user control component 1`] = `
-<div
-  className="ui container users-control-panel"
->
+<div>
   <div
-    className="container"
-  />
-  <div
-    className="ui raised segments"
+    class="ui container users-control-panel"
   >
     <div
-      className="ui segment primary"
-    >
-      Groups
-    </div>
-    <div
-      className="ui secondary segment"
-    >
-      Groups are logical collections of users, such as departments and business units. Groups are not directly related to permissions on a global level, you normally use Roles for that - and let certain Groups have a particular role. The symbol
-      <svg
-        className="icon"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "<title>plone-svg</title>undefined",
-          }
-        }
-        onClick={null}
-        style={
-          Object {
-            "fill": "#007EB1",
-            "height": "20px",
-            "width": "auto",
-          }
-        }
-        viewBox=""
-        xmlns=""
-      />
-      indicates a role inherited from membership in another group.
-    </div>
+      class="container"
+    />
     <div
-      className="ui segment"
+      class="ui raised segments"
     >
-      <form
-        className="ui form"
-        onSubmit={[Function]}
+      <div
+        class="ui segment primary"
       >
-        <div
-          className="field"
+        Groups
+      </div>
+      <div
+        class="ui secondary segment"
+      >
+        Groups are logical collections of users, such as departments and business units. Groups are not directly related to permissions on a global level, you normally use Roles for that - and let certain Groups have a particular role. The symbol
+        <svg
+          class="icon"
+          style="height: 20px; width: auto; fill: #007EB1;"
+          viewBox=""
+          xmlns=""
+        >
+          <title>
+            plone-svg
+          </title>
+          undefined
+        </svg>
+        indicates a role inherited from membership in another group.
+      </div>
+      <div
+        class="ui segment"
+      >
+        <form
+          class="ui form"
         >
           <div
-            className="ui action input"
+            class="field"
           >
-            <input
-              id="group-search-input"
-              name="SearchableText"
-              onChange={[Function]}
-              placeholder="Search group…"
-              type="text"
-            />
-            <button
-              className="ui icon button"
-              onClick={[Function]}
+            <div
+              class="ui action input"
             >
-              <i
-                aria-hidden="true"
-                className="search icon"
-                onClick={[Function]}
+              <input
+                id="group-search-input"
+                name="SearchableText"
+                placeholder="Search group…"
+                type="text"
               />
-            </button>
+              <button
+                class="ui icon button"
+              >
+                <i
+                  aria-hidden="true"
+                  class="search icon"
+                />
+              </button>
+            </div>
           </div>
-        </div>
-      </form>
-    </div>
-    <form
-      className="ui form"
-      onSubmit={[Function]}
-    >
-      <div
-        className="table"
+        </form>
+      </div>
+      <form
+        class="ui form"
       >
-        <table
-          className="ui striped unstackable attached padded table"
+        <div
+          class="table"
         >
-          <thead
-            className=""
+          <table
+            class="ui striped unstackable attached padded table"
           >
-            <tr
-              className=""
+            <thead
+              class=""
             >
-              <th
-                className=""
+              <tr
+                class=""
               >
-                Groupname
-              </th>
-              <th
-                className=""
-              >
-                Actions
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            className=""
-            data-group="groups"
-          />
-        </table>
-        
-      </div>
-      <div
-        className="contents-pagination"
-      >
+                <th
+                  class=""
+                >
+                  Groupname
+                </th>
+                <th
+                  class=""
+                >
+                  Actions
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class=""
+              data-group="groups"
+            />
+          </table>
+        </div>
         <div
-          className="ui secondary attached menu"
+          class="contents-pagination"
         >
           <div
-            className="menu"
-          />
+            class="ui secondary attached menu"
+          >
+            <div
+              class="menu"
+            />
+          </div>
         </div>
-      </div>
-    </form>
+      </form>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/ModerateComments.jsx b/packages/volto/src/components/manage/Controlpanels/ModerateComments.jsx
index 182ce40ae0..d5036a50d2 100644
--- a/packages/volto/src/components/manage/Controlpanels/ModerateComments.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/ModerateComments.jsx
@@ -9,7 +9,7 @@ import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
 import { getParentUrl, Helmet } from '@plone/volto/helpers';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { Container, Button, Table } from 'semantic-ui-react';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 
@@ -267,8 +267,8 @@ class ModerateComments extends Component {
             </section>
           </article>
         </Container>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -282,9 +282,9 @@ class ModerateComments extends Component {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </div>
     );
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/ModerateComments.test.jsx b/packages/volto/src/components/manage/Controlpanels/ModerateComments.test.jsx
index ff5f785dcd..d5c79af439 100644
--- a/packages/volto/src/components/manage/Controlpanels/ModerateComments.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/ModerateComments.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 
@@ -7,9 +7,8 @@ import ModerateComments from './ModerateComments';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 jest.mock('../../theme/Comments/CommentEditModal', () =>
   jest.fn(() => <div id="modal" />),
 );
@@ -31,12 +30,13 @@ describe('ModerateComments', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <ModerateComments location={{ pathname: '/blog' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/Relations/Relations.jsx b/packages/volto/src/components/manage/Controlpanels/Relations/Relations.jsx
index f71caa058d..73c56efa41 100644
--- a/packages/volto/src/components/manage/Controlpanels/Relations/Relations.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Relations/Relations.jsx
@@ -1,10 +1,10 @@
 /**
  * Relations Control Panel
  */
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { find } from 'lodash';
 import { useSelector } from 'react-redux';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { useHistory } from 'react-router';
 import { Link, useLocation } from 'react-router-dom';
 import { FormattedMessage, useIntl } from 'react-intl';
@@ -23,6 +23,12 @@ const RelationsControlPanel = () => {
   const location = useLocation();
   const dispatch = useDispatch();
 
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+
   const brokenRelations = useSelector(
     (state) => state.relations?.stats?.data?.broken,
   );
@@ -88,8 +94,8 @@ const RelationsControlPanel = () => {
         )}
       </div>
 
-      {__CLIENT__ && (
-        <Portal node={document.getElementById('toolbar')}>
+      {isClient &&
+        createPortal(
           <Toolbar
             pathname={location.pathname}
             hideDefaultViewButtons
@@ -104,9 +110,9 @@ const RelationsControlPanel = () => {
                 <Icon name={backSVG} className="contents circled" size="30px" />
               </Link>
             }
-          />
-        </Portal>
-      )}
+          />,
+          document.getElementById('toolbar'),
+        )}
     </>
   );
 };
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/AddRule.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/AddRule.jsx
index 31df68dbc0..85aba340be 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/AddRule.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/AddRule.jsx
@@ -9,7 +9,7 @@ import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
 import { getBaseUrl, getParentUrl, Helmet } from '@plone/volto/helpers';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import {
   Button,
   Checkbox,
@@ -331,8 +331,8 @@ class AddRule extends Component {
             </Segment.Group>
           </article>
         </Container>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -346,9 +346,9 @@ class AddRule extends Component {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </div>
     );
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/AddRule.test.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/AddRule.test.jsx
index 982d8798f6..5f83ebaef8 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/AddRule.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/AddRule.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
@@ -9,9 +9,7 @@ import AddRule from './AddRule';
 const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Toolbar" />));
 
 describe('AddRule', () => {
   it('renders rules add interface', () => {
@@ -21,12 +19,13 @@ describe('AddRule', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <AddRule location={{ pathname: '/controlpanel/rules/add' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/ConfigureRule.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/ConfigureRule.jsx
index 4f92673898..65887da7f3 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/ConfigureRule.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/ConfigureRule.jsx
@@ -9,7 +9,7 @@ import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
 import { getBaseUrl, getParentUrl, Helmet } from '@plone/volto/helpers';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import {
   Button,
   Card,
@@ -847,8 +847,8 @@ class ConfigureRule extends Component {
             action="edit"
           />
         )}
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -862,9 +862,9 @@ class ConfigureRule extends Component {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </div>
     );
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/ConfigureRule.test.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/ConfigureRule.test.jsx
index ed9babcd14..9516fcc64b 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/ConfigureRule.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/ConfigureRule.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
@@ -9,9 +9,7 @@ import ConfigureRule from './ConfigureRule';
 const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 describe('ConfigureRule', () => {
   it('renders rules configure interface', () => {
@@ -21,14 +19,15 @@ describe('ConfigureRule', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <ConfigureRule
           location={{ pathname: '/controlpanel/rules/:id/configure' }}
         />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/EditRule.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/EditRule.jsx
index 025e53993d..b8cd8a9124 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/EditRule.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/EditRule.jsx
@@ -9,7 +9,7 @@ import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
 import { getParentUrl, Helmet, getBaseUrl } from '@plone/volto/helpers';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import {
   Button,
   Checkbox,
@@ -367,8 +367,8 @@ class EditRule extends Component {
             </Segment.Group>
           </article>
         </Container>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -382,9 +382,9 @@ class EditRule extends Component {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </div>
     );
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/EditRule.test.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/EditRule.test.jsx
index b62949c0bc..100aa9a64b 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/EditRule.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/EditRule.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
@@ -9,9 +9,7 @@ import EditRule from './EditRule';
 const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 describe('EditRule', () => {
   it('renders rules edit interface', () => {
@@ -21,12 +19,13 @@ describe('EditRule', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <EditRule location={{ pathname: '/controlpanel/rules/:id/edit' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/Rules.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/Rules.jsx
index f8060a4ca1..0f3545d919 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/Rules.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/Rules.jsx
@@ -9,7 +9,7 @@ import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
 import { getBaseUrl, getParentUrl, Helmet } from '@plone/volto/helpers';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import {
   Button,
   Checkbox,
@@ -420,8 +420,8 @@ class Rules extends Component {
             </Segment.Group>
           </article>
         </Container>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -435,9 +435,9 @@ class Rules extends Component {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </div>
     );
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/Rules.test.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/Rules.test.jsx
index fe86ede91e..2a2813b7c6 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/Rules.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/Rules.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
@@ -9,9 +9,7 @@ import Rules from './Rules';
 const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 describe('Rules', () => {
   it('renders rules control panel control', () => {
@@ -64,12 +62,13 @@ describe('Rules', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <Rules location={{ pathname: '/controlpanel/rules' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/AddRule.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/AddRule.test.jsx.snap
index be2bd126a8..b85d427f10 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/AddRule.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/AddRule.test.jsx.snap
@@ -1,242 +1,197 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`AddRule renders rules add interface 1`] = `
-<div
-  id="page-rule-add"
->
+<div>
   <div
-    className="ui container"
+    id="page-rule-add"
   >
-    <article
-      id="content"
+    <div
+      class="ui container"
     >
-      <div
-        className="ui raised segments"
+      <article
+        id="content"
       >
         <div
-          className="ui segment primary"
+          class="ui raised segments"
         >
-          Add Rule
-        </div>
-        <div
-          className="ui segment secondary"
-        >
-          Use the form below to define the new content rule
-        </div>
-        <div
-          className="ui segment"
-        >
-          <form
-            className="ui form"
-            onSubmit={[Function]}
+          <div
+            class="ui segment primary"
           >
-            <div
-              className="ui grid"
+            Add Rule
+          </div>
+          <div
+            class="ui segment secondary"
+          >
+            Use the form below to define the new content rule
+          </div>
+          <div
+            class="ui segment"
+          >
+            <form
+              class="ui form"
             >
               <div
-                className="stretched row"
+                class="ui grid"
               >
                 <div
-                  className="column"
+                  class="stretched row"
                 >
                   <div
-                    className="mocked-default-widget"
-                    id="mocked-field-undefined"
+                    class="column"
                   >
-                    Title
-                     - 
-                    Please set a descriptive title for the rule.
+                    <div
+                      class="mocked-default-widget"
+                      id="mocked-field-undefined"
+                    >
+                      Title
+                       - 
+                      Please set a descriptive title for the rule.
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                className="stretched row"
-              >
                 <div
-                  className="column"
+                  class="stretched row"
                 >
                   <div
-                    className="mocked-default-widget"
-                    id="mocked-field-undefined"
+                    class="column"
                   >
-                    Description
-                     - 
-                    Enter a short description of the rule and its purpose.
+                    <div
+                      class="mocked-default-widget"
+                      id="mocked-field-undefined"
+                    >
+                      Description
+                       - 
+                      Enter a short description of the rule and its purpose.
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                className="stretched row"
-              >
                 <div
-                  className="column"
+                  class="stretched row"
                 >
                   <div
-                    className="mocked-default-widget"
-                    id="mocked-field-undefined"
+                    class="column"
                   >
-                    Triggering event
-                     - 
-                    The rule will execute when the following event occurs.
+                    <div
+                      class="mocked-default-widget"
+                      id="mocked-field-undefined"
+                    >
+                      Triggering event
+                       - 
+                      The rule will execute when the following event occurs.
+                    </div>
                   </div>
                 </div>
               </div>
-            </div>
-          </form>
-        </div>
-        <div
-          className="ui segment"
-        >
+            </form>
+          </div>
           <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            class="ui segment"
           >
             <div
-              className="ui checkbox"
-              onChange={[Function]}
-              onClick={[Function]}
-              onMouseDown={[Function]}
-              onMouseUp={[Function]}
+              style="display: flex; flex-direction: column;"
             >
-              <input
-                checked={false}
-                className="hidden"
-                readOnly={true}
-                tabIndex={0}
-                type="checkbox"
-              />
-              <label>
-                Enabled
-              </label>
+              <div
+                class="ui checkbox"
+              >
+                <input
+                  class="hidden"
+                  readonly=""
+                  tabindex="0"
+                  type="checkbox"
+                  value=""
+                />
+                <label>
+                  Enabled
+                </label>
+              </div>
+              <p
+                style="color: rgb(135, 143, 147); padding-top: 0.7rem; padding-bottom: 0.7rem; font-size: 0.9rem;"
+              >
+                Whether or not the rule is currently enabled
+              </p>
             </div>
-            <p
-              style={
-                Object {
-                  "color": "#878f93",
-                  "fontSize": "0.9rem",
-                  "paddingBottom": "0.7rem",
-                  "paddingTop": "0.7rem",
-                }
-              }
-            >
-              Whether or not the rule is currently enabled
-            </p>
           </div>
-        </div>
-        <div
-          className="ui segment"
-        >
           <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            class="ui segment"
           >
             <div
-              className="ui checkbox"
-              onChange={[Function]}
-              onClick={[Function]}
-              onMouseDown={[Function]}
-              onMouseUp={[Function]}
+              style="display: flex; flex-direction: column;"
             >
-              <input
-                checked={false}
-                className="hidden"
-                readOnly={true}
-                tabIndex={0}
-                type="checkbox"
-              />
-              <label>
-                Stop Executing rules
-              </label>
+              <div
+                class="ui checkbox"
+              >
+                <input
+                  class="hidden"
+                  readonly=""
+                  tabindex="0"
+                  type="checkbox"
+                  value=""
+                />
+                <label>
+                  Stop Executing rules
+                </label>
+              </div>
+              <p
+                style="color: rgb(135, 143, 147); padding-top: 0.7rem; padding-bottom: 0.7rem; font-size: 0.9rem;"
+              >
+                Whether or not execution of further rules should stop after this rule is executed
+              </p>
             </div>
-            <p
-              style={
-                Object {
-                  "color": "#878f93",
-                  "fontSize": "0.9rem",
-                  "paddingBottom": "0.7rem",
-                  "paddingTop": "0.7rem",
-                }
-              }
-            >
-              Whether or not execution of further rules should stop after this rule is executed
-            </p>
           </div>
-        </div>
-        <div
-          className="ui segment"
-        >
           <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            class="ui segment"
           >
             <div
-              className="ui checkbox"
-              onChange={[Function]}
-              onClick={[Function]}
-              onMouseDown={[Function]}
-              onMouseUp={[Function]}
+              style="display: flex; flex-direction: column;"
             >
-              <input
-                checked={false}
-                className="hidden"
-                readOnly={true}
-                tabIndex={0}
-                type="checkbox"
-              />
-              <label>
-                Cascading rule
-              </label>
+              <div
+                class="ui checkbox"
+              >
+                <input
+                  class="hidden"
+                  readonly=""
+                  tabindex="0"
+                  type="checkbox"
+                  value=""
+                />
+                <label>
+                  Cascading rule
+                </label>
+              </div>
+              <p
+                style="color: rgb(135, 143, 147); padding-top: 0.7rem; padding-bottom: 0.7rem; font-size: 0.9rem;"
+              >
+                Whether or not other rules should be triggered by the actions launched by this rule. Activate this only if you are sure this won't create infinite loops
+              </p>
             </div>
-            <p
-              style={
-                Object {
-                  "color": "#878f93",
-                  "fontSize": "0.9rem",
-                  "paddingBottom": "0.7rem",
-                  "paddingTop": "0.7rem",
-                }
-              }
-            >
-              Whether or not other rules should be triggered by the actions launched by this rule. Activate this only if you are sure this won't create infinite loops
-            </p>
           </div>
-        </div>
-        <div
-          className="ui segment"
-        >
-          <button
-            className="ui primary button"
-            onClick={[Function]}
-          >
-            Save
-          </button>
-          <button
-            className="ui secondary button"
-            onClick={[Function]}
+          <div
+            class="ui segment"
           >
-            Cancel
-          </button>
+            <button
+              class="ui primary button"
+            >
+              Save
+            </button>
+            <button
+              class="ui secondary button"
+            >
+              Cancel
+            </button>
+          </div>
+          <div
+            class="ui segment"
+          />
         </div>
-        <div
-          className="ui segment"
-        />
-      </div>
-    </article>
+      </article>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Toolbar"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/ConfigureRule.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/ConfigureRule.test.jsx.snap
index f2a98c51aa..25bbc75cdb 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/ConfigureRule.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/ConfigureRule.test.jsx.snap
@@ -1,184 +1,152 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ConfigureRule renders rules configure interface 1`] = `
-<div
-  id="page-rule-configure"
->
+<div>
   <div
-    className="ui container"
+    id="page-rule-configure"
   >
-    <article
-      id="content"
+    <div
+      class="ui container"
     >
-      <div
-        className="ui raised segments"
+      <article
+        id="content"
       >
         <div
-          className="ui segment primary"
-        >
-          Configure Content Rule: 
-          <q>
-            
-          </q>
-        </div>
-        <div
-          className="ui segment secondary"
-        >
-          Rules execute when a triggering event occurs. Rule actions will only be invoked if all the rule's conditions are met. You can add new actions and conditions using the buttons below.
-        </div>
-        <div
-          className="ui segment"
+          class="ui raised segments"
         >
           <div
-            className="ui grid"
+            class="ui segment primary"
+          >
+            Configure Content Rule: 
+            <q />
+          </div>
+          <div
+            class="ui segment secondary"
+          >
+            Rules execute when a triggering event occurs. Rule actions will only be invoked if all the rule's conditions are met. You can add new actions and conditions using the buttons below.
+          </div>
+          <div
+            class="ui segment"
           >
             <div
-              className="row"
+              class="ui grid"
             >
               <div
-                className="six wide computer six wide large screen sixteen wide mobile sixteen wide tablet column"
+                class="row"
               >
-                <h4>
-                  If all of the following conditions are met:
-                </h4>
                 <div
-                  className="row"
+                  class="six wide computer six wide large screen sixteen wide mobile sixteen wide tablet column"
                 >
-                  <h4
-                    style={
-                      Object {
-                        "marginTop": "15px",
-                      }
-                    }
-                  >
-                    Condition: 
+                  <h4>
+                    If all of the following conditions are met:
                   </h4>
                   <div
-                    aria-expanded={false}
-                    className="ui fluid selection dropdown"
-                    onBlur={[Function]}
-                    onChange={[Function]}
-                    onClick={[Function]}
-                    onFocus={[Function]}
-                    onKeyDown={[Function]}
-                    onMouseDown={[Function]}
-                    role="listbox"
-                    style={
-                      Object {
-                        "margin": "5px 0",
-                      }
-                    }
-                    tabIndex={0}
+                    class="row"
                   >
+                    <h4
+                      style="margin-top: 15px;"
+                    >
+                      Condition: 
+                    </h4>
                     <div
-                      aria-atomic={true}
-                      aria-live="polite"
-                      className="divider default text"
-                      role="alert"
+                      aria-expanded="false"
+                      class="ui fluid selection dropdown"
+                      role="listbox"
+                      style="margin: 5px 0px;"
+                      tabindex="0"
                     >
-                      Select condition
+                      <div
+                        aria-atomic="true"
+                        aria-live="polite"
+                        class="divider default text"
+                        role="alert"
+                      >
+                        Select condition
+                      </div>
+                      <i
+                        aria-hidden="true"
+                        class="dropdown icon"
+                      />
+                      <div
+                        class="menu transition"
+                      />
                     </div>
-                    <i
-                      aria-hidden="true"
-                      className="dropdown icon"
-                      onClick={[Function]}
-                    />
-                    <div
-                      className="menu transition"
-                    />
+                    <button
+                      class="ui compact primary button"
+                    >
+                      Add
+                    </button>
                   </div>
-                  <button
-                    className="ui compact primary button"
-                    onClick={[Function]}
-                  >
-                    Add
-                  </button>
                 </div>
-              </div>
-              <div
-                className="six wide computer six wide large screen sixteen wide mobile sixteen wide tablet column"
-              >
-                <h4>
-                  Perform the following actions:
-                </h4>
                 <div
-                  className="row"
+                  class="six wide computer six wide large screen sixteen wide mobile sixteen wide tablet column"
                 >
-                  <h4
-                    style={
-                      Object {
-                        "marginTop": "15px",
-                      }
-                    }
-                  >
-                    Action: 
+                  <h4>
+                    Perform the following actions:
                   </h4>
                   <div
-                    aria-expanded={false}
-                    className="ui fluid selection dropdown"
-                    onBlur={[Function]}
-                    onChange={[Function]}
-                    onClick={[Function]}
-                    onFocus={[Function]}
-                    onKeyDown={[Function]}
-                    onMouseDown={[Function]}
-                    role="listbox"
-                    style={
-                      Object {
-                        "margin": "5px 0",
-                      }
-                    }
-                    tabIndex={0}
+                    class="row"
                   >
+                    <h4
+                      style="margin-top: 15px;"
+                    >
+                      Action: 
+                    </h4>
                     <div
-                      aria-atomic={true}
-                      aria-live="polite"
-                      className="divider default text"
-                      role="alert"
+                      aria-expanded="false"
+                      class="ui fluid selection dropdown"
+                      role="listbox"
+                      style="margin: 5px 0px;"
+                      tabindex="0"
                     >
-                      Select action
+                      <div
+                        aria-atomic="true"
+                        aria-live="polite"
+                        class="divider default text"
+                        role="alert"
+                      >
+                        Select action
+                      </div>
+                      <i
+                        aria-hidden="true"
+                        class="dropdown icon"
+                      />
+                      <div
+                        class="menu transition"
+                      />
                     </div>
-                    <i
-                      aria-hidden="true"
-                      className="dropdown icon"
-                      onClick={[Function]}
-                    />
-                    <div
-                      className="menu transition"
-                    />
+                    <button
+                      class="ui compact primary button"
+                    >
+                      Add
+                    </button>
                   </div>
-                  <button
-                    className="ui compact primary button"
-                    onClick={[Function]}
-                  >
-                    Add
-                  </button>
                 </div>
               </div>
-            </div>
-            <div
-              className="stretched row"
-            >
               <div
-                className="column"
+                class="stretched row"
               >
-                <h4>
-                  Assignments
-                </h4>
-                This rule is assigned to the following locations:
+                <div
+                  class="column"
+                >
+                  <h4>
+                    Assignments
+                  </h4>
+                  This rule is assigned to the following locations:
+                </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-    </article>
+      </article>
+    </div>
   </div>
-  
-  
-  
-  
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/EditRule.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/EditRule.test.jsx.snap
index 4920f93180..931b391418 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/EditRule.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/EditRule.test.jsx.snap
@@ -1,242 +1,197 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`EditRule renders rules edit interface 1`] = `
-<div
-  id="page-rule-edit"
->
+<div>
   <div
-    className="ui container"
+    id="page-rule-edit"
   >
-    <article
-      id="content"
+    <div
+      class="ui container"
     >
-      <div
-        className="ui raised segments"
+      <article
+        id="content"
       >
         <div
-          className="ui segment primary"
+          class="ui raised segments"
         >
-          Edit Rule
-        </div>
-        <div
-          className="ui segment secondary"
-        >
-          Use the form below to define the new content rule
-        </div>
-        <div
-          className="ui segment"
-        >
-          <form
-            className="ui form"
-            onSubmit={[Function]}
+          <div
+            class="ui segment primary"
           >
-            <div
-              className="ui grid"
+            Edit Rule
+          </div>
+          <div
+            class="ui segment secondary"
+          >
+            Use the form below to define the new content rule
+          </div>
+          <div
+            class="ui segment"
+          >
+            <form
+              class="ui form"
             >
               <div
-                className="stretched row"
+                class="ui grid"
               >
                 <div
-                  className="column"
+                  class="stretched row"
                 >
                   <div
-                    className="mocked-default-widget"
-                    id="mocked-field-undefined"
+                    class="column"
                   >
-                    Title
-                     - 
-                    Please set a descriptive title for the rule.
+                    <div
+                      class="mocked-default-widget"
+                      id="mocked-field-undefined"
+                    >
+                      Title
+                       - 
+                      Please set a descriptive title for the rule.
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                className="stretched row"
-              >
                 <div
-                  className="column"
+                  class="stretched row"
                 >
                   <div
-                    className="mocked-default-widget"
-                    id="mocked-field-undefined"
+                    class="column"
                   >
-                    Description
-                     - 
-                    Enter a short description of the rule and its purpose.
+                    <div
+                      class="mocked-default-widget"
+                      id="mocked-field-undefined"
+                    >
+                      Description
+                       - 
+                      Enter a short description of the rule and its purpose.
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                className="stretched row"
-              >
                 <div
-                  className="column"
+                  class="stretched row"
                 >
                   <div
-                    className="mocked-default-widget"
-                    id="mocked-field-undefined"
+                    class="column"
                   >
-                    Triggering event
-                     - 
-                    The rule will execute when the following event occurs.
+                    <div
+                      class="mocked-default-widget"
+                      id="mocked-field-undefined"
+                    >
+                      Triggering event
+                       - 
+                      The rule will execute when the following event occurs.
+                    </div>
                   </div>
                 </div>
               </div>
-            </div>
-          </form>
-        </div>
-        <div
-          className="ui segment"
-        >
+            </form>
+          </div>
           <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            class="ui segment"
           >
             <div
-              className="ui checkbox"
-              onChange={[Function]}
-              onClick={[Function]}
-              onMouseDown={[Function]}
-              onMouseUp={[Function]}
+              style="display: flex; flex-direction: column;"
             >
-              <input
-                checked={false}
-                className="hidden"
-                readOnly={true}
-                tabIndex={0}
-                type="checkbox"
-              />
-              <label>
-                Enabled
-              </label>
+              <div
+                class="ui checkbox"
+              >
+                <input
+                  class="hidden"
+                  readonly=""
+                  tabindex="0"
+                  type="checkbox"
+                  value=""
+                />
+                <label>
+                  Enabled
+                </label>
+              </div>
+              <p
+                style="color: rgb(135, 143, 147); padding-top: 0.7rem; padding-bottom: 0.7rem; font-size: 0.9rem;"
+              >
+                Whether or not the rule is currently enabled
+              </p>
             </div>
-            <p
-              style={
-                Object {
-                  "color": "#878f93",
-                  "fontSize": "0.9rem",
-                  "paddingBottom": "0.7rem",
-                  "paddingTop": "0.7rem",
-                }
-              }
-            >
-              Whether or not the rule is currently enabled
-            </p>
           </div>
-        </div>
-        <div
-          className="ui segment"
-        >
           <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            class="ui segment"
           >
             <div
-              className="ui checkbox"
-              onChange={[Function]}
-              onClick={[Function]}
-              onMouseDown={[Function]}
-              onMouseUp={[Function]}
+              style="display: flex; flex-direction: column;"
             >
-              <input
-                checked={false}
-                className="hidden"
-                readOnly={true}
-                tabIndex={0}
-                type="checkbox"
-              />
-              <label>
-                Stop Executing rules
-              </label>
+              <div
+                class="ui checkbox"
+              >
+                <input
+                  class="hidden"
+                  readonly=""
+                  tabindex="0"
+                  type="checkbox"
+                  value=""
+                />
+                <label>
+                  Stop Executing rules
+                </label>
+              </div>
+              <p
+                style="color: rgb(135, 143, 147); padding-top: 0.7rem; padding-bottom: 0.7rem; font-size: 0.9rem;"
+              >
+                Whether or not execution of further rules should stop after this rule is executed
+              </p>
             </div>
-            <p
-              style={
-                Object {
-                  "color": "#878f93",
-                  "fontSize": "0.9rem",
-                  "paddingBottom": "0.7rem",
-                  "paddingTop": "0.7rem",
-                }
-              }
-            >
-              Whether or not execution of further rules should stop after this rule is executed
-            </p>
           </div>
-        </div>
-        <div
-          className="ui segment"
-        >
           <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            class="ui segment"
           >
             <div
-              className="ui checkbox"
-              onChange={[Function]}
-              onClick={[Function]}
-              onMouseDown={[Function]}
-              onMouseUp={[Function]}
+              style="display: flex; flex-direction: column;"
             >
-              <input
-                checked={false}
-                className="hidden"
-                readOnly={true}
-                tabIndex={0}
-                type="checkbox"
-              />
-              <label>
-                Cascading rule
-              </label>
+              <div
+                class="ui checkbox"
+              >
+                <input
+                  class="hidden"
+                  readonly=""
+                  tabindex="0"
+                  type="checkbox"
+                  value=""
+                />
+                <label>
+                  Cascading rule
+                </label>
+              </div>
+              <p
+                style="color: rgb(135, 143, 147); padding-top: 0.7rem; padding-bottom: 0.7rem; font-size: 0.9rem;"
+              >
+                Whether or not other rules should be triggered by the actions launched by this rule. Activate this only if you are sure this won't create infinite loops
+              </p>
             </div>
-            <p
-              style={
-                Object {
-                  "color": "#878f93",
-                  "fontSize": "0.9rem",
-                  "paddingBottom": "0.7rem",
-                  "paddingTop": "0.7rem",
-                }
-              }
-            >
-              Whether or not other rules should be triggered by the actions launched by this rule. Activate this only if you are sure this won't create infinite loops
-            </p>
           </div>
-        </div>
-        <div
-          className="ui segment"
-        >
-          <button
-            className="ui primary button"
-            onClick={[Function]}
-          >
-            Save
-          </button>
-          <button
-            className="ui secondary button"
-            onClick={[Function]}
+          <div
+            class="ui segment"
           >
-            Cancel
-          </button>
+            <button
+              class="ui primary button"
+            >
+              Save
+            </button>
+            <button
+              class="ui secondary button"
+            >
+              Cancel
+            </button>
+          </div>
+          <div
+            class="ui segment"
+          />
         </div>
-        <div
-          className="ui segment"
-        />
-      </div>
-    </article>
+      </article>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/Rules.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/Rules.test.jsx.snap
index 6badfd410f..dbdbfaefb5 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/Rules.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/Rules.test.jsx.snap
@@ -1,93 +1,92 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Rules renders rules control panel control 1`] = `
-<div
-  id="page-rules"
->
+<div>
   <div
-    className="ui container"
+    id="page-rules"
   >
-    <article
-      id="content"
+    <div
+      class="ui container"
     >
-      <div
-        className="ui raised segments"
+      <article
+        id="content"
       >
         <div
-          className="ui segment primary"
-        >
-          Content Rules
-        </div>
-        <div
-          className="ui segment secondary"
-        >
-          Use the form below to define, change or remove content rules. Rules will automatically perform actions on content when certain triggers take place. After defining rules, you may want to go to a folder to assign them, using the 'rules' item in the actions menu.
-        </div>
-        <div
-          className="ui segment"
+          class="ui raised segments"
         >
           <div
-            className="ui small header"
+            class="ui segment primary"
           >
-            Filter Rules:
+            Content Rules
           </div>
-          <form
-            className="ui form"
-            onSubmit={[Function]}
+          <div
+            class="ui segment secondary"
           >
-            <div
-              style={
-                Object {
-                  "display": "flex",
-                  "flexWrap": "wrap",
-                }
-              }
-            />
-          </form>
-          <table
-            className="ui table"
+            Use the form below to define, change or remove content rules. Rules will automatically perform actions on content when certain triggers take place. After defining rules, you may want to go to a folder to assign them, using the 'rules' item in the actions menu.
+          </div>
+          <div
+            class="ui segment"
           >
-            <tbody
-              className=""
+            <div
+              class="ui small header"
             >
-              <tr
-                className=""
+              Filter Rules:
+            </div>
+            <form
+              class="ui form"
+            >
+              <div
+                style="display: flex; flex-wrap: wrap;"
+              />
+            </form>
+            <table
+              class="ui table"
+            >
+              <tbody
+                class=""
               >
-                <th
-                  className=""
-                >
-                  Content Rule
-                </th>
-                <th
-                  className=""
-                >
-                  Event
-                </th>
-                <th
-                  className=""
-                >
-                  Status
-                </th>
-                <th
-                  className=""
+                <tr
+                  class=""
                 >
-                  Actions
-                </th>
-              </tr>
-            </tbody>
-          </table>
-          <button
-            className="ui primary button"
-            onClick={[Function]}
-          >
-            Add content rule
-          </button>
+                  <th
+                    class=""
+                  >
+                    Content Rule
+                  </th>
+                  <th
+                    class=""
+                  >
+                    Event
+                  </th>
+                  <th
+                    class=""
+                  >
+                    Status
+                  </th>
+                  <th
+                    class=""
+                  >
+                    Actions
+                  </th>
+                </tr>
+              </tbody>
+            </table>
+            <button
+              class="ui primary button"
+            >
+              Add content rule
+            </button>
+          </div>
         </div>
-      </div>
-    </article>
+      </article>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/components/VariableModal.test.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/components/VariableModal.test.jsx.removed
similarity index 71%
rename from packages/volto/src/components/manage/Controlpanels/Rules/components/VariableModal.test.jsx
rename to packages/volto/src/components/manage/Controlpanels/Rules/components/VariableModal.test.jsx.removed
index 4d6bb73ab2..3d7220e637 100644
--- a/packages/volto/src/components/manage/Controlpanels/Rules/components/VariableModal.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Rules/components/VariableModal.test.jsx.removed
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
@@ -9,9 +9,8 @@ import VariableModal from './VariableModal';
 const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 
 describe('VariableModal', () => {
   it('renders rules add interface', () => {
@@ -21,12 +20,12 @@ describe('VariableModal', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <VariableModal location={{ pathname: '/controlpanel/rules' }} />
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/components/__snapshots__/VariableModal.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Rules/components/__snapshots__/VariableModal.test.jsx.snap
deleted file mode 100644
index 45338eec4d..0000000000
--- a/packages/volto/src/components/manage/Controlpanels/Rules/components/__snapshots__/VariableModal.test.jsx.snap
+++ /dev/null
@@ -1,8 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`VariableModal renders rules add interface 1`] = `
-<div>
-  
-  
-</div>
-`;
diff --git a/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.jsx b/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.jsx
index 62bbef85e3..3b95e2dd4a 100644
--- a/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.jsx
@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { Container, Segment, Table, Menu, Input } from 'semantic-ui-react';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 import { Icon, Toolbar, Form, Toast } from '@plone/volto/components';
@@ -702,8 +702,8 @@ class UndoControlpanel extends Component {
             )}
           </Segment.Group>
         </Segment.Group>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -720,9 +720,9 @@ class UndoControlpanel extends Component {
                   </Link>
                 </>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     );
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.test.jsx b/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.test.jsx
index 61d65fcc2c..ba7261c78e 100644
--- a/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 
@@ -7,9 +7,8 @@ import UndoControlpanel from './UndoControlpanel';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 jest.mock('../Form/Form', () => jest.fn(() => <div id="form" />));
 
 describe('UndoControlpanel', () => {
@@ -84,12 +83,13 @@ describe('UndoControlpanel', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <UndoControlpanel location={{ pathname: '/blog' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/UpgradeControlPanel.jsx b/packages/volto/src/components/manage/Controlpanels/UpgradeControlPanel.jsx
index b415db3597..fe1efd6c55 100644
--- a/packages/volto/src/components/manage/Controlpanels/UpgradeControlPanel.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/UpgradeControlPanel.jsx
@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import {
   Button,
   Container,
@@ -311,8 +311,8 @@ class UpgradeControlPanel extends Component {
             ) : null}
           </Segment>
         </Segment.Group>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -329,9 +329,9 @@ class UpgradeControlPanel extends Component {
                   </Link>
                 </>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     ) : null;
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.jsx b/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.jsx
index 6195610e7f..0acb553959 100644
--- a/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.jsx
@@ -2,9 +2,9 @@
  * User Control Panel [user group membership management]
  * TODO Enrich with features of user control panel. Then replace user control panel.
  */
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { find } from 'lodash';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { useHistory } from 'react-router';
 import { Link, useLocation } from 'react-router-dom';
 import { FormattedMessage, useIntl } from 'react-intl';
@@ -45,6 +45,12 @@ const UserGroupMembershipPanel = () => {
     id: 'plone_setup',
   });
 
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+
   useEffect(() => {
     dispatch(listActions('/'));
   }, [dispatch]);
@@ -57,7 +63,7 @@ const UserGroupMembershipPanel = () => {
     dispatch(getSystemInformation());
   }, [dispatch]);
 
-  if (__CLIENT__ && !ploneSetupAction) {
+  if (isClient && !ploneSetupAction) {
     return <Unauthorized />;
   }
 
@@ -108,8 +114,8 @@ const UserGroupMembershipPanel = () => {
         </Segment.Group>
       </div>
 
-      {__CLIENT__ && (
-        <Portal node={document.getElementById('toolbar')}>
+      {isClient &&
+        createPortal(
           <Toolbar
             pathname={pathname}
             hideDefaultViewButtons
@@ -139,9 +145,9 @@ const UserGroupMembershipPanel = () => {
                 </Link>
               </>
             }
-          />
-        </Portal>
-      )}
+          />,
+          document.getElementById('toolbar'),
+        )}
     </>
   );
 };
diff --git a/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.test.jsx b/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.test.jsx
index 2d9a74030d..26343e85fb 100644
--- a/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter } from 'react-router-dom';
@@ -7,9 +7,8 @@ import { MemoryRouter } from 'react-router-dom';
 import UserGroupMembershipControlPanel from './UserGroupMembershipControlPanel';
 
 const mockStore = configureStore();
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 describe('UserGroupMembershipControlPanel', () => {
   it('renders a user group membership control component', () => {
     const store = mockStore({
@@ -49,14 +48,15 @@ describe('UserGroupMembershipControlPanel', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <UserGroupMembershipControlPanel />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/Users/UsersControlpanel.jsx b/packages/volto/src/components/manage/Controlpanels/Users/UsersControlpanel.jsx
index a961ea260e..c7ae00337f 100644
--- a/packages/volto/src/components/manage/Controlpanels/Users/UsersControlpanel.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Users/UsersControlpanel.jsx
@@ -39,7 +39,7 @@ import { find, map, pull, difference } from 'lodash';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { connect } from 'react-redux';
 import { toast } from 'react-toastify';
 import { bindActionCreators, compose } from 'redux';
@@ -359,8 +359,8 @@ class UsersControlpanel extends Component {
           entry.id === name && !entry.roles.includes(value)
             ? [...entry.roles, value]
             : entry.id !== name
-            ? entry.roles
-            : pull(entry.roles, value),
+              ? entry.roles
+              : pull(entry.roles, value),
       })),
     });
   }
@@ -662,8 +662,8 @@ class UsersControlpanel extends Component {
             </div>
           </Form>
         </Segment.Group>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -715,9 +715,9 @@ class UsersControlpanel extends Component {
                   </Button>
                 </>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     );
   }
diff --git a/packages/volto/src/components/manage/Controlpanels/Users/UsersControlpanel.test.jsx b/packages/volto/src/components/manage/Controlpanels/Users/UsersControlpanel.test.jsx
index 3a2fecc71c..4ea089c4a2 100644
--- a/packages/volto/src/components/manage/Controlpanels/Users/UsersControlpanel.test.jsx
+++ b/packages/volto/src/components/manage/Controlpanels/Users/UsersControlpanel.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import jwt from 'jsonwebtoken';
@@ -7,9 +7,8 @@ import jwt from 'jsonwebtoken';
 import UsersControlpanel from './UsersControlpanel';
 
 const mockStore = configureStore();
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 describe('UsersControlpanel', () => {
   it('renders a user control component', () => {
     const store = mockStore({
@@ -37,12 +36,13 @@ describe('UsersControlpanel', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <UsersControlpanel location={{ pathname: '/blog' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UserGroupMembershipControlPanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UserGroupMembershipControlPanel.test.jsx.snap
index 383fc4159d..3da50c6b65 100644
--- a/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UserGroupMembershipControlPanel.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UserGroupMembershipControlPanel.test.jsx.snap
@@ -1,37 +1,40 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`UserGroupMembershipControlPanel renders a user group membership control component 1`] = `
-<div
-  className="ui container view-wrapper"
->
-  <h1>
-    Unauthorized
-  </h1>
-  <h3 />
-  <p
-    className="description"
+<div>
+  <div
+    class="ui container view-wrapper"
   >
-    You are trying to access a protected resource, please 
-    <a
-      href="/login"
-      onClick={[Function]}
+    <h1>
+      Unauthorized
+    </h1>
+    <h3 />
+    <p
+      class="description"
     >
-      log in
-    </a>
-     first.
-  </p>
-  <p>
-    If you are certain you have the correct web address but are encountering an error, please contact the 
-    <a
-      href="/contact-form"
-      onClick={[Function]}
-    >
-      Site Administration
-    </a>
-    .
-  </p>
-  <p>
-    Thank you.
-  </p>
+      You are trying to access a protected resource, please 
+      <a
+        href="/login"
+      >
+        log in
+      </a>
+       first.
+    </p>
+    <p>
+      If you are certain you have the correct web address but are encountering an error, please contact the 
+      <a
+        href="/contact-form"
+      >
+        Site Administration
+      </a>
+      .
+    </p>
+    <p>
+      Thank you.
+    </p>
+  </div>
+  <div
+    id="toolbar"
+  />
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UsersControlpanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UsersControlpanel.test.jsx.snap
index 5e68f9ca78..3e42328f02 100644
--- a/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UsersControlpanel.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UsersControlpanel.test.jsx.snap
@@ -1,124 +1,117 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`UsersControlpanel renders a user control component 1`] = `
-<div
-  className="ui container users-control-panel"
->
+<div>
   <div
-    className="container"
-  />
-  <div
-    className="ui raised segments"
+    class="ui container users-control-panel"
   >
     <div
-      className="ui segment primary"
-    >
-      Users
-    </div>
-    <div
-      className="ui secondary segment"
-    >
-      Note that roles set here apply directly to a user. The symbol
-      <svg
-        className="icon"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "<title>plone-svg</title>undefined",
-          }
-        }
-        onClick={null}
-        style={
-          Object {
-            "fill": "#007EB1",
-            "height": "20px",
-            "width": "auto",
-          }
-        }
-        viewBox=""
-        xmlns=""
-      />
-      indicates a role inherited from membership in a group.
-    </div>
+      class="container"
+    />
     <div
-      className="ui segment"
+      class="ui raised segments"
     >
-      <form
-        className="ui form"
-        onSubmit={[Function]}
+      <div
+        class="ui segment primary"
       >
-        <div
-          className="field"
+        Users
+      </div>
+      <div
+        class="ui secondary segment"
+      >
+        Note that roles set here apply directly to a user. The symbol
+        <svg
+          class="icon"
+          style="height: 20px; width: auto; fill: #007EB1;"
+          viewBox=""
+          xmlns=""
+        >
+          <title>
+            plone-svg
+          </title>
+          undefined
+        </svg>
+        indicates a role inherited from membership in a group.
+      </div>
+      <div
+        class="ui segment"
+      >
+        <form
+          class="ui form"
         >
           <div
-            className="ui action input"
+            class="field"
           >
-            <input
-              id="user-search-input"
-              name="SearchableText"
-              onChange={[Function]}
-              placeholder="Search users…"
-              type="text"
-            />
-            <button
-              className="ui icon button"
-              onClick={[Function]}
+            <div
+              class="ui action input"
             >
-              <i
-                aria-hidden="true"
-                className="search icon"
-                onClick={[Function]}
+              <input
+                id="user-search-input"
+                name="SearchableText"
+                placeholder="Search users…"
+                type="text"
               />
-            </button>
+              <button
+                class="ui icon button"
+              >
+                <i
+                  aria-hidden="true"
+                  class="search icon"
+                />
+              </button>
+            </div>
           </div>
-        </div>
-      </form>
-    </div>
-    <form
-      className="ui form"
-      onSubmit={[Function]}
-    >
-      <table
-        className="ui striped unstackable attached padded table"
+        </form>
+      </div>
+      <form
+        class="ui form"
       >
-        <thead
-          className=""
+        <table
+          class="ui striped unstackable attached padded table"
         >
-          <tr
-            className=""
+          <thead
+            class=""
           >
-            <th
-              className=""
-            >
-              User name
-            </th>
-            <th
-              className=""
+            <tr
+              class=""
             >
-              Actions
-            </th>
-          </tr>
-        </thead>
-        <tbody
-          className=""
-          data-user="users"
-        />
-      </table>
-      
-      <div
-        className="contents-pagination"
-      >
+              <th
+                class=""
+              >
+                User name
+              </th>
+              <th
+                class=""
+              >
+                Actions
+              </th>
+            </tr>
+          </thead>
+          <tbody
+            class=""
+            data-user="users"
+          />
+        </table>
         <div
-          className="ui secondary attached menu"
+          class="contents-pagination"
         >
           <div
-            className="menu"
-          />
+            class="ui secondary attached menu"
+          >
+            <div
+              class="menu"
+            />
+          </div>
         </div>
-      </div>
-    </form>
+      </form>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/AddonsControlpanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/AddonsControlpanel.test.jsx.snap
index 78ea65bb56..5e191feca7 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/AddonsControlpanel.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/AddonsControlpanel.test.jsx.snap
@@ -1,221 +1,195 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`AddonsControlpanel renders an addon control component 1`] = `
-<div
-  className="ui container controlpanel-addons"
-  id="page-addons"
->
+<div>
   <div
-    className="ui raised segments"
+    class="ui container controlpanel-addons"
+    id="page-addons"
   >
     <div
-      className="ui segment primary"
-    >
-      Add-ons Settings
-    </div>
-    <div
-      className="ui attached message"
+      class="ui raised segments"
     >
       <div
-        className="header"
+        class="ui segment primary"
       >
-        Updates available
+        Add-ons Settings
       </div>
-      Update installed addons
-    </div>
-    <div
-      className="ui segment"
-    >
-      <h3
-        className="ui header"
+      <div
+        class="ui attached message"
       >
-        Activate and deactivate add-ons in the lists below.
-      </h3>
-      To make new add-ons show up here, add them to your configuration, build, and restart the server process. For detailed instructions see
-       
-      <a
-        href="https://6.docs.plone.org/install/"
-        rel="noopener noreferrer"
-        target="_blank"
+        <div
+          class="header"
+        >
+          Updates available
+        </div>
+        Update installed addons
+      </div>
+      <div
+        class="ui segment"
       >
-        Installing a third party add-on
-      </a>
-      .
-    </div>
-    <div
-      className="ui secondary segment"
-    >
-      Available
-      :
+        <h3
+          class="ui header"
+        >
+          Activate and deactivate add-ons in the lists below.
+        </h3>
+        To make new add-ons show up here, add them to your configuration, build, and restart the server process. For detailed instructions see
+         
+        <a
+          href="https://6.docs.plone.org/install/"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          Installing a third party add-on
+        </a>
+        .
+      </div>
       <div
-        className="ui circular label"
-        onClick={[Function]}
+        class="ui secondary segment"
       >
-        1
+        Available
+        :
+        <div
+          class="ui circular label"
+        >
+          1
+        </div>
       </div>
-    </div>
-    <div
-      className="ui attached segment"
-    >
       <div
-        className="accordion ui"
+        class="ui attached segment"
       >
         <div
-          className="ui divider"
-        />
-        <div>
-          <div
-            className="title"
-            onClick={[Function]}
-          >
-            Something Else
-            <svg
-              className="icon accordionToggle Something Else"
-              dangerouslySetInnerHTML={
-                Object {
-                  "__html": undefined,
-                }
-              }
-              onClick={null}
-              style={
-                Object {
-                  "fill": "currentColor",
-                  "height": "23px",
-                  "width": "auto",
-                }
-              }
-              viewBox=""
-              xmlns=""
-            />
-          </div>
+          class="accordion ui"
+        >
           <div
-            className="content"
-          >
+            class="ui divider"
+          />
+          <div>
             <div
-              className="description"
+              class="title"
             >
-              Does other things…
+              Something Else
+              <svg
+                class="icon accordionToggle Something Else"
+                style="height: 23px; width: auto; fill: currentColor;"
+                viewBox=""
+                xmlns=""
+              />
             </div>
             <div
-              className="ui right floated buttons"
+              class="content"
             >
-              <button
-                className="ui primary button installAction"
-                onClick={[Function]}
-                value="plone.app.somethingelse"
+              <div
+                class="description"
+              >
+                Does other things…
+              </div>
+              <div
+                class="ui right floated buttons"
               >
-                Install
-              </button>
+                <button
+                  class="ui primary button installAction"
+                  value="plone.app.somethingelse"
+                >
+                  Install
+                </button>
+              </div>
+              <div
+                class="version"
+              >
+                Latest version
+                :  
+                1.0.0
+              </div>
             </div>
             <div
-              className="version"
-            >
-              Latest version
-              :  
-              1.0.0
-            </div>
+              class="ui divider"
+            />
           </div>
-          <div
-            className="ui divider"
-          />
         </div>
       </div>
-    </div>
-    <div
-      className="ui secondary segment"
-    >
-      Installed
-      :
       <div
-        className="ui circular label"
-        onClick={[Function]}
+        class="ui secondary segment"
       >
-        1
+        Installed
+        :
+        <div
+          class="ui circular label"
+        >
+          1
+        </div>
       </div>
-    </div>
-    <div
-      className="ui attached segment"
-    >
       <div
-        className="accordion ui"
+        class="ui attached segment"
       >
         <div
-          className="ui divider"
-        />
-        <div>
-          <div
-            className="title updateAvailable"
-            onClick={[Function]}
-          >
-            Whatever
-            <div
-              className="ui label"
-              onClick={[Function]}
-            >
-              Update
-            </div>
-            <svg
-              className="icon accordionToggle Whatever"
-              dangerouslySetInnerHTML={
-                Object {
-                  "__html": undefined,
-                }
-              }
-              onClick={null}
-              style={
-                Object {
-                  "fill": "#878f93",
-                  "height": "24px",
-                  "width": "auto",
-                }
-              }
-              viewBox=""
-              xmlns=""
-            />
-          </div>
+          class="accordion ui"
+        >
           <div
-            className="content"
-          >
+            class="ui divider"
+          />
+          <div>
             <div
-              className="description"
+              class="title updateAvailable"
             >
-              Does stuff and junk…
+              Whatever
+              <div
+                class="ui label"
+              >
+                Update
+              </div>
+              <svg
+                class="icon accordionToggle Whatever"
+                style="height: 24px; width: auto; fill: #878f93;"
+                viewBox=""
+                xmlns=""
+              />
             </div>
             <div
-              className="ui right floated buttons"
+              class="content"
             >
-              <button
-                className="ui primary button"
-                onClick={[Function]}
-                value="plone.app.whatever"
+              <div
+                class="description"
+              >
+                Does stuff and junk…
+              </div>
+              <div
+                class="ui right floated buttons"
               >
-                Update from version  to 
-              </button>
-              <button
-                className="ui negative button uninstallAction"
-                onClick={[Function]}
-                value="plone.app.whatever"
+                <button
+                  class="ui primary button"
+                  value="plone.app.whatever"
+                >
+                  Update from version  to 
+                </button>
+                <button
+                  class="ui negative button uninstallAction"
+                  value="plone.app.whatever"
+                >
+                  Uninstall
+                </button>
+              </div>
+              <div
+                class="version"
               >
-                Uninstall
-              </button>
+                Installed version
+                :   
+                1.0.0
+              </div>
             </div>
             <div
-              className="version"
-            >
-              Installed version
-              :   
-              1.0.0
-            </div>
+              class="ui divider"
+            />
           </div>
-          <div
-            className="ui divider"
-          />
         </div>
       </div>
     </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Aliases.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Aliases.test.jsx.snap
index 3faa80d47e..79e00ac7e7 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Aliases.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Aliases.test.jsx.snap
@@ -1,518 +1,440 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Aliases renders an aliases control component 1`] = `
-<div
-  id="page-aliases"
->
+<div>
   <div
-    className="ui container"
+    id="page-aliases"
   >
-    <article
-      id="content"
+    <div
+      class="ui container"
     >
-      <div
-        className="ui raised segments"
+      <article
+        id="content"
       >
         <div
-          className="ui segment primary"
-        >
-          URL Management
-        </div>
-        <form
-          className="ui form"
-          onSubmit={[Function]}
+          class="ui raised segments"
         >
           <div
-            className="ui segment"
+            class="ui segment primary"
+          >
+            URL Management
+          </div>
+          <form
+            class="ui form"
           >
             <div
-              className="ui medium header"
-            >
-              Alternative url path (Required)
-            </div>
-            <p
-              className="help"
-            >
-              Enter the absolute path where the alternative url should exist. The path must start with '/'. Only urls that result in a 404 not found page will result in a redirect occurring.
-            </p>
-            <div
-              className="field"
+              class="ui segment"
             >
               <div
-                className="ui input"
+                class="ui medium header"
               >
-                <input
-                  id="alternative-url-input"
-                  name="alternative-url-path"
-                  onChange={[Function]}
-                  placeholder="/example"
-                  type="text"
-                  value=""
-                />
+                Alternative url path (Required)
+              </div>
+              <p
+                class="help"
+              >
+                Enter the absolute path where the alternative url should exist. The path must start with '/'. Only urls that result in a 404 not found page will result in a redirect occurring.
+              </p>
+              <div
+                class="field"
+              >
+                <div
+                  class="ui input"
+                >
+                  <input
+                    id="alternative-url-input"
+                    name="alternative-url-path"
+                    placeholder="/example"
+                    type="text"
+                    value=""
+                  />
+                </div>
               </div>
-            </div>
-            <div
-              className="ui medium header"
-            >
-              Target Path (Required)
-            </div>
-            <p
-              className="help"
-            >
-              Enter the absolute path of the target. The path must start with '/'. Target must exist or be an existing alternative url path to the target.
-            </p>
-            <div
-              className="field"
-            >
               <div
-                className="ui input"
+                class="ui medium header"
               >
-                <input
-                  id="target-url-input"
-                  name="target-url-path"
-                  onChange={[Function]}
-                  placeholder="/example"
-                  type="text"
-                  value=""
-                />
+                Target Path (Required)
               </div>
+              <p
+                class="help"
+              >
+                Enter the absolute path of the target. The path must start with '/'. Target must exist or be an existing alternative url path to the target.
+              </p>
+              <div
+                class="field"
+              >
+                <div
+                  class="ui input"
+                >
+                  <input
+                    id="target-url-input"
+                    name="target-url-path"
+                    placeholder="/example"
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <button
+                class="ui primary disabled button"
+                disabled=""
+                id="submit-alias"
+                tabindex="-1"
+              >
+                Add
+              </button>
             </div>
-            <button
-              className="ui primary disabled button"
-              disabled={true}
-              id="submit-alias"
-              onClick={[Function]}
-              tabIndex={-1}
-            >
-              Add
-            </button>
-            
-          </div>
-        </form>
-        <form
-          className="ui form"
-          onSubmit={[Function]}
-        >
-          <div
-            className="ui segment primary"
+          </form>
+          <form
+            class="ui form"
           >
             <div
-              className="ui medium header"
-            >
-              All existing alternative urls for this site
-            </div>
-            <div
-              className="ui small header"
-            >
-              Filter by prefix
-            </div>
-            <div
-              className="field"
+              class="ui segment primary"
             >
               <div
-                className="ui input"
+                class="ui medium header"
               >
-                <input
-                  name="filter"
-                  onChange={[Function]}
-                  placeholder="/example"
-                  type="text"
-                  value=""
-                />
+                All existing alternative urls for this site
               </div>
-            </div>
-            <div
-              className="ui small header"
-            >
-              Manually or automatically added?
-            </div>
-            <div
-              className="field"
-            >
               <div
-                className="ui checked radio checkbox"
-                onChange={[Function]}
-                onClick={[Function]}
-                onMouseDown={[Function]}
-                onMouseUp={[Function]}
+                class="ui small header"
               >
-                <input
-                  checked={true}
-                  className="hidden"
-                  name="radioGroup"
-                  readOnly={true}
-                  tabIndex={0}
-                  type="radio"
-                  value=""
-                />
-                <label>
-                  Both
-                </label>
+                Filter by prefix
               </div>
-            </div>
-            <div
-              className="field"
-            >
               <div
-                className="ui radio checkbox"
-                onChange={[Function]}
-                onClick={[Function]}
-                onMouseDown={[Function]}
-                onMouseUp={[Function]}
+                class="field"
               >
-                <input
-                  checked={false}
-                  className="hidden"
-                  name="radioGroup"
-                  readOnly={true}
-                  tabIndex={0}
-                  type="radio"
-                  value="no"
-                />
-                <label>
-                  Automatically
-                </label>
+                <div
+                  class="ui input"
+                >
+                  <input
+                    name="filter"
+                    placeholder="/example"
+                    type="text"
+                    value=""
+                  />
+                </div>
               </div>
-            </div>
-            <div
-              className="field"
-            >
               <div
-                className="ui radio checkbox"
-                onChange={[Function]}
-                onClick={[Function]}
-                onMouseDown={[Function]}
-                onMouseUp={[Function]}
+                class="ui small header"
               >
-                <input
-                  checked={false}
-                  className="hidden"
-                  name="radioGroup"
-                  readOnly={true}
-                  tabIndex={0}
-                  type="radio"
-                  value="yes"
-                />
-                <label>
-                  Manually
-                </label>
+                Manually or automatically added?
               </div>
-            </div>
-            <div
-              className="field"
-            />
-            <button
-              className="ui primary button"
-              onClick={[Function]}
-            >
-              Filter
-            </button>
-            <div
-              className="ui small header"
-            >
-              Alternative url path → target url path (date and time of creation, manually created yes/no)
-            </div>
-            <table
-              className="ui table"
-            >
-              <tbody
-                className=""
+              <div
+                class="field"
               >
-                <tr
-                  className=""
+                <div
+                  class="ui checked radio checkbox"
                 >
-                  <th
-                    className=""
-                  >
-                    Select
-                  </th>
-                  <th
-                    className=""
-                  >
-                    Alias
-                  </th>
-                  <th
-                    className=""
-                  >
-                    Target
-                  </th>
-                  <th
-                    className=""
-                  >
-                    Date
-                  </th>
-                  <th
-                    className=""
-                  >
-                    Manual
-                  </th>
-                </tr>
-                <tr
-                  className=""
+                  <input
+                    checked=""
+                    class="hidden"
+                    name="radioGroup"
+                    readonly=""
+                    tabindex="0"
+                    type="radio"
+                    value=""
+                  />
+                  <label>
+                    Both
+                  </label>
+                </div>
+              </div>
+              <div
+                class="field"
+              >
+                <div
+                  class="ui radio checkbox"
                 >
-                  <td
-                    className=""
-                  >
-                    <div
-                      className="ui fitted checkbox"
-                      onChange={[Function]}
-                      onClick={[Function]}
-                      onMouseDown={[Function]}
-                      onMouseUp={[Function]}
-                    >
-                      <input
-                        checked={false}
-                        className="hidden"
-                        readOnly={true}
-                        tabIndex={0}
-                        type="checkbox"
-                        value="/eventsalias"
-                      />
-                      <label />
-                    </div>
-                  </td>
-                  <td
-                    className=""
-                  >
-                    <p>
-                      /eventsalias
-                    </p>
-                  </td>
-                  <td
-                    className=""
-                  >
-                    <p>
-                      /events
-                    </p>
-                  </td>
-                  <td
-                    className=""
-                  >
-                    <p>
-                      2022-05-16T11:52:35+00:00
-                    </p>
-                  </td>
-                  <td
-                    className=""
-                  >
-                    <p>
-                      true
-                    </p>
-                  </td>
-                </tr>
-                <tr
-                  className=""
+                  <input
+                    class="hidden"
+                    name="radioGroup"
+                    readonly=""
+                    tabindex="0"
+                    type="radio"
+                    value="no"
+                  />
+                  <label>
+                    Automatically
+                  </label>
+                </div>
+              </div>
+              <div
+                class="field"
+              >
+                <div
+                  class="ui radio checkbox"
                 >
-                  <td
-                    className=""
+                  <input
+                    class="hidden"
+                    name="radioGroup"
+                    readonly=""
+                    tabindex="0"
+                    type="radio"
+                    value="yes"
+                  />
+                  <label>
+                    Manually
+                  </label>
+                </div>
+              </div>
+              <div
+                class="field"
+              />
+              <button
+                class="ui primary button"
+              >
+                Filter
+              </button>
+              <div
+                class="ui small header"
+              >
+                Alternative url path → target url path (date and time of creation, manually created yes/no)
+              </div>
+              <table
+                class="ui table"
+              >
+                <tbody
+                  class=""
+                >
+                  <tr
+                    class=""
                   >
-                    <div
-                      className="ui fitted checkbox"
-                      onChange={[Function]}
-                      onClick={[Function]}
-                      onMouseDown={[Function]}
-                      onMouseUp={[Function]}
+                    <th
+                      class=""
                     >
-                      <input
-                        checked={false}
-                        className="hidden"
-                        readOnly={true}
-                        tabIndex={0}
-                        type="checkbox"
-                        value="/eventsgreatalias"
-                      />
-                      <label />
-                    </div>
-                  </td>
-                  <td
-                    className=""
-                  >
-                    <p>
-                      /eventsgreatalias
-                    </p>
-                  </td>
-                  <td
-                    className=""
+                      Select
+                    </th>
+                    <th
+                      class=""
+                    >
+                      Alias
+                    </th>
+                    <th
+                      class=""
+                    >
+                      Target
+                    </th>
+                    <th
+                      class=""
+                    >
+                      Date
+                    </th>
+                    <th
+                      class=""
+                    >
+                      Manual
+                    </th>
+                  </tr>
+                  <tr
+                    class=""
                   >
-                    <p>
-                      /events
-                    </p>
-                  </td>
-                  <td
-                    className=""
+                    <td
+                      class=""
+                    >
+                      <div
+                        class="ui fitted checkbox"
+                      >
+                        <input
+                          class="hidden"
+                          readonly=""
+                          tabindex="0"
+                          type="checkbox"
+                          value="/eventsalias"
+                        />
+                        <label />
+                      </div>
+                    </td>
+                    <td
+                      class=""
+                    >
+                      <p>
+                        /eventsalias
+                      </p>
+                    </td>
+                    <td
+                      class=""
+                    >
+                      <p>
+                        /events
+                      </p>
+                    </td>
+                    <td
+                      class=""
+                    >
+                      <p>
+                        2022-05-16T11:52:35+00:00
+                      </p>
+                    </td>
+                    <td
+                      class=""
+                    >
+                      <p>
+                        true
+                      </p>
+                    </td>
+                  </tr>
+                  <tr
+                    class=""
                   >
-                    <p>
-                      2022-05-17T09:38:19+00:00
-                    </p>
-                  </td>
-                  <td
-                    className=""
+                    <td
+                      class=""
+                    >
+                      <div
+                        class="ui fitted checkbox"
+                      >
+                        <input
+                          class="hidden"
+                          readonly=""
+                          tabindex="0"
+                          type="checkbox"
+                          value="/eventsgreatalias"
+                        />
+                        <label />
+                      </div>
+                    </td>
+                    <td
+                      class=""
+                    >
+                      <p>
+                        /eventsgreatalias
+                      </p>
+                    </td>
+                    <td
+                      class=""
+                    >
+                      <p>
+                        /events
+                      </p>
+                    </td>
+                    <td
+                      class=""
+                    >
+                      <p>
+                        2022-05-17T09:38:19+00:00
+                      </p>
+                    </td>
+                    <td
+                      class=""
+                    >
+                      <p>
+                        true
+                      </p>
+                    </td>
+                  </tr>
+                  <tr
+                    class=""
                   >
-                    <p>
-                      true
-                    </p>
-                  </td>
-                </tr>
-                <tr
-                  className=""
+                    <td
+                      class=""
+                    >
+                      <div
+                        class="ui fitted checkbox"
+                      >
+                        <input
+                          class="hidden"
+                          readonly=""
+                          tabindex="0"
+                          type="checkbox"
+                          value="/eventsincredible"
+                        />
+                        <label />
+                      </div>
+                    </td>
+                    <td
+                      class=""
+                    >
+                      <p>
+                        /eventsincredible
+                      </p>
+                    </td>
+                    <td
+                      class=""
+                    >
+                      <p>
+                        /events
+                      </p>
+                    </td>
+                    <td
+                      class=""
+                    >
+                      <p>
+                        2022-05-17T09:38:35+00:00
+                      </p>
+                    </td>
+                    <td
+                      class=""
+                    >
+                      <p>
+                        true
+                      </p>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+              <div
+                style="display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px;"
+              >
+                <div
+                  class="right menu"
+                  style="display: flex; margin-left: auto;"
                 >
-                  <td
-                    className=""
+                  <div
+                    class="item"
+                    style="color: grey;"
                   >
-                    <div
-                      className="ui fitted checkbox"
-                      onChange={[Function]}
-                      onClick={[Function]}
-                      onMouseDown={[Function]}
-                      onMouseUp={[Function]}
-                    >
-                      <input
-                        checked={false}
-                        className="hidden"
-                        readOnly={true}
-                        tabIndex={0}
-                        type="checkbox"
-                        value="/eventsincredible"
-                      />
-                      <label />
-                    </div>
-                  </td>
-                  <td
-                    className=""
+                    Show
+                    :
+                  </div>
+                  <a
+                    class="active item"
+                    style="padding: 0px 0.4em; margin: 0em 0.357em; cursor: pointer;"
+                    value="10"
                   >
-                    <p>
-                      /eventsincredible
-                    </p>
-                  </td>
-                  <td
-                    className=""
+                    10
+                  </a>
+                  <a
+                    class="item"
+                    style="padding: 0px 0.4em; margin: 0em 0.357em; cursor: pointer;"
+                    value="25"
                   >
-                    <p>
-                      /events
-                    </p>
-                  </td>
-                  <td
-                    className=""
+                    25
+                  </a>
+                  <a
+                    class="item"
+                    style="padding: 0px 0.4em; margin: 0em 0.357em; cursor: pointer;"
+                    value="50"
                   >
-                    <p>
-                      2022-05-17T09:38:35+00:00
-                    </p>
-                  </td>
-                  <td
-                    className=""
+                    50
+                  </a>
+                  <a
+                    class="item"
+                    style="padding: 0px 0.4em; margin: 0em 0.357em; cursor: pointer;"
+                    value="All"
                   >
-                    <p>
-                      true
-                    </p>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                  "flexWrap": "wrap",
-                  "marginBottom": "20px",
-                }
-              }
-            >
-              
-              <div
-                className="right menu"
-                style={
-                  Object {
-                    "display": "flex",
-                    "marginLeft": "auto",
-                  }
-                }
-              >
-                <div
-                  className="item"
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "color": "grey",
-                    }
-                  }
-                >
-                  Show
-                  :
+                    All
+                  </a>
                 </div>
-                <a
-                  className="active item"
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "cursor": "pointer",
-                      "margin": "0em 0.357em",
-                      "padding": "0 0.4em",
-                    }
-                  }
-                  value={10}
-                >
-                  10
-                </a>
-                <a
-                  className="item"
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "cursor": "pointer",
-                      "margin": "0em 0.357em",
-                      "padding": "0 0.4em",
-                    }
-                  }
-                  value={25}
-                >
-                  25
-                </a>
-                <a
-                  className="item"
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "cursor": "pointer",
-                      "margin": "0em 0.357em",
-                      "padding": "0 0.4em",
-                    }
-                  }
-                  value={50}
-                >
-                  50
-                </a>
-                <a
-                  className="item"
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "cursor": "pointer",
-                      "margin": "0em 0.357em",
-                      "padding": "0 0.4em",
-                    }
-                  }
-                  value="All"
-                >
-                  All
-                </a>
               </div>
+              <button
+                class="ui primary disabled button"
+                disabled=""
+                tabindex="-1"
+              >
+                Remove selected
+              </button>
             </div>
-            <button
-              className="ui primary disabled button"
-              disabled={true}
-              onClick={[Function]}
-              tabIndex={-1}
-            >
-              Remove selected
-            </button>
-          </div>
-        </form>
-      </div>
-    </article>
+          </form>
+        </div>
+      </article>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentType.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentType.test.jsx.snap
index ec12264619..4f14e1a276 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentType.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentType.test.jsx.snap
@@ -1,20 +1,26 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ContentType renders dexterity content-type component 1`] = `
-<div
-  className="ui container"
-  id="page-controlpanel"
->
+<div>
   <div
-    className="ui disabled header"
+    class="ui container"
+    id="page-controlpanel"
   >
-    Page Content Type
+    <div
+      class="ui disabled header"
+    >
+      Page Content Type
+    </div>
+    <div
+      id="form"
+    />
   </div>
   <div
-    id="form"
-  />
-  <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypeLayout.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypeLayout.test.jsx.snap
index 05ca0ff67e..e4adb1612b 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypeLayout.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypeLayout.test.jsx.snap
@@ -1,3 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ContentTypeLayout renders dexterity content-type layout component 1`] = `<div />`;
+exports[`ContentTypeLayout renders dexterity content-type layout component 1`] = `
+<div>
+  <div />
+  <div
+    id="toolbar"
+  />
+</div>
+`;
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypes.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypes.test.jsx.snap
index e1b6dced61..1a4e81fdba 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypes.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypes.test.jsx.snap
@@ -1,367 +1,249 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ContentTypes renders dexterity content-types controlpanel component 1`] = `
-<div
-  className="ui container types-control-panel"
->
+<div>
   <div
-    className="container"
-  />
-  <div
-    className="ui container"
+    class="ui container types-control-panel"
   >
-    <article
-      id="content"
+    <div
+      class="container"
+    />
+    <div
+      class="ui container"
     >
-      <div
-        className="ui disabled header"
-      >
-        Dexterity Content Types
-      </div>
-      <section
-        id="content-core"
+      <article
+        id="content"
       >
-        <table
-          className="ui single line striped compact table"
+        <div
+          class="ui disabled header"
+        >
+          Dexterity Content Types
+        </div>
+        <section
+          id="content-core"
         >
-          <thead
-            className=""
+          <table
+            class="ui single line striped compact table"
           >
-            <tr
-              className=""
+            <thead
+              class=""
             >
-              <th
-                className=""
-              >
-                Type
-              </th>
-              <th
-                className=""
-              >
-                Description
-              </th>
-              <th
-                className=""
-              >
-                Items
-              </th>
-              <th
-                className="right aligned"
+              <tr
+                class=""
               >
-                Actions
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            className=""
-          >
-            <tr
-              className=""
+                <th
+                  class=""
+                >
+                  Type
+                </th>
+                <th
+                  class=""
+                >
+                  Description
+                </th>
+                <th
+                  class=""
+                >
+                  Items
+                </th>
+                <th
+                  class="right aligned"
+                >
+                  Actions
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class=""
             >
-              <td
-                className=""
+              <tr
+                class=""
               >
-                <a
-                  href="/controlpanel/dexterity-types/Document"
-                  onClick={[Function]}
+                <td
+                  class=""
                 >
-                  Page
-                </a>
-              </td>
-              <td
-                className=""
-              >
-                
-              </td>
-              <td
-                className=""
-              >
-                0
-              </td>
-              <td
-                className="right aligned"
-              >
-                <div
-                  aria-expanded={false}
-                  className="ui dropdown actions-Document"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  onMouseDown={[Function]}
-                  role="listbox"
-                  tabIndex={0}
+                  <a
+                    href="/controlpanel/dexterity-types/Document"
+                  >
+                    Page
+                  </a>
+                </td>
+                <td
+                  class=""
+                />
+                <td
+                  class=""
+                >
+                  0
+                </td>
+                <td
+                  class="right aligned"
                 >
-                  <i
-                    aria-hidden="true"
-                    className="ellipsis horizontal icon"
-                    onClick={[Function]}
-                  />
                   <div
-                    className="menu transition left"
+                    aria-expanded="false"
+                    class="ui dropdown actions-Document"
+                    role="listbox"
+                    tabindex="0"
                   >
+                    <i
+                      aria-hidden="true"
+                      class="ellipsis horizontal icon"
+                    />
                     <div
-                      className="item edit-Document"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "15px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      Edit
-                    </div>
-                    <div
-                      className="item"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "15px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      Schema
-                    </div>
-                    <div
-                      className="item layout-Document"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "15px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      Layout
-                    </div>
-                    <div
-                      className="item delete-Document"
-                      onClick={[Function]}
-                      role="option"
+                      class="menu transition left"
                     >
-                      <svg
-                        className="icon"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "15px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      Delete
+                      <div
+                        class="item edit-Document"
+                        role="option"
+                      >
+                        <svg
+                          class="icon"
+                          style="height: 15px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        Edit
+                      </div>
+                      <div
+                        class="item"
+                        role="option"
+                      >
+                        <svg
+                          class="icon"
+                          style="height: 15px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        Schema
+                      </div>
+                      <div
+                        class="item layout-Document"
+                        role="option"
+                      >
+                        <svg
+                          class="icon"
+                          style="height: 15px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        Layout
+                      </div>
+                      <div
+                        class="item delete-Document"
+                        role="option"
+                      >
+                        <svg
+                          class="icon"
+                          style="height: 15px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        Delete
+                      </div>
                     </div>
                   </div>
-                </div>
-              </td>
-            </tr>
-            <tr
-              className=""
-            >
-              <td
-                className=""
+                </td>
+              </tr>
+              <tr
+                class=""
               >
-                <a
-                  href="/controlpanel/dexterity-types/Folder"
-                  onClick={[Function]}
+                <td
+                  class=""
                 >
-                  Folder
-                </a>
-              </td>
-              <td
-                className=""
-              >
-                
-              </td>
-              <td
-                className=""
-              >
-                0
-              </td>
-              <td
-                className="right aligned"
-              >
-                <div
-                  aria-expanded={false}
-                  className="ui dropdown actions-Folder"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  onMouseDown={[Function]}
-                  role="listbox"
-                  tabIndex={0}
+                  <a
+                    href="/controlpanel/dexterity-types/Folder"
+                  >
+                    Folder
+                  </a>
+                </td>
+                <td
+                  class=""
+                />
+                <td
+                  class=""
+                >
+                  0
+                </td>
+                <td
+                  class="right aligned"
                 >
-                  <i
-                    aria-hidden="true"
-                    className="ellipsis horizontal icon"
-                    onClick={[Function]}
-                  />
                   <div
-                    className="menu transition left"
+                    aria-expanded="false"
+                    class="ui dropdown actions-Folder"
+                    role="listbox"
+                    tabindex="0"
                   >
+                    <i
+                      aria-hidden="true"
+                      class="ellipsis horizontal icon"
+                    />
                     <div
-                      className="item edit-Folder"
-                      onClick={[Function]}
-                      role="option"
+                      class="menu transition left"
                     >
-                      <svg
-                        className="icon"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "15px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      Edit
-                    </div>
-                    <div
-                      className="item"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "15px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      Schema
-                    </div>
-                    <div
-                      className="item layout-Folder"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "15px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      Layout
-                    </div>
-                    <div
-                      className="item delete-Folder"
-                      onClick={[Function]}
-                      role="option"
-                    >
-                      <svg
-                        className="icon"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": undefined,
-                          }
-                        }
-                        onClick={null}
-                        style={
-                          Object {
-                            "fill": "currentColor",
-                            "height": "15px",
-                            "width": "auto",
-                          }
-                        }
-                        viewBox=""
-                        xmlns=""
-                      />
-                      Delete
+                      <div
+                        class="item edit-Folder"
+                        role="option"
+                      >
+                        <svg
+                          class="icon"
+                          style="height: 15px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        Edit
+                      </div>
+                      <div
+                        class="item"
+                        role="option"
+                      >
+                        <svg
+                          class="icon"
+                          style="height: 15px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        Schema
+                      </div>
+                      <div
+                        class="item layout-Folder"
+                        role="option"
+                      >
+                        <svg
+                          class="icon"
+                          style="height: 15px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        Layout
+                      </div>
+                      <div
+                        class="item delete-Folder"
+                        role="option"
+                      >
+                        <svg
+                          class="icon"
+                          style="height: 15px; width: auto; fill: currentColor;"
+                          viewBox=""
+                          xmlns=""
+                        />
+                        Delete
+                      </div>
                     </div>
                   </div>
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-    </article>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </section>
+      </article>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanel.test.jsx.snap
index 8d62cd5bef..c496e9059b 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanel.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanel.test.jsx.snap
@@ -1,18 +1,24 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Controlpanel renders a controlpanel component 1`] = `
-<div
-  id="page-controlpanel"
->
+<div>
   <div
-    className="ui container"
+    id="page-controlpanel"
   >
     <div
-      id="form"
-    />
+      class="ui container"
+    >
+      <div
+        id="form"
+      />
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap
index de99eecd17..7c585afada 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap
@@ -1,1157 +1,834 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Controlpanels renders a controlpanels component 1`] = `
-<div
-  className="view-wrapper"
->
+<div>
   <div
-    className="ui container controlpanel"
+    class="view-wrapper"
   >
     <div
-      className="ui raised segments"
+      class="ui container controlpanel"
     >
       <div
-        className="ui segment primary"
-      >
-        Site Setup
-      </div>
-      <div
-        className="ui secondary segment"
-      >
-        General
-      </div>
-      <div
-        className="ui attached segment"
+        class="ui raised segments"
       >
         <div
-          className="ui doubling six column grid"
+          class="ui segment primary"
+        >
+          Site Setup
+        </div>
+        <div
+          class="ui secondary segment"
+        >
+          General
+        </div>
+        <div
+          class="ui attached segment"
         >
           <div
-            className="row"
+            class="ui doubling six column grid"
           >
             <div
-              className="column"
+              class="row"
             >
-              <a
-                href="/controlpanel/addons"
-                onClick={[Function]}
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/addons"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Add-Ons
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/database"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Add-Ons
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/database"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Database
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/date-and-time"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Database
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/date-and-time"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Date and Time
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/lang"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Date and Time
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/lang"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Language
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/aliases"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Language
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/aliases"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    URL Management
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/undo"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      URL Management
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/undo"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Undo
-                  </div>
-                </h3>
-              </a>
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Undo
+                    </div>
+                  </h3>
+                </a>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        className="ui secondary segment"
-      >
-        Content
-      </div>
-      <div
-        className="ui attached segment"
-      >
         <div
-          className="ui doubling six column grid"
+          class="ui secondary segment"
+        >
+          Content
+        </div>
+        <div
+          class="ui attached segment"
         >
           <div
-            className="row"
+            class="ui doubling six column grid"
           >
             <div
-              className="column"
+              class="row"
             >
-              <a
-                href="/controlpanel/rules"
-                onClick={[Function]}
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/rules"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Content Rules
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/editing"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Content Rules
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/editing"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Editing
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/moderate-comments"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Editing
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/moderate-comments"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Moderate Comments
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/relations"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Moderate Comments
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/relations"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Relations
-                  </div>
-                </h3>
-              </a>
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Relations
+                    </div>
+                  </h3>
+                </a>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        className="ui secondary segment"
-      >
-        Security
-      </div>
-      <div
-        className="ui attached segment"
-      >
         <div
-          className="ui doubling six column grid"
+          class="ui secondary segment"
+        >
+          Security
+        </div>
+        <div
+          class="ui attached segment"
         >
           <div
-            className="row"
+            class="ui doubling six column grid"
           >
             <div
-              className="column"
+              class="row"
             >
-              <a
-                href="/controlpanel/security"
-                onClick={[Function]}
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/security"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    test
-                  </div>
-                </h3>
-              </a>
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      test
+                    </div>
+                  </h3>
+                </a>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        className="ui secondary segment"
-      >
-        Users
-      </div>
-      <div
-        className="ui attached segment"
-      >
         <div
-          className="ui doubling six column grid"
+          class="ui secondary segment"
+        >
+          Users
+        </div>
+        <div
+          class="ui attached segment"
         >
           <div
-            className="row"
+            class="ui doubling six column grid"
           >
             <div
-              className="column"
+              class="row"
             >
-              <a
-                href="/controlpanel/groups"
-                onClick={[Function]}
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/groups"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Groups
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/usergroupmembership"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Groups
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/usergroupmembership"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    User Group Membership
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/users"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      User Group Membership
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/users"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Users
-                  </div>
-                </h3>
-              </a>
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Users
+                    </div>
+                  </h3>
+                </a>
+              </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
-    <div
-      className="ui raised segments"
-    >
       <div
-        className="ui segment primary"
+        class="ui raised segments"
       >
-        Version Overview
+        <div
+          class="ui segment primary"
+        >
+          Version Overview
+        </div>
+        <div
+          class="ui attached segment"
+        />
       </div>
-      <div
-        className="ui attached segment"
-      />
     </div>
   </div>
+  <div
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
 
 exports[`Controlpanels renders an additional control panel 1`] = `
-<div
-  className="view-wrapper"
->
+<div>
   <div
-    className="ui container controlpanel"
+    class="view-wrapper"
   >
     <div
-      className="ui raised segments"
+      class="ui container controlpanel"
     >
       <div
-        className="ui segment primary"
-      >
-        Site Setup
-      </div>
-      <div
-        className="ui secondary segment"
-      >
-        Security
-      </div>
-      <div
-        className="ui attached segment"
+        class="ui raised segments"
       >
         <div
-          className="ui doubling six column grid"
+          class="ui segment primary"
+        >
+          Site Setup
+        </div>
+        <div
+          class="ui secondary segment"
+        >
+          Security
+        </div>
+        <div
+          class="ui attached segment"
         >
           <div
-            className="row"
+            class="ui doubling six column grid"
           >
             <div
-              className="column"
+              class="row"
             >
-              <a
-                href="/controlpanel/security"
-                onClick={[Function]}
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/security"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    test
-                  </div>
-                </h3>
-              </a>
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      test
+                    </div>
+                  </h3>
+                </a>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        className="ui secondary segment"
-      >
-        Add-on Configuration
-      </div>
-      <div
-        className="ui attached segment"
-      >
         <div
-          className="ui doubling six column grid"
+          class="ui secondary segment"
+        >
+          Add-on Configuration
+        </div>
+        <div
+          class="ui attached segment"
         >
           <div
-            className="row"
+            class="ui doubling six column grid"
           >
             <div
-              className="column"
+              class="row"
             >
-              <a
-                href="/controlpanel/manage-myaddon-foo"
-                onClick={[Function]}
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/manage-myaddon-foo"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Foo Management
-                  </div>
-                </h3>
-              </a>
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Foo Management
+                    </div>
+                  </h3>
+                </a>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        className="ui secondary segment"
-      >
-        General
-      </div>
-      <div
-        className="ui attached segment"
-      >
         <div
-          className="ui doubling six column grid"
+          class="ui secondary segment"
+        >
+          General
+        </div>
+        <div
+          class="ui attached segment"
         >
           <div
-            className="row"
+            class="ui doubling six column grid"
           >
             <div
-              className="column"
+              class="row"
             >
-              <a
-                href="/controlpanel/addons"
-                onClick={[Function]}
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/addons"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Add-Ons
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/database"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Add-Ons
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/database"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Database
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/aliases"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Database
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/aliases"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    URL Management
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/undo"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      URL Management
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/undo"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Undo
-                  </div>
-                </h3>
-              </a>
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Undo
+                    </div>
+                  </h3>
+                </a>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        className="ui secondary segment"
-      >
-        Content
-      </div>
-      <div
-        className="ui attached segment"
-      >
         <div
-          className="ui doubling six column grid"
+          class="ui secondary segment"
+        >
+          Content
+        </div>
+        <div
+          class="ui attached segment"
         >
           <div
-            className="row"
+            class="ui doubling six column grid"
           >
             <div
-              className="column"
+              class="row"
             >
-              <a
-                href="/controlpanel/rules"
-                onClick={[Function]}
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/rules"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Content Rules
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/moderate-comments"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Content Rules
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/moderate-comments"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Moderate Comments
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/relations"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Moderate Comments
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/relations"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Relations
-                  </div>
-                </h3>
-              </a>
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Relations
+                    </div>
+                  </h3>
+                </a>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        className="ui secondary segment"
-      >
-        Users
-      </div>
-      <div
-        className="ui attached segment"
-      >
         <div
-          className="ui doubling six column grid"
+          class="ui secondary segment"
+        >
+          Users
+        </div>
+        <div
+          class="ui attached segment"
         >
           <div
-            className="row"
+            class="ui doubling six column grid"
           >
             <div
-              className="column"
+              class="row"
             >
-              <a
-                href="/controlpanel/groups"
-                onClick={[Function]}
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/groups"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Groups
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/usergroupmembership"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Groups
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/usergroupmembership"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    User Group Membership
-                  </div>
-                </h3>
-              </a>
-            </div>
-            <div
-              className="column"
-            >
-              <a
-                href="/controlpanel/users"
-                onClick={[Function]}
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      User Group Membership
+                    </div>
+                  </h3>
+                </a>
+              </div>
+              <div
+                class="column"
               >
-                <h3
-                  className="ui icon center aligned header"
+                <a
+                  href="/controlpanel/users"
                 >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "48px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                  <div
-                    className="content"
+                  <h3
+                    class="ui icon center aligned header"
                   >
-                    Users
-                  </div>
-                </h3>
-              </a>
+                    <svg
+                      class="icon"
+                      style="height: 48px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                    <div
+                      class="content"
+                    >
+                      Users
+                    </div>
+                  </h3>
+                </a>
+              </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
-    <div
-      className="ui raised segments"
-    >
       <div
-        className="ui segment primary"
+        class="ui raised segments"
       >
-        Version Overview
+        <div
+          class="ui segment primary"
+        >
+          Version Overview
+        </div>
+        <div
+          class="ui attached segment"
+        />
       </div>
-      <div
-        className="ui attached segment"
-      />
     </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ModerateComments.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ModerateComments.test.jsx.snap
index 2c3c5473a4..41a8a9da88 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ModerateComments.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ModerateComments.test.jsx.snap
@@ -1,68 +1,74 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ModerateComments renders a moderate comments component 1`] = `
-<div
-  id="page-moderate-comments"
->
+<div>
   <div
-    id="modal"
-  />
-  <div
-    className="ui container"
+    id="page-moderate-comments"
   >
-    <article
-      id="content"
+    <div
+      id="modal"
+    />
+    <div
+      class="ui container"
     >
-      <header>
-        <h1
-          className="documentFirstHeading"
-        >
-          Moderate comments
-        </h1>
-      </header>
-      <section
-        id="content-core"
+      <article
+        id="content"
       >
-        <table
-          className="ui single line striped compact table"
+        <header>
+          <h1
+            class="documentFirstHeading"
+          >
+            Moderate comments
+          </h1>
+        </header>
+        <section
+          id="content-core"
         >
-          <thead
-            className=""
+          <table
+            class="ui single line striped compact table"
           >
-            <tr
-              className=""
+            <thead
+              class=""
             >
-              <th
-                className=""
-              >
-                Commenter
-              </th>
-              <th
-                className=""
+              <tr
+                class=""
               >
-                Date
-              </th>
-              <th
-                className=""
-              >
-                Comment
-              </th>
-              <th
-                className=""
-              >
-                Action
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            className=""
-          />
-        </table>
-      </section>
-    </article>
+                <th
+                  class=""
+                >
+                  Commenter
+                </th>
+                <th
+                  class=""
+                >
+                  Date
+                </th>
+                <th
+                  class=""
+                >
+                  Comment
+                </th>
+                <th
+                  class=""
+                >
+                  Action
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class=""
+            />
+          </table>
+        </section>
+      </article>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/UndoControlpanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/UndoControlpanel.test.jsx.snap
index 5f3f74bc51..44d370a5b8 100644
--- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/UndoControlpanel.test.jsx.snap
+++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/UndoControlpanel.test.jsx.snap
@@ -1,452 +1,414 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`UndoControlpanel renders undo controlpanel component 1`] = `
-<div
-  className="ui container controlpanel-undo"
-  id="page-undo"
->
+<div>
   <div
-    className="ui raised segments"
+    class="ui container controlpanel-undo"
+    id="page-undo"
   >
     <div
-      className="ui segment primary"
-    >
-      Undo Controlpanel
-    </div>
-    <div
-      className="ui segment"
+      class="ui raised segments"
     >
       <div
-        id="form"
-      />
-    </div>
-    <div
-      className="ui raised segments"
-    >
+        class="ui segment primary"
+      >
+        Undo Controlpanel
+      </div>
       <div
-        className="ui segment primary"
+        class="ui segment"
       >
-        Transactions
+        <div
+          id="form"
+        />
       </div>
-      <table
-        className="ui celled fixed selectable single line attached compact table"
+      <div
+        class="ui raised segments"
       >
-        <thead
-          className=""
+        <div
+          class="ui segment primary"
         >
-          <tr
-            className=""
-          >
-            <th
-              className="one wide"
-            >
-              #
-            </th>
-            <th
-              className="three wide"
-            >
-              What
-            </th>
-            <th
-              className="three wide"
-            >
-              Who
-            </th>
-            <th
-              className="three wide"
-            >
-              When
-            </th>
-            <th
-              className="three wide"
-            >
-              Note
-            </th>
-            <th
-              className=""
-            />
-          </tr>
-        </thead>
-        <tbody
-          className=""
+          Transactions
+        </div>
+        <table
+          class="ui celled fixed selectable single line attached compact table"
         >
-          <tr
-            className=""
-            id="QStrR0RRc0M5TjA9"
-          >
-            <td
-              className="one wide"
-            >
-              <div
-                className="ui input transactions-checkboxes"
-              >
-                <input
-                  onChange={[Function]}
-                  type="checkbox"
-                />
-              </div>
-            </td>
-            <td
-              className="three wide"
-              title="Added default view for root object"
-            >
-              Added default view for root object
-            </td>
-            <td
-              className="three wide"
-            >
-              Zope
-            </td>
-            <td
-              className="three wide"
-            >
-              2022-06-19T22:15:02
-            </td>
-            <td
-              className="three wide"
-            >
-              
-            </td>
-          </tr>
-          <tr
-            className=""
-            id="QStrR0RRcTVrbFU9"
-          >
-            <td
-              className="one wide"
-            >
-              <div
-                className="ui input transactions-checkboxes"
-              >
-                <input
-                  onChange={[Function]}
-                  type="checkbox"
-                />
-              </div>
-            </td>
-            <td
-              className="three wide"
-              title="Added virtual_hosting"
-            >
-              Added virtual_hosting
-            </td>
-            <td
-              className="three wide"
-            >
-              Zope
-            </td>
-            <td
-              className="three wide"
-            >
-              2022-06-19T22:15:02
-            </td>
-            <td
-              className="three wide"
-            >
-              
-            </td>
-          </tr>
-          <tr
-            className=""
-            id="QStrR0RRcVh4cGs9"
-          >
-            <td
-              className="one wide"
-            >
-              <div
-                className="ui input transactions-checkboxes"
-              >
-                <input
-                  onChange={[Function]}
-                  type="checkbox"
-                />
-              </div>
-            </td>
-            <td
-              className="three wide"
-              title="Added site error_log at /error_log"
-            >
-              Added site error_log at /error_log
-            </td>
-            <td
-              className="three wide"
-            >
-              Zope
-            </td>
-            <td
-              className="three wide"
-            >
-              2022-06-19T22:15:02
-            </td>
-            <td
-              className="three wide"
-            >
-              
-            </td>
-          </tr>
-          <tr
-            className=""
-            id="QStrR0RRcDlFaUk9"
+          <thead
+            class=""
           >
-            <td
-              className="one wide"
-            >
-              <div
-                className="ui input transactions-checkboxes"
-              >
-                <input
-                  onChange={[Function]}
-                  type="checkbox"
-                />
-              </div>
-            </td>
-            <td
-              className="three wide"
-              title="Added session_data_manager"
-            >
-              Added session_data_manager
-            </td>
-            <td
-              className="three wide"
-            >
-              Zope
-            </td>
-            <td
-              className="three wide"
-            >
-              2022-06-19T22:15:02
-            </td>
-            <td
-              className="three wide"
-            >
-              
-            </td>
-          </tr>
-          <tr
-            className=""
-            id="QStrR0RRcFU2KzQ9"
-          >
-            <td
-              className="one wide"
-            >
-              <div
-                className="ui input transactions-checkboxes"
-              >
-                <input
-                  onChange={[Function]}
-                  type="checkbox"
-                />
-              </div>
-            </td>
-            <td
-              className="three wide"
-              title="Added browser_id_manager"
-            >
-              Added browser_id_manager
-            </td>
-            <td
-              className="three wide"
-            >
-              Zope
-            </td>
-            <td
-              className="three wide"
-            >
-              2022-06-19T22:15:02
-            </td>
-            <td
-              className="three wide"
-            >
-              
-            </td>
-          </tr>
-          <tr
-            className=""
-            id="QStrR0RRbUkzKzQ9"
-          >
-            <td
-              className="one wide"
-            >
-              <div
-                className="ui input transactions-checkboxes"
-              >
-                <input
-                  onChange={[Function]}
-                  type="checkbox"
-                />
-              </div>
-            </td>
-            <td
-              className="three wide"
-              title="Created initial user"
-            >
-              Created initial user
-            </td>
-            <td
-              className="three wide"
-            >
-              Zope
-            </td>
-            <td
-              className="three wide"
-            >
-              2022-06-19T22:15:02
-            </td>
-            <td
-              className="three wide"
-            >
-              
-            </td>
-          </tr>
-          <tr
-            className=""
-            id="QStrR0RRbEVVa1E9"
-          >
-            <td
-              className="one wide"
-            >
-              <div
-                className="ui input transactions-checkboxes"
-              >
-                <input
-                  onChange={[Function]}
-                  type="checkbox"
-                />
-              </div>
-            </td>
-            <td
-              className="three wide"
-              title=""
-            >
-              
-            </td>
-            <td
-              className="three wide"
-            >
-              Zope
-            </td>
-            <td
-              className="three wide"
-            >
-              2022-06-19T22:15:02
-            </td>
-            <td
-              className="three wide"
-            >
-              
-            </td>
-          </tr>
-          <tr
-            className=""
-            id="QStrR0ROWlo5YW89"
-          >
-            <td
-              className="one wide"
-            >
-              <div
-                className="ui input transactions-checkboxes"
-              >
-                <input
-                  onChange={[Function]}
-                  type="checkbox"
-                />
-              </div>
-            </td>
-            <td
-              className="three wide"
-              title="initial database creation"
+            <tr
+              class=""
             >
-              initial database creation
-            </td>
-            <td
-              className="three wide"
-            >
-              Zope
-            </td>
-            <td
-              className="three wide"
-            >
-              2022-06-19T22:14:50
-            </td>
-            <td
-              className="three wide"
-            >
-              
-            </td>
-          </tr>
-        </tbody>
-        <tfoot
-          className=""
-        >
-          <tr
-            className=""
+              <th
+                class="one wide"
+              >
+                #
+              </th>
+              <th
+                class="three wide"
+              >
+                What
+              </th>
+              <th
+                class="three wide"
+              >
+                Who
+              </th>
+              <th
+                class="three wide"
+              >
+                When
+              </th>
+              <th
+                class="three wide"
+              >
+                Note
+              </th>
+              <th
+                class=""
+              />
+            </tr>
+          </thead>
+          <tbody
+            class=""
           >
-            <th
-              className="center aligned"
-              colSpan="6"
+            <tr
+              class=""
+              id="QStrR0RRc0M5TjA9"
             >
-              <div
-                className="ui pagination menu"
+              <td
+                class="one wide"
               >
-                <a
-                  className="icon item"
-                  id="prev-button"
-                  onClick={[Function]}
+                <div
+                  class="ui input transactions-checkboxes"
                 >
-                  <div
-                    style={
-                      Object {
-                        "width": "36px",
-                      }
-                    }
+                  <input
+                    type="checkbox"
                   />
-                </a>
-                <a
-                  className="icon item"
-                  onClick={[Function]}
+                </div>
+              </td>
+              <td
+                class="three wide"
+                title="Added default view for root object"
+              >
+                Added default view for root object
+              </td>
+              <td
+                class="three wide"
+              >
+                Zope
+              </td>
+              <td
+                class="three wide"
+              >
+                2022-06-19T22:15:02
+              </td>
+              <td
+                class="three wide"
+              />
+            </tr>
+            <tr
+              class=""
+              id="QStrR0RRcTVrbFU9"
+            >
+              <td
+                class="one wide"
+              >
+                <div
+                  class="ui input transactions-checkboxes"
                 >
-                  <svg
-                    className="icon circled"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": "<title>Undo</title>undefined",
-                      }
-                    }
-                    id="undo-button"
-                    onClick={[Function]}
-                    style={
-                      Object {
-                        "fill": "currentColor",
-                        "height": "30px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
+                  <input
+                    type="checkbox"
                   />
-                </a>
-                <a
-                  className="icon item"
-                  id="next-button"
-                  onClick={[Function]}
+                </div>
+              </td>
+              <td
+                class="three wide"
+                title="Added virtual_hosting"
+              >
+                Added virtual_hosting
+              </td>
+              <td
+                class="three wide"
+              >
+                Zope
+              </td>
+              <td
+                class="three wide"
+              >
+                2022-06-19T22:15:02
+              </td>
+              <td
+                class="three wide"
+              />
+            </tr>
+            <tr
+              class=""
+              id="QStrR0RRcVh4cGs9"
+            >
+              <td
+                class="one wide"
+              >
+                <div
+                  class="ui input transactions-checkboxes"
+                >
+                  <input
+                    type="checkbox"
+                  />
+                </div>
+              </td>
+              <td
+                class="three wide"
+                title="Added site error_log at /error_log"
+              >
+                Added site error_log at /error_log
+              </td>
+              <td
+                class="three wide"
+              >
+                Zope
+              </td>
+              <td
+                class="three wide"
+              >
+                2022-06-19T22:15:02
+              </td>
+              <td
+                class="three wide"
+              />
+            </tr>
+            <tr
+              class=""
+              id="QStrR0RRcDlFaUk9"
+            >
+              <td
+                class="one wide"
+              >
+                <div
+                  class="ui input transactions-checkboxes"
+                >
+                  <input
+                    type="checkbox"
+                  />
+                </div>
+              </td>
+              <td
+                class="three wide"
+                title="Added session_data_manager"
+              >
+                Added session_data_manager
+              </td>
+              <td
+                class="three wide"
+              >
+                Zope
+              </td>
+              <td
+                class="three wide"
+              >
+                2022-06-19T22:15:02
+              </td>
+              <td
+                class="three wide"
+              />
+            </tr>
+            <tr
+              class=""
+              id="QStrR0RRcFU2KzQ9"
+            >
+              <td
+                class="one wide"
+              >
+                <div
+                  class="ui input transactions-checkboxes"
                 >
-                  <div
-                    style={
-                      Object {
-                        "width": "36px",
-                      }
-                    }
+                  <input
+                    type="checkbox"
                   />
-                </a>
-              </div>
-            </th>
-          </tr>
-        </tfoot>
-      </table>
+                </div>
+              </td>
+              <td
+                class="three wide"
+                title="Added browser_id_manager"
+              >
+                Added browser_id_manager
+              </td>
+              <td
+                class="three wide"
+              >
+                Zope
+              </td>
+              <td
+                class="three wide"
+              >
+                2022-06-19T22:15:02
+              </td>
+              <td
+                class="three wide"
+              />
+            </tr>
+            <tr
+              class=""
+              id="QStrR0RRbUkzKzQ9"
+            >
+              <td
+                class="one wide"
+              >
+                <div
+                  class="ui input transactions-checkboxes"
+                >
+                  <input
+                    type="checkbox"
+                  />
+                </div>
+              </td>
+              <td
+                class="three wide"
+                title="Created initial user"
+              >
+                Created initial user
+              </td>
+              <td
+                class="three wide"
+              >
+                Zope
+              </td>
+              <td
+                class="three wide"
+              >
+                2022-06-19T22:15:02
+              </td>
+              <td
+                class="three wide"
+              />
+            </tr>
+            <tr
+              class=""
+              id="QStrR0RRbEVVa1E9"
+            >
+              <td
+                class="one wide"
+              >
+                <div
+                  class="ui input transactions-checkboxes"
+                >
+                  <input
+                    type="checkbox"
+                  />
+                </div>
+              </td>
+              <td
+                class="three wide"
+                title=""
+              />
+              <td
+                class="three wide"
+              >
+                Zope
+              </td>
+              <td
+                class="three wide"
+              >
+                2022-06-19T22:15:02
+              </td>
+              <td
+                class="three wide"
+              />
+            </tr>
+            <tr
+              class=""
+              id="QStrR0ROWlo5YW89"
+            >
+              <td
+                class="one wide"
+              >
+                <div
+                  class="ui input transactions-checkboxes"
+                >
+                  <input
+                    type="checkbox"
+                  />
+                </div>
+              </td>
+              <td
+                class="three wide"
+                title="initial database creation"
+              >
+                initial database creation
+              </td>
+              <td
+                class="three wide"
+              >
+                Zope
+              </td>
+              <td
+                class="three wide"
+              >
+                2022-06-19T22:14:50
+              </td>
+              <td
+                class="three wide"
+              />
+            </tr>
+          </tbody>
+          <tfoot
+            class=""
+          >
+            <tr
+              class=""
+            >
+              <th
+                class="center aligned"
+                colspan="6"
+              >
+                <div
+                  class="ui pagination menu"
+                >
+                  <a
+                    class="icon item"
+                    id="prev-button"
+                  >
+                    <div
+                      style="width: 36px;"
+                    />
+                  </a>
+                  <a
+                    class="icon item"
+                  >
+                    <svg
+                      class="icon circled"
+                      id="undo-button"
+                      style="height: 30px; width: auto; fill: currentColor;"
+                      viewBox=""
+                      xmlns=""
+                    >
+                      <title>
+                        Undo
+                      </title>
+                      undefined
+                    </svg>
+                  </a>
+                  <a
+                    class="icon item"
+                    id="next-button"
+                  >
+                    <div
+                      style="width: 36px;"
+                    />
+                  </a>
+                </div>
+              </th>
+            </tr>
+          </tfoot>
+        </table>
+      </div>
     </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Delete/Delete.jsx b/packages/volto/src/components/manage/Delete/Delete.jsx
index 805c6ac0a8..50da8f9b2e 100644
--- a/packages/volto/src/components/manage/Delete/Delete.jsx
+++ b/packages/volto/src/components/manage/Delete/Delete.jsx
@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';
 import { useHistory, useLocation } from 'react-router-dom';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { Button, Container, List, Segment } from 'semantic-ui-react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import qs from 'query-string';
@@ -110,15 +110,15 @@ const Delete = () => {
             </Segment>
           </Segment.Group>
         </Container>
-        {isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {isClient &&
+          createPortal(
             <Toolbar
               pathname={pathname}
               hideDefaultViewButtons
               inner={<span />}
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </div>
     );
   }
diff --git a/packages/volto/src/components/manage/Delete/Delete.test.jsx b/packages/volto/src/components/manage/Delete/Delete.test.jsx
index 7069d32a4e..cd1376c2c5 100644
--- a/packages/volto/src/components/manage/Delete/Delete.test.jsx
+++ b/packages/volto/src/components/manage/Delete/Delete.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter } from 'react-router-dom';
@@ -8,9 +8,7 @@ import Delete from './Delete';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 describe('Delete', () => {
   it('renders an empty delete component', () => {
@@ -27,15 +25,16 @@ describe('Delete', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <Delete location={{ pathname: '/blog', search: {} }} />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 
   it('renders a delete component', () => {
@@ -54,14 +53,15 @@ describe('Delete', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <Delete location={{ pathname: '/blog', search: {} }} />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Delete/__snapshots__/Delete.test.jsx.snap b/packages/volto/src/components/manage/Delete/__snapshots__/Delete.test.jsx.snap
index 737742ef56..0d903b147c 100644
--- a/packages/volto/src/components/manage/Delete/__snapshots__/Delete.test.jsx.snap
+++ b/packages/volto/src/components/manage/Delete/__snapshots__/Delete.test.jsx.snap
@@ -1,70 +1,78 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Delete renders a delete component 1`] = `
-<div
-  id="page-delete"
->
+<div>
   <div
-    className="ui container"
+    id="page-delete"
   >
     <div
-      className="ui raised segments"
+      class="ui container"
     >
       <div
-        className="ui segment primary"
-      >
-        Do you really want to delete this item?
-      </div>
-      <div
-        className="ui attached segment"
+        class="ui raised segments"
       >
         <div
-          className="ui bulleted list"
-          role="list"
+          class="ui segment primary"
+        >
+          Do you really want to delete this item?
+        </div>
+        <div
+          class="ui attached segment"
         >
           <div
-            className="item"
-            onClick={[Function]}
-            role="listitem"
+            class="ui bulleted list"
+            role="list"
           >
-            Blog
+            <div
+              class="item"
+              role="listitem"
+            >
+              Blog
+            </div>
           </div>
         </div>
-      </div>
-      <div
-        className="ui clearing segment actions"
-      >
-        <button
-          aria-label="Ok"
-          className="ui big basic circular icon primary right floated button"
-          onClick={[Function]}
-          title="Ok"
-        >
-          <i
-            aria-hidden="true"
-            className="arrow right icon"
-            onClick={[Function]}
-          />
-        </button>
-        <button
-          aria-label="Cancel"
-          className="ui big basic circular icon secondary right floated button"
-          onClick={[Function]}
-          title="Cancel"
+        <div
+          class="ui clearing segment actions"
         >
-          <i
-            aria-hidden="true"
-            className="remove icon"
-            onClick={[Function]}
-          />
-        </button>
+          <button
+            aria-label="Ok"
+            class="ui big basic circular icon primary right floated button"
+            title="Ok"
+          >
+            <i
+              aria-hidden="true"
+              class="arrow right icon"
+            />
+          </button>
+          <button
+            aria-label="Cancel"
+            class="ui big basic circular icon secondary right floated button"
+            title="Cancel"
+          >
+            <i
+              aria-hidden="true"
+              class="remove icon"
+            />
+          </button>
+        </div>
       </div>
     </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
 
-exports[`Delete renders an empty delete component 1`] = `<div />`;
+exports[`Delete renders an empty delete component 1`] = `
+<div>
+  <div />
+  <div
+    id="toolbar"
+  />
+</div>
+`;
diff --git a/packages/volto/src/components/manage/Diff/Diff.jsx b/packages/volto/src/components/manage/Diff/Diff.jsx
index c7302970cf..6b5b1caf21 100644
--- a/packages/volto/src/components/manage/Diff/Diff.jsx
+++ b/packages/volto/src/components/manage/Diff/Diff.jsx
@@ -11,7 +11,7 @@ import { compose } from 'redux';
 import { filter, isEqual, map } from 'lodash';
 import { Container, Button, Dropdown, Grid, Table } from 'semantic-ui-react';
 import { Link, withRouter } from 'react-router-dom';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 import qs from 'query-string';
 
@@ -333,8 +333,8 @@ class Diff extends Component {
               view={this.props.view}
             />
           )}
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -351,9 +351,9 @@ class Diff extends Component {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     );
   }
diff --git a/packages/volto/src/components/manage/Diff/Diff.test.jsx b/packages/volto/src/components/manage/Diff/Diff.test.jsx
index 9da87ed980..c0a890a19d 100644
--- a/packages/volto/src/components/manage/Diff/Diff.test.jsx
+++ b/packages/volto/src/components/manage/Diff/Diff.test.jsx
@@ -8,9 +8,7 @@ import Diff from './Diff';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 jest.mock('@plone/volto/helpers/Loadable/Loadable');
 beforeAll(
@@ -75,6 +73,7 @@ describe('Diff', () => {
       <Provider store={store}>
         <MemoryRouter initialEntries={['/blog?one=0&two=1']}>
           <Diff />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
diff --git a/packages/volto/src/components/manage/Diff/__snapshots__/Diff.test.jsx.snap b/packages/volto/src/components/manage/Diff/__snapshots__/Diff.test.jsx.snap
index 65383def7a..8512803d3c 100644
--- a/packages/volto/src/components/manage/Diff/__snapshots__/Diff.test.jsx.snap
+++ b/packages/volto/src/components/manage/Diff/__snapshots__/Diff.test.jsx.snap
@@ -269,6 +269,10 @@ exports[`Diff renders a diff component 1`] = `
         </div>
       </div>
     </div>
+  </div>
+  <div
+    id="toolbar"
+  >
     <div
       id="Portal"
     />
diff --git a/packages/volto/src/components/manage/Display/Display.jsx b/packages/volto/src/components/manage/Display/Display.jsx
index e5673a1503..0680d84794 100644
--- a/packages/volto/src/components/manage/Display/Display.jsx
+++ b/packages/volto/src/components/manage/Display/Display.jsx
@@ -95,8 +95,8 @@ const customSelectStyles = {
     color: state.isSelected
       ? '#007bc1'
       : state.isFocused
-      ? '#4a4a4a'
-      : 'inherit',
+        ? '#4a4a4a'
+        : 'inherit',
     ':active': {
       backgroundColor: null,
     },
diff --git a/packages/volto/src/components/manage/Edit/Edit.jsx b/packages/volto/src/components/manage/Edit/Edit.jsx
index c8fbb89761..56e40f7996 100644
--- a/packages/volto/src/components/manage/Edit/Edit.jsx
+++ b/packages/volto/src/components/manage/Edit/Edit.jsx
@@ -11,7 +11,7 @@ import { compose } from 'redux';
 import { asyncConnect, hasApiExpander } from '@plone/volto/helpers';
 import { defineMessages, injectIntl } from 'react-intl';
 import { Button, Grid, Menu } from 'semantic-ui-react';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import qs from 'query-string';
 import { find } from 'lodash';
 import { toast } from 'react-toastify';
@@ -41,6 +41,7 @@ import {
   hasBlocksData,
 } from '@plone/volto/helpers';
 import { preloadLazyLibs } from '@plone/volto/helpers/Loadable';
+import { tryParseJSON } from '@plone/volto/helpers';
 
 import saveSVG from '@plone/volto/icons/save.svg';
 import clearSVG from '@plone/volto/icons/clear.svg';
@@ -64,6 +65,10 @@ const messages = defineMessages({
     id: 'Error',
     defaultMessage: 'Error',
   },
+  someErrors: {
+    id: 'There are some errors.',
+    defaultMessage: 'There are some errors.',
+  },
 });
 
 /**
@@ -198,13 +203,30 @@ class Edit extends Component {
         new DOMParser().parseFromString(message, 'text/html')?.all[0]
           ?.textContent || message;
 
+      const errorsList = tryParseJSON(error);
+      let erroMessage;
+      if (Array.isArray(errorsList)) {
+        const invariantErrors = errorsList
+          .filter((errorItem) => !('field' in errorItem))
+          .map((errorItem) => errorItem['message']);
+        if (invariantErrors.length > 0) {
+          // Plone invariant validation message.
+          erroMessage = invariantErrors.join(' - ');
+        } else {
+          // Error in specific field.
+          erroMessage = this.props.intl.formatMessage(messages.someErrors);
+        }
+      } else {
+        erroMessage = error;
+      }
+
       this.setState({ error: error });
 
       toast.error(
         <Toast
           error
           title={this.props.intl.formatMessage(messages.error)}
-          content={`${nextProps.updateRequest.error.status} ${error}`}
+          content={erroMessage}
         />,
       );
     }
@@ -375,11 +397,10 @@ class Edit extends Component {
               </>
             )}
 
-            {editPermission && this.state.visual && this.state.isClient && (
-              <Portal node={document.getElementById('sidebar')}>
-                <Sidebar />
-              </Portal>
-            )}
+            {editPermission &&
+              this.state.visual &&
+              this.state.isClient &&
+              createPortal(<Sidebar />, document.getElementById('sidebar'))}
           </>
         )}
         {!editPermission && (
@@ -397,8 +418,8 @@ class Edit extends Component {
             )}
           </>
         )}
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -446,9 +467,9 @@ class Edit extends Component {
                   )}
                 </>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </div>
     );
   }
diff --git a/packages/volto/src/components/manage/Edit/Edit.test.jsx b/packages/volto/src/components/manage/Edit/Edit.test.jsx
index 5e28911e95..28eff96b95 100644
--- a/packages/volto/src/components/manage/Edit/Edit.test.jsx
+++ b/packages/volto/src/components/manage/Edit/Edit.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import jwt from 'jsonwebtoken';
@@ -8,9 +8,9 @@ import { __test__ as Edit } from './Edit';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+jest.mock('../Sidebar/Sidebar', () => jest.fn(() => <div id="Sidebar" />));
+
 jest.mock('../Form/Form', () => jest.fn(() => <div className="Form" />));
 
 describe('Edit', () => {
@@ -50,13 +50,15 @@ describe('Edit', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
+        <div id="toolbar"></div>
         <Edit location={{ pathname: '/blog', search: {} }} />
+        <div id="sidebar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 
   it('renders an edit component', () => {
@@ -97,12 +99,14 @@ describe('Edit', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
+        <div id="toolbar"></div>
         <Edit location={{ pathname: '/blog', search: {} }} />
+        <div id="sidebar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Edit/__snapshots__/Edit.test.jsx.snap b/packages/volto/src/components/manage/Edit/__snapshots__/Edit.test.jsx.snap
index e8df203414..67d8997fd5 100644
--- a/packages/volto/src/components/manage/Edit/__snapshots__/Edit.test.jsx.snap
+++ b/packages/volto/src/components/manage/Edit/__snapshots__/Edit.test.jsx.snap
@@ -1,33 +1,53 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Edit renders an edit component 1`] = `
-<div
-  id="page-edit"
->
+<div>
   <div
-    className="Form"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
   <div
-    id="Portal"
-  />
+    id="page-edit"
+  >
+    <div
+      class="Form"
+    />
+  </div>
   <div
-    id="Portal"
-  />
+    id="sidebar"
+  >
+    <div
+      id="Sidebar"
+    />
+  </div>
 </div>
 `;
 
 exports[`Edit renders an empty edit component 1`] = `
-<div
-  id="page-edit"
->
+<div>
   <div
-    className="Form"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
   <div
-    id="Portal"
-  />
+    id="page-edit"
+  >
+    <div
+      class="Form"
+    />
+  </div>
   <div
-    id="Portal"
-  />
+    id="sidebar"
+  >
+    <div
+      id="Sidebar"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Form/BlockDataForm.test.jsx b/packages/volto/src/components/manage/Form/BlockDataForm.test.jsx
index 6c77dc20f7..e0abf26532 100644
--- a/packages/volto/src/components/manage/Form/BlockDataForm.test.jsx
+++ b/packages/volto/src/components/manage/Form/BlockDataForm.test.jsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import BlockDataForm from './BlockDataForm';
 import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
 import configureStore from 'redux-mock-store';
 import config from '@plone/volto/registry';
 import { Provider } from 'react-intl-redux';
diff --git a/packages/volto/src/components/manage/Form/Form.jsx b/packages/volto/src/components/manage/Form/Form.jsx
index 2e7c4ff4e6..40b8ae599a 100644
--- a/packages/volto/src/components/manage/Form/Form.jsx
+++ b/packages/volto/src/components/manage/Form/Form.jsx
@@ -31,7 +31,7 @@ import isBoolean from 'lodash/isBoolean';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { injectIntl } from 'react-intl';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { connect } from 'react-redux';
 import {
   Accordion,
@@ -53,6 +53,7 @@ import {
 } from '@plone/volto/actions';
 import { compose } from 'redux';
 import config from '@plone/volto/registry';
+import SlotRenderer from '../../theme/SlotRenderer/SlotRenderer';
 
 /**
  * Form container class.
@@ -237,6 +238,7 @@ class Form extends Component {
       isClient: false,
       // Ensure focus remain in field after change
       inFocus: {},
+      sidebarMetadataIsAvailable: false,
     };
     this.onChangeField = this.onChangeField.bind(this);
     this.onSelectBlock = this.onSelectBlock.bind(this);
@@ -312,6 +314,13 @@ class Form extends Component {
       // Reset focus field
       this.props.resetMetadataFocus();
     }
+
+    if (
+      !this.state.sidebarMetadataIsAvailable &&
+      document.getElementById('sidebar-metadata')
+    ) {
+      this.setState(() => ({ sidebarMetadataIsAvailable: true }));
+    }
   }
 
   /**
@@ -641,131 +650,147 @@ class Form extends Component {
       // Removing this from SSR is important, since react-beautiful-dnd supports SSR,
       // but draftJS don't like it much and the hydration gets messed up
       this.state.isClient && (
-        <Container>
-          <BlocksToolbar
-            formData={formData}
-            selectedBlock={this.state.selected}
-            selectedBlocks={this.state.multiSelected}
-            onChangeBlocks={(newBlockData) => {
-              const newFormData = {
-                ...formData,
-                ...newBlockData,
-              };
-              this.setState({
-                formData: newFormData,
-              });
-              if (this.props.global) {
-                this.props.setFormData(newFormData);
-              }
-            }}
-            onSetSelectedBlocks={(blockIds) =>
-              this.setState({ multiSelected: blockIds })
-            }
-            onSelectBlock={this.onSelectBlock}
-          />
-          <UndoToolbar
-            state={{
-              formData,
-              selected: this.state.selected,
-              multiSelected: this.state.multiSelected,
-            }}
-            enableHotKeys
-            onUndoRedo={({ state }) => {
-              if (this.props.global) {
-                this.props.setFormData(state.formData);
-              }
-              return this.setState(state);
-            }}
-          />
-          <BlocksForm
-            onChangeFormData={(newData) => {
-              const newFormData = {
-                ...formData,
-                ...newData,
-              };
-              this.setState({
-                formData: newFormData,
-              });
-              if (this.props.global) {
-                this.props.setFormData(newFormData);
-              }
-            }}
-            onChangeField={this.onChangeField}
-            onSelectBlock={this.onSelectBlock}
-            properties={formData}
+        <>
+          <SlotRenderer
+            name="aboveContent"
+            content={this.props.content}
             navRoot={navRoot}
-            type={type}
-            pathname={this.props.pathname}
-            selectedBlock={this.state.selected}
-            multiSelected={this.state.multiSelected}
-            manage={this.props.isAdminForm}
-            allowedBlocks={this.props.allowedBlocks}
-            showRestricted={this.props.showRestricted}
-            editable={this.props.editable}
-            isMainForm={this.props.editable}
           />
-          {this.state.isClient && this.props.editable && (
-            <Portal
-              node={__CLIENT__ && document.getElementById('sidebar-metadata')}
-            >
-              <UiForm
-                method="post"
-                onSubmit={this.onSubmit}
-                error={keys(this.state.errors).length > 0}
-              >
-                {schema &&
-                  map(schema.fieldsets, (fieldset) => (
-                    <Accordion
-                      fluid
-                      styled
-                      className="form"
-                      key={fieldset.title}
-                    >
-                      <div
-                        key={fieldset.id}
-                        id={`metadataform-fieldset-${fieldset.id}`}
+
+          <Container>
+            <BlocksToolbar
+              formData={formData}
+              selectedBlock={this.state.selected}
+              selectedBlocks={this.state.multiSelected}
+              onChangeBlocks={(newBlockData) => {
+                const newFormData = {
+                  ...formData,
+                  ...newBlockData,
+                };
+                this.setState({
+                  formData: newFormData,
+                });
+                if (this.props.global) {
+                  this.props.setFormData(newFormData);
+                }
+              }}
+              onSetSelectedBlocks={(blockIds) =>
+                this.setState({ multiSelected: blockIds })
+              }
+              onSelectBlock={this.onSelectBlock}
+            />
+            <UndoToolbar
+              state={{
+                formData,
+                selected: this.state.selected,
+                multiSelected: this.state.multiSelected,
+              }}
+              enableHotKeys
+              onUndoRedo={({ state }) => {
+                if (this.props.global) {
+                  this.props.setFormData(state.formData);
+                }
+                return this.setState(state);
+              }}
+            />
+            <BlocksForm
+              onChangeFormData={(newData) => {
+                const newFormData = {
+                  ...formData,
+                  ...newData,
+                };
+                this.setState({
+                  formData: newFormData,
+                });
+                if (this.props.global) {
+                  this.props.setFormData(newFormData);
+                }
+              }}
+              onChangeField={this.onChangeField}
+              onSelectBlock={this.onSelectBlock}
+              properties={formData}
+              navRoot={navRoot}
+              type={type}
+              pathname={this.props.pathname}
+              selectedBlock={this.state.selected}
+              multiSelected={this.state.multiSelected}
+              manage={this.props.isAdminForm}
+              allowedBlocks={this.props.allowedBlocks}
+              showRestricted={this.props.showRestricted}
+              editable={this.props.editable}
+              isMainForm={this.props.editable}
+            />
+            {this.state.isClient &&
+              this.state.sidebarMetadataIsAvailable &&
+              this.props.editable &&
+              createPortal(
+                <UiForm
+                  method="post"
+                  onSubmit={this.onSubmit}
+                  error={keys(this.state.errors).length > 0}
+                >
+                  {schema &&
+                    map(schema.fieldsets, (fieldset) => (
+                      <Accordion
+                        fluid
+                        styled
+                        className="form"
+                        key={fieldset.title}
                       >
-                        <Accordion.Title
-                          active={metadataFieldsets.includes(fieldset.id)}
-                          index={fieldset.id}
-                          onClick={this.onToggleMetadataFieldset}
-                        >
-                          {fieldset.title}
-                          {metadataFieldsets.includes(fieldset.id) ? (
-                            <Icon name={upSVG} size="20px" />
-                          ) : (
-                            <Icon name={downSVG} size="20px" />
-                          )}
-                        </Accordion.Title>
-                        <Accordion.Content
-                          active={metadataFieldsets.includes(fieldset.id)}
+                        <div
+                          key={fieldset.id}
+                          id={`metadataform-fieldset-${fieldset.id}`}
                         >
-                          <Segment className="attached">
-                            {map(fieldset.fields, (field, index) => (
-                              <Field
-                                {...schema.properties[field]}
-                                id={field}
-                                fieldSet={fieldset.title.toLowerCase()}
-                                formData={formData}
-                                focus={this.state.inFocus[field]}
-                                value={formData?.[field]}
-                                required={schema.required.indexOf(field) !== -1}
-                                onChange={this.onChangeField}
-                                onBlur={this.onBlurField}
-                                onClick={this.onClickInput}
-                                key={field}
-                                error={this.state.errors[field]}
-                              />
-                            ))}
-                          </Segment>
-                        </Accordion.Content>
-                      </div>
-                    </Accordion>
-                  ))}
-              </UiForm>
-            </Portal>
-          )}
-        </Container>
+                          <Accordion.Title
+                            active={metadataFieldsets.includes(fieldset.id)}
+                            index={fieldset.id}
+                            onClick={this.onToggleMetadataFieldset}
+                          >
+                            {fieldset.title}
+                            {metadataFieldsets.includes(fieldset.id) ? (
+                              <Icon name={upSVG} size="20px" />
+                            ) : (
+                              <Icon name={downSVG} size="20px" />
+                            )}
+                          </Accordion.Title>
+                          <Accordion.Content
+                            active={metadataFieldsets.includes(fieldset.id)}
+                          >
+                            <Segment className="attached">
+                              {map(fieldset.fields, (field, index) => (
+                                <Field
+                                  {...schema.properties[field]}
+                                  id={field}
+                                  fieldSet={fieldset.title.toLowerCase()}
+                                  formData={formData}
+                                  focus={this.state.inFocus[field]}
+                                  value={formData?.[field]}
+                                  required={
+                                    schema.required.indexOf(field) !== -1
+                                  }
+                                  onChange={this.onChangeField}
+                                  onBlur={this.onBlurField}
+                                  onClick={this.onClickInput}
+                                  key={field}
+                                  error={this.state.errors[field]}
+                                />
+                              ))}
+                            </Segment>
+                          </Accordion.Content>
+                        </div>
+                      </Accordion>
+                    ))}
+                </UiForm>,
+                document.getElementById('sidebar-metadata'),
+              )}
+
+            <SlotRenderer
+              name="belowContent"
+              content={this.props.content}
+              navRoot={navRoot}
+            />
+          </Container>
+        </>
       )
     ) : (
       <Container>
@@ -931,6 +956,7 @@ const FormIntl = injectIntl(Form, { forwardRef: true });
 export default compose(
   connect(
     (state, props) => ({
+      content: state.content.data,
       globalData: state.form?.global,
       metadataFieldsets: state.sidebar?.metadataFieldsets,
       metadataFieldFocus: state.sidebar?.metadataFieldFocus,
diff --git a/packages/volto/src/components/manage/Form/Form.test.jsx b/packages/volto/src/components/manage/Form/Form.test.jsx
index 16e2362b65..1ac45f0e4d 100644
--- a/packages/volto/src/components/manage/Form/Form.test.jsx
+++ b/packages/volto/src/components/manage/Form/Form.test.jsx
@@ -18,6 +18,13 @@ describe('Form', () => {
         locale: 'en',
         messages: {},
       },
+      content: {
+        data: {},
+        create: {
+          loading: false,
+          loaded: true,
+        },
+      },
     });
     const component = renderer.create(
       <Provider store={store}>
diff --git a/packages/volto/src/components/manage/Form/ModalForm.test.jsx b/packages/volto/src/components/manage/Form/ModalForm.test.jsx
index 6e491ee79a..f6eb4e368d 100644
--- a/packages/volto/src/components/manage/Form/ModalForm.test.jsx
+++ b/packages/volto/src/components/manage/Form/ModalForm.test.jsx
@@ -3,7 +3,6 @@ import renderer from 'react-test-renderer';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
 
 import ModalForm from './ModalForm';
 
diff --git a/packages/volto/src/components/manage/History/History.jsx b/packages/volto/src/components/manage/History/History.jsx
index 5fa61001a4..f3694e5275 100644
--- a/packages/volto/src/components/manage/History/History.jsx
+++ b/packages/volto/src/components/manage/History/History.jsx
@@ -17,7 +17,7 @@ import {
   Table,
 } from 'semantic-ui-react';
 import { concat, map, reverse, find } from 'lodash';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 import { asyncConnect } from '@plone/volto/helpers';
 
@@ -314,8 +314,8 @@ class History extends Component {
             </Table.Body>
           </Table>
         </Segment.Group>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -332,9 +332,9 @@ class History extends Component {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     );
   }
diff --git a/packages/volto/src/components/manage/History/History.test.jsx b/packages/volto/src/components/manage/History/History.test.jsx
index c0ddab5703..164e699399 100644
--- a/packages/volto/src/components/manage/History/History.test.jsx
+++ b/packages/volto/src/components/manage/History/History.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { StaticRouter } from 'react-router-dom';
 import { Provider } from 'react-intl-redux';
@@ -9,9 +9,7 @@ import FakeTimers from '@sinonjs/fake-timers';
 import History from './History';
 
 const mockStore = configureStore();
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 const FIXED_SYSTEM_TIME = '2017-04-23T15:38:00.000Z';
 
@@ -87,13 +85,14 @@ describe('History', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <History location={{ pathname: '/blog' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 
   it('redirects if unassigned', () => {
@@ -153,13 +152,14 @@ describe('History', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <History location={{ pathname: '/blog' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 
   it('redirects if unassigned, no token gives unauthorized', () => {
@@ -217,14 +217,15 @@ describe('History', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <StaticRouter context={{}} location={'/blog'}>
           <History location={{ pathname: '/blog' }} />
+          <div id="toolbar"></div>
         </StaticRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/History/__snapshots__/History.test.jsx.snap b/packages/volto/src/components/manage/History/__snapshots__/History.test.jsx.snap
index af2888cab6..975b25879e 100644
--- a/packages/volto/src/components/manage/History/__snapshots__/History.test.jsx.snap
+++ b/packages/volto/src/components/manage/History/__snapshots__/History.test.jsx.snap
@@ -1,265 +1,268 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`History redirects if unassigned 1`] = `
-<div
-  className="ui container view-wrapper"
->
-  <h1>
-    Forbidden
-  </h1>
-  <p
-    className="description"
+<div>
+  <div
+    class="ui container view-wrapper"
   >
-    We apologize for the inconvenience, but you don't have permissions on this resource.
-  </p>
+    <h1>
+      Forbidden
+    </h1>
+    <p
+      class="description"
+    >
+      We apologize for the inconvenience, but you don't have permissions on this resource.
+    </p>
+  </div>
+  <div
+    id="toolbar"
+  />
 </div>
 `;
 
 exports[`History redirects if unassigned, no token gives unauthorized 1`] = `
-<div
-  className="ui container view-wrapper"
->
-  <h1>
-    Unauthorized
-  </h1>
-  <h3 />
-  <p
-    className="description"
+<div>
+  <div
+    class="ui container view-wrapper"
   >
-    You are trying to access a protected resource, please 
-    <a
-      href="/blog/login"
-      onClick={[Function]}
+    <h1>
+      Unauthorized
+    </h1>
+    <h3 />
+    <p
+      class="description"
     >
-      log in
-    </a>
-     first.
-  </p>
-  <p>
-    If you are certain you have the correct web address but are encountering an error, please contact the 
-    <a
-      href="/contact-form"
-      onClick={[Function]}
-    >
-      Site Administration
-    </a>
-    .
-  </p>
-  <p>
-    Thank you.
-  </p>
+      You are trying to access a protected resource, please 
+      <a
+        href="/blog/login"
+      >
+        log in
+      </a>
+       first.
+    </p>
+    <p>
+      If you are certain you have the correct web address but are encountering an error, please contact the 
+      <a
+        href="/contact-form"
+      >
+        Site Administration
+      </a>
+      .
+    </p>
+    <p>
+      Thank you.
+    </p>
+  </div>
+  <div
+    id="toolbar"
+  />
 </div>
 `;
 
 exports[`History renders a history component 1`] = `
-<div
-  className="ui container"
-  id="page-history"
->
+<div>
   <div
-    className="ui raised segments"
+    class="ui container"
+    id="page-history"
   >
     <div
-      className="ui segment primary"
-    >
-      History of 
-      <q>
-        Blog
-      </q>
-    </div>
-    <div
-      className="ui secondary segment"
+      class="ui raised segments"
     >
-      You can view the history of your item below.
-    </div>
-    <table
-      className="ui selectable single line attached compact table"
-    >
-      <thead
-        className=""
+      <div
+        class="ui segment primary"
       >
-        <tr
-          className=""
-        >
-          <th
-            className="one wide"
-          >
-            #
-          </th>
-          <th
-            className="four wide"
-          >
-            What
-          </th>
-          <th
-            className="four wide"
-          >
-            Who
-          </th>
-          <th
-            className="four wide"
-          >
-            When
-          </th>
-          <th
-            className="four wide"
-          >
-            Change Note
-          </th>
-          <th
-            className=""
-          />
-        </tr>
-      </thead>
-      <tbody
-        className=""
+        History of 
+        <q>
+          Blog
+        </q>
+      </div>
+      <div
+        class="ui secondary segment"
+      >
+        You can view the history of your item below.
+      </div>
+      <table
+        class="ui selectable single line attached compact table"
       >
-        <tr
-          className=""
+        <thead
+          class=""
         >
-          <td
-            className=""
-          >
-            <span />
-          </td>
-          <td
-            className=""
-          >
-            <span>
-              Publish
-               (Private → Published)
-            </span>
-          </td>
-          <td
-            className=""
+          <tr
+            class=""
           >
-            Web Admin
-          </td>
-          <td
-            className=""
-          >
-            <time
-              dateTime="2017-04-19T14:09:36+02:00"
-              title="Wednesday, April 19, 2017 at 12:09 PM"
+            <th
+              class="one wide"
             >
-              4/19/2017
-            </time>
-          </td>
-          <td
-            className=""
-          >
-            
-          </td>
-          <td
-            className=""
-          />
-        </tr>
-        <tr
-          className=""
+              #
+            </th>
+            <th
+              class="four wide"
+            >
+              What
+            </th>
+            <th
+              class="four wide"
+            >
+              Who
+            </th>
+            <th
+              class="four wide"
+            >
+              When
+            </th>
+            <th
+              class="four wide"
+            >
+              Change Note
+            </th>
+            <th
+              class=""
+            />
+          </tr>
+        </thead>
+        <tbody
+          class=""
         >
-          <td
-            className=""
-          >
-            <span />
-          </td>
-          <td
-            className=""
+          <tr
+            class=""
           >
-            <span>
-              Edited
-            </span>
-          </td>
-          <td
-            className=""
-          >
-            Web Admin
-          </td>
-          <td
-            className=""
-          >
-            <time
-              dateTime="2017-04-19T14:09:35+02:00"
-              title="Wednesday, April 19, 2017 at 12:09 PM"
+            <td
+              class=""
             >
-              4/19/2017
-            </time>
-          </td>
-          <td
-            className=""
-          >
-            Changed text
-          </td>
-          <td
-            className=""
+              <span />
+            </td>
+            <td
+              class=""
+            >
+              <span>
+                Publish
+                 (Private → Published)
+              </span>
+            </td>
+            <td
+              class=""
+            >
+              Web Admin
+            </td>
+            <td
+              class=""
+            >
+              <time
+                datetime="2017-04-19T14:09:36+02:00"
+                title="Wednesday, April 19, 2017 at 12:09 PM"
+              >
+                4/19/2017
+              </time>
+            </td>
+            <td
+              class=""
+            />
+            <td
+              class=""
+            />
+          </tr>
+          <tr
+            class=""
           >
-            <div
-              aria-expanded={false}
-              className="ui dropdown"
-              onBlur={[Function]}
-              onChange={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onMouseDown={[Function]}
-              role="listbox"
-              tabIndex={0}
+            <td
+              class=""
+            >
+              <span />
+            </td>
+            <td
+              class=""
+            >
+              <span>
+                Edited
+              </span>
+            </td>
+            <td
+              class=""
+            >
+              Web Admin
+            </td>
+            <td
+              class=""
+            >
+              <time
+                datetime="2017-04-19T14:09:35+02:00"
+                title="Wednesday, April 19, 2017 at 12:09 PM"
+              >
+                4/19/2017
+              </time>
+            </td>
+            <td
+              class=""
+            >
+              Changed text
+            </td>
+            <td
+              class=""
             >
-              <i
-                aria-hidden="true"
-                className="ellipsis horizontal icon"
-                onClick={[Function]}
-              />
               <div
-                className="menu transition left"
-              />
-            </div>
-          </td>
-        </tr>
-        <tr
-          className=""
-        >
-          <td
-            className=""
-          >
-            <span />
-          </td>
-          <td
-            className=""
-          >
-            <span>
-              Create
-               (Private)
-            </span>
-          </td>
-          <td
-            className=""
+                aria-expanded="false"
+                class="ui dropdown"
+                role="listbox"
+                tabindex="0"
+              >
+                <i
+                  aria-hidden="true"
+                  class="ellipsis horizontal icon"
+                />
+                <div
+                  class="menu transition left"
+                />
+              </div>
+            </td>
+          </tr>
+          <tr
+            class=""
           >
-            Web Admin
-          </td>
-          <td
-            className=""
-          >
-            <time
-              dateTime="2017-04-19T14:09:34+02:00"
-              title="Wednesday, April 19, 2017 at 12:09 PM"
+            <td
+              class=""
             >
-              4/19/2017
-            </time>
-          </td>
-          <td
-            className=""
-          >
-            
-          </td>
-          <td
-            className=""
-          />
-        </tr>
-      </tbody>
-    </table>
+              <span />
+            </td>
+            <td
+              class=""
+            >
+              <span>
+                Create
+                 (Private)
+              </span>
+            </td>
+            <td
+              class=""
+            >
+              Web Admin
+            </td>
+            <td
+              class=""
+            >
+              <time
+                datetime="2017-04-19T14:09:34+02:00"
+                title="Wednesday, April 19, 2017 at 12:09 PM"
+              >
+                4/19/2017
+              </time>
+            </td>
+            <td
+              class=""
+            />
+            <td
+              class=""
+            />
+          </tr>
+        </tbody>
+      </table>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/LinksToItem/LinksToItem.jsx b/packages/volto/src/components/manage/LinksToItem/LinksToItem.jsx
index bc93a24055..a8ad6915cd 100644
--- a/packages/volto/src/components/manage/LinksToItem/LinksToItem.jsx
+++ b/packages/volto/src/components/manage/LinksToItem/LinksToItem.jsx
@@ -2,11 +2,11 @@
  * LinksToItem component
  * @module components/manage/LinksToItem/LinksToItem
  */
-import { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { find } from 'lodash';
 import { Helmet } from '@plone/volto/helpers';
 import { Link } from 'react-router-dom';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { Container, Segment, Table } from 'semantic-ui-react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { useDispatch, useSelector } from 'react-redux';
@@ -19,7 +19,6 @@ import {
   UniversalLink,
   Unauthorized,
 } from '@plone/volto/components';
-import { compose } from 'redux';
 
 import { getBaseUrl } from '@plone/volto/helpers';
 import backSVG from '@plone/volto/icons/back.svg';
@@ -57,6 +56,12 @@ const LinksToItem = (props) => {
     id: 'plone_setup',
   });
 
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+
   useEffect(() => {
     dispatch(queryRelations(null, false, itempath, null, [itempath]));
   }, [dispatch, itempath]);
@@ -101,41 +106,46 @@ const LinksToItem = (props) => {
           <Table selectable compact singleLine attached>
             {
               <Table.Body>
-                {Object.keys(links_ordered).map((relationtype) => {
+                {Object.keys(links_ordered).map((relationtype, index) => {
+                  // TODO: keys driven by links_ordered[relationtype][index]['@id'])
                   return [].concat(
                     [
-                      <Table.Row>
-                        <Table.HeaderCell>
-                          {relationtype === 'isReferencing' ? (
-                            <FormattedMessage
-                              id="Linking this item with hyperlink in text"
-                              defaultMessage="Linking this item with hyperlink in text"
-                            />
-                          ) : relationtype === 'relatedItems' ? (
-                            <FormattedMessage
-                              id="Referencing this item as related item"
-                              defaultMessage="Referencing this item as related item"
-                            />
-                          ) : (
-                            <>
+                      <React.Fragment key={index}>
+                        <Table.Row>
+                          <Table.HeaderCell>
+                            {relationtype === 'isReferencing' ? (
                               <FormattedMessage
-                                id="Referencing this item with {relationship}"
-                                defaultMessage="Referencing this item with {relationship}"
-                                values={{ relationship: <q>{relationtype}</q> }}
+                                id="Linking this item with hyperlink in text"
+                                defaultMessage="Linking this item with hyperlink in text"
                               />
-                            </>
-                          )}
-                        </Table.HeaderCell>
-                        <Table.HeaderCell>
-                          <FormattedMessage
-                            id="Review state"
-                            defaultMessage="Review state"
-                          />
-                        </Table.HeaderCell>
-                        <Table.HeaderCell>
-                          <FormattedMessage id="Type" defaultMessage="Type" />
-                        </Table.HeaderCell>
-                      </Table.Row>,
+                            ) : relationtype === 'relatedItems' ? (
+                              <FormattedMessage
+                                id="Referencing this item as related item"
+                                defaultMessage="Referencing this item as related item"
+                              />
+                            ) : (
+                              <>
+                                <FormattedMessage
+                                  id="Referencing this item with {relationship}"
+                                  defaultMessage="Referencing this item with {relationship}"
+                                  values={{
+                                    relationship: <q>{relationtype}</q>,
+                                  }}
+                                />
+                              </>
+                            )}
+                          </Table.HeaderCell>
+                          <Table.HeaderCell>
+                            <FormattedMessage
+                              id="Review state"
+                              defaultMessage="Review state"
+                            />
+                          </Table.HeaderCell>
+                          <Table.HeaderCell>
+                            <FormattedMessage id="Type" defaultMessage="Type" />
+                          </Table.HeaderCell>
+                        </Table.Row>
+                      </React.Fragment>,
                     ],
                     links_ordered[relationtype].map((link) => {
                       return (
@@ -173,8 +183,8 @@ const LinksToItem = (props) => {
           </Segment>
         )}
       </Segment.Group>
-      {__CLIENT__ && (
-        <Portal node={document.getElementById('toolbar')}>
+      {isClient &&
+        createPortal(
           <Toolbar
             pathname={pathname}
             hideDefaultViewButtons
@@ -208,22 +218,41 @@ const LinksToItem = (props) => {
                 </>
               </>
             }
-          />
-        </Portal>
-      )}
+          />,
+          document.getElementById('toolbar'),
+        )}
     </Container>
   );
 };
 
 export const __test__ = LinksToItem;
-export default compose(
-  asyncConnect([
-    {
-      key: 'actions',
-      // Dispatch async/await to make the operation synchronous, otherwise it returns
-      // before the promise is resolved
-      promise: async ({ location, store: { dispatch } }) =>
-        await dispatch(listActions(getBaseUrl(location.pathname))),
+
+export default asyncConnect([
+  {
+    key: 'content',
+    // Dispatch async/await to make the operation synchronous, otherwise it returns
+    // before the promise is resolved
+    promise: async ({ location, store: { dispatch } }) => {
+      const pathname = getBaseUrl(location.pathname);
+      return await dispatch(getContent(pathname));
     },
-  ]),
-)(LinksToItem);
+  },
+  {
+    key: 'actions',
+    // Dispatch async/await to make the operation synchronous, otherwise it returns
+    // before the promise is resolved
+    promise: async ({ location, store: { dispatch } }) =>
+      await dispatch(listActions(getBaseUrl(location.pathname))),
+  },
+  {
+    key: 'relations',
+    // Dispatch async/await to make the operation synchronous, otherwise it returns
+    // before the promise is resolved
+    promise: async ({ location, store: { dispatch } }) => {
+      const pathname = getBaseUrl(location.pathname);
+      return await dispatch(
+        queryRelations(null, false, pathname, null, [pathname]),
+      );
+    },
+  },
+])(LinksToItem);
diff --git a/packages/volto/src/components/manage/LinksToItem/LinksToItem.test.jsx b/packages/volto/src/components/manage/LinksToItem/LinksToItem.test.jsx
index 4c590cbbcc..210bd35124 100644
--- a/packages/volto/src/components/manage/LinksToItem/LinksToItem.test.jsx
+++ b/packages/volto/src/components/manage/LinksToItem/LinksToItem.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
@@ -10,9 +10,8 @@ import { __test__ as LinksToItem } from './LinksToItem';
 const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 jest.mock('../Toolbar/More', () => jest.fn(() => <div className="More" />));
 
 describe('LinksToItem', () => {
@@ -99,14 +98,15 @@ describe('LinksToItem', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <LinksToItem location={{ pathname: '/page-1/links-to-item' }} />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/LinksToItem/__snapshots__/LinksToItem.test.jsx.snap b/packages/volto/src/components/manage/LinksToItem/__snapshots__/LinksToItem.test.jsx.snap
index 71a4163128..45741837c2 100644
--- a/packages/volto/src/components/manage/LinksToItem/__snapshots__/LinksToItem.test.jsx.snap
+++ b/packages/volto/src/components/manage/LinksToItem/__snapshots__/LinksToItem.test.jsx.snap
@@ -1,142 +1,142 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`LinksToItem renders "links and references" view 1`] = `
-<div
-  className="ui container"
-  id="linkstoitem"
->
+<div>
   <div
-    className="ui raised segments"
+    class="ui container"
+    id="linkstoitem"
   >
     <div
-      className="ui segment primary"
+      class="ui raised segments"
     >
-      Content that links to or references 
-      <q>
-        page #1
-      </q>
-    </div>
-    <table
-      className="ui selectable single line attached compact table"
-    >
-      <tbody
-        className=""
+      <div
+        class="ui segment primary"
       >
-        <tr
-          className=""
+        Content that links to or references 
+        <q>
+          page #1
+        </q>
+      </div>
+      <table
+        class="ui selectable single line attached compact table"
+      >
+        <tbody
+          class=""
         >
-          <th
-            className=""
-          >
-            Linking this item with hyperlink in text
-          </th>
-          <th
-            className=""
+          <tr
+            class=""
           >
-            Review state
-          </th>
-          <th
-            className=""
-          >
-            Type
-          </th>
-        </tr>
-        <tr
-          className=""
-        >
-          <td
-            className=""
+            <th
+              class=""
+            >
+              Linking this item with hyperlink in text
+            </th>
+            <th
+              class=""
+            >
+              Review state
+            </th>
+            <th
+              class=""
+            >
+              Type
+            </th>
+          </tr>
+          <tr
+            class=""
           >
-            <a
-              className="source published"
-              href="/page-basil"
-              onClick={[Function]}
-              target={null}
-              title={null}
+            <td
+              class=""
             >
-              <span
-                className="label"
-                title="Document"
+              <a
+                class="source published"
+                href="/page-basil"
               >
-                Basil
+                <span
+                  class="label"
+                  title="Document"
+                >
+                  Basil
+                </span>
+              </a>
+            </td>
+            <td
+              class=""
+            >
+              <span>
+                published
               </span>
-            </a>
-          </td>
-          <td
-            className=""
-          >
-            <span>
-              published
-            </span>
-          </td>
-          <td
-            className=""
-          >
-            <span>
-              Document
-            </span>
-          </td>
-        </tr>
-        <tr
-          className=""
-        >
-          <th
-            className=""
-          >
-            Referencing this item as related item
-          </th>
-          <th
-            className=""
-          >
-            Review state
-          </th>
-          <th
-            className=""
+            </td>
+            <td
+              class=""
+            >
+              <span>
+                Document
+              </span>
+            </td>
+          </tr>
+          <tr
+            class=""
           >
-            Type
-          </th>
-        </tr>
-        <tr
-          className=""
-        >
-          <td
-            className=""
+            <th
+              class=""
+            >
+              Referencing this item as related item
+            </th>
+            <th
+              class=""
+            >
+              Review state
+            </th>
+            <th
+              class=""
+            >
+              Type
+            </th>
+          </tr>
+          <tr
+            class=""
           >
-            <a
-              className="source published"
-              href="/page-cucumber"
-              onClick={[Function]}
-              target={null}
-              title={null}
+            <td
+              class=""
             >
-              <span
-                className="label"
-                title="Document"
+              <a
+                class="source published"
+                href="/page-cucumber"
               >
-                Cucumber
+                <span
+                  class="label"
+                  title="Document"
+                >
+                  Cucumber
+                </span>
+              </a>
+            </td>
+            <td
+              class=""
+            >
+              <span>
+                published
               </span>
-            </a>
-          </td>
-          <td
-            className=""
-          >
-            <span>
-              published
-            </span>
-          </td>
-          <td
-            className=""
-          >
-            <span>
-              Document
-            </span>
-          </td>
-        </tr>
-      </tbody>
-    </table>
+            </td>
+            <td
+              class=""
+            >
+              <span>
+                Document
+              </span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Multilingual/CreateTranslation.test.jsx b/packages/volto/src/components/manage/Multilingual/CreateTranslation.test.jsx
deleted file mode 100644
index 56ff1b32a1..0000000000
--- a/packages/volto/src/components/manage/Multilingual/CreateTranslation.test.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import configureStore from 'redux-mock-store';
-import { Provider } from 'react-intl-redux';
-import { MemoryRouter } from 'react-router-dom';
-import config from '@plone/volto/registry';
-
-import CreateTranslation from './CreateTranslation';
-
-beforeAll(() => {
-  config.settings.isMultilingual = true;
-  config.settings.supportedLanguages = ['de', 'es'];
-});
-
-const mockStore = configureStore();
-
-describe('CreateTranslation', () => {
-  it('renders a CreateTranslation component', () => {
-    const store = mockStore({
-      intl: {
-        locale: 'en',
-        messages: {},
-      },
-      translations: {
-        translationLocation: '/es',
-      },
-    });
-    const component = renderer.create(
-      <Provider store={store}>
-        <MemoryRouter>
-          <CreateTranslation
-            location={{
-              pathname: '/blog-post',
-              state: {
-                language: 'es',
-                translationOf: '/en/page-en',
-              },
-            }}
-          />
-        </MemoryRouter>
-      </Provider>,
-    );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-});
diff --git a/packages/volto/src/components/manage/Multilingual/ManageTranslations.jsx b/packages/volto/src/components/manage/Multilingual/ManageTranslations.jsx
index a375b98e89..37fe9a11dc 100644
--- a/packages/volto/src/components/manage/Multilingual/ManageTranslations.jsx
+++ b/packages/volto/src/components/manage/Multilingual/ManageTranslations.jsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { Button, Container, Segment, Table } from 'semantic-ui-react';
 import { Helmet } from '@plone/volto/helpers';
 import { flattenToAppURL, getBaseUrl, langmap } from '@plone/volto/helpers';
@@ -15,7 +15,7 @@ import {
 } from '@plone/volto/actions';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useSelector, useDispatch } from 'react-redux';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { toast } from 'react-toastify';
 
 import addSVG from '@plone/volto/icons/add.svg';
@@ -64,6 +64,12 @@ const ManageTranslations = (props) => {
   const content = useSelector((state) => state.content.data);
   const dispatch = useDispatch();
 
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+
   const { isObjectBrowserOpen, openObjectBrowser } = props;
 
   const currentSelectedItem = React.useRef(null);
@@ -269,8 +275,8 @@ const ManageTranslations = (props) => {
             </Table.Body>
           </Table>
         )}
-        {__CLIENT__ && (
-          <Portal node={document.getElementById('toolbar')}>
+        {isClient &&
+          createPortal(
             <Toolbar
               pathname={pathname}
               hideDefaultViewButtons
@@ -284,9 +290,9 @@ const ManageTranslations = (props) => {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Segment.Group>
     </Container>
   );
diff --git a/packages/volto/src/components/manage/Multilingual/ManageTranslations.test.jsx b/packages/volto/src/components/manage/Multilingual/ManageTranslations.test.jsx
index a8d51b4101..f4a85720ad 100644
--- a/packages/volto/src/components/manage/Multilingual/ManageTranslations.test.jsx
+++ b/packages/volto/src/components/manage/Multilingual/ManageTranslations.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter } from 'react-router-dom';
@@ -12,9 +12,7 @@ beforeAll(() => {
   config.settings.supportedLanguages = ['de', 'es'];
 });
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 const mockStore = configureStore();
 
@@ -36,7 +34,7 @@ describe('ManageTranslations', () => {
         },
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <ManageTranslations
@@ -48,10 +46,11 @@ describe('ManageTranslations', () => {
               },
             }}
           />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Multilingual/__snapshots__/CreateTranslation.test.jsx.snap b/packages/volto/src/components/manage/Multilingual/__snapshots__/CreateTranslation.test.jsx.snap
deleted file mode 100644
index 6676d8b34e..0000000000
--- a/packages/volto/src/components/manage/Multilingual/__snapshots__/CreateTranslation.test.jsx.snap
+++ /dev/null
@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CreateTranslation renders a CreateTranslation component 1`] = `null`;
diff --git a/packages/volto/src/components/manage/Multilingual/__snapshots__/ManageTranslations.test.jsx.snap b/packages/volto/src/components/manage/Multilingual/__snapshots__/ManageTranslations.test.jsx.snap
index af4ba1ee3a..c91ee38455 100644
--- a/packages/volto/src/components/manage/Multilingual/__snapshots__/ManageTranslations.test.jsx.snap
+++ b/packages/volto/src/components/manage/Multilingual/__snapshots__/ManageTranslations.test.jsx.snap
@@ -1,212 +1,160 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ManageTranslations renders a ManageTranslations component 1`] = `
-<div
-  className="ui container"
-  id="page-manage-translations"
->
+<div>
   <div
-    className="ui raised segments"
+    class="ui container"
+    id="page-manage-translations"
   >
     <div
-      className="ui segment primary"
+      class="ui raised segments"
     >
-      Manage translations for 
-      <q>
-        My page
-      </q>
-    </div>
-    <table
-      className="ui selectable single line attached compact table"
-    >
-      <thead
-        className=""
+      <div
+        class="ui segment primary"
       >
-        <tr
-          className=""
-        >
-          <th
-            className=""
-          >
-            Language
-          </th>
-          <th
-            className=""
-          >
-            Path
-          </th>
-          <th
-            className="right aligned"
-          >
-            Tools
-          </th>
-        </tr>
-      </thead>
-      <tbody
-        className=""
+        Manage translations for 
+        <q>
+          My page
+        </q>
+      </div>
+      <table
+        class="ui selectable single line attached compact table"
       >
-        <tr
-          className=""
+        <thead
+          class=""
         >
-          <td
-            className="collapsing"
+          <tr
+            class=""
           >
-            Deutsch
-          </td>
-          <td
-            className=""
-          >
-            <a
-              href="/"
-              onClick={[Function]}
+            <th
+              class=""
+            >
+              Language
+            </th>
+            <th
+              class=""
+            >
+              Path
+            </th>
+            <th
+              class="right aligned"
             >
-              
-            </a>
-          </td>
-          <td
-            className="right aligned manage-multilingual-tools"
+              Tools
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          class=""
+        >
+          <tr
+            class=""
           >
-            <div
-              className="ui buttons"
+            <td
+              class="collapsing"
+            >
+              Deutsch
+            </td>
+            <td
+              class=""
             >
               <a
-                className="ui basic icon button"
-                href="//create-translation"
-                onClick={[Function]}
-                role="button"
-              >
-                <svg
-                  className="icon"
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": undefined,
-                    }
-                  }
-                  onClick={null}
-                  style={
-                    Object {
-                      "fill": "currentColor",
-                      "height": "24px",
-                      "width": "auto",
-                    }
-                  }
-                  viewBox=""
-                  xmlns=""
-                />
-              </a>
-            </div>
-            <div
-              className="ui buttons"
+                href="/"
+              />
+            </td>
+            <td
+              class="right aligned manage-multilingual-tools"
             >
-              <button
-                aria-label="Link translation for deutsch"
-                className="ui basic icon button"
-                onClick={[Function]}
+              <div
+                class="ui buttons"
               >
-                <svg
-                  className="icon"
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": undefined,
-                    }
-                  }
-                  onClick={null}
-                  style={
-                    Object {
-                      "fill": "currentColor",
-                      "height": "24px",
-                      "width": "auto",
-                    }
-                  }
-                  viewBox=""
-                  xmlns=""
-                />
-              </button>
-            </div>
-          </td>
-        </tr>
-        <tr
-          className=""
-        >
-          <td
-            className="collapsing"
-          >
-            Español
-          </td>
-          <td
-            className=""
+                <a
+                  class="ui basic icon button"
+                  href="//create-translation"
+                  role="button"
+                >
+                  <svg
+                    class="icon"
+                    style="height: 24px; width: auto; fill: currentColor;"
+                    viewBox=""
+                    xmlns=""
+                  />
+                </a>
+              </div>
+              <div
+                class="ui buttons"
+              >
+                <button
+                  aria-label="Link translation for deutsch"
+                  class="ui basic icon button"
+                >
+                  <svg
+                    class="icon"
+                    style="height: 24px; width: auto; fill: currentColor;"
+                    viewBox=""
+                    xmlns=""
+                  />
+                </button>
+              </div>
+            </td>
+          </tr>
+          <tr
+            class=""
           >
-            <a
-              href="/"
-              onClick={[Function]}
+            <td
+              class="collapsing"
             >
-              
-            </a>
-          </td>
-          <td
-            className="right aligned manage-multilingual-tools"
-          >
-            <div
-              className="ui buttons"
+              Español
+            </td>
+            <td
+              class=""
             >
               <a
-                className="ui basic icon button"
-                href="//create-translation"
-                onClick={[Function]}
-                role="button"
-              >
-                <svg
-                  className="icon"
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": undefined,
-                    }
-                  }
-                  onClick={null}
-                  style={
-                    Object {
-                      "fill": "currentColor",
-                      "height": "24px",
-                      "width": "auto",
-                    }
-                  }
-                  viewBox=""
-                  xmlns=""
-                />
-              </a>
-            </div>
-            <div
-              className="ui buttons"
+                href="/"
+              />
+            </td>
+            <td
+              class="right aligned manage-multilingual-tools"
             >
-              <button
-                aria-label="Link translation for español"
-                className="ui basic icon button"
-                onClick={[Function]}
+              <div
+                class="ui buttons"
               >
-                <svg
-                  className="icon"
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": undefined,
-                    }
-                  }
-                  onClick={null}
-                  style={
-                    Object {
-                      "fill": "currentColor",
-                      "height": "24px",
-                      "width": "auto",
-                    }
-                  }
-                  viewBox=""
-                  xmlns=""
-                />
-              </button>
-            </div>
-          </td>
-        </tr>
-      </tbody>
-    </table>
+                <a
+                  class="ui basic icon button"
+                  href="//create-translation"
+                  role="button"
+                >
+                  <svg
+                    class="icon"
+                    style="height: 24px; width: auto; fill: currentColor;"
+                    viewBox=""
+                    xmlns=""
+                  />
+                </a>
+              </div>
+              <div
+                class="ui buttons"
+              >
+                <button
+                  aria-label="Link translation for español"
+                  class="ui basic icon button"
+                >
+                  <svg
+                    class="icon"
+                    style="height: 24px; width: auto; fill: currentColor;"
+                    viewBox=""
+                    xmlns=""
+                  />
+                </button>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+  <div
+    id="toolbar"
+  >
     <div
       id="Portal"
     />
diff --git a/packages/volto/src/components/manage/Preferences/ChangePassword.jsx b/packages/volto/src/components/manage/Preferences/ChangePassword.jsx
index ca817592f6..b686ca0c9f 100644
--- a/packages/volto/src/components/manage/Preferences/ChangePassword.jsx
+++ b/packages/volto/src/components/manage/Preferences/ChangePassword.jsx
@@ -9,7 +9,7 @@ import { Helmet } from '@plone/volto/helpers';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link, withRouter } from 'react-router-dom';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { defineMessages, injectIntl } from 'react-intl';
 import { Container } from 'semantic-ui-react';
 import jwtDecode from 'jwt-decode';
@@ -195,8 +195,8 @@ class ChangePassword extends Component {
           onCancel={this.onCancel}
           loading={this.props.loading}
         />
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -213,9 +213,9 @@ class ChangePassword extends Component {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     );
   }
diff --git a/packages/volto/src/components/manage/Preferences/ChangePassword.test.jsx b/packages/volto/src/components/manage/Preferences/ChangePassword.test.jsx
index 0df20b57de..7746c796f2 100644
--- a/packages/volto/src/components/manage/Preferences/ChangePassword.test.jsx
+++ b/packages/volto/src/components/manage/Preferences/ChangePassword.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import configureStore from 'redux-mock-store';
 import jwt from 'jsonwebtoken';
@@ -9,9 +9,7 @@ import ChangePassword from './ChangePassword';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 describe('ChangePassword', () => {
   it('renders a change password component', () => {
@@ -28,15 +26,23 @@ describe('ChangePassword', () => {
           loading: false,
         },
       },
+      content: {
+        data: {},
+        create: {
+          loading: false,
+          loaded: true,
+        },
+      },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <ChangePassword location={{ pathname: '/blog' }} />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Preferences/PersonalInformation.test.jsx b/packages/volto/src/components/manage/Preferences/PersonalInformation.test.jsx
index d08924a6d6..b7abdfaf81 100644
--- a/packages/volto/src/components/manage/Preferences/PersonalInformation.test.jsx
+++ b/packages/volto/src/components/manage/Preferences/PersonalInformation.test.jsx
@@ -18,9 +18,7 @@ const userSchema = {
   loading: false,
 };
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 describe('PersonalInformation', () => {
   it('renders a personal information component', async () => {
@@ -42,6 +40,13 @@ describe('PersonalInformation', () => {
         locale: 'en',
         messages: {},
       },
+      content: {
+        data: {},
+        create: {
+          loading: false,
+          loaded: true,
+        },
+      },
     });
     const component = renderer.create(
       <Provider store={store}>
@@ -76,6 +81,13 @@ describe('PersonalInformation', () => {
         locale: 'en',
         messages: {},
       },
+      content: {
+        data: {},
+        create: {
+          loading: false,
+          loaded: true,
+        },
+      },
     });
     const component = renderer.create(
       <Provider store={store}>
diff --git a/packages/volto/src/components/manage/Preferences/PersonalPreferences.test.jsx b/packages/volto/src/components/manage/Preferences/PersonalPreferences.test.jsx
index 6d30297e6f..8a72fe0d9f 100644
--- a/packages/volto/src/components/manage/Preferences/PersonalPreferences.test.jsx
+++ b/packages/volto/src/components/manage/Preferences/PersonalPreferences.test.jsx
@@ -8,9 +8,7 @@ import PersonalPreferences from './PersonalPreferences';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 jest.mock('@plone/volto/helpers/Loadable/Loadable');
 beforeAll(
@@ -31,6 +29,13 @@ describe('PersonalPreferences', () => {
           itemsTotal: 1,
         },
       },
+      content: {
+        data: {},
+        create: {
+          loading: false,
+          loaded: true,
+        },
+      },
     });
     const { container } = render(
       <Provider store={store}>
diff --git a/packages/volto/src/components/manage/Preferences/__snapshots__/ChangePassword.test.jsx.snap b/packages/volto/src/components/manage/Preferences/__snapshots__/ChangePassword.test.jsx.snap
index ef3e37d8c5..1dbacb73fa 100644
--- a/packages/volto/src/components/manage/Preferences/__snapshots__/ChangePassword.test.jsx.snap
+++ b/packages/volto/src/components/manage/Preferences/__snapshots__/ChangePassword.test.jsx.snap
@@ -1,113 +1,92 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ChangePassword renders a change password component 1`] = `
-<div
-  className="ui container"
-  id="page-change-password"
->
+<div>
   <div
-    className="ui container"
+    class="ui container"
+    id="page-change-password"
   >
-    <form
-      className="ui form"
-      method="post"
-      onSubmit={[Function]}
+    <div
+      class="ui container"
     >
-      <fieldset
-        className="invisible"
+      <form
+        class="ui form"
+        method="post"
       >
-        <div
-          className="ui raised segments"
+        <fieldset
+          class="invisible"
         >
           <div
-            className="ui segment"
+            class="ui raised segments"
           >
             <div
-              className="mocked-password-widget"
-              id="mocked-field-oldPassword"
+              class="ui segment"
             >
-              Current password
-               - 
-              Enter your current password.
+              <div
+                class="mocked-password-widget"
+                id="mocked-field-oldPassword"
+              >
+                Current password
+                 - 
+                Enter your current password.
+              </div>
+              <div
+                class="mocked-password-widget"
+                id="mocked-field-newPassword"
+              >
+                New password
+                 - 
+                Enter your new password. Minimum 8 characters.
+              </div>
+              <div
+                class="mocked-password-widget"
+                id="mocked-field-newPasswordRepeat"
+              >
+                Confirm password
+                 - 
+                Re-enter the password. Make sure the passwords are identical.
+              </div>
             </div>
             <div
-              className="mocked-password-widget"
-              id="mocked-field-newPassword"
+              class="ui clearing segment actions"
             >
-              New password
-               - 
-              Enter your new password. Minimum 8 characters.
+              <button
+                aria-label="Save"
+                class="ui basic primary right floated button"
+                title="Save"
+                type="submit"
+              >
+                <svg
+                  class="icon circled"
+                  style="height: 30px; width: auto; fill: currentColor;"
+                  viewBox=""
+                  xmlns=""
+                />
+              </button>
+              <button
+                aria-label="Cancel"
+                class="ui basic secondary right floated button"
+                title="Cancel"
+              >
+                <svg
+                  class="icon circled"
+                  style="height: 30px; width: auto; fill: currentColor;"
+                  viewBox=""
+                  xmlns=""
+                />
+              </button>
             </div>
-            <div
-              className="mocked-password-widget"
-              id="mocked-field-newPasswordRepeat"
-            >
-              Confirm password
-               - 
-              Re-enter the password. Make sure the passwords are identical.
-            </div>
-          </div>
-          <div
-            className="ui clearing segment actions"
-          >
-            <button
-              aria-label="Save"
-              className="ui basic primary right floated button"
-              onClick={[Function]}
-              title="Save"
-              type="submit"
-            >
-              <svg
-                className="icon circled"
-                dangerouslySetInnerHTML={
-                  Object {
-                    "__html": undefined,
-                  }
-                }
-                onClick={null}
-                style={
-                  Object {
-                    "fill": "currentColor",
-                    "height": "30px",
-                    "width": "auto",
-                  }
-                }
-                viewBox=""
-                xmlns=""
-              />
-            </button>
-            <button
-              aria-label="Cancel"
-              className="ui basic secondary right floated button"
-              onClick={[Function]}
-              title="Cancel"
-            >
-              <svg
-                className="icon circled"
-                dangerouslySetInnerHTML={
-                  Object {
-                    "__html": undefined,
-                  }
-                }
-                onClick={null}
-                style={
-                  Object {
-                    "fill": "currentColor",
-                    "height": "30px",
-                    "width": "auto",
-                  }
-                }
-                viewBox=""
-                xmlns=""
-              />
-            </button>
           </div>
-        </div>
-      </fieldset>
-    </form>
+        </fieldset>
+      </form>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Rules/Rules.jsx b/packages/volto/src/components/manage/Rules/Rules.jsx
index cc0aacf11f..f47c14c567 100644
--- a/packages/volto/src/components/manage/Rules/Rules.jsx
+++ b/packages/volto/src/components/manage/Rules/Rules.jsx
@@ -8,7 +8,7 @@ import { Helmet } from '@plone/volto/helpers';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import {
   Button,
   Checkbox,
@@ -484,8 +484,8 @@ class Rules extends Component {
             </Button>
           </React.Fragment>
         )}
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -502,9 +502,9 @@ class Rules extends Component {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     );
   }
diff --git a/packages/volto/src/components/manage/Rules/Rules.test.jsx b/packages/volto/src/components/manage/Rules/Rules.test.jsx
index fad9e8a3ab..ba8f414ce4 100644
--- a/packages/volto/src/components/manage/Rules/Rules.test.jsx
+++ b/packages/volto/src/components/manage/Rules/Rules.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
@@ -9,9 +9,8 @@ import Rules from './Rules';
 const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
+
 jest.mock('../Toolbar/More', () => jest.fn(() => <div className="More" />));
 
 describe('Rules', () => {
@@ -65,12 +64,13 @@ describe('Rules', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <Rules location={{ pathname: '/blog/rules' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Rules/__snapshots__/Rules.test.jsx.snap b/packages/volto/src/components/manage/Rules/__snapshots__/Rules.test.jsx.snap
index cdc03912ae..8562329969 100644
--- a/packages/volto/src/components/manage/Rules/__snapshots__/Rules.test.jsx.snap
+++ b/packages/volto/src/components/manage/Rules/__snapshots__/Rules.test.jsx.snap
@@ -1,29 +1,35 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Rules renders rules object control 1`] = `
-<div
-  className="ui container"
-  id="rules"
->
+<div>
   <div
-    className="ui raised segments"
+    class="ui container"
+    id="rules"
   >
     <div
-      className="ui segment primary"
+      class="ui raised segments"
     >
-      Content rules for 
-      <q>
-        Blog
-      </q>
-    </div>
-    <div
-      className="ui secondary segment"
-    >
-      The following content rules are active in this Page. Use the content rules control panel to create new rules or delete or modify existing ones.
+      <div
+        class="ui segment primary"
+      >
+        Content rules for 
+        <q>
+          Blog
+        </q>
+      </div>
+      <div
+        class="ui secondary segment"
+      >
+        The following content rules are active in this Page. Use the content rules control panel to create new rules or delete or modify existing ones.
+      </div>
     </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Sharing/Sharing.jsx b/packages/volto/src/components/manage/Sharing/Sharing.jsx
index 31d715ad0a..b50ece9658 100644
--- a/packages/volto/src/components/manage/Sharing/Sharing.jsx
+++ b/packages/volto/src/components/manage/Sharing/Sharing.jsx
@@ -10,7 +10,7 @@ import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link, withRouter } from 'react-router-dom';
 import { find, isEqual, map } from 'lodash';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import {
   Button,
   Checkbox,
@@ -505,8 +505,8 @@ class SharingComponent extends Component {
             </Form>
           </Plug>
         </Segment.Group>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
@@ -523,9 +523,9 @@ class SharingComponent extends Component {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     );
   }
diff --git a/packages/volto/src/components/manage/Sharing/Sharing.test.jsx b/packages/volto/src/components/manage/Sharing/Sharing.test.jsx
index 9e0cafbfff..4924fe2379 100644
--- a/packages/volto/src/components/manage/Sharing/Sharing.test.jsx
+++ b/packages/volto/src/components/manage/Sharing/Sharing.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import jwt from 'jsonwebtoken';
@@ -10,9 +10,7 @@ import Sharing from './Sharing';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />));
 
 describe('Sharing', () => {
   it('renders a sharing component', () => {
@@ -57,16 +55,18 @@ describe('Sharing', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+
+    const { container } = render(
       <Provider store={store}>
         <PluggablesProvider>
           <MemoryRouter>
             <Sharing location={{ pathname: '/blog' }} />
+            <div id="toolbar"></div>
           </MemoryRouter>
         </PluggablesProvider>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/manage/Sharing/__snapshots__/Sharing.test.jsx.snap b/packages/volto/src/components/manage/Sharing/__snapshots__/Sharing.test.jsx.snap
index f56ecded12..b9502bffc7 100644
--- a/packages/volto/src/components/manage/Sharing/__snapshots__/Sharing.test.jsx.snap
+++ b/packages/volto/src/components/manage/Sharing/__snapshots__/Sharing.test.jsx.snap
@@ -1,217 +1,186 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Sharing renders a sharing component 1`] = `
-<div
-  className="ui container"
-  id="page-sharing"
->
+<div>
   <div
-    className="ui raised segments"
+    class="ui container"
+    id="page-sharing"
   >
     <div
-      className="ui segment primary"
+      class="ui raised segments"
     >
-      Sharing for 
-      <q>
-        Blog
-      </q>
-    </div>
-    <div
-      className="ui secondary segment"
-    >
-      You can control who can view and edit your item using the list below.
-    </div>
-    <div
-      className="ui segment"
-    >
-      <form
-        className="ui form"
-        onSubmit={[Function]}
+      <div
+        class="ui segment primary"
       >
-        <div
-          className="field"
+        Sharing for 
+        <q>
+          Blog
+        </q>
+      </div>
+      <div
+        class="ui secondary segment"
+      >
+        You can control who can view and edit your item using the list below.
+      </div>
+      <div
+        class="ui segment"
+      >
+        <form
+          class="ui form"
         >
           <div
-            className="ui action input"
+            class="field"
           >
-            <input
-              id="sharing-component-search"
-              name="SearchableText"
-              onChange={[Function]}
-              placeholder="Search for user or group"
-              type="text"
-            />
-            <button
-              aria-label="Search"
-              className="ui icon button"
-              onClick={[Function]}
+            <div
+              class="ui action input"
             >
-              <i
-                aria-hidden="true"
-                className="search icon"
-                onClick={[Function]}
+              <input
+                id="sharing-component-search"
+                name="SearchableText"
+                placeholder="Search for user or group"
+                type="text"
               />
-            </button>
+              <button
+                aria-label="Search"
+                class="ui icon button"
+              >
+                <i
+                  aria-hidden="true"
+                  class="search icon"
+                />
+              </button>
+            </div>
           </div>
-        </div>
-      </form>
-    </div>
-    <form
-      className="ui form"
-      onSubmit={[Function]}
-    >
-      <table
-        className="ui celled striped attached padded table"
+        </form>
+      </div>
+      <form
+        class="ui form"
       >
-        <thead
-          className=""
+        <table
+          class="ui celled striped attached padded table"
         >
-          <tr
-            className=""
+          <thead
+            class=""
           >
-            <th
-              className=""
+            <tr
+              class=""
             >
-              Name
-            </th>
-            <th
-              className=""
-            >
-              Can add
-            </th>
-          </tr>
-        </thead>
-        <tbody
-          className=""
-        >
-          <tr
-            className=""
+              <th
+                class=""
+              >
+                Name
+              </th>
+              <th
+                class=""
+              >
+                Can add
+              </th>
+            </tr>
+          </thead>
+          <tbody
+            class=""
           >
-            <td
-              className=""
+            <tr
+              class=""
             >
-              <i
-                aria-hidden="true"
-                className="user icon"
-                onClick={[Function]}
-                title="User"
+              <td
+                class=""
+              >
+                <i
+                  aria-hidden="true"
+                  class="user icon"
+                  title="User"
+                />
+                 
+                John Doe
+                 (john-doe)
+              </td>
+              <td
+                class=""
               />
-               
-              John Doe
-               (john-doe)
-            </td>
-            <td
-              className=""
-            />
-          </tr>
-        </tbody>
-      </table>
-      <div
-        className="ui attached segment"
-      >
+            </tr>
+          </tbody>
+        </table>
         <div
-          className="field"
+          class="ui attached segment"
         >
           <div
-            className="ui checked checkbox"
-            onChange={[Function]}
-            onClick={[Function]}
-            onMouseDown={[Function]}
-            onMouseUp={[Function]}
+            class="field"
           >
-            <input
-              checked={true}
-              className="hidden"
-              id="inherit-permissions-checkbox"
-              name="inherit-permissions-checkbox"
-              readOnly={true}
-              tabIndex={0}
-              type="checkbox"
-            />
-            <label
-              htmlFor="inherit-permissions-checkbox"
+            <div
+              class="ui checked checkbox"
             >
-              Inherit permissions from higher levels
-            </label>
+              <input
+                checked=""
+                class="hidden"
+                id="inherit-permissions-checkbox"
+                name="inherit-permissions-checkbox"
+                readonly=""
+                tabindex="0"
+                type="checkbox"
+                value=""
+              />
+              <label
+                for="inherit-permissions-checkbox"
+              >
+                Inherit permissions from higher levels
+              </label>
+            </div>
           </div>
+          <p
+            class="help"
+          >
+            By default, permissions from the container of this item are inherited. If you disable this, only the explicitly defined sharing permissions will be valid. In the overview, the symbol 
+            <i
+              aria-hidden="true"
+              class="green check circle outline icon"
+            />
+             indicates an inherited value. Similarly, the symbol 
+            <i
+              aria-hidden="true"
+              class="blue check circle outline icon"
+            />
+             indicates a global role, which is managed by the site administrator.
+          </p>
         </div>
-        <p
-          className="help"
-        >
-          By default, permissions from the container of this item are inherited. If you disable this, only the explicitly defined sharing permissions will be valid. In the overview, the symbol 
-          <i
-            aria-hidden="true"
-            className="green check circle outline icon"
-            onClick={[Function]}
-          />
-           indicates an inherited value. Similarly, the symbol 
-          <i
-            aria-hidden="true"
-            className="blue check circle outline icon"
-            onClick={[Function]}
-          />
-           indicates a global role, which is managed by the site administrator.
-        </p>
-      </div>
-      <div
-        className="ui clearing attached segment actions"
-      >
-        <button
-          aria-label="Save"
-          className="ui basic primary right floated button"
-          onClick={[Function]}
-          title="Save"
-          type="submit"
-        >
-          <svg
-            className="icon circled"
-            dangerouslySetInnerHTML={
-              Object {
-                "__html": undefined,
-              }
-            }
-            onClick={null}
-            style={
-              Object {
-                "fill": "currentColor",
-                "height": "30px",
-                "width": "auto",
-              }
-            }
-            viewBox=""
-            xmlns=""
-          />
-        </button>
-        <button
-          aria-label="Cancel"
-          className="ui basic secondary right floated button"
-          onClick={[Function]}
-          title="Cancel"
+        <div
+          class="ui clearing attached segment actions"
         >
-          <svg
-            className="icon circled"
-            dangerouslySetInnerHTML={
-              Object {
-                "__html": undefined,
-              }
-            }
-            onClick={null}
-            style={
-              Object {
-                "fill": "currentColor",
-                "height": "30px",
-                "width": "auto",
-              }
-            }
-            viewBox=""
-            xmlns=""
-          />
-        </button>
-      </div>
-    </form>
+          <button
+            aria-label="Save"
+            class="ui basic primary right floated button"
+            title="Save"
+            type="submit"
+          >
+            <svg
+              class="icon circled"
+              style="height: 30px; width: auto; fill: currentColor;"
+              viewBox=""
+              xmlns=""
+            />
+          </button>
+          <button
+            aria-label="Cancel"
+            class="ui basic secondary right floated button"
+            title="Cancel"
+          >
+            <svg
+              class="icon circled"
+              style="height: 30px; width: auto; fill: currentColor;"
+              viewBox=""
+              xmlns=""
+            />
+          </button>
+        </div>
+      </form>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Sidebar/ObjectBrowser.jsx b/packages/volto/src/components/manage/Sidebar/ObjectBrowser.jsx
index 0a31dcd486..a509550b95 100644
--- a/packages/volto/src/components/manage/Sidebar/ObjectBrowser.jsx
+++ b/packages/volto/src/components/manage/Sidebar/ObjectBrowser.jsx
@@ -98,7 +98,7 @@ const withObjectBrowser = (WrappedComponent) =>
               <ObjectBrowserBody
                 {...this.props}
                 data={
-                  this.state.propDataName
+                  this.state.propDataName && this.props[this.state.propDataName]
                     ? this.props[this.state.propDataName]
                     : this.props.data
                 }
diff --git a/packages/volto/src/components/manage/Sidebar/ObjectBrowserBody.jsx b/packages/volto/src/components/manage/Sidebar/ObjectBrowserBody.jsx
index c96b7f9d5b..194f32b2a5 100644
--- a/packages/volto/src/components/manage/Sidebar/ObjectBrowserBody.jsx
+++ b/packages/volto/src/components/manage/Sidebar/ObjectBrowserBody.jsx
@@ -104,27 +104,27 @@ class ObjectBrowserBody extends Component {
         this.props.mode === 'multiple'
           ? '/'
           : this.props.mode === 'image' && this.props.data?.url
-          ? getParentURL(this.props.data.url)
-          : '/',
+            ? getParentURL(this.props.data.url)
+            : '/',
       currentLinkFolder:
         this.props.mode === 'multiple'
           ? '/'
           : this.props.mode === 'link' && this.props.data?.href
-          ? getParentURL(this.props.data.href)
-          : '/',
+            ? getParentURL(this.props.data.href)
+            : '/',
       parentFolder: '',
       selectedImage:
         this.props.mode === 'multiple'
           ? ''
           : this.props.mode === 'image' && this.props.data?.url
-          ? flattenToAppURL(this.props.data.url)
-          : '',
+            ? flattenToAppURL(this.props.data.url)
+            : '',
       selectedHref:
         this.props.mode === 'multiple'
           ? ''
           : this.props.mode === 'link' && this.props.data?.href
-          ? flattenToAppURL(this.props.data.href)
-          : '',
+            ? flattenToAppURL(this.props.data.href)
+            : '',
       showSearchInput: false,
       // In image mode, the searchable types default to the image types which
       // can be overridden with the property if specified.
@@ -150,8 +150,8 @@ class ObjectBrowserBody extends Component {
       mode === 'multiple'
         ? ''
         : mode === 'image'
-        ? this.state.selectedImage
-        : this.state.selectedHref;
+          ? this.state.selectedImage
+          : this.state.selectedHref;
     if (currentSelected && isInternalURL(currentSelected)) {
       this.props.searchContent(
         getParentURL(currentSelected),
diff --git a/packages/volto/src/components/manage/Sidebar/Sidebar.jsx b/packages/volto/src/components/manage/Sidebar/Sidebar.jsx
index d480ac2ed9..790cb8bc94 100644
--- a/packages/volto/src/components/manage/Sidebar/Sidebar.jsx
+++ b/packages/volto/src/components/manage/Sidebar/Sidebar.jsx
@@ -138,6 +138,7 @@ const Sidebar = (props) => {
           panes={[
             !!documentTab && {
               menuItem: {
+                key: 'documentTab',
                 as: 'button',
                 className: 'ui button',
                 content: type || intl.formatMessage(messages.document),
@@ -152,6 +153,7 @@ const Sidebar = (props) => {
             },
             !!blockTab && {
               menuItem: {
+                key: 'blockTab',
                 as: 'button',
                 className: 'ui button',
                 content: intl.formatMessage(messages.block),
diff --git a/packages/volto/src/components/manage/Sidebar/SidebarPopup.jsx b/packages/volto/src/components/manage/Sidebar/SidebarPopup.jsx
index 14cd922a1f..58d6897fc3 100644
--- a/packages/volto/src/components/manage/Sidebar/SidebarPopup.jsx
+++ b/packages/volto/src/components/manage/Sidebar/SidebarPopup.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
 import PropTypes from 'prop-types';
 import { doesNodeContainClick } from 'semantic-ui-react/dist/commonjs/lib';
@@ -32,9 +32,13 @@ const SidebarPopup = (props) => {
           classNames="overlay-container"
           unmountOnExit
         >
-          <Portal node={document?.body}>
-            <div className="overlay-container"></div>
-          </Portal>
+          <>
+            {document?.body &&
+              createPortal(
+                <div className="overlay-container"></div>,
+                document?.body,
+              )}
+          </>
         </CSSTransition>
       )}
       <CSSTransition
@@ -43,23 +47,26 @@ const SidebarPopup = (props) => {
         classNames="sidebar-container"
         unmountOnExit
       >
-        <Portal>
-          <aside
-            role="presentation"
-            onClick={(e) => {
-              e.stopPropagation();
-            }}
-            onKeyDown={(e) => {
-              e.stopPropagation();
-            }}
-            ref={asideElement}
-            key="sidebarpopup"
-            className="sidebar-container"
-            style={{ overflowY: 'auto' }}
-          >
-            {children}
-          </aside>
-        </Portal>
+        <>
+          {createPortal(
+            <aside
+              role="presentation"
+              onClick={(e) => {
+                e.stopPropagation();
+              }}
+              onKeyDown={(e) => {
+                e.stopPropagation();
+              }}
+              ref={asideElement}
+              key="sidebarpopup"
+              className="sidebar-container"
+              style={{ overflowY: 'auto' }}
+            >
+              {children}
+            </aside>,
+            document.body,
+          )}
+        </>
       </CSSTransition>
     </>
   );
diff --git a/packages/volto/src/components/manage/Sidebar/SidebarPortal.jsx b/packages/volto/src/components/manage/Sidebar/SidebarPortal.jsx
index c99cb92fef..f77b80c2a7 100644
--- a/packages/volto/src/components/manage/Sidebar/SidebarPortal.jsx
+++ b/packages/volto/src/components/manage/Sidebar/SidebarPortal.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 
 /**
  * Portal that wraps Sidebar components
@@ -16,8 +16,9 @@ const SidebarPortal = ({ children, selected, tab = 'sidebar-properties' }) => {
 
   return (
     <>
-      {selected && (
-        <Portal node={isClient && document.getElementById(tab)}>
+      {isClient &&
+        selected &&
+        createPortal(
           <div role="form" style={{ height: '100%' }}>
             <div
               style={{ height: '100%' }}
@@ -31,9 +32,9 @@ const SidebarPortal = ({ children, selected, tab = 'sidebar-properties' }) => {
             >
               {children}
             </div>
-          </div>
-        </Portal>
-      )}
+          </div>,
+          document.getElementById(tab),
+        )}
     </>
   );
 };
diff --git a/packages/volto/src/components/manage/Sidebar/__snapshots__/SidebarPopup.test.jsx.snap b/packages/volto/src/components/manage/Sidebar/__snapshots__/SidebarPopup.test.jsx.snap
index 6d383e2cda..8144871def 100644
--- a/packages/volto/src/components/manage/Sidebar/__snapshots__/SidebarPopup.test.jsx.snap
+++ b/packages/volto/src/components/manage/Sidebar/__snapshots__/SidebarPopup.test.jsx.snap
@@ -8,23 +8,29 @@ exports[`sidebar popup is not rendered when the block is not selected 1`] = `
     timeout={500}
     unmountOnExit={true}
   >
-    <Portal>
-      <aside
-        className="sidebar-container"
-        onClick={[Function]}
-        onKeyDown={[Function]}
-        role="presentation"
-        style={
-          Object {
-            "overflowY": "auto",
+    <React.Fragment>
+      Object {
+        "$$typeof": Symbol(react.portal),
+        "children": <aside
+          className="sidebar-container"
+          onClick={[Function]}
+          onKeyDown={[Function]}
+          role="presentation"
+          style={
+            Object {
+              "overflowY": "auto",
+            }
           }
-        }
-      >
-        <p>
-          Tested, but you shouldn't see this in the snapshot!
-        </p>
-      </aside>
-    </Portal>
+        >
+          <p>
+            Tested, but you shouldn't see this in the snapshot!
+          </p>
+        </aside>,
+        "containerInfo": <body />,
+        "implementation": null,
+        "key": null,
+      }
+    </React.Fragment>
   </CSSTransition>
 </React.Fragment>
 `;
@@ -37,23 +43,29 @@ exports[`sidebar popup is rendered when the block is selected 1`] = `
     timeout={500}
     unmountOnExit={true}
   >
-    <Portal>
-      <aside
-        className="sidebar-container"
-        onClick={[Function]}
-        onKeyDown={[Function]}
-        role="presentation"
-        style={
-          Object {
-            "overflowY": "auto",
+    <React.Fragment>
+      Object {
+        "$$typeof": Symbol(react.portal),
+        "children": <aside
+          className="sidebar-container"
+          onClick={[Function]}
+          onKeyDown={[Function]}
+          role="presentation"
+          style={
+            Object {
+              "overflowY": "auto",
+            }
           }
-        }
-      >
-        <p>
-          Tested!
-        </p>
-      </aside>
-    </Portal>
+        >
+          <p>
+            Tested!
+          </p>
+        </aside>,
+        "containerInfo": <body />,
+        "implementation": null,
+        "key": null,
+      }
+    </React.Fragment>
   </CSSTransition>
 </React.Fragment>
 `;
diff --git a/packages/volto/src/components/manage/Sidebar/__snapshots__/SidebarPortal.test.jsx.snap b/packages/volto/src/components/manage/Sidebar/__snapshots__/SidebarPortal.test.jsx.snap
index d90ec6d71b..8ef45208d7 100644
--- a/packages/volto/src/components/manage/Sidebar/__snapshots__/SidebarPortal.test.jsx.snap
+++ b/packages/volto/src/components/manage/Sidebar/__snapshots__/SidebarPortal.test.jsx.snap
@@ -2,34 +2,4 @@
 
 exports[`sidebar portal is not rendered when the block is not selected 1`] = `<React.Fragment />`;
 
-exports[`sidebar portal is rendered when the block is selected 1`] = `
-<React.Fragment>
-  <Portal
-    node={null}
-  >
-    <div
-      role="form"
-      style={
-        Object {
-          "height": "100%",
-        }
-      }
-    >
-      <div
-        onClick={[Function]}
-        onKeyDown={[Function]}
-        role="presentation"
-        style={
-          Object {
-            "height": "100%",
-          }
-        }
-      >
-        <p>
-          Tested!
-        </p>
-      </div>
-    </div>
-  </Portal>
-</React.Fragment>
-`;
+exports[`sidebar portal is rendered when the block is selected 1`] = `<React.Fragment />`;
diff --git a/packages/volto/src/components/manage/Widgets/ArrayWidget.jsx b/packages/volto/src/components/manage/Widgets/ArrayWidget.jsx
index e4b9a5a0ea..c66f7d237a 100644
--- a/packages/volto/src/components/manage/Widgets/ArrayWidget.jsx
+++ b/packages/volto/src/components/manage/Widgets/ArrayWidget.jsx
@@ -325,27 +325,27 @@ class ArrayWidget extends Component {
             this.props.vocabBaseUrl
               ? choices
               : this.props.choices
-              ? [
-                  ...choices,
-                  ...(this.props.noValueOption &&
-                  (this.props.default === undefined ||
-                    this.props.default === null)
-                    ? [
-                        {
-                          label: this.props.intl.formatMessage(
-                            messages.no_value,
-                          ),
-                          value: 'no-value',
-                        },
-                      ]
-                    : []),
-                ]
-              : [
-                  {
-                    label: this.props.intl.formatMessage(messages.no_value),
-                    value: 'no-value',
-                  },
-                ]
+                ? [
+                    ...choices,
+                    ...(this.props.noValueOption &&
+                    (this.props.default === undefined ||
+                      this.props.default === null)
+                      ? [
+                          {
+                            label: this.props.intl.formatMessage(
+                              messages.no_value,
+                            ),
+                            value: 'no-value',
+                          },
+                        ]
+                      : []),
+                  ]
+                : [
+                    {
+                      label: this.props.intl.formatMessage(messages.no_value),
+                      value: 'no-value',
+                    },
+                  ]
           }
           styles={customSelectStyles}
           theme={selectTheme}
diff --git a/packages/volto/src/components/manage/Widgets/FileWidget.jsx b/packages/volto/src/components/manage/Widgets/FileWidget.jsx
index 34db736933..4a717b97de 100644
--- a/packages/volto/src/components/manage/Widgets/FileWidget.jsx
+++ b/packages/volto/src/components/manage/Widgets/FileWidget.jsx
@@ -84,8 +84,8 @@ const FileWidget = (props) => {
   const imgsrc = value?.download
     ? `${flattenToAppURL(value?.download)}?id=${Date.now()}`
     : null || value?.data
-    ? `data:${value['content-type']};${value.encoding},${value.data}`
-    : null;
+      ? `data:${value['content-type']};${value.encoding},${value.data}`
+      : null;
 
   /**
    * Drop handler
@@ -112,7 +112,7 @@ const FileWidget = (props) => {
       if (imageMimetypes.includes(fields[1])) {
         setFileType(true);
         let imagePreview = document.getElementById(`field-${id}-image`);
-        imagePreview.src = reader.result;
+        if (imagePreview) imagePreview.src = reader.result;
       } else {
         setFileType(false);
       }
diff --git a/packages/volto/src/components/manage/Widgets/ObjectBrowserWidget.test.jsx b/packages/volto/src/components/manage/Widgets/ObjectBrowserWidget.test.jsx
index 70e1a4a53b..2783a93d5a 100644
--- a/packages/volto/src/components/manage/Widgets/ObjectBrowserWidget.test.jsx
+++ b/packages/volto/src/components/manage/Widgets/ObjectBrowserWidget.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import ObjectBrowserWidget from './ObjectBrowserWidget';
@@ -14,7 +14,7 @@ test('renders a objectBrowser widget component', () => {
       messages: {},
     },
   });
-  const component = renderer.create(
+  const { container } = render(
     <Provider store={store}>
       <MemoryRouter>
         <ObjectBrowserWidget
@@ -26,6 +26,6 @@ test('renders a objectBrowser widget component', () => {
       </MemoryRouter>
     </Provider>,
   );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
+
+  expect(container).toMatchSnapshot();
 });
diff --git a/packages/volto/src/components/manage/Widgets/ObjectListWidget.test.js b/packages/volto/src/components/manage/Widgets/ObjectListWidget.test.js
index 161549dee1..8332bf129d 100644
--- a/packages/volto/src/components/manage/Widgets/ObjectListWidget.test.js
+++ b/packages/volto/src/components/manage/Widgets/ObjectListWidget.test.js
@@ -2,7 +2,6 @@ import React from 'react';
 import { Provider } from 'react-intl-redux';
 import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
-import '@testing-library/jest-dom/extend-expect';
 import ObjectListWidget from './ObjectListWidget';
 
 jest.mock('@plone/volto/helpers/Loadable/Loadable');
diff --git a/packages/volto/src/components/manage/Widgets/ObjectWidget.test.jsx b/packages/volto/src/components/manage/Widgets/ObjectWidget.test.jsx
index b182d3f2bc..6f0d2d9e22 100644
--- a/packages/volto/src/components/manage/Widgets/ObjectWidget.test.jsx
+++ b/packages/volto/src/components/manage/Widgets/ObjectWidget.test.jsx
@@ -3,7 +3,6 @@ import renderer from 'react-test-renderer';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { render, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
 import ObjectWidget from './ObjectWidget';
 
 const mockStore = configureStore();
diff --git a/packages/volto/src/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.jsx b/packages/volto/src/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.jsx
index 3b8a7b9ed8..53d776b81f 100644
--- a/packages/volto/src/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.jsx
+++ b/packages/volto/src/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.jsx
@@ -445,8 +445,8 @@ class RecurrenceWidget extends Component {
       field === 'dtstart'
         ? value
         : rruleSet.dtstart()
-        ? rruleSet.dtstart()
-        : this.moment().utc().toDate();
+          ? rruleSet.dtstart()
+          : this.moment().utc().toDate();
     var exdates =
       field === 'exdates' ? value : Object.assign([], rruleSet.exdates());
 
diff --git a/packages/volto/src/components/manage/Widgets/ReferenceWidget.jsx b/packages/volto/src/components/manage/Widgets/ReferenceWidget.jsx
index 78fa1b7b8e..4b4b402a8b 100644
--- a/packages/volto/src/components/manage/Widgets/ReferenceWidget.jsx
+++ b/packages/volto/src/components/manage/Widgets/ReferenceWidget.jsx
@@ -244,8 +244,8 @@ class ReferenceWidget extends Component {
                   )
                 : []
               : value
-              ? flattenToAppURL(value['@id'])
-              : ''
+                ? flattenToAppURL(value['@id'])
+                : ''
           }
           onChange={(event, data) => {
             return onChange(
diff --git a/packages/volto/src/components/manage/Widgets/SchemaWidget.test.jsx b/packages/volto/src/components/manage/Widgets/SchemaWidget.test.jsx
index 44b19cc1a0..4ded955e95 100644
--- a/packages/volto/src/components/manage/Widgets/SchemaWidget.test.jsx
+++ b/packages/volto/src/components/manage/Widgets/SchemaWidget.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 
@@ -21,7 +21,7 @@ test('renders a schema widget component', () => {
     },
   });
 
-  const component = renderer.create(
+  const { container } = render(
     <Provider store={store}>
       <SchemaWidget
         id="my-field"
@@ -31,6 +31,6 @@ test('renders a schema widget component', () => {
       />
     </Provider>,
   );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
+
+  expect(container).toMatchSnapshot();
 });
diff --git a/packages/volto/src/components/manage/Widgets/SchemaWidgetFieldset.test.jsx b/packages/volto/src/components/manage/Widgets/SchemaWidgetFieldset.test.jsx
index 95af6d1e0c..62667d8373 100644
--- a/packages/volto/src/components/manage/Widgets/SchemaWidgetFieldset.test.jsx
+++ b/packages/volto/src/components/manage/Widgets/SchemaWidgetFieldset.test.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { DragDropContext, Droppable } from 'react-beautiful-dnd';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import SchemaWidgetFieldsetComponent from './SchemaWidgetFieldset';
 
 jest.mock('@plone/volto/helpers/Loadable/Loadable');
@@ -10,7 +10,7 @@ beforeAll(
 );
 
 test('renders a contents item component', () => {
-  const component = renderer.create(
+  const { container } = render(
     <DragDropContext onDragEnd={(x) => x}>
       <Droppable droppableId="tabs-schema-edit" direction="horizontal">
         {(provided, snapshot) => (
@@ -28,7 +28,7 @@ test('renders a contents item component', () => {
               onShowEditFieldset={(x) => x}
               onShowDeleteFieldset={(x) => x}
               onClick={(x) => x}
-              getItemStyle={(x) => x}
+              getItemStyle={(x) => ({})}
               isDraggable={false}
               isDisabled={false}
             />
@@ -38,6 +38,6 @@ test('renders a contents item component', () => {
       </Droppable>
     </DragDropContext>,
   );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
+
+  expect(container).toMatchSnapshot();
 });
diff --git a/packages/volto/src/components/manage/Widgets/SelectAutoComplete.jsx b/packages/volto/src/components/manage/Widgets/SelectAutoComplete.jsx
index 920bd94873..5f76fee3b7 100644
--- a/packages/volto/src/components/manage/Widgets/SelectAutoComplete.jsx
+++ b/packages/volto/src/components/manage/Widgets/SelectAutoComplete.jsx
@@ -277,12 +277,12 @@ export default compose(
       return props.items?.choices
         ? { choices: props.items.choices, lang: state.intl.locale }
         : vocabState
-        ? {
-            choices: vocabState,
-            vocabBaseUrl,
-            lang: state.intl.locale,
-          }
-        : { vocabBaseUrl, lang: state.intl.locale };
+          ? {
+              choices: vocabState,
+              vocabBaseUrl,
+              lang: state.intl.locale,
+            }
+          : { vocabBaseUrl, lang: state.intl.locale };
     },
     { getVocabulary, getVocabularyTokenTitle },
   ),
diff --git a/packages/volto/src/components/manage/Widgets/SelectStyling.jsx b/packages/volto/src/components/manage/Widgets/SelectStyling.jsx
index 8cd811fd82..a9c337f9ab 100644
--- a/packages/volto/src/components/manage/Widgets/SelectStyling.jsx
+++ b/packages/volto/src/components/manage/Widgets/SelectStyling.jsx
@@ -150,10 +150,10 @@ export const customSelectStyles = {
     color: state.isSelected
       ? '#007bc1'
       : state.isDisabled
-      ? '#b5b5b5'
-      : state.isFocused
-      ? '#4a4a4a'
-      : 'inherit',
+        ? '#b5b5b5'
+        : state.isFocused
+          ? '#4a4a4a'
+          : 'inherit',
     ':active': {
       backgroundColor: null,
     },
diff --git a/packages/volto/src/components/manage/Widgets/SelectUtils.js b/packages/volto/src/components/manage/Widgets/SelectUtils.js
index 2e34fd867a..b5ad063c6c 100644
--- a/packages/volto/src/components/manage/Widgets/SelectUtils.js
+++ b/packages/volto/src/components/manage/Widgets/SelectUtils.js
@@ -28,8 +28,8 @@ export function convertValueToVocabQuery(value) {
           isObject(v)
             ? v.value ?? v.token
             : isString(v) || isBoolean(v)
-            ? v
-            : null,
+              ? v
+              : null,
         )
         .filter((f) => f !== null),
     };
diff --git a/packages/volto/src/components/manage/Widgets/UrlWidget.test.jsx b/packages/volto/src/components/manage/Widgets/UrlWidget.test.jsx
index e9625d4f3f..35dfe39c35 100644
--- a/packages/volto/src/components/manage/Widgets/UrlWidget.test.jsx
+++ b/packages/volto/src/components/manage/Widgets/UrlWidget.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 
@@ -15,7 +15,7 @@ test('renders an url widget component', () => {
     },
   });
 
-  const component = renderer.create(
+  const { container } = render(
     <Provider store={store}>
       <UrlWidget
         id="test-url"
@@ -27,6 +27,6 @@ test('renders an url widget component', () => {
       />
     </Provider>,
   );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
+
+  expect(container).toMatchSnapshot();
 });
diff --git a/packages/volto/src/components/manage/Widgets/VocabularyTermsWidget.test.jsx b/packages/volto/src/components/manage/Widgets/VocabularyTermsWidget.test.jsx
index 1d505fbe27..32e5ff4008 100644
--- a/packages/volto/src/components/manage/Widgets/VocabularyTermsWidget.test.jsx
+++ b/packages/volto/src/components/manage/Widgets/VocabularyTermsWidget.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 
@@ -55,7 +55,7 @@ test('renders a dictionary widget component', () => {
       },
     ],
   };
-  const component = renderer.create(
+  const { container } = render(
     <Provider store={store}>
       <VocabularyTermsWidget
         id="test-dict"
@@ -68,6 +68,6 @@ test('renders a dictionary widget component', () => {
       />
     </Provider>,
   );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
+
+  expect(container).toMatchSnapshot();
 });
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/ArrayWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/ArrayWidget.test.jsx.snap
index a5b5ac4d20..5a9dbbe75c 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/ArrayWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/ArrayWidget.test.jsx.snap
@@ -251,9 +251,7 @@ exports[`renders an array widget component 1`] = `
                         "whiteSpace": "pre",
                       }
                     }
-                  >
-                    
-                  </div>
+                  />
                 </div>
               </div>
             </div>
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/ObjectBrowserWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/ObjectBrowserWidget.test.jsx.snap
index 0b08cefc6c..5704b6974f 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/ObjectBrowserWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/ObjectBrowserWidget.test.jsx.snap
@@ -1,74 +1,60 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders a objectBrowser widget component 1`] = `
-<div
-  className="inline field text field-wrapper-my-field"
->
+<div>
   <div
-    className="ui grid"
+    class="inline field text field-wrapper-my-field"
   >
     <div
-      className="stretched row"
+      class="ui grid"
     >
       <div
-        className="four wide column"
+        class="stretched row"
       >
         <div
-          className="wrapper"
+          class="four wide column"
         >
-          <label
-            htmlFor="field-my-field"
-            id="fieldset-default-field-label-my-field"
+          <div
+            class="wrapper"
           >
-            My field
-          </label>
+            <label
+              for="field-my-field"
+              id="fieldset-default-field-label-my-field"
+            >
+              My field
+            </label>
+          </div>
         </div>
-      </div>
-      <div
-        className="eight wide column"
-      >
         <div
-          aria-labelledby="fieldset-default-field-label-my-field"
-          className="objectbrowser-field"
+          class="eight wide column"
         >
           <div
-            className="selected-values"
-            onClick={[Function]}
-            onKeyDown={[Function]}
-            role="searchbox"
-            tabIndex={0}
+            aria-labelledby="fieldset-default-field-label-my-field"
+            class="objectbrowser-field"
           >
             <div
-              className="placeholder"
+              class="selected-values"
+              role="searchbox"
+              tabindex="0"
             >
-              No items selected
+              <div
+                class="placeholder"
+              >
+                No items selected
+              </div>
             </div>
+            <button
+              aria-label="Open object browser"
+              class="ui button action"
+            >
+              <svg
+                class="icon"
+                style="height: 18px; width: auto; fill: currentColor;"
+                viewBox=""
+                xmlns=""
+              />
+            </button>
           </div>
-          
-          <button
-            aria-label="Open object browser"
-            className="ui button action"
-            onClick={[Function]}
-          >
-            <svg
-              className="icon"
-              dangerouslySetInnerHTML={
-                Object {
-                  "__html": undefined,
-                }
-              }
-              onClick={null}
-              style={
-                Object {
-                  "fill": "currentColor",
-                  "height": "18px",
-                  "width": "auto",
-                }
-              }
-              viewBox=""
-              xmlns=""
-            />
-          </button>
         </div>
       </div>
     </div>
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/SchemaWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/SchemaWidget.test.jsx.snap
index 4ff936138b..0f8e642ef6 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/SchemaWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/SchemaWidget.test.jsx.snap
@@ -2,130 +2,99 @@
 
 exports[`renders a schema widget component 1`] = `
 <div>
-  <div
-    className="ui segments"
-    style={
-      Object {
-        "margin": "-1rem",
-      }
-    }
-  >
+  <div>
     <div
-      className="ui pointing secondary attached tabular menu"
-      role="tablist"
-      style={
-        Object {
-          "background": "transparent",
-          "display": "flex",
-          "flexDirection": "row",
-          "flexWrap": "wrap",
-        }
-      }
+      class="ui segments"
+      style="margin: -1rem;"
     >
       <div
-        className="item active"
-        data-rbd-draggable-context-id="0"
-        onClick={[Function]}
-        onTransitionEnd={null}
-        style={
-          Object {
-            "background": "transparent",
-            "transform": null,
-            "transition": null,
-            "userSelect": "none",
-          }
-        }
+        class="ui pointing secondary attached tabular menu"
+        role="tablist"
+        style="background: transparent; display: flex; flex-direction: row; flex-wrap: wrap;"
       >
-        <i
-          aria-describedby="rbd-hidden-text-0-hidden-text-0"
-          aria-hidden="true"
-          className="grey bars icon drag handle"
-          data-rbd-drag-handle-context-id="0"
-          draggable={false}
-          onDragStart={[Function]}
-          role="button"
-          tabIndex={0}
-        />
-        <button
-          className="item ui noborder button"
-          onClick={[Function]}
+        <div
+          class="item active"
+          data-rbd-draggable-context-id="0"
+          style="user-select: none; background: transparent;"
         >
           <i
+            aria-describedby="rbd-hidden-text-0-hidden-text-0"
             aria-hidden="true"
-            className="blue write square large icon"
-            onClick={[Function]}
+            class="grey bars icon drag handle"
+            data-rbd-drag-handle-context-id="0"
+            draggable="false"
+            role="button"
+            tabindex="0"
           />
-        </button>
-        <button
-          className="item ui noborder button"
-          onClick={[Function]}
+          <button
+            class="item ui noborder button"
+          >
+            <i
+              aria-hidden="true"
+              class="blue write square large icon"
+            />
+          </button>
+          <button
+            class="item ui noborder button"
+          >
+            <i
+              aria-hidden="true"
+              class="red close large icon"
+            />
+          </button>
+        </div>
+        <div
+          class="item item-add"
         >
-          <i
-            aria-hidden="true"
-            className="red close large icon"
-            onClick={[Function]}
-          />
-        </button>
+          <button
+            aria-label="Add"
+            class="item ui noborder button"
+          >
+            <i
+              aria-hidden="true"
+              class="plus large icon"
+            />
+          </button>
+        </div>
       </div>
       <div
-        className="item item-add"
-      >
-        <button
-          aria-label="Add"
-          className="item ui noborder button"
-          onClick={[Function]}
-        >
-          <i
-            aria-hidden="true"
-            className="plus large icon"
-            onClick={[Function]}
-          />
-        </button>
-      </div>
-    </div>
-    <div
-      style={
-        Object {
-          "background": "transparent",
-        }
-      }
-    />
-    <div
-      className="inline field"
-    >
+        style="background: transparent;"
+      />
       <div
-        className="ui grid"
+        class="inline field"
       >
         <div
-          className="stretched row"
+          class="ui grid"
         >
           <div
-            className="twelve wide column"
+            class="stretched row"
           >
             <div
-              className="wrapper"
+              class="twelve wide column"
             >
-              <label
-                htmlFor="addfield"
+              <div
+                class="wrapper"
               >
-                Add field
-              </label>
-            </div>
-            <div
-              className="toolbar"
-            >
-              <button
-                aria-label="Add"
-                className="item ui noborder button"
-                id="addfield"
-                onClick={[Function]}
+                <label
+                  for="addfield"
+                >
+                  Add field
+                </label>
+              </div>
+              <div
+                class="toolbar"
               >
-                <i
-                  aria-hidden="true"
-                  className="blue plus large icon"
-                  onClick={[Function]}
-                />
-              </button>
+                <button
+                  aria-label="Add"
+                  class="item ui noborder button"
+                  id="addfield"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="blue plus large icon"
+                  />
+                </button>
+              </div>
             </div>
           </div>
         </div>
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/SchemaWidgetFieldset.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/SchemaWidgetFieldset.test.jsx.snap
index 2ef48dc97a..6b64777f79 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/SchemaWidgetFieldset.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/SchemaWidgetFieldset.test.jsx.snap
@@ -1,39 +1,34 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders a contents item component 1`] = `
-<div
-  className="ui pointing secondary attached tabular menu"
-  role="tablist"
->
+<div>
   <div
-    className="item"
-    data-rbd-draggable-context-id="0"
-    data-rbd-draggable-id="test"
-    onClick={[Function]}
-    onTransitionEnd={null}
-    style={false}
+    class="ui pointing secondary attached tabular menu"
+    role="tablist"
   >
-    test
-    <button
-      className="item ui noborder button"
-      onClick={[Function]}
+    <div
+      class="item"
+      data-rbd-draggable-context-id="0"
+      data-rbd-draggable-id="test"
     >
-      <i
-        aria-hidden="true"
-        className="blue write square large icon"
-        onClick={[Function]}
-      />
-    </button>
-    <button
-      className="item ui noborder button"
-      onClick={[Function]}
-    >
-      <i
-        aria-hidden="true"
-        className="red close large icon"
-        onClick={[Function]}
-      />
-    </button>
+      test
+      <button
+        class="item ui noborder button"
+      >
+        <i
+          aria-hidden="true"
+          class="blue write square large icon"
+        />
+      </button>
+      <button
+        class="item ui noborder button"
+      >
+        <i
+          aria-hidden="true"
+          class="red close large icon"
+        />
+      </button>
+    </div>
   </div>
 </div>
 `;
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/TokenWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/TokenWidget.test.jsx.snap
index 3040534bdf..2d2d3857df 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/TokenWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/TokenWidget.test.jsx.snap
@@ -103,9 +103,7 @@ exports[`renders a token widget component 1`] = `
                         "whiteSpace": "pre",
                       }
                     }
-                  >
-                    
-                  </div>
+                  />
                 </div>
               </div>
             </div>
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/UrlWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/UrlWidget.test.jsx.snap
index 3695fbc0c9..7b3e2e5222 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/UrlWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/UrlWidget.test.jsx.snap
@@ -1,77 +1,61 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders an url widget component 1`] = `
-<div
-  className="inline field url wide field-wrapper-test-url"
->
+<div>
   <div
-    className="ui grid"
+    class="inline field url wide field-wrapper-test-url"
   >
     <div
-      className="stretched row"
+      class="ui grid"
     >
       <div
-        className="four wide column"
+        class="stretched row"
       >
         <div
-          className="wrapper"
+          class="four wide column"
         >
-          <label
-            htmlFor="field-test-url"
-            id="fieldset-default-field-label-test-url"
+          <div
+            class="wrapper"
           >
-            My Url
-          </label>
+            <label
+              for="field-test-url"
+              id="fieldset-default-field-label-test-url"
+            >
+              My Url
+            </label>
+          </div>
         </div>
-      </div>
-      <div
-        className="eight wide column"
-      >
         <div
-          className="wrapper"
+          class="eight wide column"
         >
           <div
-            className="ui input"
+            class="wrapper"
           >
-            <input
-              id="field-test-url"
-              maxLength={null}
-              minLength={null}
-              name="test-url"
-              onBlur={[Function]}
-              onChange={[Function]}
-              onClick={[Function]}
-              type="url"
-              value=""
-            />
-          </div>
-          <div
-            className="ui buttons"
-          >
-            <button
-              aria-label="openUrlBrowser"
-              className="ui basic icon button"
-              onClick={[Function]}
+            <div
+              class="ui input"
             >
-              <svg
-                className="icon"
-                dangerouslySetInnerHTML={
-                  Object {
-                    "__html": undefined,
-                  }
-                }
-                onClick={null}
-                style={
-                  Object {
-                    "fill": "currentColor",
-                    "height": "24px",
-                    "width": "auto",
-                  }
-                }
-                viewBox=""
-                xmlns=""
+              <input
+                id="field-test-url"
+                name="test-url"
+                type="url"
+                value=""
               />
-            </button>
+            </div>
+            <div
+              class="ui buttons"
+            >
+              <button
+                aria-label="openUrlBrowser"
+                class="ui basic icon button"
+              >
+                <svg
+                  class="icon"
+                  style="height: 24px; width: auto; fill: currentColor;"
+                  viewBox=""
+                  xmlns=""
+                />
+              </button>
+            </div>
           </div>
         </div>
       </div>
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/VocabularyTermsWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/VocabularyTermsWidget.test.jsx.snap
index 7fbf01c87a..1874373aa8 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/VocabularyTermsWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/VocabularyTermsWidget.test.jsx.snap
@@ -1,386 +1,257 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders a dictionary widget component 1`] = `
-<div
-  className="inline field vocabularytermswidget dictwidget field-wrapper-test-dict"
->
+<div>
   <div
-    className="ui grid"
+    class="inline field vocabularytermswidget dictwidget field-wrapper-test-dict"
   >
     <div
-      className="stretched row"
+      class="ui grid"
     >
       <div
-        className="four wide column"
+        class="stretched row"
       >
         <div
-          className="wrapper"
+          class="four wide column"
         >
-          <label
-            htmlFor="field-test-dict"
-            id="fieldset-default-field-label-test-dict"
+          <div
+            class="wrapper"
           >
-            My Vocabulary
-          </label>
+            <label
+              for="field-test-dict"
+              id="fieldset-default-field-label-test-dict"
+            >
+              My Vocabulary
+            </label>
+          </div>
         </div>
-      </div>
-      <div
-        className="eight wide column"
-      >
         <div
-          className="add-item-button-wrapper"
+          class="eight wide column"
         >
-          <button
-            aria-label="Vocabulary term"
-            className="ui button"
-            onClick={[Function]}
+          <div
+            class="add-item-button-wrapper"
           >
-            <svg
-              className="icon"
-              dangerouslySetInnerHTML={
-                Object {
-                  "__html": undefined,
-                }
-              }
-              onClick={null}
-              style={
-                Object {
-                  "fill": "currentColor",
-                  "height": "18px",
-                  "width": "auto",
-                }
-              }
-              viewBox=""
-              xmlns=""
-            />
-            Add term
-          </button>
-        </div>
-        <div
-          data-rbd-droppable-context-id="0"
-          data-rbd-droppable-id="id-0"
-          style={
-            Object {
-              "position": "relative",
-            }
-          }
-        >
+            <button
+              aria-label="Vocabulary term"
+              class="ui button"
+            >
+              <svg
+                class="icon"
+                style="height: 18px; width: auto; fill: currentColor;"
+                viewBox=""
+                xmlns=""
+              />
+              Add term
+            </button>
+          </div>
           <div
-            className="vocabularyterm"
-            data-rbd-draggable-context-id="0"
-            data-rbd-draggable-id="talk"
-            onTransitionEnd={null}
-            style={
-              Object {
-                "transform": null,
-                "transition": null,
-              }
-            }
+            data-rbd-droppable-context-id="0"
+            data-rbd-droppable-id="id-0"
+            style="position: relative;"
           >
             <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
+              class="vocabularyterm"
+              data-rbd-draggable-context-id="0"
+              data-rbd-draggable-id="talk"
             >
               <div
-                aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                className="draghandlewrapper"
-                data-rbd-drag-handle-context-id="0"
-                data-rbd-drag-handle-draggable-id="talk"
-                draggable={false}
-                onDragStart={[Function]}
-                role="button"
-                tabIndex={0}
-              >
-                <svg
-                  className="icon"
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": undefined,
-                    }
-                  }
-                  onClick={null}
-                  style={
-                    Object {
-                      "fill": "currentColor",
-                      "height": "18px",
-                      "width": "auto",
-                    }
-                  }
-                  viewBox=""
-                  xmlns=""
-                />
-              </div>
-              <div
-                className="ui drag block inner"
+                style="align-items: center; display: flex;"
               >
                 <div
-                  className="mocked-default-widget"
-                  id="mocked-field-en-0-test-dict-talk"
+                  aria-describedby="rbd-hidden-text-0-hidden-text-0"
+                  class="draghandlewrapper"
+                  data-rbd-drag-handle-context-id="0"
+                  data-rbd-drag-handle-draggable-id="talk"
+                  draggable="false"
+                  role="button"
+                  tabindex="0"
                 >
-                  English
-                   - 
-                  No description
+                  <svg
+                    class="icon"
+                    style="height: 18px; width: auto; fill: currentColor;"
+                    viewBox=""
+                    xmlns=""
+                  />
                 </div>
                 <div
-                  className="mocked-default-widget"
-                  id="mocked-field-de-1-test-dict-talk"
+                  class="ui drag block inner"
                 >
-                  Deutsch
-                   - 
-                  No description
+                  <div
+                    class="mocked-default-widget"
+                    id="mocked-field-en-0-test-dict-talk"
+                  >
+                    English
+                     - 
+                    No description
+                  </div>
+                  <div
+                    class="mocked-default-widget"
+                    id="mocked-field-de-1-test-dict-talk"
+                  >
+                    Deutsch
+                     - 
+                    No description
+                  </div>
+                  <div
+                    class="mocked-default-widget"
+                    id="mocked-field-it-2-test-dict-talk"
+                  >
+                    Italiano
+                     - 
+                    No description
+                  </div>
                 </div>
-                <div
-                  className="mocked-default-widget"
-                  id="mocked-field-it-2-test-dict-talk"
-                >
-                  Italiano
-                   - 
-                  No description
+                <div>
+                  <button
+                    aria-label="Remove term #talk"
+                    class="ui basic icon button delete-button"
+                    title="Remove term"
+                  >
+                    <svg
+                      class="icon"
+                      style="height: 20px; width: auto; fill: #e40166;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                  </button>
                 </div>
               </div>
-              <div>
-                <button
-                  aria-label="Remove term #talk"
-                  className="ui basic icon button delete-button"
-                  onClick={[Function]}
-                  title="Remove term"
-                >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "#e40166",
-                        "height": "20px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                </button>
-              </div>
             </div>
-          </div>
-          <div
-            className="vocabularyterm"
-            data-rbd-draggable-context-id="0"
-            data-rbd-draggable-id="keynote"
-            onTransitionEnd={null}
-            style={
-              Object {
-                "transform": null,
-                "transition": null,
-              }
-            }
-          >
             <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
+              class="vocabularyterm"
+              data-rbd-draggable-context-id="0"
+              data-rbd-draggable-id="keynote"
             >
               <div
-                aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                className="draghandlewrapper"
-                data-rbd-drag-handle-context-id="0"
-                data-rbd-drag-handle-draggable-id="keynote"
-                draggable={false}
-                onDragStart={[Function]}
-                role="button"
-                tabIndex={0}
-              >
-                <svg
-                  className="icon"
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": undefined,
-                    }
-                  }
-                  onClick={null}
-                  style={
-                    Object {
-                      "fill": "currentColor",
-                      "height": "18px",
-                      "width": "auto",
-                    }
-                  }
-                  viewBox=""
-                  xmlns=""
-                />
-              </div>
-              <div
-                className="ui drag block inner"
+                style="align-items: center; display: flex;"
               >
                 <div
-                  className="mocked-default-widget"
-                  id="mocked-field-en-0-test-dict-keynote"
+                  aria-describedby="rbd-hidden-text-0-hidden-text-0"
+                  class="draghandlewrapper"
+                  data-rbd-drag-handle-context-id="0"
+                  data-rbd-drag-handle-draggable-id="keynote"
+                  draggable="false"
+                  role="button"
+                  tabindex="0"
                 >
-                  English
-                   - 
-                  No description
+                  <svg
+                    class="icon"
+                    style="height: 18px; width: auto; fill: currentColor;"
+                    viewBox=""
+                    xmlns=""
+                  />
                 </div>
                 <div
-                  className="mocked-default-widget"
-                  id="mocked-field-de-1-test-dict-keynote"
+                  class="ui drag block inner"
                 >
-                  Deutsch
-                   - 
-                  No description
+                  <div
+                    class="mocked-default-widget"
+                    id="mocked-field-en-0-test-dict-keynote"
+                  >
+                    English
+                     - 
+                    No description
+                  </div>
+                  <div
+                    class="mocked-default-widget"
+                    id="mocked-field-de-1-test-dict-keynote"
+                  >
+                    Deutsch
+                     - 
+                    No description
+                  </div>
+                  <div
+                    class="mocked-default-widget"
+                    id="mocked-field-it-2-test-dict-keynote"
+                  >
+                    Italiano
+                     - 
+                    No description
+                  </div>
                 </div>
-                <div
-                  className="mocked-default-widget"
-                  id="mocked-field-it-2-test-dict-keynote"
-                >
-                  Italiano
-                   - 
-                  No description
+                <div>
+                  <button
+                    aria-label="Remove term #keynote"
+                    class="ui basic icon button delete-button"
+                    title="Remove term"
+                  >
+                    <svg
+                      class="icon"
+                      style="height: 20px; width: auto; fill: #e40166;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                  </button>
                 </div>
               </div>
-              <div>
-                <button
-                  aria-label="Remove term #keynote"
-                  className="ui basic icon button delete-button"
-                  onClick={[Function]}
-                  title="Remove term"
-                >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "#e40166",
-                        "height": "20px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                </button>
-              </div>
             </div>
-          </div>
-          <div
-            className="vocabularyterm"
-            data-rbd-draggable-context-id="0"
-            data-rbd-draggable-id="lightning-talk"
-            onTransitionEnd={null}
-            style={
-              Object {
-                "transform": null,
-                "transition": null,
-              }
-            }
-          >
             <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
+              class="vocabularyterm"
+              data-rbd-draggable-context-id="0"
+              data-rbd-draggable-id="lightning-talk"
             >
               <div
-                aria-describedby="rbd-hidden-text-0-hidden-text-0"
-                className="draghandlewrapper"
-                data-rbd-drag-handle-context-id="0"
-                data-rbd-drag-handle-draggable-id="lightning-talk"
-                draggable={false}
-                onDragStart={[Function]}
-                role="button"
-                tabIndex={0}
-              >
-                <svg
-                  className="icon"
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": undefined,
-                    }
-                  }
-                  onClick={null}
-                  style={
-                    Object {
-                      "fill": "currentColor",
-                      "height": "18px",
-                      "width": "auto",
-                    }
-                  }
-                  viewBox=""
-                  xmlns=""
-                />
-              </div>
-              <div
-                className="ui drag block inner"
+                style="align-items: center; display: flex;"
               >
                 <div
-                  className="mocked-default-widget"
-                  id="mocked-field-en-0-test-dict-lightning-talk"
+                  aria-describedby="rbd-hidden-text-0-hidden-text-0"
+                  class="draghandlewrapper"
+                  data-rbd-drag-handle-context-id="0"
+                  data-rbd-drag-handle-draggable-id="lightning-talk"
+                  draggable="false"
+                  role="button"
+                  tabindex="0"
                 >
-                  English
-                   - 
-                  No description
+                  <svg
+                    class="icon"
+                    style="height: 18px; width: auto; fill: currentColor;"
+                    viewBox=""
+                    xmlns=""
+                  />
                 </div>
                 <div
-                  className="mocked-default-widget"
-                  id="mocked-field-de-1-test-dict-lightning-talk"
+                  class="ui drag block inner"
                 >
-                  Deutsch
-                   - 
-                  No description
+                  <div
+                    class="mocked-default-widget"
+                    id="mocked-field-en-0-test-dict-lightning-talk"
+                  >
+                    English
+                     - 
+                    No description
+                  </div>
+                  <div
+                    class="mocked-default-widget"
+                    id="mocked-field-de-1-test-dict-lightning-talk"
+                  >
+                    Deutsch
+                     - 
+                    No description
+                  </div>
+                  <div
+                    class="mocked-default-widget"
+                    id="mocked-field-it-2-test-dict-lightning-talk"
+                  >
+                    Italiano
+                     - 
+                    No description
+                  </div>
                 </div>
-                <div
-                  className="mocked-default-widget"
-                  id="mocked-field-it-2-test-dict-lightning-talk"
-                >
-                  Italiano
-                   - 
-                  No description
+                <div>
+                  <button
+                    aria-label="Remove term #lightning-talk"
+                    class="ui basic icon button delete-button"
+                    title="Remove term"
+                  >
+                    <svg
+                      class="icon"
+                      style="height: 20px; width: auto; fill: #e40166;"
+                      viewBox=""
+                      xmlns=""
+                    />
+                  </button>
                 </div>
               </div>
-              <div>
-                <button
-                  aria-label="Remove term #lightning-talk"
-                  className="ui basic icon button delete-button"
-                  onClick={[Function]}
-                  title="Remove term"
-                >
-                  <svg
-                    className="icon"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": undefined,
-                      }
-                    }
-                    onClick={null}
-                    style={
-                      Object {
-                        "fill": "#e40166",
-                        "height": "20px",
-                        "width": "auto",
-                      }
-                    }
-                    viewBox=""
-                    xmlns=""
-                  />
-                </button>
-              </div>
             </div>
           </div>
         </div>
diff --git a/packages/volto/src/components/manage/Workflow/Workflow.jsx b/packages/volto/src/components/manage/Workflow/Workflow.jsx
index 90996c5a02..44f2d0dc3a 100644
--- a/packages/volto/src/components/manage/Workflow/Workflow.jsx
+++ b/packages/volto/src/components/manage/Workflow/Workflow.jsx
@@ -145,8 +145,8 @@ const customSelectStyles = {
     color: state.isSelected
       ? '#007bc1'
       : state.isFocused
-      ? '#4a4a4a'
-      : 'inherit',
+        ? '#4a4a4a'
+        : 'inherit',
     ':active': {
       backgroundColor: null,
     },
diff --git a/packages/volto/src/components/theme/Comments/Comments.jsx b/packages/volto/src/components/theme/Comments/Comments.jsx
index 729195907d..5e6f22a773 100644
--- a/packages/volto/src/components/theme/Comments/Comments.jsx
+++ b/packages/volto/src/components/theme/Comments/Comments.jsx
@@ -1,7 +1,7 @@
 import { useEffect, useState, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';
 import { compose } from 'redux';
 import { Button, Comment, Container, Icon } from 'semantic-ui-react';
@@ -356,19 +356,18 @@ const Comments = (props) => {
         </Button>
       )}
 
-      {replyTo && (
-        <Portal
-          node={document && document.getElementById(`reply-place-${replyTo}`)}
-        >
+      {replyTo &&
+        document &&
+        createPortal(
           <Form
             onSubmit={onSubmit}
             onCancel={onEditCancel}
             submitLabel={intl.formatMessage(messages.comment)}
             resetAfterSubmit
             schema={makeFormSchema(intl)}
-          />
-        </Portal>
-      )}
+          />,
+          document.getElementById(`reply-place-${replyTo}`),
+        )}
     </Container>
   );
 };
diff --git a/packages/volto/src/components/theme/Comments/Comments.test.jsx b/packages/volto/src/components/theme/Comments/Comments.test.jsx
index 3c05f87ada..1ea8663e7d 100644
--- a/packages/volto/src/components/theme/Comments/Comments.test.jsx
+++ b/packages/volto/src/components/theme/Comments/Comments.test.jsx
@@ -57,6 +57,13 @@ describe('Comments', () => {
         locale: 'en',
         messages: {},
       },
+      content: {
+        data: {},
+        create: {
+          loading: false,
+          loaded: true,
+        },
+      },
     });
     const component = renderer.create(
       <Provider store={store}>
diff --git a/packages/volto/src/components/theme/Component/Component.test.jsx b/packages/volto/src/components/theme/Component/Component.test.jsx
index c55175b062..1a9b3633bb 100644
--- a/packages/volto/src/components/theme/Component/Component.test.jsx
+++ b/packages/volto/src/components/theme/Component/Component.test.jsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import '@testing-library/jest-dom/extend-expect';
 import { render } from '@testing-library/react';
 import Component from './Component';
 import config from '@plone/volto/registry';
diff --git a/packages/volto/src/components/theme/ContactForm/ContactForm.jsx b/packages/volto/src/components/theme/ContactForm/ContactForm.jsx
index bc88659f2b..480b9fdb8e 100644
--- a/packages/volto/src/components/theme/ContactForm/ContactForm.jsx
+++ b/packages/volto/src/components/theme/ContactForm/ContactForm.jsx
@@ -1,5 +1,5 @@
 import { useCallback, useEffect } from 'react';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { Container, Message, Icon } from 'semantic-ui-react';
 import { defineMessages, useIntl } from 'react-intl';
 import { Link, useHistory, useLocation } from 'react-router-dom';
@@ -149,8 +149,8 @@ const ContactFormComponent = () => {
             required: ['from', 'message'],
           }}
         />
-        {isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {isClient &&
+          createPortal(
             <Toolbar
               pathname={pathname}
               hideDefaultViewButtons
@@ -164,9 +164,9 @@ const ContactFormComponent = () => {
                   />
                 </Link>
               }
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     </div>
   );
diff --git a/packages/volto/src/components/theme/ContactForm/ContactForm.test.jsx b/packages/volto/src/components/theme/ContactForm/ContactForm.test.jsx
index ddabf5b5c8..cd38a3a5c9 100644
--- a/packages/volto/src/components/theme/ContactForm/ContactForm.test.jsx
+++ b/packages/volto/src/components/theme/ContactForm/ContactForm.test.jsx
@@ -1,13 +1,13 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter } from 'react-router-dom';
 import ContactForm from './ContactForm';
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../../manage/Toolbar/Toolbar', () =>
+  jest.fn(() => <div id="Portal" />),
+);
 
 const mockStore = configureStore();
 describe('Contact form', () => {
@@ -25,15 +25,16 @@ describe('Contact form', () => {
       userSession: {},
       content: {},
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <ContactForm />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 
   it('renders a contact form with error message', () => {
@@ -52,14 +53,15 @@ describe('Contact form', () => {
       userSession: {},
       content: {},
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <ContactForm />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/theme/ContactForm/__snapshots__/ContactForm.test.jsx.snap b/packages/volto/src/components/theme/ContactForm/__snapshots__/ContactForm.test.jsx.snap
index 242fdd5718..32561ac0c3 100644
--- a/packages/volto/src/components/theme/ContactForm/__snapshots__/ContactForm.test.jsx.snap
+++ b/packages/volto/src/components/theme/ContactForm/__snapshots__/ContactForm.test.jsx.snap
@@ -1,154 +1,128 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Contact form renders a contact form 1`] = `
-<div
-  id="contact-form"
->
+<div>
   <div
-    className="ui container"
-    id="view"
+    id="contact-form"
   >
     <div
-      className="ui icon negative attached message"
+      class="ui container"
+      id="view"
     >
-      <i
-        aria-hidden="true"
-        className="warning icon"
-        onClick={[Function]}
-      />
       <div
-        className="content"
+        class="ui icon negative attached message"
       >
+        <i
+          aria-hidden="true"
+          class="warning icon"
+        />
         <div
-          className="header"
+          class="content"
         >
-          Error
+          <div
+            class="header"
+          >
+            Error
+          </div>
         </div>
       </div>
-    </div>
-    <div
-      className="ui container"
-    >
-      <form
-        className="ui form"
-        method="post"
-        onSubmit={[Function]}
+      <div
+        class="ui container"
       >
-        <fieldset
-          className="invisible"
+        <form
+          class="ui form"
+          method="post"
         >
-          <div
-            className="ui raised segments"
+          <fieldset
+            class="invisible"
           >
             <div
-              className="ui segment"
+              class="ui raised segments"
             >
               <div
-                className="ui segment primary"
+                class="ui segment"
               >
-                <h1
-                  style={
-                    Object {
-                      "fontSize": "16px",
-                    }
-                  }
+                <div
+                  class="ui segment primary"
                 >
-                   
-                  Contact form
-                </h1>
-              </div>
-              <div
-                className="mocked-default-widget"
-                id="mocked-field-name"
-              >
-                Name
-                 - 
-                No description
-              </div>
-              <div
-                className="mocked-default-widget"
-                id="mocked-field-from"
-              >
-                From
-                 - 
-                No description
-              </div>
-              <div
-                className="mocked-default-widget"
-                id="mocked-field-subject"
-              >
-                Subject
-                 - 
-                No description
+                  <h1
+                    style="font-size: 16px;"
+                  >
+                     
+                    Contact form
+                  </h1>
+                </div>
+                <div
+                  class="mocked-default-widget"
+                  id="mocked-field-name"
+                >
+                  Name
+                   - 
+                  No description
+                </div>
+                <div
+                  class="mocked-default-widget"
+                  id="mocked-field-from"
+                >
+                  From
+                   - 
+                  No description
+                </div>
+                <div
+                  class="mocked-default-widget"
+                  id="mocked-field-subject"
+                >
+                  Subject
+                   - 
+                  No description
+                </div>
+                <div
+                  class="mocked-textarea-widget"
+                  id="mocked-field-message"
+                >
+                  Message
+                   - 
+                  No description
+                </div>
               </div>
               <div
-                className="mocked-textarea-widget"
-                id="mocked-field-message"
+                class="ui clearing segment actions"
               >
-                Message
-                 - 
-                No description
+                <button
+                  aria-label="Send"
+                  class="ui basic primary right floated button"
+                  title="Send"
+                  type="submit"
+                >
+                  <svg
+                    class="icon circled"
+                    style="height: 30px; width: auto; fill: currentColor;"
+                    viewBox=""
+                    xmlns=""
+                  />
+                </button>
+                <button
+                  aria-label="Cancel"
+                  class="ui basic secondary right floated button"
+                  title="Cancel"
+                >
+                  <svg
+                    class="icon circled"
+                    style="height: 30px; width: auto; fill: currentColor;"
+                    viewBox=""
+                    xmlns=""
+                  />
+                </button>
               </div>
             </div>
-            <div
-              className="ui clearing segment actions"
-            >
-              <button
-                aria-label="Send"
-                className="ui basic primary right floated button"
-                onClick={[Function]}
-                title="Send"
-                type="submit"
-              >
-                <svg
-                  className="icon circled"
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": undefined,
-                    }
-                  }
-                  onClick={null}
-                  style={
-                    Object {
-                      "fill": "currentColor",
-                      "height": "30px",
-                      "width": "auto",
-                    }
-                  }
-                  viewBox=""
-                  xmlns=""
-                />
-              </button>
-              <button
-                aria-label="Cancel"
-                className="ui basic secondary right floated button"
-                onClick={[Function]}
-                title="Cancel"
-              >
-                <svg
-                  className="icon circled"
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": undefined,
-                    }
-                  }
-                  onClick={null}
-                  style={
-                    Object {
-                      "fill": "currentColor",
-                      "height": "30px",
-                      "width": "auto",
-                    }
-                  }
-                  viewBox=""
-                  xmlns=""
-                />
-              </button>
-            </div>
-          </div>
-        </fieldset>
-      </form>
+          </fieldset>
+        </form>
+      </div>
     </div>
+  </div>
+  <div
+    id="toolbar"
+  >
     <div
       id="Portal"
     />
@@ -157,157 +131,131 @@ exports[`Contact form renders a contact form 1`] = `
 `;
 
 exports[`Contact form renders a contact form with error message 1`] = `
-<div
-  id="contact-form"
->
+<div>
   <div
-    className="ui container"
-    id="view"
+    id="contact-form"
   >
     <div
-      className="ui icon negative attached message"
+      class="ui container"
+      id="view"
     >
-      <i
-        aria-hidden="true"
-        className="warning icon"
-        onClick={[Function]}
-      />
       <div
-        className="content"
+        class="ui icon negative attached message"
       >
+        <i
+          aria-hidden="true"
+          class="warning icon"
+        />
         <div
-          className="header"
+          class="content"
         >
-          Error
+          <div
+            class="header"
+          >
+            Error
+          </div>
+          <p>
+            Error foo
+          </p>
         </div>
-        <p>
-          Error foo
-        </p>
       </div>
-    </div>
-    <div
-      className="ui container"
-    >
-      <form
-        className="ui form"
-        method="post"
-        onSubmit={[Function]}
+      <div
+        class="ui container"
       >
-        <fieldset
-          className="invisible"
+        <form
+          class="ui form"
+          method="post"
         >
-          <div
-            className="ui raised segments"
+          <fieldset
+            class="invisible"
           >
             <div
-              className="ui segment"
+              class="ui raised segments"
             >
               <div
-                className="ui segment primary"
+                class="ui segment"
               >
-                <h1
-                  style={
-                    Object {
-                      "fontSize": "16px",
-                    }
-                  }
+                <div
+                  class="ui segment primary"
                 >
-                   
-                  Contact form
-                </h1>
-              </div>
-              <div
-                className="mocked-default-widget"
-                id="mocked-field-name"
-              >
-                Name
-                 - 
-                No description
-              </div>
-              <div
-                className="mocked-default-widget"
-                id="mocked-field-from"
-              >
-                From
-                 - 
-                No description
-              </div>
-              <div
-                className="mocked-default-widget"
-                id="mocked-field-subject"
-              >
-                Subject
-                 - 
-                No description
+                  <h1
+                    style="font-size: 16px;"
+                  >
+                     
+                    Contact form
+                  </h1>
+                </div>
+                <div
+                  class="mocked-default-widget"
+                  id="mocked-field-name"
+                >
+                  Name
+                   - 
+                  No description
+                </div>
+                <div
+                  class="mocked-default-widget"
+                  id="mocked-field-from"
+                >
+                  From
+                   - 
+                  No description
+                </div>
+                <div
+                  class="mocked-default-widget"
+                  id="mocked-field-subject"
+                >
+                  Subject
+                   - 
+                  No description
+                </div>
+                <div
+                  class="mocked-textarea-widget"
+                  id="mocked-field-message"
+                >
+                  Message
+                   - 
+                  No description
+                </div>
               </div>
               <div
-                className="mocked-textarea-widget"
-                id="mocked-field-message"
+                class="ui clearing segment actions"
               >
-                Message
-                 - 
-                No description
+                <button
+                  aria-label="Send"
+                  class="ui basic primary right floated button"
+                  title="Send"
+                  type="submit"
+                >
+                  <svg
+                    class="icon circled"
+                    style="height: 30px; width: auto; fill: currentColor;"
+                    viewBox=""
+                    xmlns=""
+                  />
+                </button>
+                <button
+                  aria-label="Cancel"
+                  class="ui basic secondary right floated button"
+                  title="Cancel"
+                >
+                  <svg
+                    class="icon circled"
+                    style="height: 30px; width: auto; fill: currentColor;"
+                    viewBox=""
+                    xmlns=""
+                  />
+                </button>
               </div>
             </div>
-            <div
-              className="ui clearing segment actions"
-            >
-              <button
-                aria-label="Send"
-                className="ui basic primary right floated button"
-                onClick={[Function]}
-                title="Send"
-                type="submit"
-              >
-                <svg
-                  className="icon circled"
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": undefined,
-                    }
-                  }
-                  onClick={null}
-                  style={
-                    Object {
-                      "fill": "currentColor",
-                      "height": "30px",
-                      "width": "auto",
-                    }
-                  }
-                  viewBox=""
-                  xmlns=""
-                />
-              </button>
-              <button
-                aria-label="Cancel"
-                className="ui basic secondary right floated button"
-                onClick={[Function]}
-                title="Cancel"
-              >
-                <svg
-                  className="icon circled"
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": undefined,
-                    }
-                  }
-                  onClick={null}
-                  style={
-                    Object {
-                      "fill": "currentColor",
-                      "height": "30px",
-                      "width": "auto",
-                    }
-                  }
-                  viewBox=""
-                  xmlns=""
-                />
-              </button>
-            </div>
-          </div>
-        </fieldset>
-      </form>
+          </fieldset>
+        </form>
+      </div>
     </div>
+  </div>
+  <div
+    id="toolbar"
+  >
     <div
       id="Portal"
     />
diff --git a/packages/volto/src/components/theme/Footer/Footer.test.jsx b/packages/volto/src/components/theme/Footer/Footer.test.jsx
index c28c61a0f3..3cc17ee78b 100644
--- a/packages/volto/src/components/theme/Footer/Footer.test.jsx
+++ b/packages/volto/src/components/theme/Footer/Footer.test.jsx
@@ -3,7 +3,6 @@ import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter } from 'react-router-dom';
 import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
 import Footer from './Footer';
 
 const mockStore = configureStore();
diff --git a/packages/volto/src/components/theme/Logout/Logout.test.jsx b/packages/volto/src/components/theme/Logout/Logout.test.jsx
index a008fb7f5f..c4a23463bc 100644
--- a/packages/volto/src/components/theme/Logout/Logout.test.jsx
+++ b/packages/volto/src/components/theme/Logout/Logout.test.jsx
@@ -1,8 +1,9 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-redux';
 import { IntlProvider } from 'react-intl';
+import { MemoryRouter } from 'react-router-dom';
 
 import Logout from './Logout';
 
@@ -21,14 +22,16 @@ describe('Logout', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <IntlProvider locale="en">
-          <Logout location={{ pathname: '' }} />
+          <MemoryRouter>
+            <Logout location={{ pathname: '' }} />
+          </MemoryRouter>
         </IntlProvider>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/theme/Logout/__snapshots__/Logout.test.jsx.snap b/packages/volto/src/components/theme/Logout/__snapshots__/Logout.test.jsx.snap
index 2884e0d677..eb1076578a 100644
--- a/packages/volto/src/components/theme/Logout/__snapshots__/Logout.test.jsx.snap
+++ b/packages/volto/src/components/theme/Logout/__snapshots__/Logout.test.jsx.snap
@@ -1,3 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Logout renders a logout component 1`] = `<div />`;
+exports[`Logout renders a logout component 1`] = `
+<div>
+  <div />
+</div>
+`;
diff --git a/packages/volto/src/components/theme/Navigation/__snapshots__/ContextNavigation.test.jsx.snap b/packages/volto/src/components/theme/Navigation/__snapshots__/ContextNavigation.test.jsx.snap
index 3ca843db04..9d747a5f8b 100644
--- a/packages/volto/src/components/theme/Navigation/__snapshots__/ContextNavigation.test.jsx.snap
+++ b/packages/volto/src/components/theme/Navigation/__snapshots__/ContextNavigation.test.jsx.snap
@@ -25,11 +25,8 @@ exports[`ContextNavigation renders a navigation component with an active item 1`
             class="contenttype-undefined"
             href="/front-page"
           >
-            
             Welcome to Plone!
-            
           </a>
-          
         </div>
       </div>
       <div
@@ -43,7 +40,6 @@ exports[`ContextNavigation renders a navigation component with an active item 1`
             class="contenttype-undefined in_path"
             href="/blog"
           >
-            
             Blog
             <div
               class="content active-indicator"
@@ -56,7 +52,6 @@ exports[`ContextNavigation renders a navigation component with an active item 1`
               />
             </div>
           </a>
-          
         </div>
       </div>
       <div
@@ -70,11 +65,8 @@ exports[`ContextNavigation renders a navigation component with an active item 1`
             class="contenttype-undefined"
             href="/users"
           >
-            
             Users
-            
           </a>
-          
         </div>
       </div>
     </div>
@@ -108,11 +100,8 @@ exports[`ContextNavigation renders a navigation component with an active item wh
             href="/folder2/folder21"
             title=""
           >
-            
             Folder21
-            
           </a>
-          
         </div>
       </div>
       <div
@@ -127,11 +116,8 @@ exports[`ContextNavigation renders a navigation component with an active item wh
             href="/folder2/folder21/doc211"
             title=""
           >
-            
             Doc211
-            
           </a>
-          
         </div>
       </div>
       <div
@@ -146,7 +132,6 @@ exports[`ContextNavigation renders a navigation component with an active item wh
             href="/folder2/folder21/doc212"
             title=""
           >
-            
             Doc212
             <div
               class="content active-indicator"
@@ -159,7 +144,6 @@ exports[`ContextNavigation renders a navigation component with an active item wh
               />
             </div>
           </a>
-          
         </div>
       </div>
     </div>
@@ -167,11 +151,7 @@ exports[`ContextNavigation renders a navigation component with an active item wh
 </div>
 `;
 
-exports[`ContextNavigation renders a navigation component with only one active item even if there are similar item names 1`] = `
-<div>
-  
-</div>
-`;
+exports[`ContextNavigation renders a navigation component with only one active item even if there are similar item names 1`] = `<div />`;
 
 exports[`ContextNavigation renders a navigation slot component without active items 1`] = `
 <div>
@@ -198,11 +178,8 @@ exports[`ContextNavigation renders a navigation slot component without active it
             class="contenttype-undefined"
             href="/front-page"
           >
-            
             Welcome to Plone!
-            
           </a>
-          
         </div>
       </div>
       <div
@@ -216,11 +193,8 @@ exports[`ContextNavigation renders a navigation slot component without active it
             class="contenttype-undefined"
             href="/blog"
           >
-            
             Blog
-            
           </a>
-          
         </div>
       </div>
       <div
@@ -234,11 +208,8 @@ exports[`ContextNavigation renders a navigation slot component without active it
             class="contenttype-undefined"
             href="/users"
           >
-            
             Users
-            
           </a>
-          
         </div>
       </div>
     </div>
diff --git a/packages/volto/src/components/theme/Pagination/__snapshots__/Pagination.test.jsx.snap b/packages/volto/src/components/theme/Pagination/__snapshots__/Pagination.test.jsx.snap
index d7816b0a8e..70e8398a6f 100644
--- a/packages/volto/src/components/theme/Pagination/__snapshots__/Pagination.test.jsx.snap
+++ b/packages/volto/src/components/theme/Pagination/__snapshots__/Pagination.test.jsx.snap
@@ -30,7 +30,6 @@ exports[`Pagination renders no pagination when only 1 page 1`] = `
         viewBox=""
         xmlns=""
       />
-      
     </a>
     <a
       className="item"
@@ -73,7 +72,6 @@ exports[`Pagination renders page size options when specified 1`] = `
         viewBox=""
         xmlns=""
       />
-      
     </a>
     <a
       className="item"
@@ -148,7 +146,6 @@ exports[`Pagination renders pagination when multiple pages are specified 1`] = `
         viewBox=""
         xmlns=""
       />
-      
     </a>
     <a
       className="item"
@@ -234,7 +231,6 @@ exports[`Pagination renders pagination when multiple pages are specified 1`] = `
         viewBox=""
         xmlns=""
       />
-      
     </a>
   </div>
 </div>
diff --git a/packages/volto/src/components/theme/PasswordReset/PasswordReset.test.jsx b/packages/volto/src/components/theme/PasswordReset/PasswordReset.test.jsx
index 31401e2388..e5432c97b9 100644
--- a/packages/volto/src/components/theme/PasswordReset/PasswordReset.test.jsx
+++ b/packages/volto/src/components/theme/PasswordReset/PasswordReset.test.jsx
@@ -22,6 +22,13 @@ describe('PasswordReset', () => {
         locale: 'en',
         messages: {},
       },
+      content: {
+        data: {},
+        create: {
+          loading: false,
+          loaded: true,
+        },
+      },
     });
     const component = renderer.create(
       <Provider store={store}>
diff --git a/packages/volto/src/components/theme/PasswordReset/RequestPasswordReset.test.jsx b/packages/volto/src/components/theme/PasswordReset/RequestPasswordReset.test.jsx
index b1b085c371..47a0345881 100644
--- a/packages/volto/src/components/theme/PasswordReset/RequestPasswordReset.test.jsx
+++ b/packages/volto/src/components/theme/PasswordReset/RequestPasswordReset.test.jsx
@@ -22,6 +22,13 @@ describe('RequestPasswordReset', () => {
         locale: 'en',
         messages: {},
       },
+      content: {
+        data: {},
+        create: {
+          loading: false,
+          loaded: true,
+        },
+      },
     });
     const component = renderer.create(
       <Provider store={store}>
diff --git a/packages/volto/src/components/theme/Register/Register.test.jsx b/packages/volto/src/components/theme/Register/Register.test.jsx
index 6b288fc81d..f78c37ecbf 100644
--- a/packages/volto/src/components/theme/Register/Register.test.jsx
+++ b/packages/volto/src/components/theme/Register/Register.test.jsx
@@ -22,6 +22,13 @@ describe('Register', () => {
         locale: 'en',
         messages: {},
       },
+      content: {
+        data: {},
+        create: {
+          loading: false,
+          loaded: true,
+        },
+      },
     });
     const component = renderer.create(
       <Provider store={store}>
diff --git a/packages/volto/src/components/theme/Search/Search.jsx b/packages/volto/src/components/theme/Search/Search.jsx
index e6d0341662..e5b9c17e74 100644
--- a/packages/volto/src/components/theme/Search/Search.jsx
+++ b/packages/volto/src/components/theme/Search/Search.jsx
@@ -10,7 +10,7 @@ import { compose } from 'redux';
 import { UniversalLink } from '@plone/volto/components';
 import { asyncConnect } from '@plone/volto/helpers';
 import { FormattedMessage } from 'react-intl';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { Container, Pagination, Button, Header } from 'semantic-ui-react';
 import qs from 'query-string';
 import classNames from 'classnames';
@@ -309,15 +309,15 @@ class Search extends Component {
             </section>
           </article>
         </div>
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
+        {this.state.isClient &&
+          createPortal(
             <Toolbar
               pathname={this.props.pathname}
               hideDefaultViewButtons
               inner={<span />}
-            />
-          </Portal>
-        )}
+            />,
+            document.getElementById('toolbar'),
+          )}
       </Container>
     );
   }
diff --git a/packages/volto/src/components/theme/Search/Search.test.jsx b/packages/volto/src/components/theme/Search/Search.test.jsx
index b5d2416169..86a5a6cb00 100644
--- a/packages/volto/src/components/theme/Search/Search.test.jsx
+++ b/packages/volto/src/components/theme/Search/Search.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter } from 'react-router-dom';
@@ -8,9 +8,10 @@ import { __test__ as Search } from './Search';
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../../manage/Toolbar/Toolbar', () =>
+  jest.fn(() => <div id="Portal" />),
+);
+
 jest.mock('./SearchTags', () => jest.fn(() => <div id="search-tags" />));
 
 describe('Search', () => {
@@ -27,15 +28,16 @@ describe('Search', () => {
     const history = {
       location: { pathname: '/blog', search: '?SearchableText=blog' },
     };
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <Search history={history} />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 
   it('renders a search component', () => {
@@ -59,14 +61,15 @@ describe('Search', () => {
     const history = {
       location: { pathname: '/blog', search: '?SearchableText=blog' },
     };
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <Search history={history} />
+          <div id="toolbar"></div>
         </MemoryRouter>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 });
diff --git a/packages/volto/src/components/theme/Search/__snapshots__/Search.test.jsx.snap b/packages/volto/src/components/theme/Search/__snapshots__/Search.test.jsx.snap
index c65a7fb602..3f2a0de48f 100644
--- a/packages/volto/src/components/theme/Search/__snapshots__/Search.test.jsx.snap
+++ b/packages/volto/src/components/theme/Search/__snapshots__/Search.test.jsx.snap
@@ -1,120 +1,126 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Search renders a search component 1`] = `
-<div
-  className="ui container"
-  id="page-search"
->
+<div>
   <div
-    className="container"
+    class="ui container"
+    id="page-search"
   >
-    <article
-      id="content"
+    <div
+      class="container"
     >
-      <header>
-        <h1
-          className="documentFirstHeading"
-        >
-          Search results for 
-          <q>
-            blog
-          </q>
-        </h1>
-        <div
-          id="search-tags"
-        />
-        <div>
-          No results found
-        </div>
-      </header>
-      <section
-        id="content-core"
+      <article
+        id="content"
       >
-        <article
-          className="tileItem"
-        >
-          <h2
-            className="tileHeadline"
+        <header>
+          <h1
+            class="documentFirstHeading"
           >
-            <a
-              className="summary url"
-              href="/blog"
-              onClick={[Function]}
-              target={null}
-              title="Folder"
-            >
-              Blog
-            </a>
-          </h2>
+            Search results for 
+            <q>
+              blog
+            </q>
+          </h1>
           <div
-            className="tileBody"
-          >
-            <span
-              className="description"
-            >
-              My blog
-            </span>
+            id="search-tags"
+          />
+          <div>
+            No results found
           </div>
-          <div
-            className="tileFooter"
+        </header>
+        <section
+          id="content-core"
+        >
+          <article
+            class="tileItem"
           >
-            <a
-              className={null}
-              href="/blog"
-              onClick={[Function]}
-              target={null}
-              title={null}
+            <h2
+              class="tileHeadline"
             >
-              Read More…
-            </a>
-          </div>
-          <div
-            className="visualClear"
-          />
-        </article>
-      </section>
-    </article>
+              <a
+                class="summary url"
+                href="/blog"
+                title="Folder"
+              >
+                Blog
+              </a>
+            </h2>
+            <div
+              class="tileBody"
+            >
+              <span
+                class="description"
+              >
+                My blog
+              </span>
+            </div>
+            <div
+              class="tileFooter"
+            >
+              <a
+                href="/blog"
+              >
+                Read More…
+              </a>
+            </div>
+            <div
+              class="visualClear"
+            />
+          </article>
+        </section>
+      </article>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
 
 exports[`Search renders an empty search component 1`] = `
-<div
-  className="ui container"
-  id="page-search"
->
+<div>
   <div
-    className="container"
+    class="ui container"
+    id="page-search"
   >
-    <article
-      id="content"
+    <div
+      class="container"
     >
-      <header>
-        <h1
-          className="documentFirstHeading"
-        >
-          Search results for 
-          <q>
-            blog
-          </q>
-        </h1>
-        <div
-          id="search-tags"
+      <article
+        id="content"
+      >
+        <header>
+          <h1
+            class="documentFirstHeading"
+          >
+            Search results for 
+            <q>
+              blog
+            </q>
+          </h1>
+          <div
+            id="search-tags"
+          />
+          <div>
+            No results found
+          </div>
+        </header>
+        <section
+          id="content-core"
         />
-        <div>
-          No results found
-        </div>
-      </header>
-      <section
-        id="content-core"
-      />
-    </article>
+      </article>
+    </div>
   </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
diff --git a/packages/volto/src/components/theme/SlotRenderer/SlotRenderer.test.jsx b/packages/volto/src/components/theme/SlotRenderer/SlotRenderer.test.jsx
new file mode 100644
index 0000000000..ac915dee89
--- /dev/null
+++ b/packages/volto/src/components/theme/SlotRenderer/SlotRenderer.test.jsx
@@ -0,0 +1,55 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+import SlotRenderer from './SlotRenderer';
+import config from '@plone/volto/registry';
+
+describe('SlotRenderer Component', () => {
+  const RouteConditionTrue = () => () => true;
+  const RouteConditionFalse = () => () => false;
+  const ContentTypeConditionTrue = () => () => true;
+  const ContentTypeConditionFalse = () => () => false;
+
+  test('renders a SlotRenderer component for the aboveContentTitle with two slots in the root', () => {
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: (props) => <div className="slot-component-true" />,
+      predicates: [RouteConditionTrue()],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'save',
+      component: (props) => <div className="slot-component-false" />,
+      predicates: [RouteConditionFalse(), ContentTypeConditionFalse()],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: (props) => <div className="slot-component-false" />,
+      predicates: [RouteConditionFalse()],
+    });
+
+    config.registerSlotComponent({
+      slot: 'toolbar',
+      name: 'edit',
+      component: (props) => (
+        <aside className="slot-component-true-predicates" />
+      ),
+      predicates: [RouteConditionTrue(), ContentTypeConditionTrue()],
+    });
+
+    const { container } = render(
+      <MemoryRouter initialEntries={[{ pathname: '/' }]}>
+        <SlotRenderer name="toolbar" content={{}} />
+      </MemoryRouter>,
+    );
+
+    const divSlot = container.querySelector('div');
+    expect(divSlot).toHaveClass('slot-component-true');
+    const asideSlot = container.querySelector('aside');
+    expect(asideSlot).toHaveClass('slot-component-true-predicates');
+  });
+});
diff --git a/packages/volto/src/components/theme/SlotRenderer/SlotRenderer.tsx b/packages/volto/src/components/theme/SlotRenderer/SlotRenderer.tsx
new file mode 100644
index 0000000000..40a4f9b298
--- /dev/null
+++ b/packages/volto/src/components/theme/SlotRenderer/SlotRenderer.tsx
@@ -0,0 +1,54 @@
+import { useLocation } from 'react-router-dom';
+import config from '@plone/volto/registry';
+
+import type { Content } from '@plone/types';
+
+/*
+Usage:
+<SlotRenderer name="aboveContent" content={content} route={} />
+*/
+
+const SlotRenderer = ({
+  name,
+  content,
+  navRoot,
+}: {
+  name: string;
+  content: Content;
+  navRoot?: Content;
+}) => {
+  const pathname = useLocation().pathname;
+
+  let slots = config.getSlot(name, {
+    content,
+    pathname,
+    // This is to cover the use case while adding a new content and we don't have
+    // have the navRoot information in the initial content. This will be
+    // useful for SlotRenderers rendered in the `Add` route.
+    navRoot: content?.['@components']?.navroot?.navroot || navRoot,
+  });
+
+  if (!slots) {
+    return null;
+  }
+
+  return (
+    <>
+      {slots.map(
+        ({
+          component,
+          name,
+        }: {
+          component: React.ComponentType<any>;
+          name: string;
+        }) => {
+          // ^^ Weird compilation issue for Jest tests, that forced to re-declare the type above
+          const SlotComponent = component;
+          return <SlotComponent key={name} />;
+        },
+      )}
+    </>
+  );
+};
+
+export default SlotRenderer;
diff --git a/packages/volto/src/components/theme/View/View.jsx b/packages/volto/src/components/theme/View/View.jsx
index e836e452ab..418897e5f0 100644
--- a/packages/volto/src/components/theme/View/View.jsx
+++ b/packages/volto/src/components/theme/View/View.jsx
@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Redirect } from 'react-router-dom';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { injectIntl } from 'react-intl';
 import qs from 'query-string';
 
@@ -28,6 +28,7 @@ import {
 } from '@plone/volto/helpers';
 
 import config from '@plone/volto/registry';
+import SlotRenderer from '../SlotRenderer/SlotRenderer';
 
 /**
  * View container class.
@@ -244,6 +245,7 @@ class View extends Component {
               : null
           }
         />
+        <SlotRenderer name="aboveContent" content={this.props.content} />
         <RenderedView
           key={this.props.content['@id']}
           content={this.props.content}
@@ -251,6 +253,7 @@ class View extends Component {
           token={this.props.token}
           history={this.props.history}
         />
+        <SlotRenderer name="belowContent" content={this.props.content} />
         {config.settings.showTags &&
           this.props.content.subjects &&
           this.props.content.subjects.length > 0 && (
@@ -266,11 +269,11 @@ class View extends Component {
         {this.props.content.allow_discussion && (
           <Comments pathname={this.props.pathname} />
         )}
-        {this.state.isClient && (
-          <Portal node={document.getElementById('toolbar')}>
-            <Toolbar pathname={this.props.pathname} inner={<span />} />
-          </Portal>
-        )}
+        {this.state.isClient &&
+          createPortal(
+            <Toolbar pathname={this.props.pathname} inner={<span />} />,
+            document.getElementById('toolbar'),
+          )}
       </div>
     );
   }
diff --git a/packages/volto/src/components/theme/View/View.test.jsx b/packages/volto/src/components/theme/View/View.test.jsx
index 66d02014c6..0ecb074695 100644
--- a/packages/volto/src/components/theme/View/View.test.jsx
+++ b/packages/volto/src/components/theme/View/View.test.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 
@@ -25,14 +25,18 @@ beforeAll(() => {
 
 const mockStore = configureStore();
 
-jest.mock('react-portal', () => ({
-  Portal: jest.fn(() => <div id="Portal" />),
-}));
+jest.mock('../../manage/Toolbar/Toolbar', () =>
+  jest.fn(() => <div id="Portal" />),
+);
+
 jest.mock('../SocialSharing/SocialSharing', () =>
   jest.fn(() => <div id="SocialSharing" />),
 );
 jest.mock('../Comments/Comments', () => jest.fn(() => <div id="Comments" />));
 jest.mock('../Tags/Tags', () => jest.fn(() => <div id="Tags" />));
+jest.mock('../SlotRenderer/SlotRenderer', () =>
+  jest.fn(() => <div id="SlotRenderer" />),
+);
 jest.mock('../ContentMetadataTags/ContentMetadataTags', () =>
   jest.fn(() => <div id="ContentMetadataTags" />),
 );
@@ -147,13 +151,14 @@ describe('View', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <View location={{ pathname: '/test' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 
   it('renders a summary view', () => {
@@ -167,13 +172,14 @@ describe('View', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <View location={{ pathname: '/test' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 
   it('renders a tabular view', () => {
@@ -187,13 +193,14 @@ describe('View', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <View location={{ pathname: '/test' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 
   it('renders a document view', () => {
@@ -207,13 +214,14 @@ describe('View', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <View location={{ pathname: '/test' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container).toMatchSnapshot();
   });
 
   it('renders a new view element if the @id changed', () => {
@@ -235,16 +243,18 @@ describe('View', () => {
         messages: {},
       },
     });
-    const component = renderer.create(
+    const { rerender } = render(
       <Provider store={store}>
         <View location={{ pathname: '/a' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
     expect(instanceCount).toBe(1);
     store.getState().content.data['@id'] = '/b';
-    component.update(
+    rerender(
       <Provider store={store}>
         <View location={{ pathname: '/b' }} />
+        <div id="toolbar"></div>
       </Provider>,
     );
     expect(instanceCount).toBe(2);
diff --git a/packages/volto/src/components/theme/View/__snapshots__/View.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/View.test.jsx.snap
index 544bbf3fa3..6a915aa342 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/View.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/View.test.jsx.snap
@@ -1,51 +1,94 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`View renders a document view 1`] = `
-<div
-  id="view"
->
+<div>
   <div
-    id="ContentMetadataTags"
-  />
-  <div
-    id="DefaultView"
-  />
+    id="view"
+  >
+    <div
+      id="ContentMetadataTags"
+    />
+    <div
+      id="SlotRenderer"
+    />
+    <div
+      id="DefaultView"
+    />
+    <div
+      id="SlotRenderer"
+    />
+  </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
 
 exports[`View renders a summary view 1`] = `
-<div
-  id="view"
->
+<div>
   <div
-    id="ContentMetadataTags"
-  />
-  <div
-    id="SummaryView"
-  />
+    id="view"
+  >
+    <div
+      id="ContentMetadataTags"
+    />
+    <div
+      id="SlotRenderer"
+    />
+    <div
+      id="SummaryView"
+    />
+    <div
+      id="SlotRenderer"
+    />
+  </div>
   <div
-    id="Portal"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
 </div>
 `;
 
 exports[`View renders a tabular view 1`] = `
-<div
-  id="view"
->
+<div>
   <div
-    id="ContentMetadataTags"
-  />
+    id="view"
+  >
+    <div
+      id="ContentMetadataTags"
+    />
+    <div
+      id="SlotRenderer"
+    />
+    <div
+      id="TabularView"
+    />
+    <div
+      id="SlotRenderer"
+    />
+  </div>
   <div
-    id="TabularView"
-  />
+    id="toolbar"
+  >
+    <div
+      id="Portal"
+    />
+  </div>
+</div>
+`;
+
+exports[`View renders an empty view 1`] = `
+<div>
+  <span />
   <div
-    id="Portal"
+    id="toolbar"
   />
 </div>
 `;
-
-exports[`View renders an empty view 1`] = `<span />`;
diff --git a/packages/volto/src/components/theme/Widgets/BooleanWidget.jsx b/packages/volto/src/components/theme/Widgets/BooleanWidget.jsx
index ac62a4ab5c..6abb15db0c 100644
--- a/packages/volto/src/components/theme/Widgets/BooleanWidget.jsx
+++ b/packages/volto/src/components/theme/Widgets/BooleanWidget.jsx
@@ -24,8 +24,8 @@ const BooleanWidget = ({ value, children, className, intl }) => {
               : intl.formatMessage(messages.no),
           )
         : value
-        ? intl.formatMessage(messages.yes)
-        : intl.formatMessage(messages.no)}
+          ? intl.formatMessage(messages.yes)
+          : intl.formatMessage(messages.no)}
     </span>
   ) : (
     ''
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/ArrayWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/ArrayWidget.test.js.snap
index 5606114c33..14acae810a 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/ArrayWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/ArrayWidget.test.js.snap
@@ -4,7 +4,6 @@ exports[`ArrayWidget renders a full vocabulary array view widget component 1`] =
 <span
   className="metadata array widget"
 >
-  
   <span>
     Foo
   </span>
@@ -19,7 +18,6 @@ exports[`ArrayWidget renders a full vocabulary array view widget component with
 <span
   className="metadata array widget"
 >
-  
   <span>
     <strong>
       Foo
@@ -38,7 +36,6 @@ exports[`ArrayWidget renders a simple array view widget component 1`] = `
 <span
   className="metadata array widget"
 >
-  
   <span>
     foo
   </span>
@@ -53,7 +50,6 @@ exports[`ArrayWidget renders a vocabulary array view widget component 1`] = `
 <span
   className="metadata array widget"
 >
-  
   <span>
     Foo
   </span>
@@ -64,4 +60,4 @@ exports[`ArrayWidget renders a vocabulary array view widget component 1`] = `
 </span>
 `;
 
-exports[`ArrayWidget renders an empty array view widget component 1`] = `""`;
+exports[`ArrayWidget renders an empty array view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/BooleanWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/BooleanWidget.test.js.snap
index 530cb8978b..6731e6cdbe 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/BooleanWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/BooleanWidget.test.js.snap
@@ -36,4 +36,4 @@ exports[`BooleanWidget renders a boolean true view widget component with childre
 </span>
 `;
 
-exports[`BooleanWidget renders an empty boolean view widget component 1`] = `""`;
+exports[`BooleanWidget renders an empty boolean view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/DateWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/DateWidget.test.js.snap
index 535c64414d..7dfb2d2935 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/DateWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/DateWidget.test.js.snap
@@ -26,4 +26,4 @@ exports[`DateWidget renders a date view widget component with children 1`] = `
 </span>
 `;
 
-exports[`DateWidget renders an empty date view widget component 1`] = `""`;
+exports[`DateWidget renders an empty date view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/DatetimeWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/DatetimeWidget.test.js.snap
index 86947ef154..6f97180b22 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/DatetimeWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/DatetimeWidget.test.js.snap
@@ -26,4 +26,4 @@ exports[`DatetimeWidget renders a date view widget component with children 1`] =
 </span>
 `;
 
-exports[`DatetimeWidget renders an empty date view widget component 1`] = `""`;
+exports[`DatetimeWidget renders an empty date view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/DescriptionWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/DescriptionWidget.test.js.snap
index 61e322ff75..e7b55c5f45 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/DescriptionWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/DescriptionWidget.test.js.snap
@@ -18,4 +18,4 @@ exports[`DescriptionWidget renders a description view widget component with chil
 </p>
 `;
 
-exports[`DescriptionWidget renders an empty description view widget component 1`] = `""`;
+exports[`DescriptionWidget renders an empty description view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/EmailWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/EmailWidget.test.js.snap
index 1a6eebaa10..e43bb4ed46 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/EmailWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/EmailWidget.test.js.snap
@@ -26,4 +26,4 @@ exports[`EmailWidget renders an email view widget component with children 1`] =
 </a>
 `;
 
-exports[`EmailWidget renders an empty email view widget component 1`] = `""`;
+exports[`EmailWidget renders an empty email view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/FileWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/FileWidget.test.js.snap
index f37b373c4d..c1ded79bd9 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/FileWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/FileWidget.test.js.snap
@@ -47,4 +47,4 @@ exports[`FileWidget renders a simple file view widget component 1`] = `
 </a>
 `;
 
-exports[`FileWidget renders an empty file view widget component 1`] = `""`;
+exports[`FileWidget renders an empty file view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/ImageWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/ImageWidget.test.js.snap
index 7d2e6d47ca..47437e40d1 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/ImageWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/ImageWidget.test.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ImageWidget renders an empty image view widget component 1`] = `""`;
+exports[`ImageWidget renders an empty image view widget component 1`] = `null`;
 
 exports[`ImageWidget renders an image view widget component 1`] = `
 <span
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/PasswordWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/PasswordWidget.test.js.snap
index d691caa218..b4b2b8637e 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/PasswordWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/PasswordWidget.test.js.snap
@@ -18,4 +18,4 @@ exports[`PasswordWidget renders a password view widget component with children 1
 </span>
 `;
 
-exports[`PasswordWidget renders an empty password view widget component 1`] = `""`;
+exports[`PasswordWidget renders an empty password view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/RelationWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/RelationWidget.test.js.snap
index d7c722318c..7fbf15d328 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/RelationWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/RelationWidget.test.js.snap
@@ -92,4 +92,4 @@ exports[`RelationWidget renders a relation view widget component 1`] = `
 </a>
 `;
 
-exports[`RelationWidget renders an empty relation view widget component 1`] = `""`;
+exports[`RelationWidget renders an empty relation view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/RelationsWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/RelationsWidget.test.js.snap
index 4b2b53ac47..7f5a2f0070 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/RelationsWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/RelationsWidget.test.js.snap
@@ -264,4 +264,4 @@ exports[`RelationsWidget renders a vocabulary relations view widget component 1`
 </ul>
 `;
 
-exports[`RelationsWidget renders an empty relations view widget component 1`] = `""`;
+exports[`RelationsWidget renders an empty relations view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/RichTextWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/RichTextWidget.test.js.snap
index 565d050626..00ea582f44 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/RichTextWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/RichTextWidget.test.js.snap
@@ -22,4 +22,4 @@ exports[`RichTextWidget renders a rich text view widget component with children
 />
 `;
 
-exports[`RichTextWidget renders an empty rich text view widget component 1`] = `""`;
+exports[`RichTextWidget renders an empty rich text view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/SelectWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/SelectWidget.test.js.snap
index e5d9e555b6..dd913ad14c 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/SelectWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/SelectWidget.test.js.snap
@@ -26,4 +26,4 @@ exports[`SelectWidget renders a select view widget component 1`] = `
 </span>
 `;
 
-exports[`SelectWidget renders an empty select view widget component 1`] = `""`;
+exports[`SelectWidget renders an empty select view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/TextWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/TextWidget.test.js.snap
index 5129b795b8..35aab38e8d 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/TextWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/TextWidget.test.js.snap
@@ -28,4 +28,4 @@ exports[`TextWidget renders a text view widget component with children 1`] = `
 </span>
 `;
 
-exports[`TextWidget renders an empty text view widget component 1`] = `""`;
+exports[`TextWidget renders an empty text view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/TitleWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/TitleWidget.test.js.snap
index efd0541d37..c911ccadae 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/TitleWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/TitleWidget.test.js.snap
@@ -18,4 +18,4 @@ exports[`TitleWidget renders a title view widget component with children 1`] = `
 </h1>
 `;
 
-exports[`TitleWidget renders an empty title view widget component 1`] = `""`;
+exports[`TitleWidget renders an empty title view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/TokenWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/TokenWidget.test.js.snap
index ca60a25602..c651a7a33e 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/TokenWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/TokenWidget.test.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`TokenWidget renders an empty tags view widget component 1`] = `""`;
+exports[`TokenWidget renders an empty tags view widget component 1`] = `null`;
 
 exports[`TokenWidget renders tags view widget component 1`] = `
 <span
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/UrlWidget.test.js.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/UrlWidget.test.js.snap
index b18d60fa7c..13b46360b2 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/UrlWidget.test.js.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/UrlWidget.test.js.snap
@@ -26,4 +26,4 @@ exports[`UrlWidget renders an URL view widget component with children 1`] = `
 </a>
 `;
 
-exports[`UrlWidget renders an empty URL view widget component 1`] = `""`;
+exports[`UrlWidget renders an empty URL view widget component 1`] = `null`;
diff --git a/packages/volto/src/config/Loadables.jsx b/packages/volto/src/config/Loadables.jsx
index 17ab692f14..76c31156e5 100644
--- a/packages/volto/src/config/Loadables.jsx
+++ b/packages/volto/src/config/Loadables.jsx
@@ -39,22 +39,22 @@ export const loadables = {
   // draftjs libs
   immutableLib: loadable.lib(() => import('immutable')),
   draftJs: loadable.lib(() => import('draft-js')),
-  draftJsLibIsSoftNewlineEvent: loadable.lib(() =>
-    import('draft-js/lib/isSoftNewlineEvent'),
+  draftJsLibIsSoftNewlineEvent: loadable.lib(
+    () => import('draft-js/lib/isSoftNewlineEvent'),
   ),
   draftJsFilters: loadable.lib(() => import('draftjs-filters')),
-  draftJsInlineToolbarPlugin: loadable.lib(() =>
-    import('draft-js-inline-toolbar-plugin'),
+  draftJsInlineToolbarPlugin: loadable.lib(
+    () => import('draft-js-inline-toolbar-plugin'),
   ),
   draftJsImportHtml: loadable.lib(() => import('draft-js-import-html')),
-  draftJsBlockBreakoutPlugin: loadable.lib(() =>
-    import('draft-js-block-breakout-plugin'),
+  draftJsBlockBreakoutPlugin: loadable.lib(
+    () => import('draft-js-block-breakout-plugin'),
   ),
-  draftJsCreateInlineStyleButton: loadable.lib(() =>
-    import('draft-js-buttons/lib/utils/createInlineStyleButton'),
+  draftJsCreateInlineStyleButton: loadable.lib(
+    () => import('draft-js-buttons/lib/utils/createInlineStyleButton'),
   ),
-  draftJsCreateBlockStyleButton: loadable.lib(() =>
-    import('draft-js-buttons/lib/utils/createBlockStyleButton'),
+  draftJsCreateBlockStyleButton: loadable.lib(
+    () => import('draft-js-buttons/lib/utils/createBlockStyleButton'),
   ),
   draftJsPluginsUtils: loadable.lib(() => import('draft-js-plugins-utils')),
 };
diff --git a/packages/volto/src/config/Views.jsx b/packages/volto/src/config/Views.jsx
index eaa09f8ec8..bb60818ece 100644
--- a/packages/volto/src/config/Views.jsx
+++ b/packages/volto/src/config/Views.jsx
@@ -18,8 +18,8 @@ import Unauthorized from '@plone/volto/components/theme/Unauthorized/Unauthorize
 import Forbidden from '@plone/volto/components/theme/Forbidden/Forbidden';
 import ServerError from '@plone/volto/components/theme/Error/ServerError';
 
-const EventView = loadable(() =>
-  import('@plone/volto/components/theme/View/EventView'),
+const EventView = loadable(
+  () => import('@plone/volto/components/theme/View/EventView'),
 );
 
 defineMessages({
diff --git a/packages/volto/src/config/Widgets.jsx b/packages/volto/src/config/Widgets.jsx
index d51544e244..9abee081a6 100644
--- a/packages/volto/src/config/Widgets.jsx
+++ b/packages/volto/src/config/Widgets.jsx
@@ -55,13 +55,14 @@ import TitleViewWidget from '@plone/volto/components/theme/Widgets/TitleWidget';
 import TokenViewWidget from '@plone/volto/components/theme/Widgets/TokenWidget';
 import UrlViewWidget from '@plone/volto/components/theme/Widgets/UrlWidget';
 
-export const DatetimeWidget = loadable(() =>
-  import('@plone/volto/components/manage/Widgets/DatetimeWidget'),
+export const DatetimeWidget = loadable(
+  () => import('@plone/volto/components/manage/Widgets/DatetimeWidget'),
 );
-export const RecurrenceWidget = loadable(() =>
-  import(
-    '@plone/volto/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget'
-  ),
+export const RecurrenceWidget = loadable(
+  () =>
+    import(
+      '@plone/volto/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget'
+    ),
 );
 
 // Widgets mapping
diff --git a/packages/volto/src/config/index.js b/packages/volto/src/config/index.js
index 8c295e5a1c..9b394a473c 100644
--- a/packages/volto/src/config/index.js
+++ b/packages/volto/src/config/index.js
@@ -75,7 +75,7 @@ let config = {
     okRoute: '/ok',
     apiPath,
     apiExpanders: [
-      // Added here for documentation purposes, addded at the end because it
+      // Added here for documentation purposes, added at the end because it
       // depends on a value of this object.
       // Add the following expanders for only issuing a single request.
       // https://6.docs.plone.org/volto/configuration/settings-reference.html#term-apiExpanders
@@ -223,6 +223,7 @@ let config = {
   },
   addonRoutes: [],
   addonReducers: {},
+  slots: {},
   components,
 };
 
@@ -250,5 +251,6 @@ ConfigRegistry.widgets = config.widgets;
 ConfigRegistry.addonRoutes = config.addonRoutes;
 ConfigRegistry.addonReducers = config.addonReducers;
 ConfigRegistry.components = config.components;
+ConfigRegistry.slots = config.slots;
 
 applyAddonConfiguration(ConfigRegistry);
diff --git a/packages/volto/src/helpers/AsyncConnect/AsyncConnect.test.js b/packages/volto/src/helpers/AsyncConnect/AsyncConnect.test.js
index 2b6a371334..fcf54dfa7c 100644
--- a/packages/volto/src/helpers/AsyncConnect/AsyncConnect.test.js
+++ b/packages/volto/src/helpers/AsyncConnect/AsyncConnect.test.js
@@ -12,8 +12,6 @@ import { AsyncConnectWithContext, AsyncConnect } from './AsyncConnect'; // , Asy
 import { asyncConnect, loadOnServer } from './';
 import { matchAllRoutes } from './utils';
 
-import '@testing-library/jest-dom/extend-expect';
-
 describe('<ReduxAsyncConnect />', () => {
   const initialEmptyState = {
     router: {
diff --git a/packages/volto/src/helpers/Blocks/Blocks.js b/packages/volto/src/helpers/Blocks/Blocks.js
index b912f88291..06d17c501c 100644
--- a/packages/volto/src/helpers/Blocks/Blocks.js
+++ b/packages/volto/src/helpers/Blocks/Blocks.js
@@ -483,26 +483,26 @@ export function applySchemaDefaults({ data = {}, schema, intl }) {
             [currentField]: schema.properties[currentField].default,
           }
         : intl &&
-          schema.properties[currentField].schema &&
-          !(schema.properties[currentField].widget === 'object_list') // TODO: this should be renamed as itemSchema
-        ? {
-            ...accumulator,
-            [currentField]: {
-              ...applySchemaDefaults({
-                data: { ...data[currentField], ...accumulator[currentField] },
-                schema:
-                  typeof schema.properties[currentField].schema === 'function'
-                    ? schema.properties[currentField].schema({
-                        data: accumulator[currentField],
-                        formData: accumulator[currentField],
-                        intl,
-                      })
-                    : schema.properties[currentField].schema,
-                intl,
-              }),
-            },
-          }
-        : accumulator;
+            schema.properties[currentField].schema &&
+            !(schema.properties[currentField].widget === 'object_list') // TODO: this should be renamed as itemSchema
+          ? {
+              ...accumulator,
+              [currentField]: {
+                ...applySchemaDefaults({
+                  data: { ...data[currentField], ...accumulator[currentField] },
+                  schema:
+                    typeof schema.properties[currentField].schema === 'function'
+                      ? schema.properties[currentField].schema({
+                          data: accumulator[currentField],
+                          formData: accumulator[currentField],
+                          intl,
+                        })
+                      : schema.properties[currentField].schema,
+                  intl,
+                }),
+              },
+            }
+          : accumulator;
     }, {}),
     data,
   );
diff --git a/packages/volto/src/helpers/FormValidation/FormValidation.js b/packages/volto/src/helpers/FormValidation/FormValidation.js
index df276bf11a..95c470fa77 100644
--- a/packages/volto/src/helpers/FormValidation/FormValidation.js
+++ b/packages/volto/src/helpers/FormValidation/FormValidation.js
@@ -157,7 +157,7 @@ const widgetValidation = {
  * The string that comes my not be a valid JSON
  * @param {string} requestItem
  */
-const tryParseJSON = (requestItem) => {
+export const tryParseJSON = (requestItem) => {
   let resultObj = null;
   try {
     resultObj = JSON.parse(requestItem);
diff --git a/packages/volto/src/helpers/Html/Html.jsx b/packages/volto/src/helpers/Html/Html.jsx
index 22fec9a59a..d4c79ee2de 100644
--- a/packages/volto/src/helpers/Html/Html.jsx
+++ b/packages/volto/src/helpers/Html/Html.jsx
@@ -143,8 +143,8 @@ class Html extends Component {
               rel: !criticalCss
                 ? elem.props.rel
                 : elem.props.as === 'style'
-                ? 'prefetch'
-                : elem.props.rel,
+                  ? 'prefetch'
+                  : elem.props.rel,
             }),
           )}
           {/* Styles in development are loaded with Webpack's style-loader, in production,
diff --git a/packages/volto/src/helpers/Html/__snapshots__/Html.test.jsx.snap b/packages/volto/src/helpers/Html/__snapshots__/Html.test.jsx.snap
index 08b1b54bbd..08d9709f22 100644
--- a/packages/volto/src/helpers/Html/__snapshots__/Html.test.jsx.snap
+++ b/packages/volto/src/helpers/Html/__snapshots__/Html.test.jsx.snap
@@ -8,11 +8,6 @@ exports[`Html renders a html component 1`] = `
     <meta
       charSet="utf-8"
     />
-    
-    
-    
-    
-    
     <script
       dangerouslySetInnerHTML={
         Object {
@@ -105,11 +100,6 @@ exports[`Html renders a html component with apiPath present 1`] = `
     <meta
       charSet="utf-8"
     />
-    
-    
-    
-    
-    
     <script
       dangerouslySetInnerHTML={
         Object {
diff --git a/packages/volto/src/helpers/Slots/index.tsx b/packages/volto/src/helpers/Slots/index.tsx
new file mode 100644
index 0000000000..864b209162
--- /dev/null
+++ b/packages/volto/src/helpers/Slots/index.tsx
@@ -0,0 +1,12 @@
+import type { Content } from '@plone/types';
+import { matchPath } from 'react-router-dom';
+
+export function RouteCondition(path: string, exact?: boolean) {
+  return ({ pathname }: { pathname: string }) =>
+    Boolean(matchPath(pathname, { path, exact }));
+}
+
+export function ContentTypeCondition(contentType: string[]) {
+  return ({ content }: { content: Content }) =>
+    contentType.includes(content?.['@type']);
+}
diff --git a/packages/volto/src/helpers/Utils/Date.js b/packages/volto/src/helpers/Utils/Date.js
index 97fb6b6a0d..045bdd8a60 100644
--- a/packages/volto/src/helpers/Utils/Date.js
+++ b/packages/volto/src/helpers/Utils/Date.js
@@ -42,10 +42,10 @@ export function formatDate({
   format = format
     ? format
     : long && !includeTime
-    ? long_date_format
-    : includeTime
-    ? short_date_and_time_format
-    : short_date_format;
+      ? long_date_format
+      : includeTime
+        ? short_date_and_time_format
+        : short_date_format;
 
   const formatter = new Intl.DateTimeFormat(locale, format);
   return formatToParts
@@ -94,6 +94,6 @@ export function formatRelativeDate({
   return isNaN(v)
     ? ''
     : formatToParts
-    ? formatter.formatToParts(v, tag)
-    : formatter.format(v, tag).replace('\u202F', ' '); // use "now" ?
+      ? formatter.formatToParts(v, tag)
+      : formatter.format(v, tag).replace('\u202F', ' '); // use "now" ?
 }
diff --git a/packages/volto/src/helpers/Utils/UseDetectClickOutside.stories.jsx b/packages/volto/src/helpers/Utils/UseDetectClickOutside.stories.jsx
index 1fa45fb51d..f8f69bf465 100644
--- a/packages/volto/src/helpers/Utils/UseDetectClickOutside.stories.jsx
+++ b/packages/volto/src/helpers/Utils/UseDetectClickOutside.stories.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { useDetectClickOutside } from './useDetectClickOutside';
-import { Portal } from 'react-portal';
+import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
 import { BlockChooser } from '@plone/volto/components';
 
@@ -44,10 +44,9 @@ function OpenedChooserWithPortal(props) {
     triggerKeys: ['Escape'],
   });
 
-  return (
-    <Portal node={document.getElementById('body')}>
-      <div ref={blockChooserRef}>{`Hello ${props.id}`}</div>
-    </Portal>
+  return createPortal(
+    <div ref={blockChooserRef}>{`Hello ${props.id}`}</div>,
+    document.getElementById('body'),
   );
 }
 
@@ -124,7 +123,7 @@ function TestComponentWithPortalAndPopper(props) {
         ref={setReferenceElement}
         onClick={() => setOpenMenu(true)}
       >{`Click me ${props.id}`}</button>
-      <Portal node={document.getElementById('body')}>
+      {createPortal(
         <div
           ref={setPopperElement}
           style={styles.popper}
@@ -136,8 +135,9 @@ function TestComponentWithPortalAndPopper(props) {
               setOpenMenu={setOpenMenu}
             />
           )}
-        </div>
-      </Portal>
+        </div>,
+        document.body,
+      )}
     </div>
   );
 }
diff --git a/packages/volto/src/helpers/Utils/Utils.js b/packages/volto/src/helpers/Utils/Utils.js
index 037ff69e4d..ce30acc8dd 100644
--- a/packages/volto/src/helpers/Utils/Utils.js
+++ b/packages/volto/src/helpers/Utils/Utils.js
@@ -136,8 +136,8 @@ export const getColor = (name) => {
   const namedColor = namedColors[name]
     ? namedColors[name]
     : safeColors.length > 0
-    ? safeColors.pop()
-    : `#${Math.floor(Math.random() * 16777215).toString(16)}`;
+      ? safeColors.pop()
+      : `#${Math.floor(Math.random() * 16777215).toString(16)}`;
   if (!namedColors[name]) {
     namedColors[name] = namedColor;
   }
diff --git a/packages/volto/src/helpers/Utils/usePagination.test.js b/packages/volto/src/helpers/Utils/usePagination.test.js
deleted file mode 100644
index 26924d78a0..0000000000
--- a/packages/volto/src/helpers/Utils/usePagination.test.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import { renderHook } from '@testing-library/react-hooks';
-import { usePagination } from './usePagination';
-import * as redux from 'react-redux';
-import routeData from 'react-router';
-import { slugify } from '@plone/volto/helpers/Utils/Utils';
-
-const searchBlockId = '545b33de-92cf-4747-969d-68851837b317';
-const searchBlockId2 = '454b33de-92cf-4747-969d-68851837b713';
-const searchBlock = {
-  '@type': 'search',
-  query: {
-    b_size: '4',
-    query: [
-      {
-        i: 'path',
-        o: 'plone.app.querystring.operation.string.relativePath',
-        v: '',
-      },
-    ],
-    sort_order: 'ascending',
-  },
-  showSearchInput: true,
-  showTotalResults: true,
-};
-let state = {
-  content: {
-    data: {
-      blocks: {
-        [searchBlockId]: searchBlock,
-      },
-      blocks_layout: {
-        items: [searchBlockId],
-      },
-    },
-  },
-};
-
-let mockUseLocationValue = {
-  pathname: '/testroute',
-  search: '',
-};
-
-const setUp = (searchParam, numberOfSearches) => {
-  mockUseLocationValue.search = searchParam;
-  if (numberOfSearches > 1) {
-    state.content.data.blocks[searchBlockId2] = searchBlock;
-    state.content.data.blocks_layout.items.push(searchBlockId2);
-  }
-  return renderHook(({ id, defaultPage }) => usePagination(id, defaultPage), {
-    initialProps: {
-      id: searchBlockId,
-      defaultPage: 1,
-    },
-  });
-};
-
-describe(`Tests for usePagination, for the block ${searchBlockId}`, () => {
-  const useLocation = jest.spyOn(routeData, 'useLocation');
-  const useHistory = jest.spyOn(routeData, 'useHistory');
-  const useSelector = jest.spyOn(redux, 'useSelector');
-  beforeEach(() => {
-    useLocation.mockReturnValue(mockUseLocationValue);
-    useHistory.mockReturnValue({ replace: jest.fn() });
-    useSelector.mockImplementation((cb) => cb(state));
-  });
-
-  it('1 paginated block with id and defaultPage 1 - shoud be 1', () => {
-    const { result } = setUp();
-    expect(result.current.currentPage).toBe(1);
-  });
-
-  it('1 paginated block without params - shoud be 1', () => {
-    const { result } = setUp();
-    expect(result.current.currentPage).toBe(1);
-  });
-
-  const param1 = '?page=2';
-  it(`1 paginated block with params: ${param1} - shoud be 2`, () => {
-    const { result } = setUp(param1);
-    expect(result.current.currentPage).toBe(2);
-  });
-
-  const param2 = `?${slugify(`page-${searchBlockId}`)}=2`;
-  it(`2 paginated blocks with current block in the params: ${param2} - shoud be 2`, () => {
-    const { result } = setUp(param2, 2);
-    expect(result.current.currentPage).toBe(2);
-  });
-
-  const param3 = `?${slugify(`page-${searchBlockId2}`)}=2`;
-  it(`2 paginated blocks with the other block in the params: ${param3} - shoud be 1`, () => {
-    const { result } = setUp(param3, 2);
-    expect(result.current.currentPage).toBe(1);
-  });
-
-  const param4 = `?${slugify(`page-${searchBlockId}`)}=2&${slugify(
-    `page-${searchBlockId2}`,
-  )}=1`;
-  it(`2 paginated blocks with both blocks in the params, current 2: ${param4} - shoud be 2`, () => {
-    const { result } = setUp(param4, 2);
-    expect(result.current.currentPage).toBe(2);
-  });
-
-  const param5 = `?${slugify(`page-${searchBlockId}`)}=1&${slugify(
-    `page-${searchBlockId2}`,
-  )}=2`;
-  it(`2 paginated blocks with both blocks in the params, current 1: ${param5} - shoud be 1`, () => {
-    const { result } = setUp(param5, 2);
-    expect(result.current.currentPage).toBe(1);
-  });
-
-  it(`2 paginated blocks with wrong page param: ${param1} - shoud be 1`, () => {
-    const { result } = setUp(param1, 2);
-    expect(result.current.currentPage).toBe(1);
-  });
-});
diff --git a/packages/volto/src/helpers/index.js b/packages/volto/src/helpers/index.js
index 1655f2356a..e97a5490b1 100644
--- a/packages/volto/src/helpers/index.js
+++ b/packages/volto/src/helpers/index.js
@@ -81,6 +81,7 @@ export { default as langmap } from './LanguageMap/LanguageMap';
 export { default as Helmet } from './Helmet/Helmet';
 export { default as FormValidation } from './FormValidation/FormValidation';
 export { validateFileUploadSize } from './FormValidation/FormValidation';
+export { tryParseJSON } from './FormValidation/FormValidation';
 export {
   difference,
   getColor,
@@ -134,3 +135,4 @@ export {
   getWorkflowOptions,
 } from './Workflows/Workflows';
 export { getSiteAsyncPropExtender } from './Site';
+export { ContentTypeCondition } from './Slots';
diff --git a/packages/volto/src/start-client.jsx b/packages/volto/src/start-client.jsx
index 179af9e57d..4494b118c7 100644
--- a/packages/volto/src/start-client.jsx
+++ b/packages/volto/src/start-client.jsx
@@ -1,7 +1,7 @@
 import '@plone/volto/config'; // This is the bootstrap for the global config - client side
 import '@root/theme';
 import React from 'react';
-import { hydrate } from 'react-dom';
+import { hydrateRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import { IntlProvider } from 'react-intl-redux';
 import { ConnectedRouter } from 'connected-react-router';
@@ -58,7 +58,8 @@ export default function client() {
   }
 
   loadableReady(() => {
-    hydrate(
+    hydrateRoot(
+      document.getElementById('main'),
       <CookiesProvider>
         <Provider store={store}>
           <IntlProvider onError={reactIntlErrorHandler}>
@@ -70,7 +71,6 @@ export default function client() {
           </IntlProvider>
         </Provider>
       </CookiesProvider>,
-      document.getElementById('main'),
     );
   });
 }
diff --git a/packages/volto/src/store.js b/packages/volto/src/store.js
index 076f0cd4bf..6e40de35d7 100644
--- a/packages/volto/src/store.js
+++ b/packages/volto/src/store.js
@@ -1,6 +1,6 @@
 import { combineReducers, createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
-import { composeWithDevTools } from 'redux-devtools-extension/developmentOnly';
+import { composeWithDevTools } from '@redux-devtools/extension';
 import { connectRouter, routerMiddleware } from 'connected-react-router';
 import { save, load } from 'redux-localstorage-simple';
 
diff --git a/packages/volto/test-setup-config.js b/packages/volto/test-setup-config.js
index 7ae9bae43b..18a121888e 100644
--- a/packages/volto/test-setup-config.js
+++ b/packages/volto/test-setup-config.js
@@ -188,3 +188,4 @@ config.set('experimental', {
     enabled: false,
   },
 });
+config.set('slots', {});
diff --git a/packages/volto/tsconfig.declarations.json b/packages/volto/tsconfig.declarations.json
index 1e37bf5420..b91debf6c8 100644
--- a/packages/volto/tsconfig.declarations.json
+++ b/packages/volto/tsconfig.declarations.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "allowJs": true,
     "declaration": true,
     "emitDeclarationOnly": true,
diff --git a/packages/volto/types/components/manage/Actions/Actions.d.ts b/packages/volto/types/components/manage/Actions/Actions.d.ts
index 77c1e27919..8e311aefc1 100644
--- a/packages/volto/types/components/manage/Actions/Actions.d.ts
+++ b/packages/volto/types/components/manage/Actions/Actions.d.ts
@@ -1,5 +1,5 @@
 export default Actions;
-declare function Actions(props: any): JSX.Element;
+declare function Actions(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace Actions {
     namespace propTypes {
         let pathname: any;
diff --git a/packages/volto/types/components/manage/Add/Add.d.ts b/packages/volto/types/components/manage/Add/Add.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Add/Add.d.ts
+++ b/packages/volto/types/components/manage/Add/Add.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Aliases/Aliases.d.ts b/packages/volto/types/components/manage/Aliases/Aliases.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Aliases/Aliases.d.ts
+++ b/packages/volto/types/components/manage/Aliases/Aliases.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/AnchorPlugin/components/Link/index.d.ts b/packages/volto/types/components/manage/AnchorPlugin/components/Link/index.d.ts
index 810eaa8456..d84cec4e8d 100644
--- a/packages/volto/types/components/manage/AnchorPlugin/components/Link/index.d.ts
+++ b/packages/volto/types/components/manage/AnchorPlugin/components/Link/index.d.ts
@@ -5,7 +5,7 @@ declare function Link({ children, className, entityKey, getEditorState, target }
     entityKey: any;
     getEditorState: any;
     target: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace Link {
     export { propTypes };
     export namespace defaultProps {
diff --git a/packages/volto/types/components/manage/BlockChooser/BlockChooserButton.d.ts b/packages/volto/types/components/manage/BlockChooser/BlockChooserButton.d.ts
index b708420d3a..9d3b75020a 100644
--- a/packages/volto/types/components/manage/BlockChooser/BlockChooserButton.d.ts
+++ b/packages/volto/types/components/manage/BlockChooser/BlockChooserButton.d.ts
@@ -1,3 +1,3 @@
-export function ButtonComponent(props: any): JSX.Element;
+export function ButtonComponent(props: any): import("react/jsx-runtime").JSX.Element;
 export default BlockChooserButton;
-declare function BlockChooserButton(props: any): JSX.Element;
+declare function BlockChooserButton(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/BlockChooser/BlockChooserSearch.d.ts b/packages/volto/types/components/manage/BlockChooser/BlockChooserSearch.d.ts
index bd4b04d431..e0ac44453b 100644
--- a/packages/volto/types/components/manage/BlockChooser/BlockChooserSearch.d.ts
+++ b/packages/volto/types/components/manage/BlockChooser/BlockChooserSearch.d.ts
@@ -2,4 +2,4 @@ export default BlockChooserSearch;
 declare function BlockChooserSearch({ onChange, searchValue }: {
     onChange: any;
     searchValue: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Block/BlocksForm.d.ts b/packages/volto/types/components/manage/Blocks/Block/BlocksForm.d.ts
index fddf4c752d..25dc7990ab 100644
--- a/packages/volto/types/components/manage/Blocks/Block/BlocksForm.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Block/BlocksForm.d.ts
@@ -1,2 +1,2 @@
 export default BlocksForm;
-declare function BlocksForm(props: any): JSX.Element;
+declare function BlocksForm(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Block/DefaultEdit.d.ts b/packages/volto/types/components/manage/Blocks/Block/DefaultEdit.d.ts
index 18e31c3e50..cfde4ffa16 100644
--- a/packages/volto/types/components/manage/Blocks/Block/DefaultEdit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Block/DefaultEdit.d.ts
@@ -1,2 +1,2 @@
 export default DefaultBlockEdit;
-declare function DefaultBlockEdit(props: any): JSX.Element;
+declare function DefaultBlockEdit(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Block/DefaultView.d.ts b/packages/volto/types/components/manage/Blocks/Block/DefaultView.d.ts
index 379dcc5c82..2612c5a099 100644
--- a/packages/volto/types/components/manage/Blocks/Block/DefaultView.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Block/DefaultView.d.ts
@@ -1,2 +1,2 @@
 export default DefaultBlockView;
-declare function DefaultBlockView(props: any): JSX.Element;
+declare function DefaultBlockView(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Block/Edit.d.ts b/packages/volto/types/components/manage/Blocks/Block/Edit.d.ts
index ac16acfa6b..031cd39740 100644
--- a/packages/volto/types/components/manage/Blocks/Block/Edit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Block/Edit.d.ts
@@ -44,8 +44,6 @@ export class Edit extends React.Component<any, any, any> {
      */
     render(): string;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
 import React from 'react';
diff --git a/packages/volto/types/components/manage/Blocks/Block/Style.d.ts b/packages/volto/types/components/manage/Blocks/Block/Style.d.ts
index 886af5a9dc..2aff129b19 100644
--- a/packages/volto/types/components/manage/Blocks/Block/Style.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Block/Style.d.ts
@@ -2,4 +2,4 @@ export default function Style({ data, detached, children }: {
     data: any;
     detached: any;
     children: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Container/Data.d.ts b/packages/volto/types/components/manage/Blocks/Container/Data.d.ts
index fd5a5bf559..eb1a2fb606 100644
--- a/packages/volto/types/components/manage/Blocks/Container/Data.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Container/Data.d.ts
@@ -1,2 +1,2 @@
 export default ContainerData;
-declare function ContainerData(props: any): JSX.Element;
+declare function ContainerData(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Container/Edit.d.ts b/packages/volto/types/components/manage/Blocks/Container/Edit.d.ts
index 606f1688e6..7fc3d30b07 100644
--- a/packages/volto/types/components/manage/Blocks/Container/Edit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Container/Edit.d.ts
@@ -1,5 +1,5 @@
 export default ContainerBlockEdit;
-declare function ContainerBlockEdit(props: any): JSX.Element;
+declare function ContainerBlockEdit(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ContainerBlockEdit {
     namespace propTypes {
         let block: any;
diff --git a/packages/volto/types/components/manage/Blocks/Container/EditBlockWrapper.d.ts b/packages/volto/types/components/manage/Blocks/Container/EditBlockWrapper.d.ts
index 69041aebe3..9cb9178b07 100644
--- a/packages/volto/types/components/manage/Blocks/Container/EditBlockWrapper.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Container/EditBlockWrapper.d.ts
@@ -1,2 +1,2 @@
 export default EditBlockWrapper;
-declare function EditBlockWrapper(props: any): JSX.Element;
+declare function EditBlockWrapper(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Container/NewBlockAddButton.d.ts b/packages/volto/types/components/manage/Blocks/Container/NewBlockAddButton.d.ts
index b18d1ee036..0fdbc4c288 100644
--- a/packages/volto/types/components/manage/Blocks/Container/NewBlockAddButton.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Container/NewBlockAddButton.d.ts
@@ -1,2 +1,2 @@
 export default NewBlockAddButton;
-declare function NewBlockAddButton(props: any): JSX.Element;
+declare function NewBlockAddButton(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Container/SimpleContainerToolbar.d.ts b/packages/volto/types/components/manage/Blocks/Container/SimpleContainerToolbar.d.ts
index 9c25198862..b1f3ae0d33 100644
--- a/packages/volto/types/components/manage/Blocks/Container/SimpleContainerToolbar.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Container/SimpleContainerToolbar.d.ts
@@ -1,2 +1,2 @@
 export default SimpleContainerToolbar;
-declare function SimpleContainerToolbar(props: any): JSX.Element;
+declare function SimpleContainerToolbar(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Description/Edit.d.ts b/packages/volto/types/components/manage/Blocks/Description/Edit.d.ts
index 5567b9e4e4..6b5e43f5ea 100644
--- a/packages/volto/types/components/manage/Blocks/Description/Edit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Description/Edit.d.ts
@@ -1,4 +1,4 @@
-export function DescriptionBlockEdit(props: any): JSX.Element;
+export function DescriptionBlockEdit(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace DescriptionBlockEdit {
     namespace propTypes {
         let properties: any;
diff --git a/packages/volto/types/components/manage/Blocks/Description/View.d.ts b/packages/volto/types/components/manage/Blocks/Description/View.d.ts
index a36f9dc643..809324a5dc 100644
--- a/packages/volto/types/components/manage/Blocks/Description/View.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Description/View.d.ts
@@ -2,7 +2,7 @@ export default DescriptionBlockView;
 declare function DescriptionBlockView({ properties, metadata }: {
     properties: any;
     metadata: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace DescriptionBlockView {
     namespace propTypes {
         let properties: any;
diff --git a/packages/volto/types/components/manage/Blocks/Grid/Edit.d.ts b/packages/volto/types/components/manage/Blocks/Grid/Edit.d.ts
index b29ba9b523..1657cb1037 100644
--- a/packages/volto/types/components/manage/Blocks/Grid/Edit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Grid/Edit.d.ts
@@ -1,5 +1,5 @@
 export default GridBlockEdit;
-declare function GridBlockEdit(props: any): JSX.Element;
+declare function GridBlockEdit(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace GridBlockEdit {
     namespace propTypes {
         let block: any;
diff --git a/packages/volto/types/components/manage/Blocks/Grid/View.d.ts b/packages/volto/types/components/manage/Blocks/Grid/View.d.ts
index d0180a28ef..c17a3f4a2e 100644
--- a/packages/volto/types/components/manage/Blocks/Grid/View.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Grid/View.d.ts
@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
diff --git a/packages/volto/types/components/manage/Blocks/HTML/View.d.ts b/packages/volto/types/components/manage/Blocks/HTML/View.d.ts
index 811cc4e4ab..e3715690a5 100644
--- a/packages/volto/types/components/manage/Blocks/HTML/View.d.ts
+++ b/packages/volto/types/components/manage/Blocks/HTML/View.d.ts
@@ -1,7 +1,7 @@
 export default View;
 declare function View({ data }: {
     data: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace View {
     namespace propTypes {
         let data: any;
diff --git a/packages/volto/types/components/manage/Blocks/HeroImageLeft/Data.d.ts b/packages/volto/types/components/manage/Blocks/HeroImageLeft/Data.d.ts
index 1c765efcac..6478eae9f8 100644
--- a/packages/volto/types/components/manage/Blocks/HeroImageLeft/Data.d.ts
+++ b/packages/volto/types/components/manage/Blocks/HeroImageLeft/Data.d.ts
@@ -1,2 +1,2 @@
 export default HeroImageLeftBlockData;
-declare function HeroImageLeftBlockData(props: any): JSX.Element;
+declare function HeroImageLeftBlockData(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/HeroImageLeft/Edit.d.ts b/packages/volto/types/components/manage/Blocks/HeroImageLeft/Edit.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Blocks/HeroImageLeft/Edit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/HeroImageLeft/Edit.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Blocks/HeroImageLeft/View.d.ts b/packages/volto/types/components/manage/Blocks/HeroImageLeft/View.d.ts
index 811cc4e4ab..e3715690a5 100644
--- a/packages/volto/types/components/manage/Blocks/HeroImageLeft/View.d.ts
+++ b/packages/volto/types/components/manage/Blocks/HeroImageLeft/View.d.ts
@@ -1,7 +1,7 @@
 export default View;
 declare function View({ data }: {
     data: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace View {
     namespace propTypes {
         let data: any;
diff --git a/packages/volto/types/components/manage/Blocks/Image/Edit.d.ts b/packages/volto/types/components/manage/Blocks/Image/Edit.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Blocks/Image/Edit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Image/Edit.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Blocks/Image/ImageSidebar.d.ts b/packages/volto/types/components/manage/Blocks/Image/ImageSidebar.d.ts
index 62859f904d..84c2689d2c 100644
--- a/packages/volto/types/components/manage/Blocks/Image/ImageSidebar.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Image/ImageSidebar.d.ts
@@ -1,5 +1,5 @@
 export default ImageSidebar;
-declare function ImageSidebar(props: any): JSX.Element;
+declare function ImageSidebar(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ImageSidebar {
     namespace propTypes {
         let data: any;
diff --git a/packages/volto/types/components/manage/Blocks/Image/View.d.ts b/packages/volto/types/components/manage/Blocks/Image/View.d.ts
index 0deda5ac95..d028161a0f 100644
--- a/packages/volto/types/components/manage/Blocks/Image/View.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Image/View.d.ts
@@ -4,11 +4,11 @@ export function View({ className, data, detached, properties, style }: {
     detached: any;
     properties: any;
     style: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export namespace View {
     namespace propTypes {
         let data: any;
     }
 }
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
diff --git a/packages/volto/types/components/manage/Blocks/Image/schema.d.ts b/packages/volto/types/components/manage/Blocks/Image/schema.d.ts
index 0708b0bd6c..2e8e8a6cc3 100644
--- a/packages/volto/types/components/manage/Blocks/Image/schema.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Image/schema.d.ts
@@ -10,7 +10,7 @@ export function ImageSchema({ formData, intl }: {
     properties: {
         alt: {
             title: any;
-            description: JSX.Element;
+            description: import("react/jsx-runtime").JSX.Element;
         };
         align: {
             title: any;
diff --git a/packages/volto/types/components/manage/Blocks/LeadImage/View.d.ts b/packages/volto/types/components/manage/Blocks/LeadImage/View.d.ts
index 8e6e64ad89..72db2e37dc 100644
--- a/packages/volto/types/components/manage/Blocks/LeadImage/View.d.ts
+++ b/packages/volto/types/components/manage/Blocks/LeadImage/View.d.ts
@@ -2,7 +2,7 @@ export default View;
 declare function View({ data, properties }: {
     data: any;
     properties: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace View {
     namespace propTypes {
         let data: any;
diff --git a/packages/volto/types/components/manage/Blocks/Listing/DefaultNoResultsComponent.d.ts b/packages/volto/types/components/manage/Blocks/Listing/DefaultNoResultsComponent.d.ts
index cb0fd8a86f..5a889cae37 100644
--- a/packages/volto/types/components/manage/Blocks/Listing/DefaultNoResultsComponent.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Listing/DefaultNoResultsComponent.d.ts
@@ -1,2 +1,2 @@
 export default DefaultNoResultsComponent;
-declare function DefaultNoResultsComponent(props: any): JSX.Element;
+declare function DefaultNoResultsComponent(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Listing/DefaultTemplate.d.ts b/packages/volto/types/components/manage/Blocks/Listing/DefaultTemplate.d.ts
index 6384f0fe87..53faf69e3f 100644
--- a/packages/volto/types/components/manage/Blocks/Listing/DefaultTemplate.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Listing/DefaultTemplate.d.ts
@@ -5,7 +5,7 @@ declare function DefaultTemplate({ headlineTag, items, linkTitle, linkHref, isEd
     linkTitle: any;
     linkHref: any;
     isEditMode: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace DefaultTemplate {
     namespace propTypes {
         let items: any;
diff --git a/packages/volto/types/components/manage/Blocks/Listing/Edit.d.ts b/packages/volto/types/components/manage/Blocks/Listing/Edit.d.ts
index d0180a28ef..c17a3f4a2e 100644
--- a/packages/volto/types/components/manage/Blocks/Listing/Edit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Listing/Edit.d.ts
@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
diff --git a/packages/volto/types/components/manage/Blocks/Listing/GalleryNoResultsComponent.d.ts b/packages/volto/types/components/manage/Blocks/Listing/GalleryNoResultsComponent.d.ts
index 2470f5e59e..750b1c3e02 100644
--- a/packages/volto/types/components/manage/Blocks/Listing/GalleryNoResultsComponent.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Listing/GalleryNoResultsComponent.d.ts
@@ -1,2 +1,2 @@
 export default GalleryNoResultsComponent;
-declare function GalleryNoResultsComponent(props: any): JSX.Element;
+declare function GalleryNoResultsComponent(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Listing/ImageGallery.d.ts b/packages/volto/types/components/manage/Blocks/Listing/ImageGallery.d.ts
index c91d4ec76e..728b3ee2e3 100644
--- a/packages/volto/types/components/manage/Blocks/Listing/ImageGallery.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Listing/ImageGallery.d.ts
@@ -1,7 +1,7 @@
 export default ImageGalleryTemplate;
 declare function ImageGalleryTemplate({ items }: {
     items: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace ImageGalleryTemplate {
     namespace propTypes {
         let items: any;
diff --git a/packages/volto/types/components/manage/Blocks/Listing/ListingData.d.ts b/packages/volto/types/components/manage/Blocks/Listing/ListingData.d.ts
index a7ab09b034..6be849e5ca 100644
--- a/packages/volto/types/components/manage/Blocks/Listing/ListingData.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Listing/ListingData.d.ts
@@ -1,5 +1,5 @@
 export default ListingData;
-declare function ListingData(props: any): JSX.Element;
+declare function ListingData(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ListingData {
     namespace propTypes {
         let data: any;
diff --git a/packages/volto/types/components/manage/Blocks/Listing/SummaryTemplate.d.ts b/packages/volto/types/components/manage/Blocks/Listing/SummaryTemplate.d.ts
index fbfe2c33ce..9db88cd48f 100644
--- a/packages/volto/types/components/manage/Blocks/Listing/SummaryTemplate.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Listing/SummaryTemplate.d.ts
@@ -4,7 +4,7 @@ declare function SummaryTemplate({ items, linkTitle, linkHref, isEditMode }: {
     linkTitle: any;
     linkHref: any;
     isEditMode: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace SummaryTemplate {
     namespace propTypes {
         let items: any;
diff --git a/packages/volto/types/components/manage/Blocks/Listing/View.d.ts b/packages/volto/types/components/manage/Blocks/Listing/View.d.ts
index d0180a28ef..c17a3f4a2e 100644
--- a/packages/volto/types/components/manage/Blocks/Listing/View.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Listing/View.d.ts
@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
diff --git a/packages/volto/types/components/manage/Blocks/Maps/Edit.d.ts b/packages/volto/types/components/manage/Blocks/Maps/Edit.d.ts
index d0180a28ef..c17a3f4a2e 100644
--- a/packages/volto/types/components/manage/Blocks/Maps/Edit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Maps/Edit.d.ts
@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
diff --git a/packages/volto/types/components/manage/Blocks/Maps/MapsSidebar.d.ts b/packages/volto/types/components/manage/Blocks/Maps/MapsSidebar.d.ts
index ccfe2b82be..4954cb9a16 100644
--- a/packages/volto/types/components/manage/Blocks/Maps/MapsSidebar.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Maps/MapsSidebar.d.ts
@@ -1,2 +1,2 @@
 export default MapsSidebar;
-declare function MapsSidebar(props: any): JSX.Element;
+declare function MapsSidebar(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Search/SearchBlockEdit.d.ts b/packages/volto/types/components/manage/Blocks/Search/SearchBlockEdit.d.ts
index 75a2378213..007d6061c3 100644
--- a/packages/volto/types/components/manage/Blocks/Search/SearchBlockEdit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/SearchBlockEdit.d.ts
@@ -1,5 +1,5 @@
 declare const _default: {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default _default;
diff --git a/packages/volto/types/components/manage/Blocks/Search/SearchBlockView.d.ts b/packages/volto/types/components/manage/Blocks/Search/SearchBlockView.d.ts
index fc40c8cfb1..1ee3ce582a 100644
--- a/packages/volto/types/components/manage/Blocks/Search/SearchBlockView.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/SearchBlockView.d.ts
@@ -1,6 +1,6 @@
-export const SearchBlockViewComponent: (props: any) => JSX.Element;
+export const SearchBlockViewComponent: (props: any) => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default _default;
diff --git a/packages/volto/types/components/manage/Blocks/Search/components/CheckboxFacet.d.ts b/packages/volto/types/components/manage/Blocks/Search/components/CheckboxFacet.d.ts
index 661a093d38..90892b4b2a 100644
--- a/packages/volto/types/components/manage/Blocks/Search/components/CheckboxFacet.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/components/CheckboxFacet.d.ts
@@ -3,7 +3,7 @@ export default CheckboxFacet;
  * A facet that uses radio/checkboxes to provide an explicit list of values for
  * filtering
  */
-declare function CheckboxFacet(props: any): JSX.Element;
+declare function CheckboxFacet(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace CheckboxFacet {
     export { selectFacetSchemaEnhancer as schemaEnhancer };
     export { selectFacetStateToValue as stateToValue };
diff --git a/packages/volto/types/components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry.d.ts b/packages/volto/types/components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry.d.ts
index 8b22042e00..e0447144d8 100644
--- a/packages/volto/types/components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry.d.ts
@@ -1,2 +1,2 @@
 export default DateRangeFacetFilterListEntry;
-declare function DateRangeFacetFilterListEntry(props: any): JSX.Element;
+declare function DateRangeFacetFilterListEntry(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Search/components/Facets.d.ts b/packages/volto/types/components/manage/Blocks/Search/components/Facets.d.ts
index 103b3f2e9c..66d3330745 100644
--- a/packages/volto/types/components/manage/Blocks/Search/components/Facets.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/components/Facets.d.ts
@@ -1,2 +1,2 @@
 export default Facets;
-declare function Facets(props: any): JSX.Element;
+declare function Facets(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Search/components/FilterList.d.ts b/packages/volto/types/components/manage/Blocks/Search/components/FilterList.d.ts
index c50517df4b..75e1a184b9 100644
--- a/packages/volto/types/components/manage/Blocks/Search/components/FilterList.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/components/FilterList.d.ts
@@ -3,4 +3,4 @@ export default FilterList;
  * A list of active filtered values and controls to clear those filters.
  *
  */
-declare function FilterList(props: any): JSX.Element;
+declare function FilterList(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Search/components/SearchDetails.d.ts b/packages/volto/types/components/manage/Blocks/Search/components/SearchDetails.d.ts
index 9a8bcdafcc..af132ffb17 100644
--- a/packages/volto/types/components/manage/Blocks/Search/components/SearchDetails.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/components/SearchDetails.d.ts
@@ -4,4 +4,4 @@ declare function SearchDetails({ total, text, as, data }: {
     text: any;
     as?: string;
     data: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Search/components/SearchInput.d.ts b/packages/volto/types/components/manage/Blocks/Search/components/SearchInput.d.ts
index fa4f382fca..a99af447d8 100644
--- a/packages/volto/types/components/manage/Blocks/Search/components/SearchInput.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/components/SearchInput.d.ts
@@ -1,2 +1,2 @@
 export default SearchInput;
-declare function SearchInput(props: any): JSX.Element;
+declare function SearchInput(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Search/components/SelectFacetFilterListEntry.d.ts b/packages/volto/types/components/manage/Blocks/Search/components/SelectFacetFilterListEntry.d.ts
index 9190848c64..92796718c2 100644
--- a/packages/volto/types/components/manage/Blocks/Search/components/SelectFacetFilterListEntry.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/components/SelectFacetFilterListEntry.d.ts
@@ -1,2 +1,2 @@
 export default SelectFacetFilterListEntry;
-declare function SelectFacetFilterListEntry(props: any): JSX.Element;
+declare function SelectFacetFilterListEntry(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Search/components/ToggleFacet.d.ts b/packages/volto/types/components/manage/Blocks/Search/components/ToggleFacet.d.ts
index ba1d6296cb..1b3b67a3a4 100644
--- a/packages/volto/types/components/manage/Blocks/Search/components/ToggleFacet.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/components/ToggleFacet.d.ts
@@ -1,5 +1,5 @@
 export default ToggleFacet;
-declare function ToggleFacet(props: any): JSX.Element;
+declare function ToggleFacet(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ToggleFacet {
     function stateToValue({ facetSettings, index, selectedValue }: {
         facetSettings: any;
diff --git a/packages/volto/types/components/manage/Blocks/Search/components/ToggleFacetFilterListEntry.d.ts b/packages/volto/types/components/manage/Blocks/Search/components/ToggleFacetFilterListEntry.d.ts
index 3317a1a676..dc844ea6eb 100644
--- a/packages/volto/types/components/manage/Blocks/Search/components/ToggleFacetFilterListEntry.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/components/ToggleFacetFilterListEntry.d.ts
@@ -1,2 +1,2 @@
 export default ToggleFacetFilterListEntry;
-declare function ToggleFacetFilterListEntry(props: any): JSX.Element;
+declare function ToggleFacetFilterListEntry(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Search/hocs/withQueryString.d.ts b/packages/volto/types/components/manage/Blocks/Search/hocs/withQueryString.d.ts
index 91e8f3335e..5ee2325744 100644
--- a/packages/volto/types/components/manage/Blocks/Search/hocs/withQueryString.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/hocs/withQueryString.d.ts
@@ -3,6 +3,6 @@
  *
  */
 export default function withQueryString(WrappedComponent: any): {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
diff --git a/packages/volto/types/components/manage/Blocks/Search/hocs/withSearch.d.ts b/packages/volto/types/components/manage/Blocks/Search/hocs/withSearch.d.ts
index 7c114cb69b..1db7504417 100644
--- a/packages/volto/types/components/manage/Blocks/Search/hocs/withSearch.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/hocs/withSearch.d.ts
@@ -1,5 +1,5 @@
 export default withSearch;
 declare function withSearch(options: any): (WrappedComponent: any) => {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
diff --git a/packages/volto/types/components/manage/Blocks/Search/layout/LeftColumnFacets.d.ts b/packages/volto/types/components/manage/Blocks/Search/layout/LeftColumnFacets.d.ts
index 80c9671bcd..dd046bbff8 100644
--- a/packages/volto/types/components/manage/Blocks/Search/layout/LeftColumnFacets.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/layout/LeftColumnFacets.d.ts
@@ -1,2 +1,2 @@
 export default LeftColumnFacets;
-declare function LeftColumnFacets(props: any): JSX.Element;
+declare function LeftColumnFacets(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Search/layout/RightColumnFacets.d.ts b/packages/volto/types/components/manage/Blocks/Search/layout/RightColumnFacets.d.ts
index 235e14d335..eaa9b54140 100644
--- a/packages/volto/types/components/manage/Blocks/Search/layout/RightColumnFacets.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/layout/RightColumnFacets.d.ts
@@ -1,2 +1,2 @@
 export default RightColumnFacets;
-declare function RightColumnFacets(props: any): JSX.Element;
+declare function RightColumnFacets(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Search/layout/TopSideFacets.d.ts b/packages/volto/types/components/manage/Blocks/Search/layout/TopSideFacets.d.ts
index 37cc7d2d23..9956120ba3 100644
--- a/packages/volto/types/components/manage/Blocks/Search/layout/TopSideFacets.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/layout/TopSideFacets.d.ts
@@ -1,2 +1,2 @@
 export default TopSideFacets;
-declare function TopSideFacets(props: any): JSX.Element;
+declare function TopSideFacets(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Search/utils.d.ts b/packages/volto/types/components/manage/Blocks/Search/utils.d.ts
index dd00d96edc..d00a15a041 100644
--- a/packages/volto/types/components/manage/Blocks/Search/utils.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/utils.d.ts
@@ -1,4 +1,4 @@
-export const NONVALUE_OPERATIONS: any;
-export const DATE_OPERATIONS: any;
+export const NONVALUE_OPERATIONS: Set<string>;
+export const DATE_OPERATIONS: Set<string>;
 export function hasNonValueOperation(ops: any): boolean;
 export function hasDateOperation(ops: any): boolean;
diff --git a/packages/volto/types/components/manage/Blocks/Search/widgets/SelectMetadataField.d.ts b/packages/volto/types/components/manage/Blocks/Search/widgets/SelectMetadataField.d.ts
index 75a2378213..007d6061c3 100644
--- a/packages/volto/types/components/manage/Blocks/Search/widgets/SelectMetadataField.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Search/widgets/SelectMetadataField.d.ts
@@ -1,5 +1,5 @@
 declare const _default: {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default _default;
diff --git a/packages/volto/types/components/manage/Blocks/Table/Cell.d.ts b/packages/volto/types/components/manage/Blocks/Table/Cell.d.ts
index c7d10c248a..71b4925159 100644
--- a/packages/volto/types/components/manage/Blocks/Table/Cell.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Table/Cell.d.ts
@@ -1,3 +1,3 @@
 export const Cell: any;
 export default Preloader;
-declare function Preloader(props: any): JSX.Element;
+declare function Preloader(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Table/View.d.ts b/packages/volto/types/components/manage/Blocks/Table/View.d.ts
index 811cc4e4ab..e3715690a5 100644
--- a/packages/volto/types/components/manage/Blocks/Table/View.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Table/View.d.ts
@@ -1,7 +1,7 @@
 export default View;
 declare function View({ data }: {
     data: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace View {
     namespace propTypes {
         let data: any;
diff --git a/packages/volto/types/components/manage/Blocks/Teaser/Body.d.ts b/packages/volto/types/components/manage/Blocks/Teaser/Body.d.ts
index fa865d2d16..12c4e597af 100644
--- a/packages/volto/types/components/manage/Blocks/Teaser/Body.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Teaser/Body.d.ts
@@ -1,5 +1,5 @@
 export default TeaserBody;
-declare function TeaserBody(props: any): JSX.Element;
+declare function TeaserBody(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TeaserBody {
     namespace propTypes {
         let data: any;
diff --git a/packages/volto/types/components/manage/Blocks/Teaser/Data.d.ts b/packages/volto/types/components/manage/Blocks/Teaser/Data.d.ts
index cab26f7f03..e9309cdff3 100644
--- a/packages/volto/types/components/manage/Blocks/Teaser/Data.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Teaser/Data.d.ts
@@ -1,2 +1,2 @@
 export default TeaserData;
-declare function TeaserData(props: any): JSX.Element;
+declare function TeaserData(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Teaser/DefaultBody.d.ts b/packages/volto/types/components/manage/Blocks/Teaser/DefaultBody.d.ts
index 94d12a45cd..53cf34d09f 100644
--- a/packages/volto/types/components/manage/Blocks/Teaser/DefaultBody.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Teaser/DefaultBody.d.ts
@@ -1,5 +1,5 @@
 export default TeaserDefaultTemplate;
-declare function TeaserDefaultTemplate(props: any): JSX.Element;
+declare function TeaserDefaultTemplate(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TeaserDefaultTemplate {
     namespace propTypes {
         let data: any;
diff --git a/packages/volto/types/components/manage/Blocks/Teaser/Edit.d.ts b/packages/volto/types/components/manage/Blocks/Teaser/Edit.d.ts
index d0180a28ef..c17a3f4a2e 100644
--- a/packages/volto/types/components/manage/Blocks/Teaser/Edit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Teaser/Edit.d.ts
@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
diff --git a/packages/volto/types/components/manage/Blocks/Teaser/View.d.ts b/packages/volto/types/components/manage/Blocks/Teaser/View.d.ts
index d0180a28ef..c17a3f4a2e 100644
--- a/packages/volto/types/components/manage/Blocks/Teaser/View.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Teaser/View.d.ts
@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
diff --git a/packages/volto/types/components/manage/Blocks/Text/Edit.d.ts b/packages/volto/types/components/manage/Blocks/Text/Edit.d.ts
index 3bc249cd79..9e775cab1e 100644
--- a/packages/volto/types/components/manage/Blocks/Text/Edit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Text/Edit.d.ts
@@ -87,4 +87,4 @@ export class EditComponent extends React.Component<any, any, any> {
 export const Edit: any;
 export default Preloader;
 import React from 'react';
-declare function Preloader(props: any): JSX.Element;
+declare function Preloader(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Title/Edit.d.ts b/packages/volto/types/components/manage/Blocks/Title/Edit.d.ts
index b4e4f3ae9e..2635413c69 100644
--- a/packages/volto/types/components/manage/Blocks/Title/Edit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Title/Edit.d.ts
@@ -1,4 +1,4 @@
-export function TitleBlockEdit(props: any): JSX.Element;
+export function TitleBlockEdit(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace TitleBlockEdit {
     namespace propTypes {
         let properties: any;
diff --git a/packages/volto/types/components/manage/Blocks/Title/View.d.ts b/packages/volto/types/components/manage/Blocks/Title/View.d.ts
index 5ba8f9436d..5bc9683dc3 100644
--- a/packages/volto/types/components/manage/Blocks/Title/View.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Title/View.d.ts
@@ -2,4 +2,4 @@ export default TitleBlockView;
 declare function TitleBlockView({ properties, metadata }: {
     properties: any;
     metadata: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/ToC/Edit.d.ts b/packages/volto/types/components/manage/Blocks/ToC/Edit.d.ts
index 6153596aee..a8c57888ad 100644
--- a/packages/volto/types/components/manage/Blocks/ToC/Edit.d.ts
+++ b/packages/volto/types/components/manage/Blocks/ToC/Edit.d.ts
@@ -2,6 +2,6 @@ export default Edit;
 declare class Edit extends React.Component<any, any, any> {
     constructor(props: any);
     constructor(props: any, context: any);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 import React from 'react';
diff --git a/packages/volto/types/components/manage/Blocks/Video/Body.d.ts b/packages/volto/types/components/manage/Blocks/Video/Body.d.ts
index 2f0bfb4cca..0c41d28cc4 100644
--- a/packages/volto/types/components/manage/Blocks/Video/Body.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Video/Body.d.ts
@@ -2,7 +2,7 @@ export default Body;
 declare function Body({ data, isEditMode }: {
     data: any;
     isEditMode: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace Body {
     namespace propTypes {
         let data: any;
diff --git a/packages/volto/types/components/manage/Blocks/Video/VideoSidebar.d.ts b/packages/volto/types/components/manage/Blocks/Video/VideoSidebar.d.ts
index f7b30a67b7..944dc13ea0 100644
--- a/packages/volto/types/components/manage/Blocks/Video/VideoSidebar.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Video/VideoSidebar.d.ts
@@ -1,2 +1,2 @@
 export default VideoSidebar;
-declare function VideoSidebar(props: any): JSX.Element;
+declare function VideoSidebar(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Blocks/Video/View.d.ts b/packages/volto/types/components/manage/Blocks/Video/View.d.ts
index d0180a28ef..c17a3f4a2e 100644
--- a/packages/volto/types/components/manage/Blocks/Video/View.d.ts
+++ b/packages/volto/types/components/manage/Blocks/Video/View.d.ts
@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
diff --git a/packages/volto/types/components/manage/Contents/Contents.d.ts b/packages/volto/types/components/manage/Contents/Contents.d.ts
index 618dd724e6..3077aebc64 100644
--- a/packages/volto/types/components/manage/Contents/Contents.d.ts
+++ b/packages/volto/types/components/manage/Contents/Contents.d.ts
@@ -1,8 +1,3 @@
-export const __test__: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+export const __test__: any;
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Contents/ContentsBreadcrumbs.d.ts b/packages/volto/types/components/manage/Contents/ContentsBreadcrumbs.d.ts
index bd586a4c71..b19cb647d8 100644
--- a/packages/volto/types/components/manage/Contents/ContentsBreadcrumbs.d.ts
+++ b/packages/volto/types/components/manage/Contents/ContentsBreadcrumbs.d.ts
@@ -1,2 +1,2 @@
 export default ContentsBreadcrumbs;
-declare function ContentsBreadcrumbs(props: any): JSX.Element;
+declare function ContentsBreadcrumbs(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Contents/ContentsBreadcrumbsHomeItem.d.ts b/packages/volto/types/components/manage/Contents/ContentsBreadcrumbsHomeItem.d.ts
index 393066cad8..d0e6759ab6 100644
--- a/packages/volto/types/components/manage/Contents/ContentsBreadcrumbsHomeItem.d.ts
+++ b/packages/volto/types/components/manage/Contents/ContentsBreadcrumbsHomeItem.d.ts
@@ -1,2 +1,2 @@
 export default ContentsBreadcrumbsHomeItem;
-declare function ContentsBreadcrumbsHomeItem(): JSX.Element;
+declare function ContentsBreadcrumbsHomeItem(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Contents/ContentsBreadcrumbsRootItem.d.ts b/packages/volto/types/components/manage/Contents/ContentsBreadcrumbsRootItem.d.ts
index 6df2e5d52a..05053a5dc1 100644
--- a/packages/volto/types/components/manage/Contents/ContentsBreadcrumbsRootItem.d.ts
+++ b/packages/volto/types/components/manage/Contents/ContentsBreadcrumbsRootItem.d.ts
@@ -1,2 +1,2 @@
 export default ContentsBreadcrumbsRootItem;
-declare function ContentsBreadcrumbsRootItem(): JSX.Element;
+declare function ContentsBreadcrumbsRootItem(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Contents/ContentsPropertiesModal.d.ts b/packages/volto/types/components/manage/Contents/ContentsPropertiesModal.d.ts
index a6080a9bdb..95d25beaa6 100644
--- a/packages/volto/types/components/manage/Contents/ContentsPropertiesModal.d.ts
+++ b/packages/volto/types/components/manage/Contents/ContentsPropertiesModal.d.ts
@@ -1,5 +1,5 @@
 export default ContentsPropertiesModal;
-declare function ContentsPropertiesModal(props: any): JSX.Element;
+declare function ContentsPropertiesModal(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ContentsPropertiesModal {
     namespace propTypes {
         let items: any;
diff --git a/packages/volto/types/components/manage/Contents/ContentsRenameModal.d.ts b/packages/volto/types/components/manage/Contents/ContentsRenameModal.d.ts
index 9232b6860f..a97772cef6 100644
--- a/packages/volto/types/components/manage/Contents/ContentsRenameModal.d.ts
+++ b/packages/volto/types/components/manage/Contents/ContentsRenameModal.d.ts
@@ -1,5 +1,5 @@
 export default ContentsRenameModal;
-declare function ContentsRenameModal(props: any): JSX.Element;
+declare function ContentsRenameModal(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ContentsRenameModal {
     namespace propTypes {
         let items: any;
diff --git a/packages/volto/types/components/manage/Contents/ContentsRenameModal.stories.d.ts b/packages/volto/types/components/manage/Contents/ContentsRenameModal.stories.d.ts
index 8cc2689f6c..07df6b4394 100644
--- a/packages/volto/types/components/manage/Contents/ContentsRenameModal.stories.d.ts
+++ b/packages/volto/types/components/manage/Contents/ContentsRenameModal.stories.d.ts
@@ -2,7 +2,7 @@ export const ContentRenameModal: any;
 declare namespace _default {
     export let title: string;
     export { ContentRenameModal as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Contents/ContentsTagsModal.d.ts b/packages/volto/types/components/manage/Contents/ContentsTagsModal.d.ts
index 2632d5601c..953ed2191b 100644
--- a/packages/volto/types/components/manage/Contents/ContentsTagsModal.d.ts
+++ b/packages/volto/types/components/manage/Contents/ContentsTagsModal.d.ts
@@ -1,5 +1,5 @@
 export default ContentsTagsModal;
-declare function ContentsTagsModal(props: any): JSX.Element;
+declare function ContentsTagsModal(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ContentsTagsModal {
     namespace propTypes {
         let items: any;
diff --git a/packages/volto/types/components/manage/Contents/ContentsTagsModal.stories.d.ts b/packages/volto/types/components/manage/Contents/ContentsTagsModal.stories.d.ts
index bfff4b4487..91d348395e 100644
--- a/packages/volto/types/components/manage/Contents/ContentsTagsModal.stories.d.ts
+++ b/packages/volto/types/components/manage/Contents/ContentsTagsModal.stories.d.ts
@@ -2,7 +2,7 @@ export const ContentTagsModal: any;
 declare namespace _default {
     export let title: string;
     export { ContentTagsModal as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace subjects {
             let context: string;
diff --git a/packages/volto/types/components/manage/Contents/ContentsUploadModal.d.ts b/packages/volto/types/components/manage/Contents/ContentsUploadModal.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Contents/ContentsUploadModal.d.ts
+++ b/packages/volto/types/components/manage/Contents/ContentsUploadModal.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Contents/ContentsWorkflowModal.d.ts b/packages/volto/types/components/manage/Contents/ContentsWorkflowModal.d.ts
index 40e759e6a8..8866079ace 100644
--- a/packages/volto/types/components/manage/Contents/ContentsWorkflowModal.d.ts
+++ b/packages/volto/types/components/manage/Contents/ContentsWorkflowModal.d.ts
@@ -1,5 +1,5 @@
 export default ContentsWorkflowModal;
-declare function ContentsWorkflowModal(props: any): JSX.Element;
+declare function ContentsWorkflowModal(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ContentsWorkflowModal {
     namespace propTypes {
         let items: any;
diff --git a/packages/volto/types/components/manage/Contents/circle.d.ts b/packages/volto/types/components/manage/Contents/circle.d.ts
index 0621a44855..95b7617047 100644
--- a/packages/volto/types/components/manage/Contents/circle.d.ts
+++ b/packages/volto/types/components/manage/Contents/circle.d.ts
@@ -1,4 +1,4 @@
 export default Circle;
 declare function Circle({ color }: {
     color: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Controlpanels/AddonsControlpanel.d.ts b/packages/volto/types/components/manage/Controlpanels/AddonsControlpanel.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/AddonsControlpanel.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/AddonsControlpanel.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/Aliases.d.ts b/packages/volto/types/components/manage/Controlpanels/Aliases.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/Aliases.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Aliases.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/ContentType.d.ts b/packages/volto/types/components/manage/Controlpanels/ContentType.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/ContentType.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/ContentType.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/ContentTypeLayout.d.ts b/packages/volto/types/components/manage/Controlpanels/ContentTypeLayout.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/ContentTypeLayout.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/ContentTypeLayout.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/ContentTypeSchema.d.ts b/packages/volto/types/components/manage/Controlpanels/ContentTypeSchema.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/ContentTypeSchema.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/ContentTypeSchema.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/ContentTypes.d.ts b/packages/volto/types/components/manage/Controlpanels/ContentTypes.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/ContentTypes.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/ContentTypes.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/DatabaseInformation.d.ts b/packages/volto/types/components/manage/Controlpanels/DatabaseInformation.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/DatabaseInformation.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/DatabaseInformation.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/Groups/GroupsControlpanel.d.ts b/packages/volto/types/components/manage/Controlpanels/Groups/GroupsControlpanel.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/Groups/GroupsControlpanel.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Groups/GroupsControlpanel.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/ModerateComments.d.ts b/packages/volto/types/components/manage/Controlpanels/ModerateComments.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/ModerateComments.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/ModerateComments.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/Relations/BrokenRelations.d.ts b/packages/volto/types/components/manage/Controlpanels/Relations/BrokenRelations.d.ts
index 6ca3d2467f..f629cfd05b 100644
--- a/packages/volto/types/components/manage/Controlpanels/Relations/BrokenRelations.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Relations/BrokenRelations.d.ts
@@ -1,2 +1,2 @@
 export default BrokenRelations;
-declare function BrokenRelations(): JSX.Element;
+declare function BrokenRelations(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Controlpanels/Relations/Relations.d.ts b/packages/volto/types/components/manage/Controlpanels/Relations/Relations.d.ts
index b5a6ede4a0..0a857f79a2 100644
--- a/packages/volto/types/components/manage/Controlpanels/Relations/Relations.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Relations/Relations.d.ts
@@ -1,2 +1,2 @@
 export default RelationsControlPanel;
-declare function RelationsControlPanel(): JSX.Element;
+declare function RelationsControlPanel(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Controlpanels/Relations/RelationsListing.d.ts b/packages/volto/types/components/manage/Controlpanels/Relations/RelationsListing.d.ts
index 4b1820b6eb..c2c6615fa8 100644
--- a/packages/volto/types/components/manage/Controlpanels/Relations/RelationsListing.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Relations/RelationsListing.d.ts
@@ -5,4 +5,4 @@ declare function ListingTemplate({ relationtype, query_source, query_target, pot
     query_target: any;
     potential_sources_path: any;
     potential_targets_path: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Controlpanels/Relations/RelationsMatrix.d.ts b/packages/volto/types/components/manage/Controlpanels/Relations/RelationsMatrix.d.ts
index aba4426b77..b44094f82f 100644
--- a/packages/volto/types/components/manage/Controlpanels/Relations/RelationsMatrix.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Relations/RelationsMatrix.d.ts
@@ -10,13 +10,11 @@ declare const _default: {
             overlay: string;
         }) => void;
         closeObjectBrowser: () => void;
-        render(): JSX.Element;
-        context: any;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
         setState<K extends string | number | symbol>(state: any, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: any;
-        }>;
+        readonly props: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;
         };
diff --git a/packages/volto/types/components/manage/Controlpanels/Rules/AddRule.d.ts b/packages/volto/types/components/manage/Controlpanels/Rules/AddRule.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/Rules/AddRule.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Rules/AddRule.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/Rules/ConfigureRule.d.ts b/packages/volto/types/components/manage/Controlpanels/Rules/ConfigureRule.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/Rules/ConfigureRule.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Rules/ConfigureRule.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/Rules/EditRule.d.ts b/packages/volto/types/components/manage/Controlpanels/Rules/EditRule.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/Rules/EditRule.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Rules/EditRule.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/Rules/Rules.d.ts b/packages/volto/types/components/manage/Controlpanels/Rules/Rules.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/Rules/Rules.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Rules/Rules.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/Rules/components/VariableModal.d.ts b/packages/volto/types/components/manage/Controlpanels/Rules/components/VariableModal.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/Rules/components/VariableModal.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Rules/components/VariableModal.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/UndoControlpanel.d.ts b/packages/volto/types/components/manage/Controlpanels/UndoControlpanel.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/UndoControlpanel.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/UndoControlpanel.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/UpgradeControlPanel.d.ts b/packages/volto/types/components/manage/Controlpanels/UpgradeControlPanel.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/UpgradeControlPanel.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/UpgradeControlPanel.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/Users/RenderUsers.d.ts b/packages/volto/types/components/manage/Controlpanels/Users/RenderUsers.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/Users/RenderUsers.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Users/RenderUsers.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.d.ts b/packages/volto/types/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.d.ts
index 6d1cd96ef0..05b323adca 100644
--- a/packages/volto/types/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.d.ts
@@ -1,2 +1,2 @@
 export default UserGroupMembershipPanel;
-declare function UserGroupMembershipPanel(): JSX.Element;
+declare function UserGroupMembershipPanel(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Controlpanels/Users/UserGroupMembershipListing.d.ts b/packages/volto/types/components/manage/Controlpanels/Users/UserGroupMembershipListing.d.ts
index cce3b7c1f4..368b7ccb47 100644
--- a/packages/volto/types/components/manage/Controlpanels/Users/UserGroupMembershipListing.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Users/UserGroupMembershipListing.d.ts
@@ -6,4 +6,4 @@ declare function ListingTemplate({ query_user, query_group, groups_filter, add_j
     add_joined_groups: any;
     many_users: any;
     many_groups: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Controlpanels/Users/UserGroupMembershipMatrix.d.ts b/packages/volto/types/components/manage/Controlpanels/Users/UserGroupMembershipMatrix.d.ts
index 669df49fdc..be29de3095 100644
--- a/packages/volto/types/components/manage/Controlpanels/Users/UserGroupMembershipMatrix.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Users/UserGroupMembershipMatrix.d.ts
@@ -2,4 +2,4 @@ export default UserGroupMembershipMatrix;
 declare function UserGroupMembershipMatrix({ many_users, many_groups }: {
     many_users: any;
     many_groups: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Controlpanels/Users/UsersControlpanel.d.ts b/packages/volto/types/components/manage/Controlpanels/Users/UsersControlpanel.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Controlpanels/Users/UsersControlpanel.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/Users/UsersControlpanel.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Controlpanels/VersionOverview.d.ts b/packages/volto/types/components/manage/Controlpanels/VersionOverview.d.ts
index ecfac85604..3cb086cbc1 100644
--- a/packages/volto/types/components/manage/Controlpanels/VersionOverview.d.ts
+++ b/packages/volto/types/components/manage/Controlpanels/VersionOverview.d.ts
@@ -7,4 +7,4 @@ declare function VersionOverview({ cmf_version, debug_mode, pil_version, plone_v
     plone_restapi_version: any;
     python_version: any;
     zope_version: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Delete/Delete.d.ts b/packages/volto/types/components/manage/Delete/Delete.d.ts
index 841779b34e..90c7a3f6de 100644
--- a/packages/volto/types/components/manage/Delete/Delete.d.ts
+++ b/packages/volto/types/components/manage/Delete/Delete.d.ts
@@ -1,2 +1,2 @@
 export default Delete;
-declare function Delete(): JSX.Element;
+declare function Delete(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Display/Display.d.ts b/packages/volto/types/components/manage/Display/Display.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Display/Display.d.ts
+++ b/packages/volto/types/components/manage/Display/Display.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Edit/Edit.d.ts b/packages/volto/types/components/manage/Edit/Edit.d.ts
index 618dd724e6..3077aebc64 100644
--- a/packages/volto/types/components/manage/Edit/Edit.d.ts
+++ b/packages/volto/types/components/manage/Edit/Edit.d.ts
@@ -1,8 +1,3 @@
-export const __test__: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+export const __test__: any;
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Form/BlockDataForm.d.ts b/packages/volto/types/components/manage/Form/BlockDataForm.d.ts
index 9a53a710b6..9f559016b2 100644
--- a/packages/volto/types/components/manage/Form/BlockDataForm.d.ts
+++ b/packages/volto/types/components/manage/Form/BlockDataForm.d.ts
@@ -1 +1 @@
-export default function BlockDataForm(props: any): JSX.Element;
+export default function BlockDataForm(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Form/BlocksToolbar.d.ts b/packages/volto/types/components/manage/Form/BlocksToolbar.d.ts
index 440c3b8d44..11ba271f6f 100644
--- a/packages/volto/types/components/manage/Form/BlocksToolbar.d.ts
+++ b/packages/volto/types/components/manage/Form/BlocksToolbar.d.ts
@@ -8,10 +8,8 @@ export class BlocksToolbarComponent extends React.Component<any, any, any> {
     setBlocksClipboard(actionType: any): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
 import React from 'react';
diff --git a/packages/volto/types/components/manage/Form/UndoToolbar.d.ts b/packages/volto/types/components/manage/Form/UndoToolbar.d.ts
index e1d4bba82d..ebfd28eb54 100644
--- a/packages/volto/types/components/manage/Form/UndoToolbar.d.ts
+++ b/packages/volto/types/components/manage/Form/UndoToolbar.d.ts
@@ -4,4 +4,4 @@ declare function UndoToolbar({ state, onUndoRedo, maxUndoLevels, enableHotKeys }
     onUndoRedo: any;
     maxUndoLevels: any;
     enableHotKeys: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/History/History.d.ts b/packages/volto/types/components/manage/History/History.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/History/History.d.ts
+++ b/packages/volto/types/components/manage/History/History.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/LinkDetectionPlugin/link-detection-plugin.d.ts b/packages/volto/types/components/manage/LinkDetectionPlugin/link-detection-plugin.d.ts
index 4d4174cc2c..ab90e36240 100644
--- a/packages/volto/types/components/manage/LinkDetectionPlugin/link-detection-plugin.d.ts
+++ b/packages/volto/types/components/manage/LinkDetectionPlugin/link-detection-plugin.d.ts
@@ -5,7 +5,7 @@ export default createLinkDetectionPlugin;
 declare function createLinkDetectionPlugin(): {
     decorators: {
         strategy: (contentBlock: any, callback: any, contentState: any) => void;
-        component: (props: any) => JSX.Element;
+        component: (props: any) => import("react/jsx-runtime").JSX.Element;
     }[];
     onChange: (editorState: any) => any;
 };
diff --git a/packages/volto/types/components/manage/LinkMore/LinkMore.d.ts b/packages/volto/types/components/manage/LinkMore/LinkMore.d.ts
index 07c9912634..341a5cdd9b 100644
--- a/packages/volto/types/components/manage/LinkMore/LinkMore.d.ts
+++ b/packages/volto/types/components/manage/LinkMore/LinkMore.d.ts
@@ -2,7 +2,7 @@ export default LinkMore;
 declare function LinkMore({ data, isEditMode }: {
     data: any;
     isEditMode: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace LinkMore {
     namespace propTypes {
         let data: any;
diff --git a/packages/volto/types/components/manage/LinksToItem/LinksToItem.d.ts b/packages/volto/types/components/manage/LinksToItem/LinksToItem.d.ts
index 5de18c2f62..d4d2fa8cec 100644
--- a/packages/volto/types/components/manage/LinksToItem/LinksToItem.d.ts
+++ b/packages/volto/types/components/manage/LinksToItem/LinksToItem.d.ts
@@ -1,3 +1,3 @@
-export function __test__(props: any): JSX.Element;
+export function __test__(props: any): import("react/jsx-runtime").JSX.Element;
 declare const _default: any;
 export default _default;
diff --git a/packages/volto/types/components/manage/Messages/Messages.d.ts b/packages/volto/types/components/manage/Messages/Messages.d.ts
index cbf65e0258..69e00e4cd5 100644
--- a/packages/volto/types/components/manage/Messages/Messages.d.ts
+++ b/packages/volto/types/components/manage/Messages/Messages.d.ts
@@ -1,2 +1,2 @@
 export default Messages;
-declare function Messages(): JSX.Element;
+declare function Messages(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Multilingual/CreateTranslation.d.ts b/packages/volto/types/components/manage/Multilingual/CreateTranslation.d.ts
index 45a528c3c6..06ce9eb72c 100644
--- a/packages/volto/types/components/manage/Multilingual/CreateTranslation.d.ts
+++ b/packages/volto/types/components/manage/Multilingual/CreateTranslation.d.ts
@@ -1,2 +1,2 @@
 export default CreateTranslation;
-declare function CreateTranslation(props: any): JSX.Element;
+declare function CreateTranslation(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Multilingual/ManageTranslations.d.ts b/packages/volto/types/components/manage/Multilingual/ManageTranslations.d.ts
index aba4426b77..b44094f82f 100644
--- a/packages/volto/types/components/manage/Multilingual/ManageTranslations.d.ts
+++ b/packages/volto/types/components/manage/Multilingual/ManageTranslations.d.ts
@@ -10,13 +10,11 @@ declare const _default: {
             overlay: string;
         }) => void;
         closeObjectBrowser: () => void;
-        render(): JSX.Element;
-        context: any;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
         setState<K extends string | number | symbol>(state: any, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: any;
-        }>;
+        readonly props: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;
         };
diff --git a/packages/volto/types/components/manage/Multilingual/TranslationObject.d.ts b/packages/volto/types/components/manage/Multilingual/TranslationObject.d.ts
index 1092a73e7b..1d4a873341 100644
--- a/packages/volto/types/components/manage/Multilingual/TranslationObject.d.ts
+++ b/packages/volto/types/components/manage/Multilingual/TranslationObject.d.ts
@@ -6,4 +6,4 @@ declare function TranslationObject({ translationObject, schema, pathname, visual
     visual: any;
     isFormSelected: any;
     onSelectForm: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Pluggable/Pluggable.stories.d.ts b/packages/volto/types/components/manage/Pluggable/Pluggable.stories.d.ts
index f75f97e158..48f25ed176 100644
--- a/packages/volto/types/components/manage/Pluggable/Pluggable.stories.d.ts
+++ b/packages/volto/types/components/manage/Pluggable/Pluggable.stories.d.ts
@@ -4,12 +4,12 @@ declare namespace _default {
     export namespace parameters {
         let componentSubtitle: string;
         namespace docs {
-            function page(): JSX.Element;
+            function page(): import("react/jsx-runtime").JSX.Element;
         }
     }
 }
 export default _default;
-export function Simple(args: any): JSX.Element;
+export function Simple(args: any): import("react/jsx-runtime").JSX.Element;
 export namespace Simple {
     export namespace parameters_1 {
         export namespace docs_1 {
@@ -24,7 +24,7 @@ export namespace Simple {
     }
     export { parameters_1 as parameters };
 }
-export function Override(args: any): JSX.Element;
+export function Override(args: any): import("react/jsx-runtime").JSX.Element;
 export namespace Override {
     export namespace parameters_2 {
         export namespace docs_2 {
@@ -43,7 +43,7 @@ export namespace Override {
     }
     export { parameters_2 as parameters };
 }
-export function UsingCreatePluggableAndPlug(args: any): JSX.Element;
+export function UsingCreatePluggableAndPlug(args: any): import("react/jsx-runtime").JSX.Element;
 export namespace UsingCreatePluggableAndPlug {
     export let storyName: string;
     export namespace parameters_3 {
diff --git a/packages/volto/types/components/manage/Pluggable/index.d.ts b/packages/volto/types/components/manage/Pluggable/index.d.ts
index 0af947673f..6fe9e30e58 100644
--- a/packages/volto/types/components/manage/Pluggable/index.d.ts
+++ b/packages/volto/types/components/manage/Pluggable/index.d.ts
@@ -14,7 +14,13 @@ export function createPluggable(name: any): {
     (props: any): React.FunctionComponentElement<any>;
     pluggableName: any;
     Plug: {
-        (props: any): React.FunctionComponentElement<any>;
+        (props: any): React.FunctionComponentElement<{
+            [x: string]: any;
+            pluggable: any;
+            id: any;
+            dependencies?: any[];
+            children: any;
+        }>;
         displayName: string;
     };
 };
@@ -25,11 +31,23 @@ export function createPluggableAndPlug(name: any): ({
     (props: any): React.FunctionComponentElement<any>;
     pluggableName: any;
     Plug: {
-        (props: any): React.FunctionComponentElement<any>;
+        (props: any): React.FunctionComponentElement<{
+            [x: string]: any;
+            pluggable: any;
+            id: any;
+            dependencies?: any[];
+            children: any;
+        }>;
         displayName: string;
     };
 } | {
-    (props: any): React.FunctionComponentElement<any>;
+    (props: any): React.FunctionComponentElement<{
+        [x: string]: any;
+        pluggable: any;
+        id: any;
+        dependencies?: any[];
+        children: any;
+    }>;
     displayName: string;
 })[];
 export const context: React.Context<any>;
diff --git a/packages/volto/types/components/manage/Preferences/PersonalPreferences.d.ts b/packages/volto/types/components/manage/Preferences/PersonalPreferences.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Preferences/PersonalPreferences.d.ts
+++ b/packages/volto/types/components/manage/Preferences/PersonalPreferences.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Rules/Rules.d.ts b/packages/volto/types/components/manage/Rules/Rules.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Rules/Rules.d.ts
+++ b/packages/volto/types/components/manage/Rules/Rules.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Sidebar/AlignBlock.d.ts b/packages/volto/types/components/manage/Sidebar/AlignBlock.d.ts
index b1cba1ee04..bec54b68c7 100644
--- a/packages/volto/types/components/manage/Sidebar/AlignBlock.d.ts
+++ b/packages/volto/types/components/manage/Sidebar/AlignBlock.d.ts
@@ -5,4 +5,4 @@ declare function AlignBlock({ align, onChangeBlock, data, block, actions, }: {
     data: any;
     block: any;
     actions?: string[];
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Sidebar/ObjectBrowser.d.ts b/packages/volto/types/components/manage/Sidebar/ObjectBrowser.d.ts
index 9e7ff17f67..6ed8b67c57 100644
--- a/packages/volto/types/components/manage/Sidebar/ObjectBrowser.d.ts
+++ b/packages/volto/types/components/manage/Sidebar/ObjectBrowser.d.ts
@@ -38,13 +38,11 @@ declare function withObjectBrowser(WrappedComponent: any): {
             overlay: string;
         }) => void;
         closeObjectBrowser: () => void;
-        render(): JSX.Element;
-        context: any;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
         setState<K extends string | number | symbol>(state: any, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: any;
-        }>;
+        readonly props: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;
         };
diff --git a/packages/volto/types/components/manage/Sidebar/ObjectBrowserBody.d.ts b/packages/volto/types/components/manage/Sidebar/ObjectBrowserBody.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Sidebar/ObjectBrowserBody.d.ts
+++ b/packages/volto/types/components/manage/Sidebar/ObjectBrowserBody.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Sidebar/ObjectBrowserNav.d.ts b/packages/volto/types/components/manage/Sidebar/ObjectBrowserNav.d.ts
index e3853462ba..bfe26a183e 100644
--- a/packages/volto/types/components/manage/Sidebar/ObjectBrowserNav.d.ts
+++ b/packages/volto/types/components/manage/Sidebar/ObjectBrowserNav.d.ts
@@ -7,4 +7,4 @@ declare function ObjectBrowserNav({ currentSearchResults, selected, handleClickO
     mode: any;
     navigateTo: any;
     isSelectable: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Sidebar/SidebarPopup.d.ts b/packages/volto/types/components/manage/Sidebar/SidebarPopup.d.ts
index d39acdd6ed..ef777e0a10 100644
--- a/packages/volto/types/components/manage/Sidebar/SidebarPopup.d.ts
+++ b/packages/volto/types/components/manage/Sidebar/SidebarPopup.d.ts
@@ -1,5 +1,5 @@
 export default SidebarPopup;
-declare function SidebarPopup(props: any): JSX.Element;
+declare function SidebarPopup(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace SidebarPopup {
     namespace propTypes {
         let open: any;
diff --git a/packages/volto/types/components/manage/Sidebar/SidebarPortal.d.ts b/packages/volto/types/components/manage/Sidebar/SidebarPortal.d.ts
index 3ea415b1b3..f1bb5efeec 100644
--- a/packages/volto/types/components/manage/Sidebar/SidebarPortal.d.ts
+++ b/packages/volto/types/components/manage/Sidebar/SidebarPortal.d.ts
@@ -6,10 +6,11 @@ export default SidebarPortal;
  * @param {string} tab Element id where to insert sidebar content, default: sidebar-properties
  * @returns {string} Rendered sidebar
  */
-declare function SidebarPortal({ children, selected, tab }: any): string;
+declare function SidebarPortal({ children, selected, tab }: React.ReactNode): string;
 declare namespace SidebarPortal {
     namespace propTypes {
         let children: any;
         let selected: any;
     }
 }
+import React from 'react';
diff --git a/packages/volto/types/components/manage/TemplateChooser/TemplateChooser.d.ts b/packages/volto/types/components/manage/TemplateChooser/TemplateChooser.d.ts
index 90c3bd2e5f..f1eea6f424 100644
--- a/packages/volto/types/components/manage/TemplateChooser/TemplateChooser.d.ts
+++ b/packages/volto/types/components/manage/TemplateChooser/TemplateChooser.d.ts
@@ -2,7 +2,7 @@ export default TemplateChooser;
 declare function TemplateChooser({ templates, onSelectTemplate }: {
     templates: any;
     onSelectTemplate: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace TemplateChooser {
     namespace propTypes {
         let templates: any;
diff --git a/packages/volto/types/components/manage/TextLineEdit/TextLineEdit.d.ts b/packages/volto/types/components/manage/TextLineEdit/TextLineEdit.d.ts
index 18311ab618..eb484c9a02 100644
--- a/packages/volto/types/components/manage/TextLineEdit/TextLineEdit.d.ts
+++ b/packages/volto/types/components/manage/TextLineEdit/TextLineEdit.d.ts
@@ -1,4 +1,4 @@
-export function TextLineEdit(props: any): JSX.Element;
+export function TextLineEdit(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace TextLineEdit {
     namespace propTypes {
         let properties: any;
diff --git a/packages/volto/types/components/manage/TextLineEdit/TextLineEdit.stories.d.ts b/packages/volto/types/components/manage/TextLineEdit/TextLineEdit.stories.d.ts
index 9ad6a0f86c..8127de1251 100644
--- a/packages/volto/types/components/manage/TextLineEdit/TextLineEdit.stories.d.ts
+++ b/packages/volto/types/components/manage/TextLineEdit/TextLineEdit.stories.d.ts
@@ -10,7 +10,7 @@ export const H3: any;
 declare namespace _default {
     export let title: string;
     export { TextLineEdit as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Toast/Toast.d.ts b/packages/volto/types/components/manage/Toast/Toast.d.ts
index acb5f06d85..4b4bbc6dd4 100644
--- a/packages/volto/types/components/manage/Toast/Toast.d.ts
+++ b/packages/volto/types/components/manage/Toast/Toast.d.ts
@@ -1,5 +1,5 @@
 export default Toast;
-declare function Toast(props: any): JSX.Element;
+declare function Toast(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace Toast {
     namespace propTypes {
         let title: any;
diff --git a/packages/volto/types/components/manage/Toolbar/PersonalTools.d.ts b/packages/volto/types/components/manage/Toolbar/PersonalTools.d.ts
index 84e822fd5b..c1ec453a22 100644
--- a/packages/volto/types/components/manage/Toolbar/PersonalTools.d.ts
+++ b/packages/volto/types/components/manage/Toolbar/PersonalTools.d.ts
@@ -1,5 +1,5 @@
 export default PersonalTools;
-declare function PersonalTools(props: any): JSX.Element;
+declare function PersonalTools(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace PersonalTools {
     namespace propTypes {
         let loadComponent: any;
diff --git a/packages/volto/types/components/manage/Toolbar/StandardWrapper.d.ts b/packages/volto/types/components/manage/Toolbar/StandardWrapper.d.ts
index e5b990efea..a36566e188 100644
--- a/packages/volto/types/components/manage/Toolbar/StandardWrapper.d.ts
+++ b/packages/volto/types/components/manage/Toolbar/StandardWrapper.d.ts
@@ -1,5 +1,5 @@
 export default StandardWrapper;
-declare function StandardWrapper(props: any): JSX.Element;
+declare function StandardWrapper(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace StandardWrapper {
     namespace propTypes {
         let componentName: any;
diff --git a/packages/volto/types/components/manage/Toolbar/Stats.d.ts b/packages/volto/types/components/manage/Toolbar/Stats.d.ts
index a2fb9af00d..c1094cc0c0 100644
--- a/packages/volto/types/components/manage/Toolbar/Stats.d.ts
+++ b/packages/volto/types/components/manage/Toolbar/Stats.d.ts
@@ -1,2 +1,2 @@
 export default Stats;
-declare function Stats(): JSX.Element;
+declare function Stats(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Toolbar/Toolbar.d.ts b/packages/volto/types/components/manage/Toolbar/Toolbar.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Toolbar/Toolbar.d.ts
+++ b/packages/volto/types/components/manage/Toolbar/Toolbar.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/UniversalLink/UniversalLink.d.ts b/packages/volto/types/components/manage/UniversalLink/UniversalLink.d.ts
index 8577034cca..2120b4f9f4 100644
--- a/packages/volto/types/components/manage/UniversalLink/UniversalLink.d.ts
+++ b/packages/volto/types/components/manage/UniversalLink/UniversalLink.d.ts
@@ -8,7 +8,7 @@ declare function UniversalLink({ href, item, openLinkInNewTab, download, childre
     children: any;
     className?: any;
     title?: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace UniversalLink {
     namespace propTypes {
         let href: any;
diff --git a/packages/volto/types/components/manage/Widgets/AlignWidget.d.ts b/packages/volto/types/components/manage/Widgets/AlignWidget.d.ts
index dde4b406cd..84953a3b87 100644
--- a/packages/volto/types/components/manage/Widgets/AlignWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/AlignWidget.d.ts
@@ -9,4 +9,4 @@ export function defaultActionsInfo({ intl }: {
     full: any[];
 };
 export default AlignWidget;
-declare function AlignWidget(props: any): JSX.Element;
+declare function AlignWidget(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Widgets/AlignWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/AlignWidget.stories.d.ts
index a7451d904f..a42e08ed87 100644
--- a/packages/volto/types/components/manage/Widgets/AlignWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/AlignWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Align: any;
 declare namespace _default {
     export let title: string;
     export { AlignWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace actions {
             let control: string;
diff --git a/packages/volto/types/components/manage/Widgets/ArrayWidget.d.ts b/packages/volto/types/components/manage/Widgets/ArrayWidget.d.ts
index b3fd3ac2c7..d6344599d2 100644
--- a/packages/volto/types/components/manage/Widgets/ArrayWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ArrayWidget.d.ts
@@ -1,8 +1,6 @@
 export const ArrayWidgetComponent: React.FC<import("react-intl").WithIntlProps<any>> & {
     WrappedComponent: React.ComponentType<any>;
 };
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
 import React from 'react';
diff --git a/packages/volto/types/components/manage/Widgets/ArrayWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/ArrayWidget.stories.d.ts
index 9ebb58baa5..6d14e8ea5c 100644
--- a/packages/volto/types/components/manage/Widgets/ArrayWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ArrayWidget.stories.d.ts
@@ -12,7 +12,7 @@ export const ManyOptions500: any;
 declare namespace _default {
     export let title: string;
     export { ArrayWidgetComponent as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace value {
             namespace control {
diff --git a/packages/volto/types/components/manage/Widgets/ButtonsWidget.d.ts b/packages/volto/types/components/manage/Widgets/ButtonsWidget.d.ts
index 628a3744ca..d1e7e44986 100644
--- a/packages/volto/types/components/manage/Widgets/ButtonsWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ButtonsWidget.d.ts
@@ -1,2 +1,2 @@
 export default ButtonsWidget;
-declare function ButtonsWidget(props: any): JSX.Element;
+declare function ButtonsWidget(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Widgets/ButtonsWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/ButtonsWidget.stories.d.ts
index bd928ec306..86cc013055 100644
--- a/packages/volto/types/components/manage/Widgets/ButtonsWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ButtonsWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Buttons: any;
 declare namespace _default {
     export let title: string;
     export { ButtonsWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace actions {
             let control: string;
diff --git a/packages/volto/types/components/manage/Widgets/CheckboxWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/CheckboxWidget.stories.d.ts
index 3f4f120eb6..4dff287afb 100644
--- a/packages/volto/types/components/manage/Widgets/CheckboxWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/CheckboxWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Checkbox: any;
 declare namespace _default {
     export let title: string;
     export { CheckboxWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/ColorPickerWidget.d.ts b/packages/volto/types/components/manage/Widgets/ColorPickerWidget.d.ts
index 32bb3e2b0e..7b7486894b 100644
--- a/packages/volto/types/components/manage/Widgets/ColorPickerWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ColorPickerWidget.d.ts
@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Color = {
     name: string;
     label: string;
@@ -19,5 +18,5 @@ export type ColorPickerWidgetProps = {
     onChange: (id: string, value: any) => void;
     colors: Color[];
 };
-declare const ColorPickerWidget: (props: ColorPickerWidgetProps) => JSX.Element;
+declare const ColorPickerWidget: (props: ColorPickerWidgetProps) => import("react/jsx-runtime").JSX.Element;
 export default ColorPickerWidget;
diff --git a/packages/volto/types/components/manage/Widgets/DatetimeWidget.d.ts b/packages/volto/types/components/manage/Widgets/DatetimeWidget.d.ts
index daf6034167..2d758f99e5 100644
--- a/packages/volto/types/components/manage/Widgets/DatetimeWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/DatetimeWidget.d.ts
@@ -49,7 +49,7 @@ export class DatetimeWidgetComponent extends React.Component<any, any, any> {
      * @returns {undefined}
      */
     onFocusChange: ({ focused }: boolean) => undefined;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export namespace DatetimeWidgetComponent {
     namespace propTypes {
diff --git a/packages/volto/types/components/manage/Widgets/DatetimeWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/DatetimeWidget.stories.d.ts
index 1595d2b81d..4b1343e87e 100644
--- a/packages/volto/types/components/manage/Widgets/DatetimeWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/DatetimeWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Datetime: any;
 declare namespace _default {
     export let title: string;
     export { DatetimeWidgetComponent as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/EmailWidget.d.ts b/packages/volto/types/components/manage/Widgets/EmailWidget.d.ts
index b6cb96ce3a..46bd853629 100644
--- a/packages/volto/types/components/manage/Widgets/EmailWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/EmailWidget.d.ts
@@ -10,7 +10,7 @@ export default EmailWidget;
  * }
  * ```
  */
-declare function EmailWidget(props: any): JSX.Element;
+declare function EmailWidget(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace EmailWidget {
     namespace propTypes {
         let id: any;
diff --git a/packages/volto/types/components/manage/Widgets/EmailWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/EmailWidget.stories.d.ts
index 807265ceba..be277628eb 100644
--- a/packages/volto/types/components/manage/Widgets/EmailWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/EmailWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Email: any;
 declare namespace _default {
     export let title: string;
     export { EmailWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/FileWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/FileWidget.stories.d.ts
index a2f5fc9a3c..f7f107aad8 100644
--- a/packages/volto/types/components/manage/Widgets/FileWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/FileWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const File: any;
 declare namespace _default {
     export let title: string;
     export { FileWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/FormFieldWrapper.stories.d.ts b/packages/volto/types/components/manage/Widgets/FormFieldWrapper.stories.d.ts
index 3c001ea65b..be1adf045c 100644
--- a/packages/volto/types/components/manage/Widgets/FormFieldWrapper.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/FormFieldWrapper.stories.d.ts
@@ -7,7 +7,7 @@ export const OnEdit: any;
 declare namespace _default {
     export let title: string;
     export { Default as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/IdWidget.d.ts b/packages/volto/types/components/manage/Widgets/IdWidget.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Widgets/IdWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/IdWidget.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Widgets/IdWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/IdWidget.stories.d.ts
index 6e34382e46..81d0f7531e 100644
--- a/packages/volto/types/components/manage/Widgets/IdWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/IdWidget.stories.d.ts
@@ -3,7 +3,7 @@ export const Errored: any;
 declare namespace _default {
     export let title: string;
     export { IdWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/ImageSizeWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/ImageSizeWidget.stories.d.ts
index 21b74b6545..87fac05eb4 100644
--- a/packages/volto/types/components/manage/Widgets/ImageSizeWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ImageSizeWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Text: any;
 declare namespace _default {
     export let title: string;
     export { ImageSizeWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/InternalUrlWidget.d.ts b/packages/volto/types/components/manage/Widgets/InternalUrlWidget.d.ts
index ef45424ffc..0531e1ed0f 100644
--- a/packages/volto/types/components/manage/Widgets/InternalUrlWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/InternalUrlWidget.d.ts
@@ -1,4 +1,4 @@
-export function InternalUrlWidget(props: any): JSX.Element;
+export function InternalUrlWidget(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace InternalUrlWidget {
     namespace propTypes {
         let id: any;
@@ -48,13 +48,11 @@ declare const _default: {
             overlay: string;
         }) => void;
         closeObjectBrowser: () => void;
-        render(): JSX.Element;
-        context: any;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
         setState<K extends string | number | symbol>(state: any, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: any;
-        }>;
+        readonly props: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;
         };
diff --git a/packages/volto/types/components/manage/Widgets/InternalUrlWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/InternalUrlWidget.stories.d.ts
index 8c22faf76c..0835b6560b 100644
--- a/packages/volto/types/components/manage/Widgets/InternalUrlWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/InternalUrlWidget.stories.d.ts
@@ -6,7 +6,7 @@ export const CustomLength: any;
 declare namespace _default {
     export let title: string;
     export { Default as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/NumberWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/NumberWidget.stories.d.ts
index 598bf7c8f4..18642bc581 100644
--- a/packages/volto/types/components/manage/Widgets/NumberWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/NumberWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Number: any;
 declare namespace _default {
     export let title: string;
     export { NumberWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/ObjectBrowserWidget.d.ts b/packages/volto/types/components/manage/Widgets/ObjectBrowserWidget.d.ts
index 3d325301d1..da0a901937 100644
--- a/packages/volto/types/components/manage/Widgets/ObjectBrowserWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ObjectBrowserWidget.d.ts
@@ -46,7 +46,7 @@ export class ObjectBrowserWidgetComponent extends React.Component<any, any, any>
     };
     selectedItemsRef: React.RefObject<any>;
     placeholderRef: React.RefObject<any>;
-    renderLabel(item: any): JSX.Element;
+    renderLabel(item: any): import("react/jsx-runtime").JSX.Element;
     removeItem: (item: any) => void;
     onChange: (item: any) => void;
     onManualLinkInput: (e: any) => void;
diff --git a/packages/volto/types/components/manage/Widgets/ObjectBrowserWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/ObjectBrowserWidget.stories.d.ts
index 261cd5f594..2558b941ba 100644
--- a/packages/volto/types/components/manage/Widgets/ObjectBrowserWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ObjectBrowserWidget.stories.d.ts
@@ -63,14 +63,14 @@ declare namespace _default {
         }
     }
     export { OBC as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let excludeStories: string[];
 }
 export default _default;
-export function Connected(): JSX.Element;
-export function SingleElement(): JSX.Element;
-export function Placeholder(): JSX.Element;
-export function Image(): JSX.Element;
-export function InitalPath(): JSX.Element;
-export function SelectableType(): JSX.Element;
+export function Connected(): import("react/jsx-runtime").JSX.Element;
+export function SingleElement(): import("react/jsx-runtime").JSX.Element;
+export function Placeholder(): import("react/jsx-runtime").JSX.Element;
+export function Image(): import("react/jsx-runtime").JSX.Element;
+export function InitalPath(): import("react/jsx-runtime").JSX.Element;
+export function SelectableType(): import("react/jsx-runtime").JSX.Element;
 import { ObjectBrowserWidgetComponent as OBC } from './ObjectBrowserWidget';
diff --git a/packages/volto/types/components/manage/Widgets/ObjectListWidget.d.ts b/packages/volto/types/components/manage/Widgets/ObjectListWidget.d.ts
index c09f1282a1..e351e0a90b 100644
--- a/packages/volto/types/components/manage/Widgets/ObjectListWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ObjectListWidget.d.ts
@@ -27,4 +27,4 @@ export default ObjectListWidget;
  *  },
  * ```
  */
-declare function ObjectListWidget(props: any): JSX.Element;
+declare function ObjectListWidget(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Widgets/ObjectListWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/ObjectListWidget.stories.d.ts
index f89c879bce..6a420f2843 100644
--- a/packages/volto/types/components/manage/Widgets/ObjectListWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ObjectListWidget.stories.d.ts
@@ -1,7 +1,7 @@
 export const Default: any;
 export const MultipleFieldsets: any;
 export const DefaultValues: any;
-export function SchemaExtender(args: any): JSX.Element;
+export function SchemaExtender(args: any): import("react/jsx-runtime").JSX.Element;
 export namespace SchemaExtender {
     namespace args {
         export { defaultSchema as schema };
@@ -11,7 +11,7 @@ export namespace SchemaExtender {
 declare namespace _default {
     export let title: string;
     export { ObjectListWidgetDefault as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         let schema: {};
     }
diff --git a/packages/volto/types/components/manage/Widgets/ObjectWidget.d.ts b/packages/volto/types/components/manage/Widgets/ObjectWidget.d.ts
index ec36e70f6a..8010937994 100644
--- a/packages/volto/types/components/manage/Widgets/ObjectWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ObjectWidget.d.ts
@@ -15,7 +15,7 @@ declare function ObjectWidget({ block, schema, value, onChange, errors, id, ...p
     onChange: any;
     errors?: {};
     id: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace ObjectWidget {
     namespace propTypes {
         let id: any;
diff --git a/packages/volto/types/components/manage/Widgets/ObjectWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/ObjectWidget.stories.d.ts
index ce4ee53c7c..17fcbf9ab7 100644
--- a/packages/volto/types/components/manage/Widgets/ObjectWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ObjectWidget.stories.d.ts
@@ -4,7 +4,7 @@ export const DefaultValue: any;
 declare namespace _default {
     export let title: string;
     export { ObjectWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         let schema: {};
     }
diff --git a/packages/volto/types/components/manage/Widgets/PasswordWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/PasswordWidget.stories.d.ts
index 583a2b12f5..1c453fe3aa 100644
--- a/packages/volto/types/components/manage/Widgets/PasswordWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/PasswordWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Password: any;
 declare namespace _default {
     export let title: string;
     export { PasswordWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/QueryWidget.d.ts b/packages/volto/types/components/manage/Widgets/QueryWidget.d.ts
index 98df3e5384..7bd4f687c1 100644
--- a/packages/volto/types/components/manage/Widgets/QueryWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/QueryWidget.d.ts
@@ -74,8 +74,6 @@ export class QuerystringWidgetComponent extends React.Component<any, any, any> {
      */
     render(): string;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
 import React from 'react';
diff --git a/packages/volto/types/components/manage/Widgets/QueryWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/QueryWidget.stories.d.ts
index 30a578fd40..c19502d6e9 100644
--- a/packages/volto/types/components/manage/Widgets/QueryWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/QueryWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Query: any;
 declare namespace _default {
     export let title: string;
     export { QuerystringWidgetComponent as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/QuerystringWidget.d.ts b/packages/volto/types/components/manage/Widgets/QuerystringWidget.d.ts
index f15478ae7a..2018fb9d51 100644
--- a/packages/volto/types/components/manage/Widgets/QuerystringWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/QuerystringWidget.d.ts
@@ -41,4 +41,4 @@ export function objectSchema({ intl, isDisabled, value }: {
     required: any[];
 };
 export default QuerystringWidget;
-declare function QuerystringWidget(props: any): JSX.Element;
+declare function QuerystringWidget(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Widgets/RecurrenceWidget/ByMonthDayField.d.ts b/packages/volto/types/components/manage/Widgets/RecurrenceWidget/ByMonthDayField.d.ts
index 9267942812..5629c1b919 100644
--- a/packages/volto/types/components/manage/Widgets/RecurrenceWidget/ByMonthDayField.d.ts
+++ b/packages/volto/types/components/manage/Widgets/RecurrenceWidget/ByMonthDayField.d.ts
@@ -1,5 +1,19 @@
-declare const _default: React.FC<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
+declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<{
+    value: any;
+    disabled: any;
+    onChange: any;
+    hideAfterLabel: any;
+    intl: any;
+}, "intl"> & {
+    forwardedRef?: React.Ref<any>;
+} & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<{
+        value: any;
+        disabled: any;
+        onChange: any;
+        hideAfterLabel: any;
+        intl: any;
+    }>;
 };
 export default _default;
 import React from 'react';
diff --git a/packages/volto/types/components/manage/Widgets/RecurrenceWidget/ByMonthField.d.ts b/packages/volto/types/components/manage/Widgets/RecurrenceWidget/ByMonthField.d.ts
index 9267942812..405283b4b2 100644
--- a/packages/volto/types/components/manage/Widgets/RecurrenceWidget/ByMonthField.d.ts
+++ b/packages/volto/types/components/manage/Widgets/RecurrenceWidget/ByMonthField.d.ts
@@ -1,5 +1,23 @@
-declare const _default: React.FC<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
+declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<{
+    label: any;
+    value: any;
+    bymonthday: any;
+    weekdayOfTheMonthIndex: any;
+    weekdayOfTheMonth: any;
+    onChange: any;
+    intl: any;
+}, "intl"> & {
+    forwardedRef?: React.Ref<any>;
+} & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<{
+        label: any;
+        value: any;
+        bymonthday: any;
+        weekdayOfTheMonthIndex: any;
+        weekdayOfTheMonth: any;
+        onChange: any;
+        intl: any;
+    }>;
 };
 export default _default;
 import React from 'react';
diff --git a/packages/volto/types/components/manage/Widgets/RecurrenceWidget/ByYearField.d.ts b/packages/volto/types/components/manage/Widgets/RecurrenceWidget/ByYearField.d.ts
index 9267942812..d4ede7a121 100644
--- a/packages/volto/types/components/manage/Widgets/RecurrenceWidget/ByYearField.d.ts
+++ b/packages/volto/types/components/manage/Widgets/RecurrenceWidget/ByYearField.d.ts
@@ -1,5 +1,25 @@
-declare const _default: React.FC<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
+declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<{
+    label: any;
+    value: any;
+    bymonthday: any;
+    monthOfTheYear: any;
+    weekdayOfTheMonthIndex: any;
+    weekdayOfTheMonth: any;
+    onChange: any;
+    intl: any;
+}, "intl"> & {
+    forwardedRef?: React.Ref<any>;
+} & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<{
+        label: any;
+        value: any;
+        bymonthday: any;
+        monthOfTheYear: any;
+        weekdayOfTheMonthIndex: any;
+        weekdayOfTheMonth: any;
+        onChange: any;
+        intl: any;
+    }>;
 };
 export default _default;
 import React from 'react';
diff --git a/packages/volto/types/components/manage/Widgets/RecurrenceWidget/EndField.d.ts b/packages/volto/types/components/manage/Widgets/RecurrenceWidget/EndField.d.ts
index 9267942812..ef3f19082d 100644
--- a/packages/volto/types/components/manage/Widgets/RecurrenceWidget/EndField.d.ts
+++ b/packages/volto/types/components/manage/Widgets/RecurrenceWidget/EndField.d.ts
@@ -1,5 +1,19 @@
-declare const _default: React.FC<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
+declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<{
+    value: any;
+    count: any;
+    until: any;
+    onChange: any;
+    intl: any;
+}, "intl"> & {
+    forwardedRef?: React.Ref<any>;
+} & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<{
+        value: any;
+        count: any;
+        until: any;
+        onChange: any;
+        intl: any;
+    }>;
 };
 export default _default;
 import React from 'react';
diff --git a/packages/volto/types/components/manage/Widgets/ReferenceWidget.d.ts b/packages/volto/types/components/manage/Widgets/ReferenceWidget.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Widgets/ReferenceWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/ReferenceWidget.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Widgets/SchemaWidget.d.ts b/packages/volto/types/components/manage/Widgets/SchemaWidget.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Widgets/SchemaWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/SchemaWidget.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Widgets/SelectAutoComplete.d.ts b/packages/volto/types/components/manage/Widgets/SelectAutoComplete.d.ts
index 7b9b926f6d..e30343a2f7 100644
--- a/packages/volto/types/components/manage/Widgets/SelectAutoComplete.d.ts
+++ b/packages/volto/types/components/manage/Widgets/SelectAutoComplete.d.ts
@@ -1,8 +1,6 @@
 export const SelectAutoCompleteComponent: React.FC<import("react-intl").WithIntlProps<any>> & {
     WrappedComponent: React.ComponentType<any>;
 };
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
 import React from 'react';
diff --git a/packages/volto/types/components/manage/Widgets/SelectAutocompleteWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/SelectAutocompleteWidget.stories.d.ts
index f439707fb2..24eff0cc2c 100644
--- a/packages/volto/types/components/manage/Widgets/SelectAutocompleteWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/SelectAutocompleteWidget.stories.d.ts
@@ -9,7 +9,7 @@ export const ManyOptions1000: any;
 declare namespace _default {
     export let title: string;
     export { SelectAutoCompleteComponent as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace value {
             namespace control {
diff --git a/packages/volto/types/components/manage/Widgets/SelectStyling.d.ts b/packages/volto/types/components/manage/Widgets/SelectStyling.d.ts
index 4ba84b6fb8..db88228a62 100644
--- a/packages/volto/types/components/manage/Widgets/SelectStyling.d.ts
+++ b/packages/volto/types/components/manage/Widgets/SelectStyling.d.ts
@@ -1,6 +1,6 @@
 export function MenuList({ children }: {
     children: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export const SortableMultiValue: any;
 export const SortableMultiValueLabel: any;
 export const MultiValueContainer: any;
diff --git a/packages/volto/types/components/manage/Widgets/SelectWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/SelectWidget.stories.d.ts
index 70d9840388..1b15fb821f 100644
--- a/packages/volto/types/components/manage/Widgets/SelectWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/SelectWidget.stories.d.ts
@@ -13,7 +13,7 @@ export const CustomOptions: any;
 declare namespace _default {
     export let title: string;
     export { SelectWidgetComponent as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace value {
             namespace control {
diff --git a/packages/volto/types/components/manage/Widgets/TextWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/TextWidget.stories.d.ts
index 689d78b635..a41f37408a 100644
--- a/packages/volto/types/components/manage/Widgets/TextWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/TextWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Text: any;
 declare namespace _default {
     export let title: string;
     export { TextWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/TextareaWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/TextareaWidget.stories.d.ts
index 27162ed9d2..cd55b41781 100644
--- a/packages/volto/types/components/manage/Widgets/TextareaWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/TextareaWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Textarea: any;
 declare namespace _default {
     export let title: string;
     export { TextareaWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/TokenWidget.d.ts b/packages/volto/types/components/manage/Widgets/TokenWidget.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/manage/Widgets/TokenWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/TokenWidget.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/manage/Widgets/TokenWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/TokenWidget.stories.d.ts
index 1943d92187..19e90ffc15 100644
--- a/packages/volto/types/components/manage/Widgets/TokenWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/TokenWidget.stories.d.ts
@@ -8,7 +8,7 @@ export const Disabled: any;
 declare namespace _default {
     export let title: string;
     export { TokenWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace value {
             namespace control {
diff --git a/packages/volto/types/components/manage/Widgets/UrlWidget.d.ts b/packages/volto/types/components/manage/Widgets/UrlWidget.d.ts
index 628c635e97..51ff47f9b5 100644
--- a/packages/volto/types/components/manage/Widgets/UrlWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/UrlWidget.d.ts
@@ -1,4 +1,4 @@
-export function UrlWidget(props: any): JSX.Element;
+export function UrlWidget(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace UrlWidget {
     namespace propTypes {
         let id: any;
@@ -48,13 +48,11 @@ declare const _default: {
             overlay: string;
         }) => void;
         closeObjectBrowser: () => void;
-        render(): JSX.Element;
-        context: any;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
         setState<K extends string | number | symbol>(state: any, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: any;
-        }>;
+        readonly props: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;
         };
diff --git a/packages/volto/types/components/manage/Widgets/UrlWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/UrlWidget.stories.d.ts
index e0d86b2bef..0733140fd9 100644
--- a/packages/volto/types/components/manage/Widgets/UrlWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/UrlWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Url: any;
 declare namespace _default {
     export let title: string;
     export { UrlWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/VocabularyTermsWidget.d.ts b/packages/volto/types/components/manage/Widgets/VocabularyTermsWidget.d.ts
index 7464724d2b..08ff8ca4c6 100644
--- a/packages/volto/types/components/manage/Widgets/VocabularyTermsWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/VocabularyTermsWidget.d.ts
@@ -1,2 +1,2 @@
 export default VocabularyTermsWidget;
-declare function VocabularyTermsWidget(props: any): JSX.Element;
+declare function VocabularyTermsWidget(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Widgets/VocabularyTermsWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/VocabularyTermsWidget.stories.d.ts
index a71e0f0cd2..253e4a1d7d 100644
--- a/packages/volto/types/components/manage/Widgets/VocabularyTermsWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/VocabularyTermsWidget.stories.d.ts
@@ -3,7 +3,7 @@ declare namespace _default {
     export let title: string;
     export { VocabularyTermsWidget as component };
     export let argTypes: {};
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
 }
 export default _default;
 import VocabularyTermsWidget from './VocabularyTermsWidget';
diff --git a/packages/volto/types/components/manage/Widgets/WysiwygWidget.d.ts b/packages/volto/types/components/manage/Widgets/WysiwygWidget.d.ts
index a6fd09729e..6f66fbf1f9 100644
--- a/packages/volto/types/components/manage/Widgets/WysiwygWidget.d.ts
+++ b/packages/volto/types/components/manage/Widgets/WysiwygWidget.d.ts
@@ -1,6 +1,3 @@
-export const WysiwygWidget: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+export const WysiwygWidget: any;
 export default Preloader;
-import React from 'react';
-declare function Preloader(props: any): JSX.Element;
+declare function Preloader(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/manage/Widgets/WysiwygWidget.stories.d.ts b/packages/volto/types/components/manage/Widgets/WysiwygWidget.stories.d.ts
index 323e2932d3..e7e0e76dab 100644
--- a/packages/volto/types/components/manage/Widgets/WysiwygWidget.stories.d.ts
+++ b/packages/volto/types/components/manage/Widgets/WysiwygWidget.stories.d.ts
@@ -2,7 +2,7 @@ export const Wysiwyg: any;
 declare namespace _default {
     export let title: string;
     export { WysiwygWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/manage/Widgets/story.d.ts b/packages/volto/types/components/manage/Widgets/story.d.ts
index 815343c512..86b736e264 100644
--- a/packages/volto/types/components/manage/Widgets/story.d.ts
+++ b/packages/volto/types/components/manage/Widgets/story.d.ts
@@ -1,4 +1,4 @@
 export default function StoryComponent({ children, ...args }: {
     [x: string]: any;
     children: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/Anontools/Anontools.d.ts b/packages/volto/types/components/theme/Anontools/Anontools.d.ts
index e981c86b63..43fe609817 100644
--- a/packages/volto/types/components/theme/Anontools/Anontools.d.ts
+++ b/packages/volto/types/components/theme/Anontools/Anontools.d.ts
@@ -1,5 +1,5 @@
 export default Anontools;
-declare function Anontools(): JSX.Element;
+declare function Anontools(): import("react/jsx-runtime").JSX.Element;
 declare namespace Anontools {
     namespace propTypes {
         let token: any;
diff --git a/packages/volto/types/components/theme/AppExtras/AppExtras.d.ts b/packages/volto/types/components/theme/AppExtras/AppExtras.d.ts
index 1324da035f..d76acb971e 100644
--- a/packages/volto/types/components/theme/AppExtras/AppExtras.d.ts
+++ b/packages/volto/types/components/theme/AppExtras/AppExtras.d.ts
@@ -1,2 +1,2 @@
 export default AppExtras;
-declare function AppExtras(props: any): JSX.Element[];
+declare function AppExtras(props: any): import("react/jsx-runtime").JSX.Element[];
diff --git a/packages/volto/types/components/theme/Avatar/Avatar.d.ts b/packages/volto/types/components/theme/Avatar/Avatar.d.ts
index fa74a6f68e..061ace8539 100644
--- a/packages/volto/types/components/theme/Avatar/Avatar.d.ts
+++ b/packages/volto/types/components/theme/Avatar/Avatar.d.ts
@@ -6,7 +6,7 @@ declare function Avatar({ src, title, text, size, color, className }: {
     size: any;
     color: any;
     className: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace Avatar {
     namespace propTypes {
         let src: any;
diff --git a/packages/volto/types/components/theme/Breadcrumbs/Breadcrumbs.d.ts b/packages/volto/types/components/theme/Breadcrumbs/Breadcrumbs.d.ts
index 7a868567b3..1791854961 100644
--- a/packages/volto/types/components/theme/Breadcrumbs/Breadcrumbs.d.ts
+++ b/packages/volto/types/components/theme/Breadcrumbs/Breadcrumbs.d.ts
@@ -1,7 +1,7 @@
 export default BreadcrumbsComponent;
 declare function BreadcrumbsComponent({ pathname }: {
     pathname: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace BreadcrumbsComponent {
     namespace propTypes {
         let pathname: any;
diff --git a/packages/volto/types/components/theme/Comments/Comment.stories.d.ts b/packages/volto/types/components/theme/Comments/Comment.stories.d.ts
index f1a51f857a..0ab97ff163 100644
--- a/packages/volto/types/components/theme/Comments/Comment.stories.d.ts
+++ b/packages/volto/types/components/theme/Comments/Comment.stories.d.ts
@@ -2,7 +2,7 @@ export const CommentsModal: any;
 declare namespace _default {
     export let title: string;
     export { CommentsComponent as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace creation_date {
             let control: string;
diff --git a/packages/volto/types/components/theme/Comments/CommentEditModal.d.ts b/packages/volto/types/components/theme/Comments/CommentEditModal.d.ts
index 2baeec58cd..41f6fbbfb6 100644
--- a/packages/volto/types/components/theme/Comments/CommentEditModal.d.ts
+++ b/packages/volto/types/components/theme/Comments/CommentEditModal.d.ts
@@ -1,5 +1,5 @@
 export default CommentEditModal;
-declare function CommentEditModal(props: any): JSX.Element;
+declare function CommentEditModal(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace CommentEditModal {
     namespace propTypes {
         let id: any;
diff --git a/packages/volto/types/components/theme/Comments/CommentEditModal.stories.d.ts b/packages/volto/types/components/theme/Comments/CommentEditModal.stories.d.ts
index 3238a256b3..a0b4d28c73 100644
--- a/packages/volto/types/components/theme/Comments/CommentEditModal.stories.d.ts
+++ b/packages/volto/types/components/theme/Comments/CommentEditModal.stories.d.ts
@@ -2,7 +2,7 @@ export const CommentEditModal: any;
 declare namespace _default {
     export let title: string;
     export { CommentEditModalComponent as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace open {
             let description: string;
diff --git a/packages/volto/types/components/theme/Component/Component.d.ts b/packages/volto/types/components/theme/Component/Component.d.ts
index cc49151523..fd740c21b2 100644
--- a/packages/volto/types/components/theme/Component/Component.d.ts
+++ b/packages/volto/types/components/theme/Component/Component.d.ts
@@ -7,4 +7,4 @@ declare function Component({ componentName, dependencies, ...rest }: {
     [x: string]: any;
     componentName: any;
     dependencies: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/ConnectionRefused/ConnectionRefused.d.ts b/packages/volto/types/components/theme/ConnectionRefused/ConnectionRefused.d.ts
index 4e2795a80d..d2e88d4101 100644
--- a/packages/volto/types/components/theme/ConnectionRefused/ConnectionRefused.d.ts
+++ b/packages/volto/types/components/theme/ConnectionRefused/ConnectionRefused.d.ts
@@ -1,2 +1,2 @@
 export default ConnectionRefused;
-declare function ConnectionRefused(): JSX.Element;
+declare function ConnectionRefused(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/ContactForm/ContactForm.d.ts b/packages/volto/types/components/theme/ContactForm/ContactForm.d.ts
index 2d86207182..6c08f500b6 100644
--- a/packages/volto/types/components/theme/ContactForm/ContactForm.d.ts
+++ b/packages/volto/types/components/theme/ContactForm/ContactForm.d.ts
@@ -1,2 +1,2 @@
 export default ContactFormComponent;
-declare function ContactFormComponent(): JSX.Element;
+declare function ContactFormComponent(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/ContactForm/ContactForm.stories.d.ts b/packages/volto/types/components/theme/ContactForm/ContactForm.stories.d.ts
index f5d565824c..051dce3bf3 100644
--- a/packages/volto/types/components/theme/ContactForm/ContactForm.stories.d.ts
+++ b/packages/volto/types/components/theme/ContactForm/ContactForm.stories.d.ts
@@ -2,7 +2,7 @@ export const ContactForm: any;
 declare namespace _default {
     export let title: string;
     export { ContactFormComponent as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace error {
             let control: string;
diff --git a/packages/volto/types/components/theme/ContentMetadataTags/ContentMetadataTags.d.ts b/packages/volto/types/components/theme/ContentMetadataTags/ContentMetadataTags.d.ts
index fb9f3ad2a9..1c9edaaf90 100644
--- a/packages/volto/types/components/theme/ContentMetadataTags/ContentMetadataTags.d.ts
+++ b/packages/volto/types/components/theme/ContentMetadataTags/ContentMetadataTags.d.ts
@@ -1,2 +1,2 @@
 export default ContentMetadataTags;
-declare function ContentMetadataTags(props: any): JSX.Element;
+declare function ContentMetadataTags(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/Error/ErrorBoundary.d.ts b/packages/volto/types/components/theme/Error/ErrorBoundary.d.ts
index 13639b7ecc..583c8f3c58 100644
--- a/packages/volto/types/components/theme/Error/ErrorBoundary.d.ts
+++ b/packages/volto/types/components/theme/Error/ErrorBoundary.d.ts
@@ -8,5 +8,6 @@ declare class ErrorBoundary extends React.Component<any, any, any> {
         hasError: boolean;
     };
     componentDidCatch(error: any, errorInfo: any): void;
+    render(): any;
 }
 import React from 'react';
diff --git a/packages/volto/types/components/theme/Error/ServerError.d.ts b/packages/volto/types/components/theme/Error/ServerError.d.ts
index d0180a28ef..c17a3f4a2e 100644
--- a/packages/volto/types/components/theme/Error/ServerError.d.ts
+++ b/packages/volto/types/components/theme/Error/ServerError.d.ts
@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
diff --git a/packages/volto/types/components/theme/EventDetails/EventDetails.d.ts b/packages/volto/types/components/theme/EventDetails/EventDetails.d.ts
index 9eab457983..ad497dfc4b 100644
--- a/packages/volto/types/components/theme/EventDetails/EventDetails.d.ts
+++ b/packages/volto/types/components/theme/EventDetails/EventDetails.d.ts
@@ -2,4 +2,4 @@ export default EventDetails;
 declare function EventDetails({ content, display_as }: {
     content: any;
     display_as?: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/EventDetails/EventDetails.stories.d.ts b/packages/volto/types/components/theme/EventDetails/EventDetails.stories.d.ts
index d424670633..ef15aeb743 100644
--- a/packages/volto/types/components/theme/EventDetails/EventDetails.stories.d.ts
+++ b/packages/volto/types/components/theme/EventDetails/EventDetails.stories.d.ts
@@ -2,7 +2,7 @@ export const EventDetails: any;
 declare namespace _default {
     export let title: string;
     export { EventDetails as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace contact_email {
             let description: string;
diff --git a/packages/volto/types/components/theme/Forbidden/Forbidden.d.ts b/packages/volto/types/components/theme/Forbidden/Forbidden.d.ts
index d0180a28ef..c17a3f4a2e 100644
--- a/packages/volto/types/components/theme/Forbidden/Forbidden.d.ts
+++ b/packages/volto/types/components/theme/Forbidden/Forbidden.d.ts
@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
diff --git a/packages/volto/types/components/theme/FormattedDate/FormattedDate.d.ts b/packages/volto/types/components/theme/FormattedDate/FormattedDate.d.ts
index 8848d3ed47..3540c6e002 100644
--- a/packages/volto/types/components/theme/FormattedDate/FormattedDate.d.ts
+++ b/packages/volto/types/components/theme/FormattedDate/FormattedDate.d.ts
@@ -11,4 +11,4 @@ declare function FormattedDate({ date, format, long, includeTime, relative, clas
     className: any;
     locale: any;
     children: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/FormattedDate/FormattedDate.stories.d.ts b/packages/volto/types/components/theme/FormattedDate/FormattedDate.stories.d.ts
index 407ba9d68b..5821f616e3 100644
--- a/packages/volto/types/components/theme/FormattedDate/FormattedDate.stories.d.ts
+++ b/packages/volto/types/components/theme/FormattedDate/FormattedDate.stories.d.ts
@@ -7,7 +7,7 @@ export const SplitParts: any;
 declare namespace _default {
     export let title: string;
     export { FormattedDate as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace locale {
             namespace control {
diff --git a/packages/volto/types/components/theme/FormattedDate/FormattedRelativeDate.d.ts b/packages/volto/types/components/theme/FormattedDate/FormattedRelativeDate.d.ts
index 10a57513d9..b6c147321c 100644
--- a/packages/volto/types/components/theme/FormattedDate/FormattedRelativeDate.d.ts
+++ b/packages/volto/types/components/theme/FormattedDate/FormattedRelativeDate.d.ts
@@ -8,4 +8,4 @@ declare function FormattedRelativeDate({ date, style, relativeTo, className, loc
     children: any;
     live?: boolean;
     refresh?: number;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/FormattedDate/FormattedRelativeDate.stories.d.ts b/packages/volto/types/components/theme/FormattedDate/FormattedRelativeDate.stories.d.ts
index 87fb74e997..ee051f1fec 100644
--- a/packages/volto/types/components/theme/FormattedDate/FormattedRelativeDate.stories.d.ts
+++ b/packages/volto/types/components/theme/FormattedDate/FormattedRelativeDate.stories.d.ts
@@ -7,7 +7,7 @@ export const SplitParts: any;
 declare namespace _default {
     export let title: string;
     export { FormattedRelativeDate as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace live {
             namespace control {
diff --git a/packages/volto/types/components/theme/Header/Header.d.ts b/packages/volto/types/components/theme/Header/Header.d.ts
index 25266c2c5d..e5fbd00e76 100644
--- a/packages/volto/types/components/theme/Header/Header.d.ts
+++ b/packages/volto/types/components/theme/Header/Header.d.ts
@@ -1,7 +1,7 @@
 export default Header;
 declare function Header({ pathname }: {
     pathname: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace Header {
     namespace propTypes {
         let token: any;
diff --git a/packages/volto/types/components/theme/Header/Header.stories.d.ts b/packages/volto/types/components/theme/Header/Header.stories.d.ts
index cfc770fe49..49df681e9f 100644
--- a/packages/volto/types/components/theme/Header/Header.stories.d.ts
+++ b/packages/volto/types/components/theme/Header/Header.stories.d.ts
@@ -3,7 +3,7 @@ export const Auth: any;
 declare namespace _default {
     export let title: string;
     export { HeaderComponent as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         let token: string;
     }
diff --git a/packages/volto/types/components/theme/Image/Image.d.ts b/packages/volto/types/components/theme/Image/Image.d.ts
index 9941aba447..078800a169 100644
--- a/packages/volto/types/components/theme/Image/Image.d.ts
+++ b/packages/volto/types/components/theme/Image/Image.d.ts
@@ -8,7 +8,7 @@
  * @param {boolean} responsive - (default: false) set to `true` to add the `responsive` class to the image
  * @param {string} className - Additional classes to add to the image
  */
-declare function Image({ item, imageField, src, alt, loading, responsive, className, ...imageProps }: object): JSX.Element;
+declare function Image({ item, imageField, src, alt, loading, responsive, className, ...imageProps }: object): import("react/jsx-runtime").JSX.Element;
 declare namespace Image {
     namespace propTypes {
         let item: any;
diff --git a/packages/volto/types/components/theme/LanguageSelector/LanguageSelector.d.ts b/packages/volto/types/components/theme/LanguageSelector/LanguageSelector.d.ts
index d8f9adba31..7e0db72373 100644
--- a/packages/volto/types/components/theme/LanguageSelector/LanguageSelector.d.ts
+++ b/packages/volto/types/components/theme/LanguageSelector/LanguageSelector.d.ts
@@ -1,5 +1,5 @@
 export default LanguageSelector;
-declare function LanguageSelector(props: any): JSX.Element;
+declare function LanguageSelector(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace LanguageSelector {
     namespace propTypes {
         let onClickAction: any;
diff --git a/packages/volto/types/components/theme/Login/Login.d.ts b/packages/volto/types/components/theme/Login/Login.d.ts
index a0ebbea706..5f9b9de759 100644
--- a/packages/volto/types/components/theme/Login/Login.d.ts
+++ b/packages/volto/types/components/theme/Login/Login.d.ts
@@ -1,2 +1,2 @@
 export default Login;
-declare function Login(props: any): JSX.Element;
+declare function Login(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/Login/Login.stories.d.ts b/packages/volto/types/components/theme/Login/Login.stories.d.ts
index a83312fb61..6b3f6d48ea 100644
--- a/packages/volto/types/components/theme/Login/Login.stories.d.ts
+++ b/packages/volto/types/components/theme/Login/Login.stories.d.ts
@@ -2,7 +2,7 @@ export const Default: any;
 declare namespace _default {
     export let title: string;
     export { Default as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/theme/Logo/Logo.stories.d.ts b/packages/volto/types/components/theme/Logo/Logo.stories.d.ts
index a83312fb61..6b3f6d48ea 100644
--- a/packages/volto/types/components/theme/Logo/Logo.stories.d.ts
+++ b/packages/volto/types/components/theme/Logo/Logo.stories.d.ts
@@ -2,7 +2,7 @@ export const Default: any;
 declare namespace _default {
     export let title: string;
     export { Default as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;
diff --git a/packages/volto/types/components/theme/Logout/Logout.d.ts b/packages/volto/types/components/theme/Logout/Logout.d.ts
index 3d5e2e260f..480a4ae25b 100644
--- a/packages/volto/types/components/theme/Logout/Logout.d.ts
+++ b/packages/volto/types/components/theme/Logout/Logout.d.ts
@@ -1,4 +1,4 @@
 export default Logout;
 declare function Logout({ location }: {
     location: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/MultilingualRedirector/MultilingualRedirector.d.ts b/packages/volto/types/components/theme/MultilingualRedirector/MultilingualRedirector.d.ts
index 32f473f5ac..768581284e 100644
--- a/packages/volto/types/components/theme/MultilingualRedirector/MultilingualRedirector.d.ts
+++ b/packages/volto/types/components/theme/MultilingualRedirector/MultilingualRedirector.d.ts
@@ -1,2 +1,2 @@
 export default MultilingualRedirector;
-declare function MultilingualRedirector(props: any): JSX.Element;
+declare function MultilingualRedirector(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/Navigation/ContextNavigation.d.ts b/packages/volto/types/components/theme/Navigation/ContextNavigation.d.ts
index 121917be78..5f068bb743 100644
--- a/packages/volto/types/components/theme/Navigation/ContextNavigation.d.ts
+++ b/packages/volto/types/components/theme/Navigation/ContextNavigation.d.ts
@@ -3,7 +3,7 @@
  * portlet. It uses the same API, so the options are similar to
  * INavigationPortlet
  */
-export function ContextNavigationComponent(props: any): JSX.Element | "";
+export function ContextNavigationComponent(props: any): import("react/jsx-runtime").JSX.Element | "";
 export namespace ContextNavigationComponent {
     namespace propTypes {
         let navigation: any;
diff --git a/packages/volto/types/components/theme/Navigation/ContextNavigation.stories.d.ts b/packages/volto/types/components/theme/Navigation/ContextNavigation.stories.d.ts
index 8283cf15ef..d2cf05796b 100644
--- a/packages/volto/types/components/theme/Navigation/ContextNavigation.stories.d.ts
+++ b/packages/volto/types/components/theme/Navigation/ContextNavigation.stories.d.ts
@@ -1,8 +1,8 @@
 declare namespace _default {
     export let title: string;
     export { CNC as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
 }
 export default _default;
-export function ContextNavigation(): JSX.Element;
+export function ContextNavigation(): import("react/jsx-runtime").JSX.Element;
 import { ContextNavigationComponent as CNC } from './ContextNavigation';
diff --git a/packages/volto/types/components/theme/Navigation/NavItem.d.ts b/packages/volto/types/components/theme/Navigation/NavItem.d.ts
index 8b1e0e819c..225ce89d0e 100644
--- a/packages/volto/types/components/theme/Navigation/NavItem.d.ts
+++ b/packages/volto/types/components/theme/Navigation/NavItem.d.ts
@@ -2,4 +2,4 @@ export default NavItem;
 declare function NavItem({ item, lang }: {
     item: any;
     lang: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/Navigation/NavItems.d.ts b/packages/volto/types/components/theme/Navigation/NavItems.d.ts
index 412ddef2f6..78dbe3c2ba 100644
--- a/packages/volto/types/components/theme/Navigation/NavItems.d.ts
+++ b/packages/volto/types/components/theme/Navigation/NavItems.d.ts
@@ -2,4 +2,4 @@ export default NavItems;
 declare function NavItems({ items, lang }: {
     items: any;
     lang: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/Navigation/Navigation.d.ts b/packages/volto/types/components/theme/Navigation/Navigation.d.ts
index 3ede9575fc..46311bf9cd 100644
--- a/packages/volto/types/components/theme/Navigation/Navigation.d.ts
+++ b/packages/volto/types/components/theme/Navigation/Navigation.d.ts
@@ -1,5 +1,5 @@
 export default Navigation;
-declare function Navigation(props: any): JSX.Element;
+declare function Navigation(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace Navigation {
     namespace propTypes {
         let pathname: any;
diff --git a/packages/volto/types/components/theme/Navigation/withContentNavigation.d.ts b/packages/volto/types/components/theme/Navigation/withContentNavigation.d.ts
index 4dfdc41219..b4cc83c8af 100644
--- a/packages/volto/types/components/theme/Navigation/withContentNavigation.d.ts
+++ b/packages/volto/types/components/theme/Navigation/withContentNavigation.d.ts
@@ -1,5 +1,5 @@
 export function withContentNavigation(WrappedComponent: any): {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Location, from router
diff --git a/packages/volto/types/components/theme/NotFound/NotFound.d.ts b/packages/volto/types/components/theme/NotFound/NotFound.d.ts
index d0180a28ef..c17a3f4a2e 100644
--- a/packages/volto/types/components/theme/NotFound/NotFound.d.ts
+++ b/packages/volto/types/components/theme/NotFound/NotFound.d.ts
@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
diff --git a/packages/volto/types/components/theme/OutdatedBrowser/OutdatedBrowser.d.ts b/packages/volto/types/components/theme/OutdatedBrowser/OutdatedBrowser.d.ts
index e614d479a6..af2d3cb6bb 100644
--- a/packages/volto/types/components/theme/OutdatedBrowser/OutdatedBrowser.d.ts
+++ b/packages/volto/types/components/theme/OutdatedBrowser/OutdatedBrowser.d.ts
@@ -1,2 +1,2 @@
 export default OutdatedBrowser;
-declare function OutdatedBrowser(): JSX.Element;
+declare function OutdatedBrowser(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/PasswordReset/RequestPasswordReset.d.ts b/packages/volto/types/components/theme/PasswordReset/RequestPasswordReset.d.ts
index 7e602a603f..1057012f04 100644
--- a/packages/volto/types/components/theme/PasswordReset/RequestPasswordReset.d.ts
+++ b/packages/volto/types/components/theme/PasswordReset/RequestPasswordReset.d.ts
@@ -1,2 +1,2 @@
 export default RequestPasswordReset;
-declare function RequestPasswordReset(): JSX.Element;
+declare function RequestPasswordReset(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/Popup/Popup.d.ts b/packages/volto/types/components/theme/Popup/Popup.d.ts
index 2987b728dc..8832578b5a 100644
--- a/packages/volto/types/components/theme/Popup/Popup.d.ts
+++ b/packages/volto/types/components/theme/Popup/Popup.d.ts
@@ -3,7 +3,7 @@ export default Popup;
  * Renders a preview image for a catalog brain result item.
  *
  */
-declare function Popup(props: any): JSX.Element;
+declare function Popup(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace Popup {
     namespace propTypes {
         let menu: any;
diff --git a/packages/volto/types/components/theme/PreviewImage/PreviewImage.d.ts b/packages/volto/types/components/theme/PreviewImage/PreviewImage.d.ts
index 3ac0944ab7..4041154780 100644
--- a/packages/volto/types/components/theme/PreviewImage/PreviewImage.d.ts
+++ b/packages/volto/types/components/theme/PreviewImage/PreviewImage.d.ts
@@ -8,7 +8,7 @@ declare function PreviewImage({ item, alt, image_field, showDefault, ...rest }:
     alt: any;
     image_field: any;
     showDefault?: boolean;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace PreviewImage {
     namespace propTypes {
         let item: any;
diff --git a/packages/volto/types/components/theme/Search/Search.d.ts b/packages/volto/types/components/theme/Search/Search.d.ts
index 618dd724e6..3077aebc64 100644
--- a/packages/volto/types/components/theme/Search/Search.d.ts
+++ b/packages/volto/types/components/theme/Search/Search.d.ts
@@ -1,8 +1,3 @@
-export const __test__: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+export const __test__: any;
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/theme/Search/SearchTags.d.ts b/packages/volto/types/components/theme/Search/SearchTags.d.ts
index e178f03d5b..9eafe33903 100644
--- a/packages/volto/types/components/theme/Search/SearchTags.d.ts
+++ b/packages/volto/types/components/theme/Search/SearchTags.d.ts
@@ -1,2 +1,2 @@
 export default SearchTags;
-declare function SearchTags(): JSX.Element;
+declare function SearchTags(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/SearchWidget/SearchWidget.d.ts b/packages/volto/types/components/theme/SearchWidget/SearchWidget.d.ts
index 2048b49735..0a11fa41f8 100644
--- a/packages/volto/types/components/theme/SearchWidget/SearchWidget.d.ts
+++ b/packages/volto/types/components/theme/SearchWidget/SearchWidget.d.ts
@@ -1,2 +1,2 @@
 export default SearchWidget;
-declare function SearchWidget(props: any): JSX.Element;
+declare function SearchWidget(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/SearchWidget/SearchWidget.stories.d.ts b/packages/volto/types/components/theme/SearchWidget/SearchWidget.stories.d.ts
index d72b9762ff..3df70e3d9f 100644
--- a/packages/volto/types/components/theme/SearchWidget/SearchWidget.stories.d.ts
+++ b/packages/volto/types/components/theme/SearchWidget/SearchWidget.stories.d.ts
@@ -2,6 +2,6 @@ export const SearchWidget: any;
 declare namespace _default {
     export let title: string;
     export { SearchWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
 }
 export default _default;
diff --git a/packages/volto/types/components/theme/Sitemap/Sitemap.d.ts b/packages/volto/types/components/theme/Sitemap/Sitemap.d.ts
index 9877f05164..810fb408e3 100644
--- a/packages/volto/types/components/theme/Sitemap/Sitemap.d.ts
+++ b/packages/volto/types/components/theme/Sitemap/Sitemap.d.ts
@@ -1,8 +1,4 @@
 export function getSitemapPath(pathname: string, lang: any): any;
-export const __test__: import("react").ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & import("react").RefAttributes<import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
-declare const _default: import("react").ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & import("react").RefAttributes<import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+export const __test__: any;
+declare const _default: any;
 export default _default;
diff --git a/packages/volto/types/components/theme/SkipLinks/SkipLinks.d.ts b/packages/volto/types/components/theme/SkipLinks/SkipLinks.d.ts
index 696926af71..5b8523d9c1 100644
--- a/packages/volto/types/components/theme/SkipLinks/SkipLinks.d.ts
+++ b/packages/volto/types/components/theme/SkipLinks/SkipLinks.d.ts
@@ -1,2 +1,2 @@
 export default SkipLinks;
-declare function SkipLinks(): JSX.Element;
+declare function SkipLinks(): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/components/theme/SlotRenderer/SlotRenderer.d.ts b/packages/volto/types/components/theme/SlotRenderer/SlotRenderer.d.ts
new file mode 100644
index 0000000000..98b887a3fa
--- /dev/null
+++ b/packages/volto/types/components/theme/SlotRenderer/SlotRenderer.d.ts
@@ -0,0 +1,7 @@
+import type { Content } from '@plone/types';
+declare const SlotRenderer: ({ name, content, navRoot, }: {
+    name: string;
+    content: Content;
+    navRoot?: Content;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SlotRenderer;
diff --git a/packages/volto/types/components/theme/SlotRenderer/SlotRenderer.test.d.ts b/packages/volto/types/components/theme/SlotRenderer/SlotRenderer.test.d.ts
new file mode 100644
index 0000000000..cb0ff5c3b5
--- /dev/null
+++ b/packages/volto/types/components/theme/SlotRenderer/SlotRenderer.test.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/packages/volto/types/components/theme/TsTest/TsTest.d.ts b/packages/volto/types/components/theme/TsTest/TsTest.d.ts
index addefcee34..1327f6e7d1 100644
--- a/packages/volto/types/components/theme/TsTest/TsTest.d.ts
+++ b/packages/volto/types/components/theme/TsTest/TsTest.d.ts
@@ -3,9 +3,8 @@
  * Ensure successful implementation of TSX and validate the functionality with Jest tests
  * Dependencies: jest (version 26.6.3), ts-jest (version ^26.4.2)
  */
-/// <reference types="react" />
 type TestProps = {
     text: string;
 };
-declare const TsTest: ({ text }: TestProps) => JSX.Element;
+declare const TsTest: ({ text }: TestProps) => import("react/jsx-runtime").JSX.Element;
 export default TsTest;
diff --git a/packages/volto/types/components/theme/Unauthorized/Unauthorized.d.ts b/packages/volto/types/components/theme/Unauthorized/Unauthorized.d.ts
index d0180a28ef..c17a3f4a2e 100644
--- a/packages/volto/types/components/theme/Unauthorized/Unauthorized.d.ts
+++ b/packages/volto/types/components/theme/Unauthorized/Unauthorized.d.ts
@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;
diff --git a/packages/volto/types/components/theme/View/AlbumView.d.ts b/packages/volto/types/components/theme/View/AlbumView.d.ts
index 900a30b3a7..03b217830c 100644
--- a/packages/volto/types/components/theme/View/AlbumView.d.ts
+++ b/packages/volto/types/components/theme/View/AlbumView.d.ts
@@ -13,7 +13,7 @@ declare class AlbumView extends React.Component<any, any, any> {
     closeModal(): void;
     nextImage(): void;
     prevImage(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 declare namespace AlbumView {
     namespace propTypes {
diff --git a/packages/volto/types/components/theme/View/EventDatesInfo.d.ts b/packages/volto/types/components/theme/View/EventDatesInfo.d.ts
index 9e524c4ff2..0bfeadcd54 100644
--- a/packages/volto/types/components/theme/View/EventDatesInfo.d.ts
+++ b/packages/volto/types/components/theme/View/EventDatesInfo.d.ts
@@ -12,5 +12,5 @@ export function Recurrence_({ recurrence, start, moment: momentlib, rrule, }: {
     start: any;
     moment: any;
     rrule: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export const Recurrence: any;
diff --git a/packages/volto/types/components/theme/View/LinkView.d.ts b/packages/volto/types/components/theme/View/LinkView.d.ts
index ba74032deb..66abd78766 100644
--- a/packages/volto/types/components/theme/View/LinkView.d.ts
+++ b/packages/volto/types/components/theme/View/LinkView.d.ts
@@ -2,7 +2,7 @@ export default LinkView;
 declare function LinkView({ token, content }: {
     token: any;
     content: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace LinkView {
     namespace propTypes {
         let content: any;
diff --git a/packages/volto/types/components/theme/View/RenderBlocks.d.ts b/packages/volto/types/components/theme/View/RenderBlocks.d.ts
index 8bb52acecd..10d6c8b74c 100644
--- a/packages/volto/types/components/theme/View/RenderBlocks.d.ts
+++ b/packages/volto/types/components/theme/View/RenderBlocks.d.ts
@@ -1,2 +1,2 @@
 export default RenderBlocks;
-declare function RenderBlocks(props: any): JSX.Element | "";
+declare function RenderBlocks(props: any): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/View/View.d.ts b/packages/volto/types/components/theme/View/View.d.ts
index 6152d8214b..5298df7f0f 100644
--- a/packages/volto/types/components/theme/View/View.d.ts
+++ b/packages/volto/types/components/theme/View/View.d.ts
@@ -1,5 +1,2 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;
-import React from 'react';
diff --git a/packages/volto/types/components/theme/Widgets/ArrayWidget.d.ts b/packages/volto/types/components/theme/Widgets/ArrayWidget.d.ts
index 8e960121a5..3adb210ebb 100644
--- a/packages/volto/types/components/theme/Widgets/ArrayWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/ArrayWidget.d.ts
@@ -3,4 +3,4 @@ declare function ArrayWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/BooleanWidget.d.ts b/packages/volto/types/components/theme/Widgets/BooleanWidget.d.ts
index 9267942812..4055c3903a 100644
--- a/packages/volto/types/components/theme/Widgets/BooleanWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/BooleanWidget.d.ts
@@ -1,5 +1,17 @@
-declare const _default: React.FC<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
+declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<{
+    value: any;
+    children: any;
+    className: any;
+    intl: any;
+}, "intl"> & {
+    forwardedRef?: React.Ref<any>;
+} & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<{
+        value: any;
+        children: any;
+        className: any;
+        intl: any;
+    }>;
 };
 export default _default;
 import React from 'react';
diff --git a/packages/volto/types/components/theme/Widgets/DateWidget.d.ts b/packages/volto/types/components/theme/Widgets/DateWidget.d.ts
index 0b988cbe9d..f66879848c 100644
--- a/packages/volto/types/components/theme/Widgets/DateWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/DateWidget.d.ts
@@ -4,4 +4,4 @@ declare function DateWidget({ value, children, className, format }: {
     children: any;
     className: any;
     format?: string;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/DatetimeWidget.d.ts b/packages/volto/types/components/theme/Widgets/DatetimeWidget.d.ts
index 22cc74fa76..856dd5c8ca 100644
--- a/packages/volto/types/components/theme/Widgets/DatetimeWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/DatetimeWidget.d.ts
@@ -4,4 +4,4 @@ declare function DatetimeWidget({ value, children, className, format }: {
     children: any;
     className: any;
     format?: string;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/DescriptionWidget.d.ts b/packages/volto/types/components/theme/Widgets/DescriptionWidget.d.ts
index 7525787f54..b17b8020ef 100644
--- a/packages/volto/types/components/theme/Widgets/DescriptionWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/DescriptionWidget.d.ts
@@ -3,4 +3,4 @@ declare function DescriptionWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/EmailWidget.d.ts b/packages/volto/types/components/theme/Widgets/EmailWidget.d.ts
index 4abbce55e8..7c5a023f2e 100644
--- a/packages/volto/types/components/theme/Widgets/EmailWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/EmailWidget.d.ts
@@ -3,4 +3,4 @@ declare function EmailWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/FileWidget.d.ts b/packages/volto/types/components/theme/Widgets/FileWidget.d.ts
index 5094797602..8d9cf3efdf 100644
--- a/packages/volto/types/components/theme/Widgets/FileWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/FileWidget.d.ts
@@ -3,4 +3,4 @@ declare function FileWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/ImageWidget.d.ts b/packages/volto/types/components/theme/Widgets/ImageWidget.d.ts
index 80debbac7b..45309644f6 100644
--- a/packages/volto/types/components/theme/Widgets/ImageWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/ImageWidget.d.ts
@@ -2,4 +2,4 @@ export default ImageWidget;
 declare function ImageWidget({ value, className }: {
     value: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/PasswordWidget.d.ts b/packages/volto/types/components/theme/Widgets/PasswordWidget.d.ts
index bc00c977c1..f7cefa4b60 100644
--- a/packages/volto/types/components/theme/Widgets/PasswordWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/PasswordWidget.d.ts
@@ -3,4 +3,4 @@ declare function PasswordWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/RelationWidget.d.ts b/packages/volto/types/components/theme/Widgets/RelationWidget.d.ts
index 30f9a36228..7d4f72d7ae 100644
--- a/packages/volto/types/components/theme/Widgets/RelationWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/RelationWidget.d.ts
@@ -3,4 +3,4 @@ declare function RelationWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/RelationsWidget.d.ts b/packages/volto/types/components/theme/Widgets/RelationsWidget.d.ts
index 0ab2701b90..b09ab42d5d 100644
--- a/packages/volto/types/components/theme/Widgets/RelationsWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/RelationsWidget.d.ts
@@ -3,4 +3,4 @@ declare function RelationsWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/RichTextWidget.d.ts b/packages/volto/types/components/theme/Widgets/RichTextWidget.d.ts
index 390a94c2ea..1379593cce 100644
--- a/packages/volto/types/components/theme/Widgets/RichTextWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/RichTextWidget.d.ts
@@ -2,4 +2,4 @@ export default RichTextWidget;
 declare function RichTextWidget({ value, className }: {
     value: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/SelectWidget.d.ts b/packages/volto/types/components/theme/Widgets/SelectWidget.d.ts
index 562e1beb43..a90efea800 100644
--- a/packages/volto/types/components/theme/Widgets/SelectWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/SelectWidget.d.ts
@@ -3,4 +3,4 @@ declare function SelectWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/TextWidget.d.ts b/packages/volto/types/components/theme/Widgets/TextWidget.d.ts
index 37c0d4d56a..c1b5a0f2ac 100644
--- a/packages/volto/types/components/theme/Widgets/TextWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/TextWidget.d.ts
@@ -3,4 +3,4 @@ declare function TextWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/TitleWidget.d.ts b/packages/volto/types/components/theme/Widgets/TitleWidget.d.ts
index daa5b02289..ad46514c57 100644
--- a/packages/volto/types/components/theme/Widgets/TitleWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/TitleWidget.d.ts
@@ -3,4 +3,4 @@ declare function TitleWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/TokenWidget.d.ts b/packages/volto/types/components/theme/Widgets/TokenWidget.d.ts
index 376859d06f..5d435c18d0 100644
--- a/packages/volto/types/components/theme/Widgets/TokenWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/TokenWidget.d.ts
@@ -3,4 +3,4 @@ declare function TokenWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/components/theme/Widgets/UrlWidget.d.ts b/packages/volto/types/components/theme/Widgets/UrlWidget.d.ts
index 4ea5e8e944..d282eec9e9 100644
--- a/packages/volto/types/components/theme/Widgets/UrlWidget.d.ts
+++ b/packages/volto/types/components/theme/Widgets/UrlWidget.d.ts
@@ -3,4 +3,4 @@ declare function UrlWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): JSX.Element | "";
+}): import("react/jsx-runtime").JSX.Element | "";
diff --git a/packages/volto/types/config/Blocks.d.ts b/packages/volto/types/config/Blocks.d.ts
index 4c5d9f4d62..4993b0b9c5 100644
--- a/packages/volto/types/config/Blocks.d.ts
+++ b/packages/volto/types/config/Blocks.d.ts
@@ -25,7 +25,7 @@ export namespace blocksConfig {
                     isDefault: boolean;
                     title: string;
                     template: {
-                        (props: any): JSX.Element;
+                        (props: any): import("react/jsx-runtime").JSX.Element;
                         propTypes: {
                             data: any;
                             isEditMode: any;
diff --git a/packages/volto/types/config/RichTextEditor/ToHTML.d.ts b/packages/volto/types/config/RichTextEditor/ToHTML.d.ts
index 447e878d5c..af7dc2b227 100644
--- a/packages/volto/types/config/RichTextEditor/ToHTML.d.ts
+++ b/packages/volto/types/config/RichTextEditor/ToHTML.d.ts
@@ -10,16 +10,16 @@ declare namespace renderers {
 declare namespace inline {
     function BOLD(children: any, { key }: {
         key: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     function ITALIC(children: any, { key }: {
         key: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     function UNDERLINE(children: any, { key }: {
         key: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     function CODE(children: any, { key }: {
         key: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
 }
 /**
  * Note that children can be maped to render a list or do other cool stuff
@@ -31,7 +31,7 @@ declare const blocks: {
     atomic: (children: any) => any;
     blockquote: (children: any, { keys }: {
         keys: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     'header-one': (children: any, { keys }: {
         keys: any;
     }) => any;
@@ -52,15 +52,15 @@ declare const blocks: {
     }) => any;
     'code-block': (children: any, { keys }: {
         keys: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     'unordered-list-item': (children: any, { depth, keys }: {
         depth: any;
         keys: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     'ordered-list-item': (children: any, { depth, keys }: {
         depth: any;
         keys: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     callout: (children: any, { keys }: {
         keys: any;
     }) => any;
@@ -68,8 +68,8 @@ declare const blocks: {
 declare namespace entities {
     function LINK(children: any, props: any, { key }: {
         key: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     function IMAGE(children: any, entity: any, { key }: {
         key: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
 }
diff --git a/packages/volto/types/config/Views.d.ts b/packages/volto/types/config/Views.d.ts
index 881d5e501c..dba867048e 100644
--- a/packages/volto/types/config/Views.d.ts
+++ b/packages/volto/types/config/Views.d.ts
@@ -37,12 +37,12 @@ export const defaultView: import("react").FC<import("react-intl").WithIntlProps<
     WrappedComponent: import("react").ComponentType<any>;
 };
 export const errorViews: {
-    404: (props: any) => JSX.Element;
-    401: (props: any) => JSX.Element;
-    403: (props: any) => JSX.Element;
+    404: (props: any) => import("react/jsx-runtime").JSX.Element;
+    401: (props: any) => import("react/jsx-runtime").JSX.Element;
+    403: (props: any) => import("react/jsx-runtime").JSX.Element;
     408: () => string;
-    500: (props: any) => JSX.Element;
-    ECONNREFUSED: () => JSX.Element;
+    500: (props: any) => import("react/jsx-runtime").JSX.Element;
+    ECONNREFUSED: () => import("react/jsx-runtime").JSX.Element;
     corsError: () => string;
 };
 export namespace layoutViewsNamesMapping {
diff --git a/packages/volto/types/config/Widgets.d.ts b/packages/volto/types/config/Widgets.d.ts
index 91f741b19e..042c84b310 100644
--- a/packages/volto/types/config/Widgets.d.ts
+++ b/packages/volto/types/config/Widgets.d.ts
@@ -46,9 +46,7 @@ export namespace widgetMapping {
         'Relation List': import("react").ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & import("react").RefAttributes<import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
             WrappedComponent: import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>;
         };
-        'Relation Choice': import("react").ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & import("react").RefAttributes<import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-            WrappedComponent: import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>;
-        };
+        'Relation Choice': any;
     };
     export { SelectWidget as choices };
     export namespace type {
diff --git a/packages/volto/types/helpers/AsyncConnect/AsyncConnect.d.ts b/packages/volto/types/helpers/AsyncConnect/AsyncConnect.d.ts
index 9655e467c5..0cae3853f5 100644
--- a/packages/volto/types/helpers/AsyncConnect/AsyncConnect.d.ts
+++ b/packages/volto/types/helpers/AsyncConnect/AsyncConnect.d.ts
@@ -13,7 +13,7 @@ export class AsyncConnect extends React.Component<any, any, any> {
         [x: string]: any;
         reduxConnectStore: any;
     }): any;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export namespace AsyncConnect {
     namespace propTypes {
@@ -39,7 +39,7 @@ export namespace AsyncConnect {
 export function AsyncConnectWithContext({ context, ...otherProps }: {
     [x: string]: any;
     context: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export namespace AsyncConnectWithContext {
     export namespace propTypes_1 {
         let context: any;
diff --git a/packages/volto/types/helpers/Extensions/withBlockExtensions.d.ts b/packages/volto/types/helpers/Extensions/withBlockExtensions.d.ts
index f5a0786a4b..256f8c4b7f 100644
--- a/packages/volto/types/helpers/Extensions/withBlockExtensions.d.ts
+++ b/packages/volto/types/helpers/Extensions/withBlockExtensions.d.ts
@@ -41,4 +41,4 @@ export function resolveBlockExtensions(data: any, blocksConfig: any): {
     resolvedExtensions: any;
 };
 export default withBlockExtensions;
-declare function withBlockExtensions(WrappedComponent: any): (props: any) => JSX.Element;
+declare function withBlockExtensions(WrappedComponent: any): (props: any) => import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/helpers/Extensions/withBlockSchemaEnhancer.d.ts b/packages/volto/types/helpers/Extensions/withBlockSchemaEnhancer.d.ts
index 5d1fbaf55a..8802939cbf 100644
--- a/packages/volto/types/helpers/Extensions/withBlockSchemaEnhancer.d.ts
+++ b/packages/volto/types/helpers/Extensions/withBlockSchemaEnhancer.d.ts
@@ -20,16 +20,16 @@ export function addExtensionFieldToSchema({ schema, name, items, intl, title, de
 }): any;
 export function withBlockSchemaEnhancer(FormComponent: any, extensionName?: string, insertFieldToOrder?: typeof _addField): ({ ...props }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export function applySchemaEnhancer({ schema: originalSchema, formData, intl, blocksConfig, navRoot, contentType, }: {
     schema: any;
     formData: any;
     intl: any;
-    blocksConfig?: import("@plone/registry/node_modules/@plone/types").BlocksConfigData;
+    blocksConfig?: import("@plone/types").BlocksConfigData;
     navRoot: any;
     contentType: any;
 }): any;
-export function withVariationSchemaEnhancer(FormComponent: any): (props: any) => JSX.Element;
+export function withVariationSchemaEnhancer(FormComponent: any): (props: any) => import("react/jsx-runtime").JSX.Element;
 export namespace EMPTY_STYLES_SCHEMA {
     let fieldsets: {
         id: string;
diff --git a/packages/volto/types/helpers/Helmet/Helmet.d.ts b/packages/volto/types/helpers/Helmet/Helmet.d.ts
index 08e6a63876..85bd8d4d2f 100644
--- a/packages/volto/types/helpers/Helmet/Helmet.d.ts
+++ b/packages/volto/types/helpers/Helmet/Helmet.d.ts
@@ -25,13 +25,11 @@ declare const HelmetExport: {
         mapArrayTypeChildrenToProps(arrayTypeChildren: any, newProps: any): any;
         warnOnInvalidChildren(child: any, nestedChildren: any): true | void;
         mapChildrenToProps(children: any, newProps: any): any;
-        render(): JSX.Element;
-        context: any;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
         setState<K extends string | number | symbol>(state: any, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: any;
-        }>;
+        readonly props: Readonly<any>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -72,13 +70,11 @@ declare const HelmetExport: {
         mapArrayTypeChildrenToProps(arrayTypeChildren: any, newProps: any): any;
         warnOnInvalidChildren(child: any, nestedChildren: any): true | void;
         mapChildrenToProps(children: any, newProps: any): any;
-        render(): JSX.Element;
-        context: any;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
         setState<K extends string | number | symbol>(state: any, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: any;
-        }>;
+        readonly props: Readonly<any>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;
diff --git a/packages/volto/types/helpers/LanguageMap/LanguageMap.d.ts b/packages/volto/types/helpers/LanguageMap/LanguageMap.d.ts
index 792b6f5756..583e50668d 100644
--- a/packages/volto/types/helpers/LanguageMap/LanguageMap.d.ts
+++ b/packages/volto/types/helpers/LanguageMap/LanguageMap.d.ts
@@ -1,2 +1,879 @@
 export default langmap;
-declare const langmap: any;
+declare const langmap: {
+    ach: {
+        nativeName: string;
+        englishName: string;
+    };
+    ady: {
+        nativeName: string;
+        englishName: string;
+    };
+    af: {
+        nativeName: string;
+        englishName: string;
+    };
+    'af-NA': {
+        nativeName: string;
+        englishName: string;
+    };
+    'af-ZA': {
+        nativeName: string;
+        englishName: string;
+    };
+    ak: {
+        nativeName: string;
+        englishName: string;
+    };
+    ar: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ar-AR': {
+        nativeName: string;
+        englishName: string;
+    };
+    'ar-MA': {
+        nativeName: string;
+        englishName: string;
+    };
+    'ar-SA': {
+        nativeName: string;
+        englishName: string;
+    };
+    'ay-BO': {
+        nativeName: string;
+        englishName: string;
+    };
+    az: {
+        nativeName: string;
+        englishName: string;
+    };
+    'az-AZ': {
+        nativeName: string;
+        englishName: string;
+    };
+    'be-BY': {
+        nativeName: string;
+        englishName: string;
+    };
+    bg: {
+        nativeName: string;
+        englishName: string;
+    };
+    'bg-BG': {
+        nativeName: string;
+        englishName: string;
+    };
+    bn: {
+        nativeName: string;
+        englishName: string;
+    };
+    'bn-IN': {
+        nativeName: string;
+        englishName: string;
+    };
+    'bn-BD': {
+        nativeName: string;
+        englishName: string;
+    };
+    br: {
+        nativeName: string;
+        englishName: string;
+    };
+    bs: {
+        nativeName: string;
+        englishName: string;
+    };
+    'bs-BA': {
+        nativeName: string;
+        englishName: string;
+    };
+    ca: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ca-ES': {
+        nativeName: string;
+        englishName: string;
+    };
+    cak: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ck-US': {
+        nativeName: string;
+        englishName: string;
+    };
+    cs: {
+        nativeName: string;
+        englishName: string;
+    };
+    'cs-CZ': {
+        nativeName: string;
+        englishName: string;
+    };
+    cy: {
+        nativeName: string;
+        englishName: string;
+    };
+    'cy-GB': {
+        nativeName: string;
+        englishName: string;
+    };
+    da: {
+        nativeName: string;
+        englishName: string;
+    };
+    'da-DK': {
+        nativeName: string;
+        englishName: string;
+    };
+    de: {
+        nativeName: string;
+        englishName: string;
+    };
+    'de-AT': {
+        nativeName: string;
+        englishName: string;
+    };
+    'de-DE': {
+        nativeName: string;
+        englishName: string;
+    };
+    'de-CH': {
+        nativeName: string;
+        englishName: string;
+    };
+    dsb: {
+        nativeName: string;
+        englishName: string;
+    };
+    el: {
+        nativeName: string;
+        englishName: string;
+    };
+    'el-GR': {
+        nativeName: string;
+        englishName: string;
+    };
+    en: {
+        nativeName: string;
+        englishName: string;
+    };
+    'en-GB': {
+        nativeName: string;
+        englishName: string;
+    };
+    'en-AU': {
+        nativeName: string;
+        englishName: string;
+    };
+    'en-CA': {
+        nativeName: string;
+        englishName: string;
+    };
+    'en-IE': {
+        nativeName: string;
+        englishName: string;
+    };
+    'en-IN': {
+        nativeName: string;
+        englishName: string;
+    };
+    'en-PI': {
+        nativeName: string;
+        englishName: string;
+    };
+    'en-UD': {
+        nativeName: string;
+        englishName: string;
+    };
+    'en-US': {
+        nativeName: string;
+        englishName: string;
+    };
+    'en-ZA': {
+        nativeName: string;
+        englishName: string;
+    };
+    'en@pirate': {
+        nativeName: string;
+        englishName: string;
+    };
+    eo: {
+        nativeName: string;
+        englishName: string;
+    };
+    'eo-EO': {
+        nativeName: string;
+        englishName: string;
+    };
+    es: {
+        nativeName: string;
+        englishName: string;
+    };
+    'es-AR': {
+        nativeName: string;
+        englishName: string;
+    };
+    'es-419': {
+        nativeName: string;
+        englishName: string;
+    };
+    'es-CL': {
+        nativeName: string;
+        englishName: string;
+    };
+    'es-CO': {
+        nativeName: string;
+        englishName: string;
+    };
+    'es-EC': {
+        nativeName: string;
+        englishName: string;
+    };
+    'es-ES': {
+        nativeName: string;
+        englishName: string;
+    };
+    'es-LA': {
+        nativeName: string;
+        englishName: string;
+    };
+    'es-NI': {
+        nativeName: string;
+        englishName: string;
+    };
+    'es-MX': {
+        nativeName: string;
+        englishName: string;
+    };
+    'es-US': {
+        nativeName: string;
+        englishName: string;
+    };
+    'es-VE': {
+        nativeName: string;
+        englishName: string;
+    };
+    et: {
+        nativeName: string;
+        englishName: string;
+    };
+    'et-EE': {
+        nativeName: string;
+        englishName: string;
+    };
+    eu: {
+        nativeName: string;
+        englishName: string;
+    };
+    'eu-ES': {
+        nativeName: string;
+        englishName: string;
+    };
+    fa: {
+        nativeName: string;
+        englishName: string;
+    };
+    'fa-IR': {
+        nativeName: string;
+        englishName: string;
+    };
+    'fb-LT': {
+        nativeName: string;
+        englishName: string;
+    };
+    ff: {
+        nativeName: string;
+        englishName: string;
+    };
+    fi: {
+        nativeName: string;
+        englishName: string;
+    };
+    'fi-FI': {
+        nativeName: string;
+        englishName: string;
+    };
+    'fo-FO': {
+        nativeName: string;
+        englishName: string;
+    };
+    fr: {
+        nativeName: string;
+        englishName: string;
+    };
+    'fr-CA': {
+        nativeName: string;
+        englishName: string;
+    };
+    'fr-FR': {
+        nativeName: string;
+        englishName: string;
+    };
+    'fr-BE': {
+        nativeName: string;
+        englishName: string;
+    };
+    'fr-CH': {
+        nativeName: string;
+        englishName: string;
+    };
+    'fy-NL': {
+        nativeName: string;
+        englishName: string;
+    };
+    ga: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ga-IE': {
+        nativeName: string;
+        englishName: string;
+    };
+    gd: {
+        nativeName: string;
+        englishName: string;
+    };
+    gl: {
+        nativeName: string;
+        englishName: string;
+    };
+    'gl-ES': {
+        nativeName: string;
+        englishName: string;
+    };
+    'gn-PY': {
+        nativeName: string;
+        englishName: string;
+    };
+    'gu-IN': {
+        nativeName: string;
+        englishName: string;
+    };
+    gv: {
+        nativeName: string;
+        englishName: string;
+    };
+    'gx-GR': {
+        nativeName: string;
+        englishName: string;
+    };
+    he: {
+        nativeName: string;
+        englishName: string;
+    };
+    'he-IL': {
+        nativeName: string;
+        englishName: string;
+    };
+    hi: {
+        nativeName: string;
+        englishName: string;
+    };
+    'hi-IN': {
+        nativeName: string;
+        englishName: string;
+    };
+    hr: {
+        nativeName: string;
+        englishName: string;
+    };
+    'hr-HR': {
+        nativeName: string;
+        englishName: string;
+    };
+    hsb: {
+        nativeName: string;
+        englishName: string;
+    };
+    ht: {
+        nativeName: string;
+        englishName: string;
+    };
+    hu: {
+        nativeName: string;
+        englishName: string;
+    };
+    'hu-HU': {
+        nativeName: string;
+        englishName: string;
+    };
+    'hy-AM': {
+        nativeName: string;
+        englishName: string;
+    };
+    id: {
+        nativeName: string;
+        englishName: string;
+    };
+    'id-ID': {
+        nativeName: string;
+        englishName: string;
+    };
+    is: {
+        nativeName: string;
+        englishName: string;
+    };
+    'is-IS': {
+        nativeName: string;
+        englishName: string;
+    };
+    it: {
+        nativeName: string;
+        englishName: string;
+    };
+    'it-IT': {
+        nativeName: string;
+        englishName: string;
+    };
+    ja: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ja-JP': {
+        nativeName: string;
+        englishName: string;
+    };
+    'jv-ID': {
+        nativeName: string;
+        englishName: string;
+    };
+    'ka-GE': {
+        nativeName: string;
+        englishName: string;
+    };
+    'kk-KZ': {
+        nativeName: string;
+        englishName: string;
+    };
+    km: {
+        nativeName: string;
+        englishName: string;
+    };
+    'km-KH': {
+        nativeName: string;
+        englishName: string;
+    };
+    kab: {
+        nativeName: string;
+        englishName: string;
+    };
+    kn: {
+        nativeName: string;
+        englishName: string;
+    };
+    'kn-IN': {
+        nativeName: string;
+        englishName: string;
+    };
+    ko: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ko-KR': {
+        nativeName: string;
+        englishName: string;
+    };
+    'ku-TR': {
+        nativeName: string;
+        englishName: string;
+    };
+    kw: {
+        nativeName: string;
+        englishName: string;
+    };
+    la: {
+        nativeName: string;
+        englishName: string;
+    };
+    'la-VA': {
+        nativeName: string;
+        englishName: string;
+    };
+    lb: {
+        nativeName: string;
+        englishName: string;
+    };
+    'li-NL': {
+        nativeName: string;
+        englishName: string;
+    };
+    lt: {
+        nativeName: string;
+        englishName: string;
+    };
+    'lt-LT': {
+        nativeName: string;
+        englishName: string;
+    };
+    lv: {
+        nativeName: string;
+        englishName: string;
+    };
+    'lv-LV': {
+        nativeName: string;
+        englishName: string;
+    };
+    mai: {
+        nativeName: string;
+        englishName: string;
+    };
+    'mg-MG': {
+        nativeName: string;
+        englishName: string;
+    };
+    mk: {
+        nativeName: string;
+        englishName: string;
+    };
+    'mk-MK': {
+        nativeName: string;
+        englishName: string;
+    };
+    ml: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ml-IN': {
+        nativeName: string;
+        englishName: string;
+    };
+    'mn-MN': {
+        nativeName: string;
+        englishName: string;
+    };
+    mr: {
+        nativeName: string;
+        englishName: string;
+    };
+    'mr-IN': {
+        nativeName: string;
+        englishName: string;
+    };
+    ms: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ms-MY': {
+        nativeName: string;
+        englishName: string;
+    };
+    mt: {
+        nativeName: string;
+        englishName: string;
+    };
+    'mt-MT': {
+        nativeName: string;
+        englishName: string;
+    };
+    my: {
+        nativeName: string;
+        englishName: string;
+    };
+    no: {
+        nativeName: string;
+        englishName: string;
+    };
+    nb: {
+        nativeName: string;
+        englishName: string;
+    };
+    'nb-NO': {
+        nativeName: string;
+        englishName: string;
+    };
+    ne: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ne-NP': {
+        nativeName: string;
+        englishName: string;
+    };
+    nl: {
+        nativeName: string;
+        englishName: string;
+    };
+    'nl-BE': {
+        nativeName: string;
+        englishName: string;
+    };
+    'nl-NL': {
+        nativeName: string;
+        englishName: string;
+    };
+    'nn-NO': {
+        nativeName: string;
+        englishName: string;
+    };
+    oc: {
+        nativeName: string;
+        englishName: string;
+    };
+    'or-IN': {
+        nativeName: string;
+        englishName: string;
+    };
+    pa: {
+        nativeName: string;
+        englishName: string;
+    };
+    'pa-IN': {
+        nativeName: string;
+        englishName: string;
+    };
+    pl: {
+        nativeName: string;
+        englishName: string;
+    };
+    'pl-PL': {
+        nativeName: string;
+        englishName: string;
+    };
+    'ps-AF': {
+        nativeName: string;
+        englishName: string;
+    };
+    pt: {
+        nativeName: string;
+        englishName: string;
+    };
+    'pt-BR': {
+        nativeName: string;
+        englishName: string;
+    };
+    'pt-PT': {
+        nativeName: string;
+        englishName: string;
+    };
+    'qu-PE': {
+        nativeName: string;
+        englishName: string;
+    };
+    'rm-CH': {
+        nativeName: string;
+        englishName: string;
+    };
+    ro: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ro-RO': {
+        nativeName: string;
+        englishName: string;
+    };
+    ru: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ru-RU': {
+        nativeName: string;
+        englishName: string;
+    };
+    'sa-IN': {
+        nativeName: string;
+        englishName: string;
+    };
+    'se-NO': {
+        nativeName: string;
+        englishName: string;
+    };
+    sh: {
+        nativeName: string;
+        englishName: string;
+    };
+    'si-LK': {
+        nativeName: string;
+        englishName: string;
+    };
+    sk: {
+        nativeName: string;
+        englishName: string;
+    };
+    'sk-SK': {
+        nativeName: string;
+        englishName: string;
+    };
+    sl: {
+        nativeName: string;
+        englishName: string;
+    };
+    'sl-SI': {
+        nativeName: string;
+        englishName: string;
+    };
+    'so-SO': {
+        nativeName: string;
+        englishName: string;
+    };
+    sq: {
+        nativeName: string;
+        englishName: string;
+    };
+    'sq-AL': {
+        nativeName: string;
+        englishName: string;
+    };
+    sr: {
+        nativeName: string;
+        englishName: string;
+    };
+    'sr-RS': {
+        nativeName: string;
+        englishName: string;
+    };
+    su: {
+        nativeName: string;
+        englishName: string;
+    };
+    sv: {
+        nativeName: string;
+        englishName: string;
+    };
+    'sv-SE': {
+        nativeName: string;
+        englishName: string;
+    };
+    sw: {
+        nativeName: string;
+        englishName: string;
+    };
+    'sw-KE': {
+        nativeName: string;
+        englishName: string;
+    };
+    ta: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ta-IN': {
+        nativeName: string;
+        englishName: string;
+    };
+    te: {
+        nativeName: string;
+        englishName: string;
+    };
+    'te-IN': {
+        nativeName: string;
+        englishName: string;
+    };
+    tg: {
+        nativeName: string;
+        englishName: string;
+    };
+    'tg-TJ': {
+        nativeName: string;
+        englishName: string;
+    };
+    th: {
+        nativeName: string;
+        englishName: string;
+    };
+    'th-TH': {
+        nativeName: string;
+        englishName: string;
+    };
+    tl: {
+        nativeName: string;
+        englishName: string;
+    };
+    'tl-PH': {
+        nativeName: string;
+        englishName: string;
+    };
+    tlh: {
+        nativeName: string;
+        englishName: string;
+    };
+    tr: {
+        nativeName: string;
+        englishName: string;
+    };
+    'tr-TR': {
+        nativeName: string;
+        englishName: string;
+    };
+    'tt-RU': {
+        nativeName: string;
+        englishName: string;
+    };
+    uk: {
+        nativeName: string;
+        englishName: string;
+    };
+    'uk-UA': {
+        nativeName: string;
+        englishName: string;
+    };
+    ur: {
+        nativeName: string;
+        englishName: string;
+    };
+    'ur-PK': {
+        nativeName: string;
+        englishName: string;
+    };
+    uz: {
+        nativeName: string;
+        englishName: string;
+    };
+    'uz-UZ': {
+        nativeName: string;
+        englishName: string;
+    };
+    vi: {
+        nativeName: string;
+        englishName: string;
+    };
+    'vi-VN': {
+        nativeName: string;
+        englishName: string;
+    };
+    'xh-ZA': {
+        nativeName: string;
+        englishName: string;
+    };
+    yi: {
+        nativeName: string;
+        englishName: string;
+    };
+    'yi-DE': {
+        nativeName: string;
+        englishName: string;
+    };
+    zh: {
+        nativeName: string;
+        englishName: string;
+    };
+    'zh-Hans': {
+        nativeName: string;
+        englishName: string;
+    };
+    'zh-Hant': {
+        nativeName: string;
+        englishName: string;
+    };
+    'zh-CN': {
+        nativeName: string;
+        englishName: string;
+    };
+    'zh-HK': {
+        nativeName: string;
+        englishName: string;
+    };
+    'zh-SG': {
+        nativeName: string;
+        englishName: string;
+    };
+    'zh-TW': {
+        nativeName: string;
+        englishName: string;
+    };
+    'zu-ZA': {
+        nativeName: string;
+        englishName: string;
+    };
+};
diff --git a/packages/volto/types/helpers/Slots/index.d.ts b/packages/volto/types/helpers/Slots/index.d.ts
new file mode 100644
index 0000000000..7d94a56717
--- /dev/null
+++ b/packages/volto/types/helpers/Slots/index.d.ts
@@ -0,0 +1,7 @@
+import type { Content } from '@plone/types';
+export declare function RouteCondition(path: string, exact?: boolean): ({ pathname }: {
+    pathname: string;
+}) => boolean;
+export declare function ContentTypeCondition(contentType: string[]): ({ content }: {
+    content: Content;
+}) => boolean;
diff --git a/packages/volto/types/helpers/Utils/Date.d.ts b/packages/volto/types/helpers/Utils/Date.d.ts
index acc817eca3..529d16901c 100644
--- a/packages/volto/types/helpers/Utils/Date.d.ts
+++ b/packages/volto/types/helpers/Utils/Date.d.ts
@@ -8,14 +8,14 @@ export function formatDate({ date, format, locale, long, includeTime, formatToPa
     long: any;
     includeTime: any;
     formatToParts?: boolean;
-}): any;
+}): string | Intl.DateTimeFormatPart[];
 export function formatRelativeDate({ date, locale, relativeTo, style, formatToParts, }: {
     date: any;
     locale?: string;
     relativeTo: any;
     style?: string;
     formatToParts?: boolean;
-}): any;
+}): string | Intl.RelativeTimeFormatPart[];
 export namespace short_date_format {
     let year: string;
     let month: string;
diff --git a/packages/volto/types/helpers/Utils/UseDetectClickOutside.stories.d.ts b/packages/volto/types/helpers/Utils/UseDetectClickOutside.stories.d.ts
index e3a5cd36cc..64a6a24ac2 100644
--- a/packages/volto/types/helpers/Utils/UseDetectClickOutside.stories.d.ts
+++ b/packages/volto/types/helpers/Utils/UseDetectClickOutside.stories.d.ts
@@ -5,7 +5,7 @@ export const WithPortalAndPopperUsingBlockChooser: any;
 declare namespace _default {
     export let title: string;
     export { TestComponent as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
 }
 export default _default;
-declare function TestComponent(props: any): JSX.Element;
+declare function TestComponent(props: any): import("react/jsx-runtime").JSX.Element;
diff --git a/packages/volto/types/helpers/Utils/Utils.d.ts b/packages/volto/types/helpers/Utils/Utils.d.ts
index a486fa8285..991de81458 100644
--- a/packages/volto/types/helpers/Utils/Utils.d.ts
+++ b/packages/volto/types/helpers/Utils/Utils.d.ts
@@ -19,7 +19,7 @@ export function applyConfig(configMethods: any[], config: any): any;
  *
  * @param {} code HTTP return code
  */
-export function withServerErrorCode(code: any): (WrappedComponent: any) => (props: any) => JSX.Element;
+export function withServerErrorCode(code: any): (WrappedComponent: any) => (props: any) => import("react/jsx-runtime").JSX.Element;
 /**
  * Normalize (unicode) string to a normalized plain ascii string
  * @method normalizeString
diff --git a/packages/volto/types/helpers/index.d.ts b/packages/volto/types/helpers/index.d.ts
index 4484c99b46..cfa38f3c3a 100644
--- a/packages/volto/types/helpers/index.d.ts
+++ b/packages/volto/types/helpers/index.d.ts
@@ -17,6 +17,7 @@ export { default as useUndoManager } from "./UndoManager/useUndoManager";
 export { getCookieOptions } from "./Cookies/cookies";
 export { getWidgetView } from "./Widget/widget";
 export { getSiteAsyncPropExtender } from "./Site";
+export { ContentTypeCondition } from "./Slots";
 export { getAuthToken, persistAuthToken } from "@plone/volto/helpers/AuthToken/AuthToken";
 export { addAppURL, expandToBackendURL, flattenHTMLToAppURL, flattenToAppURL, stripQuerystring, toPublicURL, isInternalURL, getParentUrl, getBaseUrl, getView, isCmsUi, getId, isUrl, normalizeUrl, removeProtocol, URLUtils, flattenScales } from "@plone/volto/helpers/Url/Url";
 export { nestContent, getLayoutFieldname, getContentIcon, getLanguageIndependentFields } from "@plone/volto/helpers/Content/Content";
diff --git a/packages/volto/types/reducers/blocksClipboard/blocksClipboard.d.ts b/packages/volto/types/reducers/blocksClipboard/blocksClipboard.d.ts
index 748881d834..c58f548f45 100644
--- a/packages/volto/types/reducers/blocksClipboard/blocksClipboard.d.ts
+++ b/packages/volto/types/reducers/blocksClipboard/blocksClipboard.d.ts
@@ -1 +1 @@
-export default function blocks(state?: {}, action?: {}): any;
+export default function blocks(state?: {}, action?: {}): {};
diff --git a/packages/volto/types/routes.d.ts b/packages/volto/types/routes.d.ts
index bbfab68149..58108a6598 100644
--- a/packages/volto/types/routes.d.ts
+++ b/packages/volto/types/routes.d.ts
@@ -1,5 +1,5 @@
 export function getExternalRoutes(): {
-    component: (props: any) => JSX.Element;
+    component: (props: any) => import("react/jsx-runtime").JSX.Element;
 }[];
 /**
  * Default routes array.
@@ -24,7 +24,7 @@ export const defaultRoutes: ({
     component: any;
     exact: boolean;
 } | {
-    component: (props: any) => JSX.Element;
+    component: (props: any) => import("react/jsx-runtime").JSX.Element;
 } | {
     path: string[];
     component: any;
@@ -47,7 +47,7 @@ declare const routes: {
         component: any;
         exact: boolean;
     } | {
-        component: (props: any) => JSX.Element;
+        component: (props: any) => import("react/jsx-runtime").JSX.Element;
     } | {
         path: string[];
         component: any;
diff --git a/packages/volto/types/storybook.d.ts b/packages/volto/types/storybook.d.ts
index 46be7b1c76..4acebcb73e 100644
--- a/packages/volto/types/storybook.d.ts
+++ b/packages/volto/types/storybook.d.ts
@@ -1049,7 +1049,7 @@ export default class Wrapper extends React.Component<any, any, any> {
         };
         lazyLibraries: {};
     };
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export class RealStoreWrapper extends React.Component<any, any, any> {
     /**
@@ -2097,11 +2097,11 @@ export class RealStoreWrapper extends React.Component<any, any, any> {
         };
         lazyLibraries: {};
     };
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export function FormUndoWrapper({ initialState, children, showControls, }: {
     initialState?: {};
     children: any;
     showControls?: boolean;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 import React from 'react';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d4a23e2f1c..295d393785 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,62 +12,59 @@ importers:
   .:
     devDependencies:
       '@parcel/packager-ts':
-        specifier: 2.11.0
-        version: 2.11.0(@parcel/core@2.11.0)
+        specifier: ^2.12.0
+        version: 2.12.0(@parcel/core@2.12.0)
       '@parcel/transformer-typescript-types':
-        specifier: 2.11.0
-        version: 2.11.0(@parcel/core@2.11.0)(typescript@5.2.2)
+        specifier: ^2.12.0
+        version: 2.12.0(@parcel/core@2.12.0)(typescript@5.2.2)
       '@typescript-eslint/eslint-plugin':
         specifier: ^6.8.0
-        version: 6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.53.0)(typescript@5.2.2)
+        version: 6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.57.0)(typescript@5.2.2)
       '@typescript-eslint/parser':
         specifier: ^6.8.0
-        version: 6.8.0(eslint@8.53.0)(typescript@5.2.2)
+        version: 6.8.0(eslint@8.57.0)(typescript@5.2.2)
+      concurrently:
+        specifier: ^8.2.2
+        version: 8.2.2
       eslint:
-        specifier: ^8.53.0
-        version: 8.53.0
+        specifier: ^8.57.0
+        version: 8.57.0
       eslint-config-prettier:
-        specifier: 9.0.0
-        version: 9.0.0(eslint@8.53.0)
+        specifier: 9.1.0
+        version: 9.1.0(eslint@8.57.0)
       eslint-import-resolver-typescript:
         specifier: ^3.6.1
-        version: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@8.53.0)
+        version: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
       eslint-plugin-import:
-        specifier: 2.28.1
-        version: 2.28.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.53.0)
+        specifier: 2.29.1
+        version: 2.29.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       eslint-plugin-prettier:
-        specifier: 5.0.0
-        version: 5.0.0(eslint-config-prettier@9.0.0)(eslint@8.53.0)(prettier@3.0.3)
+        specifier: 5.1.3
+        version: 5.1.3(eslint-config-prettier@9.1.0)(eslint@8.57.0)(prettier@3.2.5)
       eslint-plugin-react:
         specifier: 7.33.2
-        version: 7.33.2(eslint@8.53.0)
+        version: 7.33.2(eslint@8.57.0)
       husky:
-        specifier: ^8.0.3
-        version: 8.0.3
+        specifier: 9.0.11
+        version: 9.0.11
       lint-staged:
-        specifier: 15.0.2
-        version: 15.0.2
+        specifier: 15.2.2
+        version: 15.2.2
       prettier:
-        specifier: 3.0.3
-        version: 3.0.3
+        specifier: 3.2.5
+        version: 3.2.5
       stylelint:
-        specifier: ^15.11.0
-        version: 15.11.0(typescript@5.2.2)
+        specifier: ^16.2.1
+        version: 16.2.1(typescript@5.2.2)
       tsconfig:
         specifier: workspace:*
         version: link:packages/tsconfig
-      turbo:
-        specifier: latest
-        version: 1.10.16
       typescript:
         specifier: 5.2.2
         version: 5.2.2
       vitest:
-        specifier: ^0.34.6
-        version: 0.34.6(jsdom@21.1.2)
-      yarnhook:
-        specifier: 0.6.1
-        version: 0.6.1
+        specifier: ^1.3.1
+        version: 1.3.1(jsdom@21.1.2)
 
   apps/nextjs:
     dependencies:
@@ -78,20 +75,20 @@ importers:
         specifier: 'workspace: *'
         version: link:../../packages/components
       '@tanstack/react-query':
-        specifier: ^5.0.5
-        version: 5.0.5(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^5.24.6
+        version: 5.24.6(react@18.2.0)
       '@tanstack/react-query-devtools':
-        specifier: ^5.4.2
-        version: 5.14.0(@tanstack/react-query@5.0.5)(react@18.2.0)
+        specifier: ^5.24.6
+        version: 5.24.6(@tanstack/react-query@5.24.6)(react@18.2.0)
       next:
-        specifier: 14.0.4
-        version: 14.0.4(react-dom@18.2.0)(react@18.2.0)(sass@1.69.5)
+        specifier: 14.1.1
+        version: 14.1.1(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18
         version: 18.2.0
       react-aria-components:
-        specifier: ^1.0.0-rc.0
-        version: 1.0.0-rc.0(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^1.1.1
+        version: 1.1.1(react-dom@18.2.0)(react@18.2.0)
       react-dom:
         specifier: ^18
         version: 18.2.0(react@18.2.0)
@@ -109,17 +106,11 @@ importers:
         specifier: ^8
         version: 8.53.0
       eslint-config-next:
-        specifier: 14.0.4
-        version: 14.0.4(eslint@8.53.0)(typescript@5.2.2)
+        specifier: 14.1.1
+        version: 14.1.1(eslint@8.53.0)(typescript@5.2.2)
       mrs-developer:
         specifier: ^2.1.1
         version: 2.1.1
-      prettier:
-        specifier: 3.0.3
-        version: 3.0.3
-      sass:
-        specifier: ^1.69.1
-        version: 1.69.5
       typescript:
         specifier: 5.2.2
         version: 5.2.2
@@ -141,6 +132,9 @@ importers:
       '@plone/volto-slate':
         specifier: workspace:*
         version: link:../../packages/volto-slate
+      '@redux-devtools/extension':
+        specifier: ^3.3.0
+        version: 3.3.0(redux@4.1.0)
       classnames:
         specifier: 2.2.6
         version: 2.2.6
@@ -149,7 +143,7 @@ importers:
         version: 6.8.0(history@4.10.1)(immutable@3.8.2)(react-redux@7.2.4)(react-router@5.2.0)(react@17.0.2)(redux@4.1.0)(seamless-immutable@7.1.4)
       debug:
         specifier: 4.3.2
-        version: 4.3.2(supports-color@8.1.1)
+        version: 4.3.2
       detect-browser:
         specifier: 5.1.0
         version: 5.1.0
@@ -308,7 +302,7 @@ importers:
         version: 2.4.3(react-router-dom@5.2.0)(react@17.0.2)
       react-select:
         specifier: 4.3.1
-        version: 4.3.1(@types/react@17.0.70)(react-dom@17.0.2)(react@17.0.2)
+        version: 4.3.1(react-dom@17.0.2)(react@17.0.2)
       react-select-async-paginate:
         specifier: 0.5.3
         version: 0.5.3(react-dom@17.0.2)(react-select@4.3.1)(react@17.0.2)
@@ -348,9 +342,6 @@ importers:
       redux-connect:
         specifier: 10.0.0
         version: 10.0.0(prop-types@15.7.2)(react-redux@7.2.4)(react-router-config@5.1.1)(react-router-dom@5.2.0)(react-router@5.2.0)(react@17.0.2)(redux-actions@2.6.5)
-      redux-devtools-extension:
-        specifier: 2.13.8
-        version: 2.13.8(redux@4.1.0)
       redux-localstorage-simple:
         specifier: 2.3.1
         version: 2.3.1
@@ -441,25 +432,25 @@ importers:
         version: 6.3.0(react-dom@17.0.2)(react@17.0.2)
       '@storybook/addon-essentials':
         specifier: ^6.3.0
-        version: 6.5.16(@babel/core@7.23.9)(@storybook/builder-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
+        version: 6.5.16(@babel/core@7.23.9)(@storybook/builder-webpack5@6.5.16)(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
       '@storybook/addon-links':
         specifier: ^6.3.0
         version: 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/builder-webpack5':
         specifier: ^6.5.15
-        version: 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+        version: 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/manager-webpack5':
         specifier: ^6.5.15
-        version: 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+        version: 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/react':
         specifier: ^6.3.0
-        version: 6.5.16(@babel/core@7.23.9)(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(require-from-string@2.0.2)(typescript@5.2.2)(webpack-dev-server@4.11.1)
+        version: 6.5.16(@babel/core@7.23.9)(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(require-from-string@2.0.2)(typescript@5.2.2)(webpack-dev-server@4.11.1)
       '@typescript-eslint/eslint-plugin':
         specifier: 6.7.0
-        version: 6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.49.0)(typescript@5.2.2)
+        version: 6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.57.0)(typescript@5.2.2)
       '@typescript-eslint/parser':
         specifier: 6.7.0
-        version: 6.7.0(eslint@8.49.0)(typescript@5.2.2)
+        version: 6.7.0(eslint@8.57.0)(typescript@5.2.2)
       autoprefixer:
         specifier: 10.4.8
         version: 10.4.8(postcss@8.4.31)
@@ -479,35 +470,35 @@ importers:
         specifier: 5.2.7
         version: 5.2.7(webpack@5.90.1)
       eslint:
-        specifier: 8.49.0
-        version: 8.49.0
+        specifier: ^8.57.0
+        version: 8.57.0
       eslint-config-prettier:
-        specifier: 9.0.0
-        version: 9.0.0(eslint@8.49.0)
+        specifier: 9.1.0
+        version: 9.1.0(eslint@8.57.0)
       eslint-config-react-app:
         specifier: 7.0.1
-        version: 7.0.1(@babel/plugin-syntax-flow@7.23.3)(@babel/plugin-transform-react-jsx@7.22.15)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)(jest@26.6.3)(typescript@5.2.2)
+        version: 7.0.1(@babel/plugin-syntax-flow@7.23.3)(@babel/plugin-transform-react-jsx@7.22.15)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)(jest@26.6.3)(typescript@5.2.2)
       eslint-import-resolver-alias:
         specifier: 1.1.2
-        version: 1.1.2(eslint-plugin-import@2.28.1)
+        version: 1.1.2(eslint-plugin-import@2.29.1)
       eslint-import-resolver-babel-plugin-root-import:
         specifier: 1.1.1
-        version: 1.1.1(babel-plugin-root-import@6.1.0)(eslint-plugin-import@2.28.1)
+        version: 1.1.1(babel-plugin-root-import@6.1.0)(eslint-plugin-import@2.29.1)
       eslint-plugin-import:
-        specifier: 2.28.1
-        version: 2.28.1(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
+        specifier: 2.29.1
+        version: 2.29.1(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       eslint-plugin-jsx-a11y:
-        specifier: 6.7.1
-        version: 6.7.1(eslint@8.49.0)
+        specifier: ^6.7.1
+        version: 6.7.1(eslint@8.57.0)
       eslint-plugin-prettier:
-        specifier: 5.0.0
-        version: 5.0.0(eslint-config-prettier@9.0.0)(eslint@8.49.0)(prettier@3.0.3)
+        specifier: 5.1.3
+        version: 5.1.3(eslint-config-prettier@9.1.0)(eslint@8.57.0)(prettier@3.2.5)
       eslint-plugin-react:
         specifier: 7.33.2
-        version: 7.33.2(eslint@8.49.0)
+        version: 7.33.2(eslint@8.57.0)
       eslint-plugin-react-hooks:
         specifier: 4.6.0
-        version: 4.6.0(eslint@8.49.0)
+        version: 4.6.0(eslint@8.57.0)
       glob:
         specifier: 7.1.6
         version: 7.1.6
@@ -545,11 +536,11 @@ importers:
         specifier: 4.0.6
         version: 4.0.6(postcss@8.4.31)
       prettier:
-        specifier: 3.0.3
-        version: 3.0.3
+        specifier: 3.2.5
+        version: 3.2.5
       razzle:
         specifier: 4.2.18
-        version: 4.2.18(@babel/core@7.23.9)(babel-preset-razzle@4.2.18)(eslint@8.49.0)(html-webpack-plugin@5.5.0)(mini-css-extract-plugin@0.12.0)(razzle-dev-utils@4.2.18)(typescript@5.2.2)(webpack-dev-server@4.11.1)(webpack@5.90.1)
+        version: 4.2.18(@babel/core@7.23.9)(babel-preset-razzle@4.2.18)(eslint@8.57.0)(html-webpack-plugin@5.5.0)(mini-css-extract-plugin@0.12.0)(razzle-dev-utils@4.2.18)(typescript@5.2.2)(webpack-dev-server@4.11.1)(webpack@5.90.1)
       start-server-and-test:
         specifier: 1.14.0
         version: 1.14.0
@@ -557,14 +548,14 @@ importers:
         specifier: 3.3.1
         version: 3.3.1(webpack@5.90.1)
       stylelint:
-        specifier: 15.10.3
-        version: 15.10.3(typescript@5.2.2)
+        specifier: ^16.2.1
+        version: 16.2.1(typescript@5.2.2)
       stylelint-config-idiomatic-order:
-        specifier: 9.0.0
-        version: 9.0.0(stylelint@15.10.3)
+        specifier: 10.0.0
+        version: 10.0.0(stylelint@16.2.1)
       stylelint-prettier:
-        specifier: 4.0.2
-        version: 4.0.2(prettier@3.0.3)(stylelint@15.10.3)
+        specifier: 5.0.0
+        version: 5.0.0(prettier@3.2.5)(stylelint@16.2.1)
       svg-loader:
         specifier: 0.0.2
         version: 0.0.2
@@ -651,19 +642,19 @@ importers:
         version: 2.4.0
       '@remix-run/node':
         specifier: ^2.4.0
-        version: 2.4.0(typescript@5.2.2)
+        version: 2.4.0(typescript@5.3.3)
       '@remix-run/react':
         specifier: ^2.4.0
-        version: 2.4.0(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+        version: 2.4.0(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
       '@remix-run/serve':
         specifier: ^2.4.0
-        version: 2.4.0(typescript@5.2.2)
+        version: 2.4.0(typescript@5.3.3)
       '@tanstack/react-query':
-        specifier: 5.0.5
-        version: 5.0.5(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^5.24.6
+        version: 5.24.6(react@18.2.0)
       '@tanstack/react-query-devtools':
-        specifier: '*'
-        version: 5.14.1(@tanstack/react-query@5.0.5)(react@18.2.0)
+        specifier: ^5.24.6
+        version: 5.24.6(@tanstack/react-query@5.24.6)(react@18.2.0)
       isbot:
         specifier: ^3.6.8
         version: 3.7.1
@@ -676,7 +667,7 @@ importers:
     devDependencies:
       '@remix-run/dev':
         specifier: ^2.4.0
-        version: 2.4.0(@remix-run/serve@2.4.0)(typescript@5.2.2)
+        version: 2.4.0(@remix-run/serve@2.4.0)(typescript@5.3.3)
       '@types/react':
         specifier: ^18.2.20
         version: 18.2.27
@@ -685,7 +676,7 @@ importers:
         version: 18.2.12
       '@typescript-eslint/eslint-plugin':
         specifier: ^6.7.4
-        version: 6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.53.0)(typescript@5.2.2)
+        version: 6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.53.0)(typescript@5.3.3)
       eslint:
         specifier: ^8.38.0
         version: 8.53.0
@@ -705,8 +696,8 @@ importers:
         specifier: ^4.6.0
         version: 4.6.0(eslint@8.53.0)
       typescript:
-        specifier: ^5.1.6
-        version: 5.2.2
+        specifier: ^5.2.2
+        version: 5.3.3
 
   apps/vite-ssr:
     dependencies:
@@ -727,19 +718,19 @@ importers:
         version: 5.0.5(react-dom@18.2.0)(react@18.2.0)
       '@tanstack/react-router':
         specifier: ^1.16.0
-        version: 1.16.2(react-dom@18.2.0)(react@18.2.0)
+        version: 1.17.4(react-dom@18.2.0)(react@18.2.0)
       '@tanstack/react-router-server':
         specifier: ^1.16.0
-        version: 1.16.2(preact@10.19.4)(react-dom@18.2.0)(react@18.2.0)
+        version: 1.17.4(preact@10.19.6)(react-dom@18.2.0)(react@18.2.0)
       '@tanstack/router-devtools':
         specifier: ^1.16.0
-        version: 1.16.2(react-dom@18.2.0)(react@18.2.0)
+        version: 1.17.4(csstype@3.1.2)(react-dom@18.2.0)(react@18.2.0)
       '@tanstack/router-vite-plugin':
         specifier: ^1.16.1
-        version: 1.16.3
+        version: 1.16.5
       axios:
         specifier: ^1.6.5
-        version: 1.6.7(debug@4.3.2)
+        version: 1.6.7(debug@4.3.4)
       get-port:
         specifier: ^7.0.0
         version: 7.0.0
@@ -770,13 +761,13 @@ importers:
         version: 6.0.4(@babel/core@7.23.9)
       '@tanstack/react-query-devtools':
         specifier: ^5.20.1
-        version: 5.20.5(@tanstack/react-query@5.0.5)(react@18.2.0)
+        version: 5.24.1(@tanstack/react-query@5.0.5)(react@18.2.0)
       '@types/express':
         specifier: ^4.17.21
         version: 4.17.21
       '@types/react':
         specifier: ^18.2.55
-        version: 18.2.55
+        version: 18.2.60
       '@types/react-dom':
         specifier: ^18.2.19
         version: 18.2.19
@@ -803,7 +794,7 @@ importers:
         version: 5.3.3
       vite:
         specifier: ^5.1.4
-        version: 5.1.4
+        version: 5.1.4(@types/node@20.9.0)
       vite-plugin-babel:
         specifier: ^1.2.0
         version: 1.2.0(@babel/core@7.23.9)(vite@5.1.4)
@@ -818,11 +809,11 @@ importers:
         version: 18.2.0(react@18.2.0)
     devDependencies:
       '@parcel/packager-ts':
-        specifier: 2.10.2
-        version: 2.10.2(@parcel/core@2.11.0)
+        specifier: ^2.12.0
+        version: 2.12.0(@parcel/core@2.12.0)
       '@parcel/transformer-typescript-types':
-        specifier: 2.10.2
-        version: 2.10.2(@parcel/core@2.11.0)(typescript@5.2.2)
+        specifier: ^2.12.0
+        version: 2.12.0(@parcel/core@2.12.0)(typescript@5.2.2)
       '@plone/registry':
         specifier: workspace:*
         version: link:../registry
@@ -831,13 +822,13 @@ importers:
         version: link:../types
       '@types/react':
         specifier: ^18
-        version: 18.2.55
+        version: 18.2.60
       '@types/react-dom':
         specifier: ^18
         version: 18.2.19
       parcel:
-        specifier: 2.10.2
-        version: 2.10.2(postcss@8.4.31)(typescript@5.2.2)
+        specifier: ^2.12.0
+        version: 2.12.0(postcss@8.4.35)(typescript@5.2.2)
       release-it:
         specifier: 17.1.1
         version: 17.1.1(typescript@5.2.2)
@@ -849,24 +840,24 @@ importers:
         version: 5.2.2
       vitest:
         specifier: ^1.3.1
-        version: 1.3.1
+        version: 1.3.1(jsdom@21.1.2)
 
   packages/client:
     dependencies:
       '@tanstack/react-query':
-        specifier: 5.0.5
-        version: 5.0.5(react-dom@18.2.0)(react@18.2.0)
+        specifier: 5.24.1
+        version: 5.24.1(react@18.2.0)
       axios:
-        specifier: ^1.5.1
-        version: 1.6.2(debug@4.3.2)
+        specifier: ^1.6.7
+        version: 1.6.7(debug@4.3.4)
       debug:
-        specifier: 4.3.2
-        version: 4.3.2(supports-color@8.1.1)
+        specifier: 4.3.4
+        version: 4.3.4(supports-color@8.1.1)
       query-string:
-        specifier: ^8.1.0
-        version: 8.1.0
+        specifier: ^9.0.0
+        version: 9.0.0
       zod:
-        specifier: ^3.21.4
+        specifier: ^3.22.4
         version: 3.22.4
     devDependencies:
       '@plone/types':
@@ -892,10 +883,10 @@ importers:
         version: 9.0.7
       '@vitejs/plugin-react':
         specifier: ^4.1.0
-        version: 4.2.0(vite@4.5.1)
-      '@vitest/coverage-c8':
-        specifier: 0.28.5
-        version: 0.28.5(jsdom@21.1.2)
+        version: 4.2.0(vite@5.1.4)
+      '@vitest/coverage-v8':
+        specifier: ^1.3.1
+        version: 1.3.1(vitest@1.3.1)
       glob:
         specifier: 7.1.6
         version: 7.1.6
@@ -909,29 +900,29 @@ importers:
         specifier: ^18.2.0
         version: 18.2.0(react@18.2.0)
       release-it:
-        specifier: 16.2.1
-        version: 16.2.1(typescript@5.2.2)
+        specifier: 17.1.1
+        version: 17.1.1(typescript@5.2.2)
       tsup:
-        specifier: ^8.0.1
-        version: 8.0.1(postcss@8.4.31)(typescript@5.2.2)
+        specifier: ^8.0.2
+        version: 8.0.2(postcss@8.4.35)(typescript@5.2.2)
       typescript:
         specifier: 5.2.2
         version: 5.2.2
       uuid:
-        specifier: ^9.0.0
+        specifier: ^9.0.1
         version: 9.0.1
       vite:
-        specifier: ^4.5.1
-        version: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
+        specifier: ^5.1.4
+        version: 5.1.4(@types/node@20.9.0)
       vite-plugin-dts:
-        specifier: ^3.6.0
-        version: 3.6.4(typescript@5.2.2)(vite@4.5.1)
+        specifier: ^3.7.3
+        version: 3.7.3(typescript@5.2.2)(vite@5.1.4)
       vitest:
-        specifier: ^0.34.6
-        version: 0.34.6(jsdom@21.1.2)
+        specifier: ^1.3.1
+        version: 1.3.1(jsdom@21.1.2)
       wait-on:
-        specifier: ^7.0.1
-        version: 7.2.0(debug@4.3.2)
+        specifier: ^7.2.0
+        version: 7.2.0(debug@4.3.4)
 
   packages/components:
     dependencies:
@@ -941,15 +932,9 @@ importers:
       '@react-spectrum/utils':
         specifier: ^3.11.1
         version: 3.11.2(react@18.2.0)
-      classnames:
-        specifier: ^2.3.2
-        version: 2.3.2
       clsx:
         specifier: ^2.0.0
         version: 2.0.0
-      lodash:
-        specifier: ^4.17.21
-        version: 4.17.21
       react:
         specifier: ^16.8.0 || ^17.0.0 || ^18.0.0
         version: 18.2.0
@@ -961,23 +946,23 @@ importers:
         version: 18.2.0(react@18.2.0)
     devDependencies:
       '@parcel/config-default':
-        specifier: 2.11.0
-        version: 2.11.0(@parcel/core@2.11.0)(postcss@8.4.31)(typescript@5.2.2)
+        specifier: ^2.12.0
+        version: 2.12.0(@parcel/core@2.12.0)(postcss@8.4.35)(typescript@5.2.2)
       '@parcel/core':
-        specifier: ^2.11.0
-        version: 2.11.0
+        specifier: ^2.12.0
+        version: 2.12.0
       '@parcel/packager-ts':
-        specifier: ^2.11.0
-        version: 2.11.0(@parcel/core@2.11.0)
+        specifier: ^2.12.0
+        version: 2.12.0(@parcel/core@2.12.0)
       '@parcel/transformer-js':
-        specifier: ^2.11.0
-        version: 2.11.0(@parcel/core@2.11.0)
+        specifier: ^2.12.0
+        version: 2.12.0(@parcel/core@2.12.0)
       '@parcel/transformer-react-refresh-wrap':
-        specifier: ^2.11.0
-        version: 2.11.0(@parcel/core@2.11.0)
+        specifier: ^2.12.0
+        version: 2.12.0(@parcel/core@2.12.0)
       '@parcel/transformer-typescript-types':
-        specifier: ^2.11.0
-        version: 2.11.0(@parcel/core@2.11.0)(typescript@5.2.2)
+        specifier: ^2.12.0
+        version: 2.12.0(@parcel/core@2.12.0)(typescript@5.2.2)
       '@plone/types':
         specifier: 'workspace: *'
         version: link:../types
@@ -985,29 +970,26 @@ importers:
         specifier: ^3.22.0
         version: 3.22.0(react@18.2.0)
       '@storybook/addon-essentials':
-        specifier: ^7.5.1
-        version: 7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^7.6.17
+        version: 7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
       '@storybook/addon-interactions':
-        specifier: ^7.5.1
-        version: 7.6.5
+        specifier: ^7.6.17
+        version: 7.6.17
       '@storybook/addon-links':
-        specifier: ^7.5.1
-        version: 7.6.5(react@18.2.0)
-      '@storybook/addon-mdx-gfm':
-        specifier: ^7.5.1
-        version: 7.6.5
+        specifier: ^7.6.17
+        version: 7.6.17(react@18.2.0)
       '@storybook/blocks':
-        specifier: ^7.5.1
-        version: 7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^7.6.17
+        version: 7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
       '@storybook/manager-api':
         specifier: ^7.6.17
         version: 7.6.17(react-dom@18.2.0)(react@18.2.0)
       '@storybook/react':
-        specifier: ^7.5.1
-        version: 7.6.5(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+        specifier: ^7.6.17
+        version: 7.6.17(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
       '@storybook/react-vite':
-        specifier: ^7.5.1
-        version: 7.6.5(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(vite@4.5.1)
+        specifier: ^7.6.17
+        version: 7.6.17(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(vite@5.1.4)
       '@storybook/testing-library':
         specifier: ^0.2.2
         version: 0.2.2
@@ -1015,17 +997,14 @@ importers:
         specifier: ^7.6.17
         version: 7.6.17(react-dom@18.2.0)(react@18.2.0)
       '@testing-library/jest-dom':
-        specifier: 6.1.4
-        version: 6.1.4(vitest@0.34.6)
+        specifier: 6.4.2
+        version: 6.4.2(vitest@1.3.1)
       '@testing-library/react':
-        specifier: 14.0.0
-        version: 14.0.0(react-dom@18.2.0)(react@18.2.0)
+        specifier: 14.2.1
+        version: 14.2.1(react-dom@18.2.0)(react@18.2.0)
       '@types/jest-axe':
         specifier: ^3.5.7
         version: 3.5.9
-      '@types/lodash':
-        specifier: ^4.14.201
-        version: 4.14.201
       '@types/react':
         specifier: ^18
         version: 18.2.27
@@ -1034,28 +1013,25 @@ importers:
         version: 18.2.12
       '@typescript-eslint/eslint-plugin':
         specifier: ^6.8.0
-        version: 6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.53.0)(typescript@5.2.2)
+        version: 6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.57.0)(typescript@5.2.2)
       '@typescript-eslint/parser':
         specifier: ^6.8.0
-        version: 6.8.0(eslint@8.53.0)(typescript@5.2.2)
+        version: 6.8.0(eslint@8.57.0)(typescript@5.2.2)
       '@vitejs/plugin-react':
         specifier: ^4.1.0
-        version: 4.2.0(vite@4.5.1)
-      '@vitest/coverage-c8':
-        specifier: 0.33.0
-        version: 0.33.0(vitest@0.34.6)
+        version: 4.2.0(vite@5.1.4)
+      '@vitest/coverage-v8':
+        specifier: ^1.3.1
+        version: 1.3.1(vitest@1.3.1)
       browserslist:
         specifier: ^4.23.0
         version: 4.23.0
       eslint:
-        specifier: ^8.53.0
-        version: 8.53.0
+        specifier: ^8.57.0
+        version: 8.57.0
       eslint-plugin-storybook:
-        specifier: ^0.6.15
-        version: 0.6.15(eslint@8.53.0)(typescript@5.2.2)
-      globby:
-        specifier: ^14.0.0
-        version: 14.0.0
+        specifier: ^0.8.0
+        version: 0.8.0(eslint@8.57.0)(typescript@5.2.2)
       jest-axe:
         specifier: ^8.0.0
         version: 8.0.0
@@ -1063,68 +1039,68 @@ importers:
         specifier: ^22.1.0
         version: 22.1.0
       lightningcss:
-        specifier: ^1.23.0
-        version: 1.23.0
+        specifier: ^1.24.0
+        version: 1.24.0
       lightningcss-cli:
-        specifier: ^1.23.0
-        version: 1.23.0
+        specifier: ^1.24.0
+        version: 1.24.0
       parcel:
-        specifier: ^2.11.0
-        version: 2.11.0(postcss@8.4.31)(typescript@5.2.2)
+        specifier: ^2.12.0
+        version: 2.12.0(postcss@8.4.35)(typescript@5.2.2)
       parcel-optimizer-react-client:
         specifier: workspace:^
         version: link:../parcel-optimizer-react-client
       prettier:
-        specifier: 3.0.3
-        version: 3.0.3
+        specifier: 3.2.5
+        version: 3.2.5
       release-it:
-        specifier: 16.2.1
-        version: 16.2.1(typescript@5.2.2)
+        specifier: 17.1.1
+        version: 17.1.1(typescript@5.2.2)
       storybook:
-        specifier: ^7.5.1
-        version: 7.6.5
+        specifier: ^7.6.17
+        version: 7.6.17
       stylelint:
-        specifier: 15.11.0
-        version: 15.11.0(typescript@5.2.2)
+        specifier: 16.2.1
+        version: 16.2.1(typescript@5.2.2)
       stylelint-config-idiomatic-order:
-        specifier: 9.0.0
-        version: 9.0.0(stylelint@15.11.0)
+        specifier: 10.0.0
+        version: 10.0.0(stylelint@16.2.1)
       stylelint-config-prettier:
         specifier: 9.0.5
-        version: 9.0.5(stylelint@15.11.0)
+        version: 9.0.5(stylelint@16.2.1)
       stylelint-prettier:
-        specifier: 4.0.2
-        version: 4.0.2(prettier@3.0.3)(stylelint@15.11.0)
+        specifier: 5.0.0
+        version: 5.0.0(prettier@3.2.5)(stylelint@16.2.1)
       typescript:
         specifier: 5.2.2
         version: 5.2.2
       vite:
-        specifier: ^4.5.0
-        version: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
+        specifier: ^5.1.4
+        version: 5.1.4(lightningcss@1.24.0)
       vitest:
-        specifier: ^0.34.6
-        version: 0.34.6(jsdom@22.1.0)(lightningcss@1.23.0)
+        specifier: ^1.3.1
+        version: 1.3.1(jsdom@22.1.0)(lightningcss@1.24.0)
       vitest-axe:
         specifier: ^0.1.0
-        version: 0.1.0(vitest@0.34.6)
+        version: 0.1.0(vitest@1.3.1)
 
   packages/coresandbox:
     dependencies:
       react:
-        specifier: 17.0.2
-        version: 17.0.2
+        specifier: 18.2.0
+        version: 18.2.0
       react-dom:
-        specifier: 17.0.2
-        version: 17.0.2(react@17.0.2)
+        specifier: 18.2.0
+        version: 18.2.0(react@18.2.0)
       react-intl:
         specifier: 3.8.0
-        version: 3.8.0(react@17.0.2)
+        version: 3.8.0(react@18.2.0)
       react-redux:
         specifier: 7.2.4
-        version: 7.2.4(react-dom@17.0.2)(react@17.0.2)
+        version: 7.2.4(react-dom@18.2.0)(react@18.2.0)
       semantic-ui-react:
         specifier: 2.0.3
-        version: 2.0.3(react-dom@17.0.2)(react@17.0.2)
+        version: 2.0.3(react-dom@18.2.0)(react@18.2.0)
     devDependencies:
       '@plone/registry':
         specifier: workspace:*
@@ -1133,11 +1109,11 @@ importers:
         specifier: workspace:*
         version: link:../types
       '@types/react':
-        specifier: ^17.0.52
-        version: 17.0.70
+        specifier: ^18
+        version: 18.2.27
       '@types/react-dom':
-        specifier: ^17
-        version: 17.0.23
+        specifier: ^18
+        version: 18.2.12
       '@types/react-redux':
         specifier: ^7.1.33
         version: 7.1.33
@@ -1217,22 +1193,22 @@ importers:
     devDependencies:
       '@parcel/packager-ts':
         specifier: 2.10.2
-        version: 2.10.2(@parcel/core@2.11.0)
+        version: 2.10.2(@parcel/core@2.12.0)
       '@parcel/transformer-typescript-types':
         specifier: 2.10.2
-        version: 2.10.2(@parcel/core@2.11.0)(typescript@5.2.2)
+        version: 2.10.2(@parcel/core@2.12.0)(typescript@5.2.2)
       '@plone/types':
         specifier: workspace:*
         version: link:../types
       '@types/react':
         specifier: ^18
-        version: 18.2.55
+        version: 18.2.60
       '@types/react-dom':
         specifier: ^18
         version: 18.2.19
       parcel:
         specifier: 2.10.2
-        version: 2.10.2(postcss@8.4.31)(typescript@5.2.2)
+        version: 2.10.2(postcss@8.4.35)(typescript@5.2.2)
       release-it:
         specifier: 17.1.1
         version: 17.1.1(typescript@5.2.2)
@@ -1241,16 +1217,16 @@ importers:
         version: 5.2.2
       vitest:
         specifier: ^1.3.1
-        version: 1.3.1
+        version: 1.3.1(jsdom@21.1.2)
 
   packages/parcel-optimizer-react-client:
     dependencies:
       '@parcel/plugin':
-        specifier: ^2.10.2
-        version: 2.11.0(@parcel/core@2.11.0)
+        specifier: ^2.12.0
+        version: 2.12.0(@parcel/core@2.12.0)
       '@parcel/utils':
-        specifier: ^2.10.2
-        version: 2.11.0
+        specifier: ^2.12.0
+        version: 2.12.0
 
   packages/registry:
     dependencies:
@@ -1259,38 +1235,38 @@ importers:
         version: 3.2.0
       debug:
         specifier: 4.3.2
-        version: 4.3.2(supports-color@8.1.1)
+        version: 4.3.2
       dependency-graph:
         specifier: 0.10.0
         version: 0.10.0
       glob:
         specifier: 7.1.6
         version: 7.1.6
-      react:
-        specifier: ^16.8.0 || ^17.0.0 || ^18.0.0
-        version: 17.0.2
-      react-dom:
-        specifier: ^16.8.0 || ^17.0.0 || ^18.0.0
-        version: 17.0.2(react@17.0.2)
     devDependencies:
       '@parcel/packager-ts':
-        specifier: 2.10.2
-        version: 2.10.2(@parcel/core@2.11.0)
+        specifier: ^2.12.0
+        version: 2.12.0(@parcel/core@2.12.0)
       '@parcel/transformer-typescript-types':
-        specifier: 2.10.2
-        version: 2.10.2(@parcel/core@2.11.0)(typescript@5.2.2)
+        specifier: ^2.12.0
+        version: 2.12.0(@parcel/core@2.12.0)(typescript@5.2.2)
       '@plone/types':
         specifier: workspace:*
         version: link:../types
       '@types/react':
-        specifier: ^17.0.52
-        version: 17.0.70
+        specifier: ^18
+        version: 18.2.27
       '@types/react-dom':
-        specifier: ^17
-        version: 17.0.23
+        specifier: ^18
+        version: 18.2.12
       parcel:
-        specifier: 2.10.2
-        version: 2.10.2(postcss@8.4.31)(typescript@5.2.2)
+        specifier: ^2.12.0
+        version: 2.12.0(postcss@8.4.35)(typescript@5.2.2)
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
       release-it:
         specifier: 16.2.1
         version: 16.2.1(typescript@5.2.2)
@@ -1302,7 +1278,7 @@ importers:
         version: 5.2.2
       vitest:
         specifier: ^0.34.6
-        version: 0.34.6(jsdom@21.1.2)
+        version: 0.34.6
 
   packages/scripts:
     dependencies:
@@ -1324,6 +1300,12 @@ importers:
       comment-json:
         specifier: ^4.2.3
         version: 4.2.3
+      execa:
+        specifier: 0.6.3
+        version: 0.6.3
+      find-parent-dir:
+        specifier: ^0.3.1
+        version: 0.3.1
       fs-extra:
         specifier: 10.1.0
         version: 10.1.0
@@ -1342,6 +1324,9 @@ importers:
       pofile:
         specifier: 1.0.10
         version: 1.0.10
+      wait-on:
+        specifier: ^7.2.0
+        version: 7.2.0(debug@4.3.4)
     devDependencies:
       release-it:
         specifier: ^16.1.3
@@ -1350,35 +1335,34 @@ importers:
   packages/tsconfig: {}
 
   packages/types:
-    dependencies:
-      react:
-        specifier: ^16.8.0 || ^17.0.0 || ^18.0.0
-        version: 16.14.0
-      react-dom:
-        specifier: ^16.8.0 || ^17.0.0 || ^18.0.0
-        version: 17.0.2(react@16.14.0)
     devDependencies:
       '@parcel/packager-ts':
         specifier: 2.10.2
-        version: 2.10.2(@parcel/core@2.11.0)
+        version: 2.10.2(@parcel/core@2.12.0)
       '@parcel/transformer-typescript-types':
         specifier: 2.10.2
-        version: 2.10.2(@parcel/core@2.11.0)(typescript@5.2.2)
+        version: 2.10.2(@parcel/core@2.12.0)(typescript@5.2.2)
       '@types/react':
-        specifier: ^17.0.52
-        version: 17.0.70
+        specifier: ^18
+        version: 18.2.27
       '@types/react-dom':
-        specifier: ^17
-        version: 17.0.23
+        specifier: ^18
+        version: 18.2.12
       history:
         specifier: ^5.3.0
         version: 5.3.0
       parcel:
         specifier: 2.10.2
-        version: 2.10.2(postcss@8.4.31)(typescript@5.2.2)
+        version: 2.10.2(postcss@8.4.35)(typescript@5.2.2)
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
       react-intl:
         specifier: 3.8.0
-        version: 3.8.0(react@16.14.0)
+        version: 3.8.0(react@18.2.0)
       release-it:
         specifier: 16.2.1
         version: 16.2.1(typescript@5.2.2)
@@ -1426,10 +1410,10 @@ importers:
         version: 5.13.2(@babel/core@7.23.3)
       '@loadable/component':
         specifier: 5.14.1
-        version: 5.14.1(react@17.0.2)
+        version: 5.14.1(react@18.2.0)
       '@loadable/server':
         specifier: 5.14.0
-        version: 5.14.0(@loadable/component@5.14.1)(react@17.0.2)
+        version: 5.14.0(@loadable/component@5.14.1)(react@18.2.0)
       '@loadable/webpack-plugin':
         specifier: 5.15.2
         version: 5.15.2(webpack@5.90.1)
@@ -1442,6 +1426,15 @@ importers:
       '@plone/volto-slate':
         specifier: workspace:*
         version: link:../volto-slate
+      '@redux-devtools/extension':
+        specifier: ^3.3.0
+        version: 3.3.0(redux@4.2.1)
+      '@types/react':
+        specifier: ^18.2.57
+        version: 18.2.60
+      '@types/react-dom':
+        specifier: ^18.2.19
+        version: 18.2.19
       autoprefixer:
         specifier: 10.4.8
         version: 10.4.8(postcss@8.4.31)
@@ -1474,7 +1467,7 @@ importers:
         version: 8.2.0
       connected-react-router:
         specifier: 6.8.0
-        version: 6.8.0(history@4.10.1)(immutable@3.8.2)(react-redux@7.2.4)(react-router@5.2.0)(react@17.0.2)(redux@4.1.0)(seamless-immutable@7.1.4)
+        version: 6.8.0(history@4.10.1)(immutable@3.8.2)(react-redux@8.1.2)(react-router@5.2.0)(react@18.2.0)(redux@4.2.1)(seamless-immutable@7.1.4)
       crypto-random-string:
         specifier: 3.2.0
         version: 3.2.0
@@ -1483,10 +1476,10 @@ importers:
         version: 5.2.7(webpack@5.90.1)
       debug:
         specifier: 4.3.2
-        version: 4.3.2(supports-color@8.1.1)
+        version: 4.3.2
       decorate-component-with-props:
         specifier: 1.2.1
-        version: 1.2.1(react@17.0.2)
+        version: 1.2.1(react@18.2.0)
       deep-freeze:
         specifier: 0.0.1
         version: 0.0.1
@@ -1501,22 +1494,22 @@ importers:
         version: 3.5.0
       draft-js:
         specifier: 0.10.5
-        version: 0.10.5(react-dom@17.0.2)(react@17.0.2)
+        version: 0.10.5(react-dom@18.2.0)(react@18.2.0)
       draft-js-block-breakout-plugin:
         specifier: 2.0.1
-        version: 2.0.1(draft-js@0.10.5)(react-dom@17.0.2)(react@17.0.2)
+        version: 2.0.1(draft-js@0.10.5)(react-dom@18.2.0)(react@18.2.0)
       draft-js-buttons:
         specifier: 2.0.2
-        version: 2.0.2(draft-js@0.10.5)(react-dom@17.0.2)(react@17.0.2)
+        version: 2.0.2(draft-js@0.10.5)(react-dom@18.2.0)(react@18.2.0)
       draft-js-import-html:
         specifier: 1.4.1
         version: 1.4.1(draft-js@0.10.5)(immutable@3.8.2)
       draft-js-inline-toolbar-plugin:
         specifier: 2.0.3
-        version: 2.0.3(draft-js@0.10.5)(react-dom@17.0.2)(react@17.0.2)
+        version: 2.0.3(draft-js@0.10.5)(react-dom@18.2.0)(react@18.2.0)
       draft-js-plugins-editor:
         specifier: 2.1.1
-        version: 2.1.1(draft-js@0.10.5)(react-dom@17.0.2)(react@17.0.2)
+        version: 2.1.1(draft-js@0.10.5)(react-dom@18.2.0)(react@18.2.0)
       draft-js-plugins-utils:
         specifier: 2.0.3
         version: 2.0.3(draft-js@0.10.5)
@@ -1527,26 +1520,26 @@ importers:
         specifier: 8.49.0
         version: 8.49.0
       eslint-config-prettier:
-        specifier: 9.0.0
-        version: 9.0.0(eslint@8.49.0)
+        specifier: 9.1.0
+        version: 9.1.0(eslint@8.49.0)
       eslint-config-react-app:
         specifier: 7.0.1
         version: 7.0.1(@babel/plugin-syntax-flow@7.23.3)(@babel/plugin-transform-react-jsx@7.22.15)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)(jest@26.6.3)(typescript@5.2.2)
       eslint-import-resolver-alias:
         specifier: 1.1.2
-        version: 1.1.2(eslint-plugin-import@2.28.1)
+        version: 1.1.2(eslint-plugin-import@2.29.1)
       eslint-import-resolver-babel-plugin-root-import:
         specifier: 1.1.1
-        version: 1.1.1(babel-plugin-root-import@6.1.0)(eslint-plugin-import@2.28.1)
+        version: 1.1.1(babel-plugin-root-import@6.1.0)(eslint-plugin-import@2.29.1)
       eslint-plugin-import:
-        specifier: 2.28.1
-        version: 2.28.1(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
+        specifier: 2.29.1
+        version: 2.29.1(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
       eslint-plugin-jsx-a11y:
         specifier: ^6.7.1
         version: 6.7.1(eslint@8.49.0)
       eslint-plugin-prettier:
-        specifier: 5.0.0
-        version: 5.0.0(eslint-config-prettier@9.0.0)(eslint@8.49.0)(prettier@3.0.3)
+        specifier: 5.1.3
+        version: 5.1.3(eslint-config-prettier@9.1.0)(eslint@8.49.0)(prettier@3.2.5)
       eslint-plugin-react:
         specifier: 7.33.2
         version: 7.33.2(eslint@8.49.0)
@@ -1597,7 +1590,7 @@ importers:
         version: 1.0.0
       jotai:
         specifier: 2.0.3
-        version: 2.0.3(react@17.0.2)
+        version: 2.0.3(react@18.2.0)
       jwt-decode:
         specifier: 2.2.0
         version: 2.2.0
@@ -1665,8 +1658,8 @@ importers:
         specifier: '2'
         version: 2.0.0
       prettier:
-        specifier: 3.0.3
-        version: 3.0.3
+        specifier: 3.2.5
+        version: 3.2.5
       pretty-bytes:
         specifier: 5.3.0
         version: 5.3.0
@@ -1696,133 +1689,127 @@ importers:
         version: 4.2.18(mini-css-extract-plugin@2.7.2)(postcss@8.4.31)(razzle-dev-utils@4.2.18)(razzle@4.2.18)(webpack@5.90.1)
       rc-time-picker:
         specifier: 3.7.3
-        version: 3.7.3(react-dom@17.0.2)(react@17.0.2)
+        version: 3.7.3(react-dom@18.2.0)(react@18.2.0)
       react:
-        specifier: 17.0.2
-        version: 17.0.2
+        specifier: 18.2.0
+        version: 18.2.0
       react-anchor-link-smooth-scroll:
         specifier: 1.0.12
         version: 1.0.12
       react-animate-height:
         specifier: 2.0.17
-        version: 2.0.17(react-dom@17.0.2)(react@17.0.2)
+        version: 2.0.17(react-dom@18.2.0)(react@18.2.0)
       react-beautiful-dnd:
         specifier: 13.0.0
-        version: 13.0.0(react-dom@17.0.2)(react@17.0.2)
+        version: 13.0.0(react-dom@18.2.0)(react@18.2.0)
       react-cookie:
         specifier: 4.1.1
-        version: 4.1.1(react@17.0.2)
+        version: 4.1.1(react@18.2.0)
       react-dates:
         specifier: 21.5.1
-        version: 21.5.1(@babel/runtime@7.20.6)(moment@2.29.4)(react-dom@17.0.2)(react-with-direction@1.4.0)(react@17.0.2)
+        version: 21.5.1(@babel/runtime@7.20.6)(moment@2.29.4)(react-dom@18.2.0)(react-with-direction@1.4.0)(react@18.2.0)
       react-detect-click-outside:
         specifier: 1.1.1
-        version: 1.1.1(react-dom@17.0.2)(react@17.0.2)
+        version: 1.1.1(react-dom@18.2.0)(react@18.2.0)
       react-dnd:
         specifier: 5.0.0
-        version: 5.0.0(react@17.0.2)
+        version: 5.0.0(react@18.2.0)
       react-dnd-html5-backend:
         specifier: 5.0.1
         version: 5.0.1
       react-dom:
-        specifier: 17.0.2
-        version: 17.0.2(react@17.0.2)
+        specifier: 18.2.0
+        version: 18.2.0(react@18.2.0)
       react-dropzone:
         specifier: 11.1.0
-        version: 11.1.0(react@17.0.2)
+        version: 11.1.0(react@18.2.0)
       react-fast-compare:
         specifier: 2.0.4
         version: 2.0.4
       react-image-gallery:
         specifier: 1.2.7
-        version: 1.2.7(react@17.0.2)
+        version: 1.2.7(react@18.2.0)
       react-intersection-observer:
         specifier: 9.1.0
-        version: 9.1.0(react@17.0.2)
+        version: 9.1.0(react@18.2.0)
       react-intl:
         specifier: 3.8.0
-        version: 3.8.0(react@17.0.2)
+        version: 3.8.0(react@18.2.0)
       react-intl-redux:
-        specifier: 2.2.0
-        version: 2.2.0(react-intl@3.8.0)(react-redux@7.2.4)
+        specifier: 2.3.0
+        version: 2.3.0(@babel/runtime@7.20.6)(prop-types@15.7.2)(react-intl@3.8.0)(react-redux@8.1.2)(react@18.2.0)
       react-medium-image-zoom:
         specifier: 3.0.15
-        version: 3.0.15(prop-types@15.7.2)(react-dom@17.0.2)(react@17.0.2)
+        version: 3.0.15(prop-types@15.7.2)(react-dom@18.2.0)(react@18.2.0)
       react-popper:
         specifier: ^2.3.0
-        version: 2.3.0(@popperjs/core@2.11.8)(react-dom@17.0.2)(react@17.0.2)
-      react-portal:
-        specifier: 4.2.1
-        version: 4.2.1(react-dom@17.0.2)(react@17.0.2)
+        version: 2.3.0(@popperjs/core@2.11.8)(react-dom@18.2.0)(react@18.2.0)
       react-redux:
-        specifier: 7.2.4
-        version: 7.2.4(react-dom@17.0.2)(react@17.0.2)
+        specifier: 8.1.2
+        version: 8.1.2(@types/react-dom@18.2.19)(@types/react@18.2.60)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
       react-router:
         specifier: 5.2.0
-        version: 5.2.0(react@17.0.2)
+        version: 5.2.0(react@18.2.0)
       react-router-config:
         specifier: 5.1.1
-        version: 5.1.1(react-router@5.2.0)(react@17.0.2)
+        version: 5.1.1(react-router@5.2.0)(react@18.2.0)
       react-router-dom:
         specifier: 5.2.0
-        version: 5.2.0(react@17.0.2)
+        version: 5.2.0(react@18.2.0)
       react-router-hash-link:
         specifier: 2.4.3
-        version: 2.4.3(react-router-dom@5.2.0)(react@17.0.2)
+        version: 2.4.3(react-router-dom@5.2.0)(react@18.2.0)
       react-select:
         specifier: 4.3.1
-        version: 4.3.1(@types/react@17.0.70)(react-dom@17.0.2)(react@17.0.2)
+        version: 4.3.1(@types/react@18.2.60)(react-dom@18.2.0)(react@18.2.0)
       react-select-async-paginate:
         specifier: 0.5.3
-        version: 0.5.3(react-dom@17.0.2)(react-select@4.3.1)(react@17.0.2)
+        version: 0.5.3(react-dom@18.2.0)(react-select@4.3.1)(react@18.2.0)
       react-share:
         specifier: 2.3.1
-        version: 2.3.1(react@17.0.2)
+        version: 2.3.1(react@18.2.0)
       react-side-effect:
-        specifier: 2.1.0
-        version: 2.1.0(react@17.0.2)
+        specifier: 2.1.2
+        version: 2.1.2(react@18.2.0)
       react-simple-code-editor:
         specifier: 0.7.1
-        version: 0.7.1(react-dom@17.0.2)(react@17.0.2)
+        version: 0.7.1(react-dom@18.2.0)(react@18.2.0)
       react-sortable-hoc:
         specifier: 2.0.0
-        version: 2.0.0(prop-types@15.7.2)(react-dom@17.0.2)(react@17.0.2)
+        version: 2.0.0(prop-types@15.7.2)(react-dom@18.2.0)(react@18.2.0)
       react-test-renderer:
-        specifier: 17.0.2
-        version: 17.0.2(react@17.0.2)
+        specifier: 18.2.0
+        version: 18.2.0(react@18.2.0)
       react-toastify:
         specifier: 5.4.1
-        version: 5.4.1(react-dom@17.0.2)(react@17.0.2)
+        version: 5.4.1(react-dom@18.2.0)(react@18.2.0)
       react-transition-group:
         specifier: 4.4.5
-        version: 4.4.5(react-dom@17.0.2)(react@17.0.2)
+        version: 4.4.5(react-dom@18.2.0)(react@18.2.0)
       react-virtualized:
         specifier: 9.22.3
-        version: 9.22.3(react-dom@17.0.2)(react@17.0.2)
+        version: 9.22.3(react-dom@18.2.0)(react@18.2.0)
       redraft:
         specifier: 0.10.2
         version: 0.10.2
       redux:
-        specifier: 4.1.0
-        version: 4.1.0
+        specifier: 4.2.1
+        version: 4.2.1
       redux-actions:
-        specifier: 2.6.5
-        version: 2.6.5
+        specifier: 3.0.0
+        version: 3.0.0
       redux-connect:
         specifier: 10.0.0
-        version: 10.0.0(prop-types@15.7.2)(react-redux@7.2.4)(react-router-config@5.1.1)(react-router-dom@5.2.0)(react-router@5.2.0)(react@17.0.2)(redux-actions@2.6.5)
-      redux-devtools-extension:
-        specifier: 2.13.8
-        version: 2.13.8(redux@4.1.0)
+        version: 10.0.0(prop-types@15.7.2)(react-redux@8.1.2)(react-router-config@5.1.1)(react-router-dom@5.2.0)(react-router@5.2.0)(react@18.2.0)(redux-actions@3.0.0)
       redux-localstorage-simple:
-        specifier: 2.3.1
-        version: 2.3.1
+        specifier: 2.5.1
+        version: 2.5.1
       redux-mock-store:
         specifier: 1.5.4
         version: 1.5.4
       redux-thunk:
-        specifier: 2.3.0
-        version: 2.3.0(redux@4.1.0)
+        specifier: 2.4.2
+        version: 2.4.2(redux@4.2.1)
       rrule:
         specifier: 2.7.1
         version: 2.7.1
@@ -1831,7 +1818,7 @@ importers:
         version: 2.4.1
       semantic-ui-react:
         specifier: 2.1.5
-        version: 2.1.5(react-dom@17.0.2)(react@17.0.2)
+        version: 2.1.5(react-dom@18.2.0)(react@18.2.0)
       serialize-javascript:
         specifier: 3.1.0
         version: 3.1.0
@@ -1843,7 +1830,7 @@ importers:
         version: 0.100.0(slate@0.100.0)
       slate-react:
         specifier: 0.98.4
-        version: 0.98.4(react-dom@17.0.2)(react@17.0.2)(slate@0.100.0)
+        version: 0.98.4(react-dom@18.2.0)(react@18.2.0)(slate@0.100.0)
       start-server-and-test:
         specifier: 1.14.0
         version: 1.14.0
@@ -1851,14 +1838,14 @@ importers:
         specifier: 3.3.1
         version: 3.3.1(webpack@5.90.1)
       stylelint:
-        specifier: 15.10.3
-        version: 15.10.3(typescript@5.2.2)
+        specifier: 16.2.1
+        version: 16.2.1(typescript@5.2.2)
       stylelint-config-idiomatic-order:
-        specifier: 9.0.0
-        version: 9.0.0(stylelint@15.10.3)
+        specifier: 10.0.0
+        version: 10.0.0(stylelint@16.2.1)
       stylelint-prettier:
-        specifier: 4.0.2
-        version: 4.0.2(prettier@3.0.3)(stylelint@15.10.3)
+        specifier: 5.0.0
+        version: 5.0.0(prettier@3.2.5)(stylelint@16.2.1)
       superagent:
         specifier: 3.8.2
         version: 3.8.2
@@ -1888,7 +1875,7 @@ importers:
         version: 0.11.3
       use-deep-compare-effect:
         specifier: 1.8.1
-        version: 1.8.1(react@17.0.2)
+        version: 1.8.1(react@18.2.0)
       uuid:
         specifier: ^8.3.2
         version: 8.3.2
@@ -1907,9 +1894,6 @@ importers:
       xmlrpc:
         specifier: 1.3.2
         version: 1.3.2
-      yarnhook:
-        specifier: 0.5.1
-        version: 0.5.1
     devDependencies:
       '@jest/globals':
         specifier: ^29.7.0
@@ -1925,55 +1909,52 @@ importers:
         version: 6.0.1
       '@storybook/addon-actions':
         specifier: ^6.5.15
-        version: 6.5.16(react-dom@17.0.2)(react@17.0.2)
+        version: 6.5.16(react-dom@18.2.0)(react@18.2.0)
       '@storybook/addon-controls':
         specifier: 6.5.15
-        version: 6.5.15(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+        version: 6.5.15(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
       '@storybook/addon-docs':
         specifier: ^6.5.15
-        version: 6.5.16(@babel/core@7.23.3)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
+        version: 6.5.16(@babel/core@7.23.3)(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(webpack@5.90.1)
       '@storybook/addon-essentials':
         specifier: ^6.5.15
-        version: 6.5.16(@babel/core@7.23.3)(@storybook/builder-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
+        version: 6.5.16(@babel/core@7.23.3)(@storybook/builder-webpack5@6.5.16)(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(webpack@5.90.1)
       '@storybook/addon-links':
         specifier: ^6.5.15
-        version: 6.5.16(react-dom@17.0.2)(react@17.0.2)
+        version: 6.5.16(react-dom@18.2.0)(react@18.2.0)
       '@storybook/builder-webpack5':
         specifier: ^6.5.15
-        version: 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+        version: 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
       '@storybook/manager-webpack5':
         specifier: ^6.5.15
-        version: 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+        version: 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
       '@storybook/react':
         specifier: ^6.5.15
-        version: 6.5.16(@babel/core@7.23.3)(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(require-from-string@2.0.2)(typescript@5.2.2)(webpack-dev-server@4.11.1)
+        version: 6.5.16(@babel/core@7.23.3)(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(require-from-string@2.0.2)(typescript@5.2.2)(webpack-dev-server@4.11.1)
       '@testing-library/cypress':
         specifier: 9.0.0
         version: 9.0.0(cypress@13.1.0)
       '@testing-library/jest-dom':
-        specifier: 5.16.4
-        version: 5.16.4
+        specifier: 6.4.1
+        version: 6.4.1(@jest/globals@29.7.0)(@types/jest@29.5.8)(jest@26.6.3)(vitest@1.3.1)
       '@testing-library/react':
-        specifier: 12.1.5
-        version: 12.1.5(react-dom@17.0.2)(react@17.0.2)
+        specifier: 14.2.0
+        version: 14.2.0(react-dom@18.2.0)(react@18.2.0)
       '@testing-library/react-hooks':
         specifier: 8.0.1
-        version: 8.0.1(@types/react@17.0.70)(react-dom@17.0.2)(react-test-renderer@17.0.2)(react@17.0.2)
+        version: 8.0.1(@types/react@18.2.60)(react-dom@18.2.0)(react-test-renderer@18.2.0)(react@18.2.0)
       '@types/jest':
         specifier: ^29.5.8
         version: 29.5.8
       '@types/lodash':
         specifier: ^4.14.201
         version: 4.14.201
-      '@types/react':
-        specifier: ^17.0.52
-        version: 17.0.70
-      '@types/react-dom':
-        specifier: ^17
-        version: 17.0.23
+      '@types/react-router-dom':
+        specifier: ^5.3.3
+        version: 5.3.3
       '@types/react-test-renderer':
-        specifier: 18.0.1
-        version: 18.0.1
+        specifier: 18.0.7
+        version: 18.0.7
       '@types/uuid':
         specifier: ^9.0.2
         version: 9.0.7
@@ -2020,8 +2001,8 @@ importers:
         specifier: 6.0.9
         version: 6.0.9
       react-is:
-        specifier: ^16.13.1
-        version: 16.13.1
+        specifier: ^18.2.0
+        version: 18.2.0
       release-it:
         specifier: ^16.2.1
         version: 16.2.1(typescript@5.2.2)
@@ -2062,14 +2043,14 @@ importers:
         specifier: ^16.6.0
         version: 16.7.0
       react:
-        specifier: 17.0.2
-        version: 17.0.2
+        specifier: 18.2.0
+        version: 18.2.0
       react-dom:
-        specifier: 17.0.2
-        version: 17.0.2(react@17.0.2)
+        specifier: 18.2.0
+        version: 18.2.0(react@18.2.0)
       react-intersection-observer:
         specifier: 9.1.0
-        version: 9.1.0(react@17.0.2)
+        version: 9.1.0(react@18.2.0)
       slate:
         specifier: 0.100.0
         version: 0.100.0
@@ -2081,14 +2062,14 @@ importers:
         version: 0.100.0(slate@0.100.0)
       slate-react:
         specifier: 0.98.4
-        version: 0.98.4(react-dom@17.0.2)(react@17.0.2)(slate@0.100.0)
+        version: 0.98.4(react-dom@18.2.0)(react@18.2.0)(slate@0.100.0)
       weak-key:
         specifier: ^1.0.2
         version: 1.0.3
     devDependencies:
       '@testing-library/react':
         specifier: 9.5.0
-        version: 9.5.0(react-dom@17.0.2)(react@17.0.2)
+        version: 9.5.0(react-dom@18.2.0)(react@18.2.0)
       babel-plugin-transform-class-properties:
         specifier: ^6.24.1
         version: 6.24.1
@@ -2187,12 +2168,12 @@ packages:
       '@babel/generator': 7.23.6
       '@babel/helper-module-transforms': 7.23.3(@babel/core@7.12.9)
       '@babel/helpers': 7.23.2
-      '@babel/parser': 7.23.3
+      '@babel/parser': 7.23.9
       '@babel/template': 7.22.15
       '@babel/traverse': 7.23.3
       '@babel/types': 7.20.5
       convert-source-map: 1.9.0
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       lodash: 4.17.21
@@ -2218,7 +2199,7 @@ packages:
       '@babel/traverse': 7.23.3
       '@babel/types': 7.23.3
       convert-source-map: 2.0.0
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -2240,7 +2221,7 @@ packages:
       '@babel/traverse': 7.23.9
       '@babel/types': 7.23.9
       convert-source-map: 2.0.0
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -2260,6 +2241,20 @@ packages:
       eslint-visitor-keys: 2.1.0
       semver: 6.3.1
 
+  /@babel/eslint-parser@7.22.15(@babel/core@7.23.3)(eslint@8.57.0):
+    resolution: {integrity: sha512-yc8OOBIQk1EcRrpizuARSQS0TWAcOMpEJ1aafhNznaeYkeL+OhqnDObGFylB8ka8VFF/sZc+S4RzHyO+3LjQxg==}
+    engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
+    peerDependencies:
+      '@babel/core': ^7.11.0
+      eslint: ^7.5.0 || ^8.0.0
+    dependencies:
+      '@babel/core': 7.23.3
+      '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
+      eslint: 8.57.0
+      eslint-visitor-keys: 2.1.0
+      semver: 6.3.1
+    dev: true
+
   /@babel/eslint-parser@7.22.15(@babel/core@7.23.9)(eslint@8.49.0):
     resolution: {integrity: sha512-yc8OOBIQk1EcRrpizuARSQS0TWAcOMpEJ1aafhNznaeYkeL+OhqnDObGFylB8ka8VFF/sZc+S4RzHyO+3LjQxg==}
     engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
@@ -2297,13 +2292,13 @@ packages:
     resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.3
+      '@babel/types': 7.23.9
 
   /@babel/helper-builder-binary-assignment-operator-visitor@7.22.15:
     resolution: {integrity: sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.3
+      '@babel/types': 7.23.9
 
   /@babel/helper-compilation-targets@7.22.15:
     resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
@@ -2311,7 +2306,7 @@ packages:
     dependencies:
       '@babel/compat-data': 7.23.3
       '@babel/helper-validator-option': 7.22.15
-      browserslist: 4.22.1
+      browserslist: 4.23.0
       lru-cache: 5.1.1
       semver: 6.3.1
 
@@ -2393,7 +2388,7 @@ packages:
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/traverse': 7.23.3
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       lodash.debounce: 4.0.8
       resolve: 1.22.8
       semver: 6.3.1
@@ -2409,7 +2404,7 @@ packages:
       '@babel/core': 7.23.3
       '@babel/helper-compilation-targets': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       lodash.debounce: 4.0.8
       resolve: 1.22.8
     transitivePeerDependencies:
@@ -2424,7 +2419,7 @@ packages:
       '@babel/core': 7.23.9
       '@babel/helper-compilation-targets': 7.22.15
       '@babel/helper-plugin-utils': 7.22.5
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       lodash.debounce: 4.0.8
       resolve: 1.22.8
     transitivePeerDependencies:
@@ -2451,7 +2446,7 @@ packages:
     resolution: {integrity: sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.3
+      '@babel/types': 7.23.9
 
   /@babel/helper-module-imports@7.18.6:
     resolution: {integrity: sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==}
@@ -2510,7 +2505,7 @@ packages:
     resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.3
+      '@babel/types': 7.23.9
 
   /@babel/helper-plugin-utils@7.10.4:
     resolution: {integrity: sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==}
@@ -2576,7 +2571,7 @@ packages:
     resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.3
+      '@babel/types': 7.23.9
 
   /@babel/helper-split-export-declaration@7.22.6:
     resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
@@ -2610,7 +2605,7 @@ packages:
     dependencies:
       '@babel/helper-function-name': 7.23.0
       '@babel/template': 7.22.15
-      '@babel/types': 7.23.3
+      '@babel/types': 7.23.9
 
   /@babel/helpers@7.23.2:
     resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==}
@@ -4950,7 +4945,7 @@ packages:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/parser': 7.23.3
       '@babel/types': 7.23.3
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
@@ -4967,7 +4962,7 @@ packages:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/parser': 7.23.9
       '@babel/types': 7.23.9
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
@@ -5030,10 +5025,24 @@ packages:
       '@csstools/css-tokenizer': ^2.2.1
     dependencies:
       '@csstools/css-tokenizer': 2.2.1
+    dev: true
+
+  /@csstools/css-parser-algorithms@2.6.0(@csstools/css-tokenizer@2.2.3):
+    resolution: {integrity: sha512-YfEHq0eRH98ffb5/EsrrDspVWAuph6gDggAE74ZtjecsmyyWpW768hOyiONa8zwWGbIWYfa2Xp4tRTrpQQ00CQ==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^2.2.3
+    dependencies:
+      '@csstools/css-tokenizer': 2.2.3
 
   /@csstools/css-tokenizer@2.2.1:
     resolution: {integrity: sha512-Zmsf2f/CaEPWEVgw29odOj+WEVoiJy9s9NOv5GgNY9mZ1CZ7394By6wONrONrTsnNDv6F9hR02nvFihrGVGHBg==}
     engines: {node: ^14 || ^16 || >=18}
+    dev: true
+
+  /@csstools/css-tokenizer@2.2.3:
+    resolution: {integrity: sha512-pp//EvZ9dUmGuGtG1p+n17gTHEOqu9jO+FiCUjNN3BDmyhdA2Jq9QsVeR7K8/2QCK17HSsioPlTW9ZkzoWb3Lg==}
+    engines: {node: ^14 || ^16 || >=18}
 
   /@csstools/media-query-list-parser@2.1.5(@csstools/css-parser-algorithms@2.3.2)(@csstools/css-tokenizer@2.2.1):
     resolution: {integrity: sha512-IxVBdYzR8pYe89JiyXQuYk4aVVoCPhMJkz6ElRwlVysjwURTsTk/bmY/z4FfeRE+CRBMlykPwXEVUg8lThv7AQ==}
@@ -5044,6 +5053,17 @@ packages:
     dependencies:
       '@csstools/css-parser-algorithms': 2.3.2(@csstools/css-tokenizer@2.2.1)
       '@csstools/css-tokenizer': 2.2.1
+    dev: true
+
+  /@csstools/media-query-list-parser@2.1.8(@csstools/css-parser-algorithms@2.6.0)(@csstools/css-tokenizer@2.2.3):
+    resolution: {integrity: sha512-DiD3vG5ciNzeuTEoh74S+JMjQDs50R3zlxHnBnfd04YYfA/kh2KiBCGhzqLxlJcNq+7yNQ3stuZZYLX6wK/U2g==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^2.6.0
+      '@csstools/css-tokenizer': ^2.2.3
+    dependencies:
+      '@csstools/css-parser-algorithms': 2.6.0(@csstools/css-tokenizer@2.2.3)
+      '@csstools/css-tokenizer': 2.2.3
 
   /@csstools/selector-specificity@3.0.0(postcss-selector-parser@6.0.13):
     resolution: {integrity: sha512-hBI9tfBtuPIi885ZsZ32IMEU/5nlZH/KOVYJCOh7gyMxaVLGmLedYqFN6Ui1LXkI8JlC8IsuC0rF0btcRZKd5g==}
@@ -5052,6 +5072,15 @@ packages:
       postcss-selector-parser: ^6.0.13
     dependencies:
       postcss-selector-parser: 6.0.13
+    dev: true
+
+  /@csstools/selector-specificity@3.0.2(postcss-selector-parser@6.0.15):
+    resolution: {integrity: sha512-RpHaZ1h9LE7aALeQXmXrJkRG84ZxIsctEN2biEUmFyKpzFM3zZ35eUMcIzZFsw/2olQE6v69+esEqU2f1MKycg==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss-selector-parser: ^6.0.13
+    dependencies:
+      postcss-selector-parser: 6.0.15
 
   /@cypress/request@3.0.1:
     resolution: {integrity: sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==}
@@ -5166,7 +5195,28 @@ packages:
     resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
     dev: false
 
-  /@emotion/react@11.11.1(@types/react@17.0.70)(react@17.0.2):
+  /@emotion/react@11.11.1(@types/react@18.2.60)(react@18.2.0):
+    resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: '>=16.8.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.20.6
+      '@emotion/babel-plugin': 11.11.0
+      '@emotion/cache': 11.11.0
+      '@emotion/serialize': 1.1.2
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
+      '@emotion/utils': 1.2.1
+      '@emotion/weak-memoize': 0.3.1
+      '@types/react': 18.2.60
+      hoist-non-react-statics: 3.3.2
+      react: 18.2.0
+    dev: false
+
+  /@emotion/react@11.11.1(react@17.0.2):
     resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==}
     peerDependencies:
       '@types/react': '*'
@@ -5182,7 +5232,6 @@ packages:
       '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@17.0.2)
       '@emotion/utils': 1.2.1
       '@emotion/weak-memoize': 0.3.1
-      '@types/react': 17.0.70
       hoist-non-react-statics: 3.3.2
       react: 17.0.2
     dev: false
@@ -5267,7 +5316,6 @@ packages:
       react: '>=16.8.0'
     dependencies:
       react: 18.2.0
-    dev: true
 
   /@emotion/utils@0.11.3:
     resolution: {integrity: sha512-0o4l6pZC+hI88+bzuaX/6BgOvQVhbt2PfmxauVaYOGgbsAw14wdKyvMCZXnsnsHys94iadcF+RG/wZyx6+ZZBw==}
@@ -5852,6 +5900,16 @@ packages:
     dependencies:
       eslint: 8.53.0
       eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.57.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: 8.57.0
+      eslint-visitor-keys: 3.4.3
 
   /@eslint-community/regexpp@4.10.0:
     resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
@@ -5862,7 +5920,23 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
+      espree: 9.6.1
+      globals: 13.23.0
+      ignore: 5.3.0
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  /@eslint/eslintrc@2.1.4:
+    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4(supports-color@8.1.1)
       espree: 9.6.1
       globals: 13.23.0
       ignore: 5.3.0
@@ -5880,6 +5954,11 @@ packages:
   /@eslint/js@8.53.0:
     resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@eslint/js@8.57.0:
+    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
   /@fal-works/esbuild-plugin-global-externals@2.1.2:
     resolution: {integrity: sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==}
@@ -5929,15 +6008,26 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
-  /@fluentui/react-component-event-listener@0.63.1(react-dom@17.0.2)(react@17.0.2):
+  /@fluentui/react-component-event-listener@0.51.7(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-NjVm+crN0T9A7vITL8alZeHnuV8zi2gos0nezU/2YOxaUAB9E4zKiPxt/6k5U50rJs/gj8Nu45iXxnjO41HbZg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17
+      react-dom: ^16.8.0 || ^17
+    dependencies:
+      '@babel/runtime': 7.20.6
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@fluentui/react-component-event-listener@0.63.1(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-gSMdOh6tI3IJKZFqxfQwbTpskpME0CvxdxGM2tdglmf6ZPVDi0L4+KKIm+2dN8nzb8Ya1A8ZT+Ddq0KmZtwVQg==}
     peerDependencies:
       react: ^16.8.0 || ^17 || ^18
       react-dom: ^16.8.0 || ^17 || ^18
     dependencies:
       '@babel/runtime': 7.20.6
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
   /@fluentui/react-component-ref@0.51.7(react-dom@17.0.2)(react@17.0.2):
@@ -5952,15 +6042,27 @@ packages:
       react-is: 16.13.1
     dev: false
 
-  /@fluentui/react-component-ref@0.63.1(react-dom@17.0.2)(react@17.0.2):
+  /@fluentui/react-component-ref@0.51.7(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-CX27jVJYaFoBCWpuWAizQZ2se137ku1dmDyn8sw+ySNJa+kkQf7LnMydiPW5K7cRdUSqUJW3eS4EjKRvVAx8xA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17
+      react-dom: ^16.8.0 || ^17
+    dependencies:
+      '@babel/runtime': 7.20.6
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-is: 16.13.1
+    dev: false
+
+  /@fluentui/react-component-ref@0.63.1(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-8MkXX4+R3i80msdbD4rFpEB4WWq2UDvGwG386g3ckIWbekdvN9z2kWAd9OXhRGqB7QeOsoAGWocp6gAMCivRlw==}
     peerDependencies:
       react: ^16.8.0 || ^17 || ^18
       react-dom: ^16.8.0 || ^17 || ^18
     dependencies:
       '@babel/runtime': 7.20.6
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
       react-is: 16.13.1
     dev: false
 
@@ -6047,7 +6149,17 @@ packages:
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 2.0.1
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  /@humanwhocodes/config-array@0.11.14:
+    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': 2.0.2
+      debug: 4.3.4(supports-color@8.1.1)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -6059,6 +6171,9 @@ packages:
   /@humanwhocodes/object-schema@2.0.1:
     resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
 
+  /@humanwhocodes/object-schema@2.0.2:
+    resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
+
   /@iarna/toml@2.2.5:
     resolution: {integrity: sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==}
     dev: true
@@ -6069,12 +6184,6 @@ packages:
       '@swc/helpers': 0.5.3
     dev: false
 
-  /@internationalized/date@3.5.1:
-    resolution: {integrity: sha512-LUQIfwU9e+Fmutc/DpRTGXSdgYZLBegi4wygCWDSVmUdLTaMHsQyASDiJtREwanwKuQLq0hY76fCJ9J/9I2xOQ==}
-    dependencies:
-      '@swc/helpers': 0.5.3
-    dev: false
-
   /@internationalized/date@3.5.2:
     resolution: {integrity: sha512-vo1yOMUt2hzp63IutEaTUxROdvQg1qlMRsbCvbay2AK2Gai7wIgCyK5weEX3nHkiLgo4qCXHijFNC/ILhlRpOQ==}
     dependencies:
@@ -6101,12 +6210,6 @@ packages:
       '@swc/helpers': 0.5.3
     dev: false
 
-  /@internationalized/number@3.5.0:
-    resolution: {integrity: sha512-ZY1BW8HT9WKYvaubbuqXbbDdHhOUMfE2zHHFJeTppid0S+pc8HtdIxFxaYMsGjCb4UsF+MEJ4n2TfU7iHnUK8w==}
-    dependencies:
-      '@swc/helpers': 0.5.3
-    dev: false
-
   /@internationalized/number@3.5.1:
     resolution: {integrity: sha512-N0fPU/nz15SwR9IbfJ5xaS9Ss/O5h1sVXMZf43vc9mxEG48ovglvvzBjF53aHlq20uoR6c+88CrIXipU/LSzwg==}
     dependencies:
@@ -6119,12 +6222,6 @@ packages:
       '@swc/helpers': 0.5.3
     dev: false
 
-  /@internationalized/string@3.2.0:
-    resolution: {integrity: sha512-Xx3Sy3f2c9ctT+vh8c7euEaEHQZltp0euZ3Hy4UfT3E13r6lxpUS3kgKyumEjboJZSnaZv7JhqWz3D75v+IxQg==}
-    dependencies:
-      '@swc/helpers': 0.5.3
-    dev: false
-
   /@internationalized/string@3.2.1:
     resolution: {integrity: sha512-vWQOvRIauvFMzOO+h7QrdsJmtN1AXAFVcaLWP9AseRN2o7iHceZ6bIXhBD4teZl8i91A3gxKnWBlGgjCwU6MFQ==}
     dependencies:
@@ -6616,7 +6713,7 @@ packages:
       '@types/yargs': 17.0.31
       chalk: 4.1.2
 
-  /@joshwooding/vite-plugin-react-docgen-typescript@0.3.0(typescript@5.2.2)(vite@4.5.1):
+  /@joshwooding/vite-plugin-react-docgen-typescript@0.3.0(typescript@5.2.2)(vite@5.1.4):
     resolution: {integrity: sha512-2D6y7fNvFmsLmRt6UCOFJPvFoPMJGT0Uh1Wg0RaigUp7kdQPs6yYn8Dmx6GZkOH/NW0yMTwRz/p0SRMMRo50vA==}
     peerDependencies:
       typescript: '>= 4.3.x'
@@ -6630,7 +6727,7 @@ packages:
       magic-string: 0.27.0
       react-docgen-typescript: 2.2.2(typescript@5.2.2)
       typescript: 5.2.2
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
+      vite: 5.1.4(lightningcss@1.24.0)
     dev: true
 
   /@jridgewell/gen-mapping@0.3.3:
@@ -6674,7 +6771,7 @@ packages:
   /@kwsites/file-exists@1.1.1:
     resolution: {integrity: sha512-m9/5YGR18lIwxSFDwfE3oA7bWuq9kdau6ugN4H2rJeyhFQZcG9AgSHkQtSD15a8WvTgfz9aikZMrKPHvbpqFiw==}
     dependencies:
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -6780,6 +6877,18 @@ packages:
       react-is: 16.13.1
     dev: false
 
+  /@loadable/component@5.14.1(react@18.2.0):
+    resolution: {integrity: sha512-UQBZfZrp1FLTf8RNhljXNHFNY4QhAA1L2+GOEeABBFre9TD0aFyQh3Sai5QxcOfy+FTbjIfti5iHaNRR7yUzEQ==}
+    engines: {node: '>=8'}
+    peerDependencies:
+      react: '>=16.3.0'
+    dependencies:
+      '@babel/runtime': 7.20.6
+      hoist-non-react-statics: 3.3.2
+      react: 18.2.0
+      react-is: 16.13.1
+    dev: false
+
   /@loadable/server@5.14.0(@loadable/component@5.14.1)(react@17.0.2):
     resolution: {integrity: sha512-oiZiHzUdkOsDzZNXU6fsZ7U0W3+nWZRljVCFCeR8CZSXEKUfXAllUf8tx5G385q7vapAQpXM7U8EzgDns3Q4vQ==}
     engines: {node: '>=8'}
@@ -6792,6 +6901,18 @@ packages:
       react: 17.0.2
     dev: false
 
+  /@loadable/server@5.14.0(@loadable/component@5.14.1)(react@18.2.0):
+    resolution: {integrity: sha512-oiZiHzUdkOsDzZNXU6fsZ7U0W3+nWZRljVCFCeR8CZSXEKUfXAllUf8tx5G385q7vapAQpXM7U8EzgDns3Q4vQ==}
+    engines: {node: '>=8'}
+    peerDependencies:
+      '@loadable/component': ^5.0.1
+      react: '>=16.3.0'
+    dependencies:
+      '@loadable/component': 5.14.1(react@18.2.0)
+      lodash: 4.17.21
+      react: 18.2.0
+    dev: false
+
   /@loadable/webpack-plugin@5.15.2(webpack@5.90.1):
     resolution: {integrity: sha512-+o87jPHn3E8sqW0aBA+qwKuG8JyIfMGdz3zECv0t/JF0KHhxXtzIlTiqzlIYc5ZpFs/vKSQfjzGIR5tPJjoXDw==}
     engines: {node: '>=8'}
@@ -6877,13 +6998,21 @@ packages:
       react: 17.0.2
     dev: true
 
+  /@mdx-js/react@1.6.22(react@18.2.0):
+    resolution: {integrity: sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg==}
+    peerDependencies:
+      react: ^16.13.1 || ^17.0.0
+    dependencies:
+      react: 18.2.0
+    dev: true
+
   /@mdx-js/react@2.3.0(react@18.2.0):
     resolution: {integrity: sha512-zQH//gdOmuu7nt2oJR29vFhDv88oGPmVw6BggmrHeMI+xgEkp1B2dX9/bMBSYtK0dyLX/aOmesKS09g222K1/g==}
     peerDependencies:
       react: '>=16'
     dependencies:
       '@types/mdx': 2.0.10
-      '@types/react': 18.2.55
+      '@types/react': 18.2.60
       react: 18.2.0
     dev: true
 
@@ -6891,24 +7020,24 @@ packages:
     resolution: {integrity: sha512-H1rQc1ZOHANWBvPcW+JpGwr+juXSxM8Q8YCkm3GhZd8REu1fHR3z99CErO1p9pkcfcxZnMdIZdIsXkOHY0NilA==}
     dev: true
 
-  /@microsoft/api-extractor-model@7.28.2:
-    resolution: {integrity: sha512-vkojrM2fo3q4n4oPh4uUZdjJ2DxQ2+RnDQL/xhTWSRUNPF6P4QyrvY357HBxbnltKcYu+nNNolVqc6TIGQ73Ig==}
+  /@microsoft/api-extractor-model@7.28.3:
+    resolution: {integrity: sha512-wT/kB2oDbdZXITyDh2SQLzaWwTOFbV326fP0pUwNW00WeliARs0qjmXBWmGWardEzp2U3/axkO3Lboqun6vrig==}
     dependencies:
       '@microsoft/tsdoc': 0.14.2
       '@microsoft/tsdoc-config': 0.16.2
-      '@rushstack/node-core-library': 3.61.0
+      '@rushstack/node-core-library': 3.62.0
     transitivePeerDependencies:
       - '@types/node'
     dev: true
 
-  /@microsoft/api-extractor@7.38.3:
-    resolution: {integrity: sha512-xt9iYyC5f39281j77JTA9C3ISJpW1XWkCcnw+2vM78CPnro6KhPfwQdPDfwS5JCPNuq0grm8cMdPUOPvrchDWw==}
+  /@microsoft/api-extractor@7.39.0:
+    resolution: {integrity: sha512-PuXxzadgnvp+wdeZFPonssRAj/EW4Gm4s75TXzPk09h3wJ8RS3x7typf95B4vwZRrPTQBGopdUl+/vHvlPdAcg==}
     hasBin: true
     dependencies:
-      '@microsoft/api-extractor-model': 7.28.2
+      '@microsoft/api-extractor-model': 7.28.3
       '@microsoft/tsdoc': 0.14.2
       '@microsoft/tsdoc-config': 0.16.2
-      '@rushstack/node-core-library': 3.61.0
+      '@rushstack/node-core-library': 3.62.0
       '@rushstack/rig-package': 0.5.1
       '@rushstack/ts-command-line': 4.17.1
       colors: 1.2.5
@@ -6916,7 +7045,7 @@ packages:
       resolve: 1.22.8
       semver: 7.5.4
       source-map: 0.6.1
-      typescript: 5.0.4
+      typescript: 5.3.3
     transitivePeerDependencies:
       - '@types/node'
     dev: true
@@ -7020,18 +7149,18 @@ packages:
       urlpattern-polyfill: 8.0.2
     dev: false
 
-  /@next/env@14.0.4:
-    resolution: {integrity: sha512-irQnbMLbUNQpP1wcE5NstJtbuA/69kRfzBrpAD7Gsn8zm/CY6YQYc3HQBz8QPxwISG26tIm5afvvVbu508oBeQ==}
+  /@next/env@14.1.1:
+    resolution: {integrity: sha512-7CnQyD5G8shHxQIIg3c7/pSeYFeMhsNbpU/bmvH7ZnDql7mNRgg8O2JZrhrc/soFnfBnKP4/xXNiiSIPn2w8gA==}
     dev: false
 
-  /@next/eslint-plugin-next@14.0.4:
-    resolution: {integrity: sha512-U3qMNHmEZoVmHA0j/57nRfi3AscXNvkOnxDmle/69Jz/G0o/gWjXTDdlgILZdrxQ0Lw/jv2mPW8PGy0EGIHXhQ==}
+  /@next/eslint-plugin-next@14.1.1:
+    resolution: {integrity: sha512-NP1WoGFnFLpqqCWgGFjnn/sTwUExdPyjeFKRdQP1X/bL/tjAQ/TXDmYqw6vzGaP5NaZ2u6xzg+N/0nd7fOPOGQ==}
     dependencies:
-      glob: 7.1.7
+      glob: 10.3.10
     dev: true
 
-  /@next/swc-darwin-arm64@14.0.4:
-    resolution: {integrity: sha512-mF05E/5uPthWzyYDyptcwHptucf/jj09i2SXBPwNzbgBNc+XnwzrL0U6BmPjQeOL+FiB+iG1gwBeq7mlDjSRPg==}
+  /@next/swc-darwin-arm64@14.1.1:
+    resolution: {integrity: sha512-yDjSFKQKTIjyT7cFv+DqQfW5jsD+tVxXTckSe1KIouKk75t1qZmj/mV3wzdmFb0XHVGtyRjDMulfVG8uCKemOQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
@@ -7039,8 +7168,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-darwin-x64@14.0.4:
-    resolution: {integrity: sha512-IZQ3C7Bx0k2rYtrZZxKKiusMTM9WWcK5ajyhOZkYYTCc8xytmwSzR1skU7qLgVT/EY9xtXDG0WhY6fyujnI3rw==}
+  /@next/swc-darwin-x64@14.1.1:
+    resolution: {integrity: sha512-KCQmBL0CmFmN8D64FHIZVD9I4ugQsDBBEJKiblXGgwn7wBCSe8N4Dx47sdzl4JAg39IkSN5NNrr8AniXLMb3aw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
@@ -7048,8 +7177,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-arm64-gnu@14.0.4:
-    resolution: {integrity: sha512-VwwZKrBQo/MGb1VOrxJ6LrKvbpo7UbROuyMRvQKTFKhNaXjUmKTu7wxVkIuCARAfiI8JpaWAnKR+D6tzpCcM4w==}
+  /@next/swc-linux-arm64-gnu@14.1.1:
+    resolution: {integrity: sha512-YDQfbWyW0JMKhJf/T4eyFr4b3tceTorQ5w2n7I0mNVTFOvu6CGEzfwT3RSAQGTi/FFMTFcuspPec/7dFHuP7Eg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
@@ -7057,8 +7186,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-arm64-musl@14.0.4:
-    resolution: {integrity: sha512-8QftwPEW37XxXoAwsn+nXlodKWHfpMaSvt81W43Wh8dv0gkheD+30ezWMcFGHLI71KiWmHK5PSQbTQGUiidvLQ==}
+  /@next/swc-linux-arm64-musl@14.1.1:
+    resolution: {integrity: sha512-fiuN/OG6sNGRN/bRFxRvV5LyzLB8gaL8cbDH5o3mEiVwfcMzyE5T//ilMmaTrnA8HLMS6hoz4cHOu6Qcp9vxgQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
@@ -7066,8 +7195,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-x64-gnu@14.0.4:
-    resolution: {integrity: sha512-/s/Pme3VKfZAfISlYVq2hzFS8AcAIOTnoKupc/j4WlvF6GQ0VouS2Q2KEgPuO1eMBwakWPB1aYFIA4VNVh667A==}
+  /@next/swc-linux-x64-gnu@14.1.1:
+    resolution: {integrity: sha512-rv6AAdEXoezjbdfp3ouMuVqeLjE1Bin0AuE6qxE6V9g3Giz5/R3xpocHoAi7CufRR+lnkuUjRBn05SYJ83oKNQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
@@ -7075,8 +7204,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-x64-musl@14.0.4:
-    resolution: {integrity: sha512-m8z/6Fyal4L9Bnlxde5g2Mfa1Z7dasMQyhEhskDATpqr+Y0mjOBZcXQ7G5U+vgL22cI4T7MfvgtrM2jdopqWaw==}
+  /@next/swc-linux-x64-musl@14.1.1:
+    resolution: {integrity: sha512-YAZLGsaNeChSrpz/G7MxO3TIBLaMN8QWMr3X8bt6rCvKovwU7GqQlDu99WdvF33kI8ZahvcdbFsy4jAFzFX7og==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
@@ -7084,8 +7213,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-win32-arm64-msvc@14.0.4:
-    resolution: {integrity: sha512-7Wv4PRiWIAWbm5XrGz3D8HUkCVDMMz9igffZG4NB1p4u1KoItwx9qjATHz88kwCEal/HXmbShucaslXCQXUM5w==}
+  /@next/swc-win32-arm64-msvc@14.1.1:
+    resolution: {integrity: sha512-1L4mUYPBMvVDMZg1inUYyPvFSduot0g73hgfD9CODgbr4xiTYe0VOMTZzaRqYJYBA9mana0x4eaAaypmWo1r5A==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
@@ -7093,8 +7222,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-win32-ia32-msvc@14.0.4:
-    resolution: {integrity: sha512-zLeNEAPULsl0phfGb4kdzF/cAVIfaC7hY+kt0/d+y9mzcZHsMS3hAS829WbJ31DkSlVKQeHEjZHIdhN+Pg7Gyg==}
+  /@next/swc-win32-ia32-msvc@14.1.1:
+    resolution: {integrity: sha512-jvIE9tsuj9vpbbXlR5YxrghRfMuG0Qm/nZ/1KDHc+y6FpnZ/apsgh+G6t15vefU0zp3WSpTMIdXRUsNl/7RSuw==}
     engines: {node: '>= 10'}
     cpu: [ia32]
     os: [win32]
@@ -7102,8 +7231,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-win32-x64-msvc@14.0.4:
-    resolution: {integrity: sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==}
+  /@next/swc-win32-x64-msvc@14.1.1:
+    resolution: {integrity: sha512-S6K6EHDU5+1KrBDLko7/c1MNy/Ya73pIAmvKeFwsF4RmBFJSO7/7YeD4FnZ4iBdzE69PpQ4sOMU9ORKeNuxe8A==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -7682,18 +7811,19 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/bundler-default@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-ZIs0865Lp871ZK83k5I9L4DeeE26muNMrHa7j8bvls6fKBJKAn8djrhfU4XOLyziU4aAOobcPwXU0+npWqs52g==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/bundler-default@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-3ybN74oYNMKyjD6V20c9Gerdbh7teeNvVMwIoHIQMzuIFT6IGX53PyOLlOKRLbjxMc0TMimQQxIt2eQqxR5LsA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/graph': 3.1.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/rust': 2.11.0
-      '@parcel/utils': 2.11.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/graph': 3.2.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/rust': 2.12.0
+      '@parcel/utils': 2.12.0
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/cache@2.10.2(@parcel/core@2.10.2):
@@ -7709,30 +7839,32 @@ packages:
       lmdb: 2.8.5
     dev: true
 
-  /@parcel/cache@2.10.2(@parcel/core@2.11.0):
+  /@parcel/cache@2.10.2(@parcel/core@2.12.0):
     resolution: {integrity: sha512-B69e5n+bBzYoaJdUOviYeUT7N1iXI3IC5G8dAxKNZ9Zgn+pjZ5BwltbfmP47+NTfQ7LqM8Ea4UJxysQsLdwb+Q==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
       '@parcel/core': ^2.10.2
     dependencies:
-      '@parcel/core': 2.11.0
-      '@parcel/fs': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/core': 2.12.0
+      '@parcel/fs': 2.10.2(@parcel/core@2.12.0)
       '@parcel/logger': 2.10.2
       '@parcel/utils': 2.10.2
       lmdb: 2.8.5
     dev: true
 
-  /@parcel/cache@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-RSSkGNjO00lJPyftzaC9eaNVs4jMjPSAm0VJNWQ9JSm2n4A9BzQtTFAt1vhJOzzW1UsQvvBge9DdfkB7a2gIOw==}
+  /@parcel/cache@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-FX5ZpTEkxvq/yvWklRHDESVRz+c7sLTXgFuzz6uEnBcXV38j6dMSikflNpHA6q/L4GKkCqRywm9R6XQwhwIMyw==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
-      '@parcel/core': ^2.11.0
+      '@parcel/core': ^2.12.0
     dependencies:
-      '@parcel/core': 2.11.0
-      '@parcel/fs': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/logger': 2.11.0
-      '@parcel/utils': 2.11.0
+      '@parcel/core': 2.12.0
+      '@parcel/fs': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/logger': 2.12.0
+      '@parcel/utils': 2.12.0
       lmdb: 2.8.5
+    transitivePeerDependencies:
+      - '@swc/helpers'
 
   /@parcel/codeframe@2.10.2:
     resolution: {integrity: sha512-EZrYSIlVg4qiBLHRRqC/BGN2MLG0SKnw4u7kpviwz63I+v36ghqmHGOomwfn4x13nDL+EgOFz4/+Q7QpbMTKug==}
@@ -7741,8 +7873,8 @@ packages:
       chalk: 4.1.2
     dev: true
 
-  /@parcel/codeframe@2.11.0:
-    resolution: {integrity: sha512-YHs9g/i5af/sd/JrWAojU9YFbKffcJ3Tx2EJaK0ME8OJsye91UaI/3lxSUYLmJG9e4WLNJtqci8V5FBMz//ZPg==}
+  /@parcel/codeframe@2.12.0:
+    resolution: {integrity: sha512-v2VmneILFiHZJTxPiR7GEF1wey1/IXPdZMcUlNXBiPZyWDfcuNgGGVQkx/xW561rULLIvDPharOMdxz5oHOKQg==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       chalk: 4.1.2
@@ -7756,16 +7888,17 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/compressor-raw@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-RArhBPRTCfz77soX2IECH09NUd76UBWujXiPRcXGPIHK+C3L1cRuzsNcA39QeSb3thz3b99JcozMJ1nkC2Bsgw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/compressor-raw@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-h41Q3X7ZAQ9wbQ2csP8QGrwepasLZdXiuEdpUryDce6rF9ZiHoJ97MRpdLxOhOPyASTw/xDgE1xyaPQr0Q3f5A==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
-  /@parcel/config-default@2.10.2(@parcel/core@2.10.2)(postcss@8.4.31)(typescript@5.2.2):
+  /@parcel/config-default@2.10.2(@parcel/core@2.10.2)(postcss@8.4.35)(typescript@5.2.2):
     resolution: {integrity: sha512-BGn7G5MT6VXpnI5Rj8fzHT1ij0YElge3l2KVGSOJ5crho2Fmz7UKmm8kJ9kdcLrzHWOIH07T100YoQuAwKVQaA==}
     peerDependencies:
       '@parcel/core': ^2.10.2
@@ -7775,7 +7908,7 @@ packages:
       '@parcel/core': 2.10.2
       '@parcel/namer-default': 2.10.2(@parcel/core@2.10.2)
       '@parcel/optimizer-css': 2.10.2(@parcel/core@2.10.2)
-      '@parcel/optimizer-htmlnano': 2.10.2(@parcel/core@2.10.2)(postcss@8.4.31)(typescript@5.2.2)
+      '@parcel/optimizer-htmlnano': 2.10.2(@parcel/core@2.10.2)(postcss@8.4.35)(typescript@5.2.2)
       '@parcel/optimizer-image': 2.10.2(@parcel/core@2.10.2)
       '@parcel/optimizer-svgo': 2.10.2(@parcel/core@2.10.2)
       '@parcel/optimizer-swc': 2.10.2(@parcel/core@2.10.2)
@@ -7814,43 +7947,43 @@ packages:
       - uncss
     dev: true
 
-  /@parcel/config-default@2.11.0(@parcel/core@2.11.0)(postcss@8.4.31)(typescript@5.2.2):
-    resolution: {integrity: sha512-1e2+qcZkm5/0f4eI20p/DemcYiSxq9d/eyjpTXA7PulJaHbL1wonwUAuy3mvnAvDnLOJmAk/obDVgX1ZfxMGtg==}
-    peerDependencies:
-      '@parcel/core': ^2.11.0
-    dependencies:
-      '@parcel/bundler-default': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/compressor-raw': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/core': 2.11.0
-      '@parcel/namer-default': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/optimizer-css': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/optimizer-htmlnano': 2.11.0(@parcel/core@2.11.0)(postcss@8.4.31)(typescript@5.2.2)
-      '@parcel/optimizer-image': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/optimizer-svgo': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/optimizer-swc': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/packager-css': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/packager-html': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/packager-js': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/packager-raw': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/packager-svg': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/packager-wasm': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/reporter-dev-server': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/resolver-default': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/runtime-browser-hmr': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/runtime-js': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/runtime-react-refresh': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/runtime-service-worker': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/transformer-babel': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/transformer-css': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/transformer-html': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/transformer-image': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/transformer-js': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/transformer-json': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/transformer-postcss': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/transformer-posthtml': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/transformer-raw': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/transformer-react-refresh-wrap': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/transformer-svg': 2.11.0(@parcel/core@2.11.0)
+  /@parcel/config-default@2.12.0(@parcel/core@2.12.0)(postcss@8.4.35)(typescript@5.2.2):
+    resolution: {integrity: sha512-dPNe2n9eEsKRc1soWIY0yToMUPirPIa2QhxcCB3Z5RjpDGIXm0pds+BaiqY6uGLEEzsjhRO0ujd4v2Rmm0vuFg==}
+    peerDependencies:
+      '@parcel/core': ^2.12.0
+    dependencies:
+      '@parcel/bundler-default': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/compressor-raw': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/core': 2.12.0
+      '@parcel/namer-default': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/optimizer-css': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/optimizer-htmlnano': 2.12.0(@parcel/core@2.12.0)(postcss@8.4.35)(typescript@5.2.2)
+      '@parcel/optimizer-image': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/optimizer-svgo': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/optimizer-swc': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/packager-css': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/packager-html': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/packager-js': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/packager-raw': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/packager-svg': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/packager-wasm': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/reporter-dev-server': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/resolver-default': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/runtime-browser-hmr': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/runtime-js': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/runtime-react-refresh': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/runtime-service-worker': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/transformer-babel': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/transformer-css': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/transformer-html': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/transformer-image': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/transformer-js': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/transformer-json': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/transformer-postcss': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/transformer-posthtml': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/transformer-raw': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/transformer-react-refresh-wrap': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/transformer-svg': 2.12.0(@parcel/core@2.12.0)
     transitivePeerDependencies:
       - '@swc/helpers'
       - cssnano
@@ -7894,25 +8027,25 @@ packages:
       semver: 7.6.0
     dev: true
 
-  /@parcel/core@2.11.0:
-    resolution: {integrity: sha512-Npe0S6hVaqWEwRL+HI7gtOYOaoE5bJQZTgUDhsDoppWbau51jOlRYOZTXuvRK/jxXnze4/S1sdM24xBYAQ5qkw==}
+  /@parcel/core@2.12.0:
+    resolution: {integrity: sha512-s+6pwEj+GfKf7vqGUzN9iSEPueUssCCQrCBUlcAfKrJe0a22hTUCjewpB0I7lNrCIULt8dkndD+sMdOrXsRl6Q==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       '@mischnic/json-sourcemap': 0.1.1
-      '@parcel/cache': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/events': 2.11.0
-      '@parcel/fs': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/graph': 3.1.0
-      '@parcel/logger': 2.11.0
-      '@parcel/package-manager': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/profiler': 2.11.0
-      '@parcel/rust': 2.11.0
+      '@parcel/cache': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/events': 2.12.0
+      '@parcel/fs': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/graph': 3.2.0
+      '@parcel/logger': 2.12.0
+      '@parcel/package-manager': 2.12.0(@parcel/core@2.12.0)(@swc/helpers@0.5.3)
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/profiler': 2.12.0
+      '@parcel/rust': 2.12.0
       '@parcel/source-map': 2.1.1
-      '@parcel/types': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
-      '@parcel/workers': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/types': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0)
       abortcontroller-polyfill: 1.7.5
       base-x: 3.0.9
       browserslist: 4.23.0
@@ -7922,7 +8055,9 @@ packages:
       json5: 2.2.3
       msgpackr: 1.9.9
       nullthrows: 1.1.1
-      semver: 7.5.4
+      semver: 7.6.0
+    transitivePeerDependencies:
+      - '@swc/helpers'
 
   /@parcel/diagnostic@2.10.2:
     resolution: {integrity: sha512-FwtphyiV/TJEiYIRYXBOloXp7XhTW37ifRSLr7RdLbDVyn/P9q/7l0+ORlnOL+WuKwbDQtY+dXYLh/ijTsq7qQ==}
@@ -7932,8 +8067,8 @@ packages:
       nullthrows: 1.1.1
     dev: true
 
-  /@parcel/diagnostic@2.11.0:
-    resolution: {integrity: sha512-4dJmOXVL5YGGQRRsQosQbSRONBcboB71mSwaeaEgz3pPdq9QXVPLACkGe/jTXSqa3OnAHu3g5vQLpE1g5xqBqw==}
+  /@parcel/diagnostic@2.12.0:
+    resolution: {integrity: sha512-8f1NOsSFK+F4AwFCKynyIu9Kr/uWHC+SywAv4oS6Bv3Acig0gtwUjugk0C9UaB8ztBZiW5TQZhw+uPZn9T/lJA==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       '@mischnic/json-sourcemap': 0.1.1
@@ -7944,8 +8079,8 @@ packages:
     engines: {node: '>= 12.0.0'}
     dev: true
 
-  /@parcel/events@2.11.0:
-    resolution: {integrity: sha512-K6SOjOrQsz1GdNl2qKBktq7KJ3Q3yxK8WXdmQYo10wG39dr051xtMb38aqieTp4eVhL8Yaq2iJgGkdr11fuBnA==}
+  /@parcel/events@2.12.0:
+    resolution: {integrity: sha512-nmAAEIKLjW1kB2cUbCYSmZOGbnGj8wCzhqnK727zCCWaA25ogzAtt657GPOeFyqW77KyosU728Tl63Fc8hphIA==}
     engines: {node: '>= 12.0.0'}
 
   /@parcel/fs@2.10.2(@parcel/core@2.10.2):
@@ -7958,36 +8093,38 @@ packages:
       '@parcel/rust': 2.10.2
       '@parcel/types': 2.10.2(@parcel/core@2.10.2)
       '@parcel/utils': 2.10.2
-      '@parcel/watcher': 2.4.0
+      '@parcel/watcher': 2.3.0
       '@parcel/workers': 2.10.2(@parcel/core@2.10.2)
     dev: true
 
-  /@parcel/fs@2.10.2(@parcel/core@2.11.0):
+  /@parcel/fs@2.10.2(@parcel/core@2.12.0):
     resolution: {integrity: sha512-80SXdFGDJtil9tTbWrYiZRfQ5ehMAT/dq6eY4EYcFg+MvSiwBL/4GfYMfqXn6AamuSVeQlsFCPpunFLNl9YDDA==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
       '@parcel/core': ^2.10.2
     dependencies:
-      '@parcel/core': 2.11.0
+      '@parcel/core': 2.12.0
       '@parcel/rust': 2.10.2
-      '@parcel/types': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/types': 2.10.2(@parcel/core@2.12.0)
       '@parcel/utils': 2.10.2
-      '@parcel/watcher': 2.4.0
-      '@parcel/workers': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/watcher': 2.3.0
+      '@parcel/workers': 2.10.2(@parcel/core@2.12.0)
     dev: true
 
-  /@parcel/fs@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-zWckdnnovdrgdFX4QYuQV4bbKCsh6IYCkmwaB4yp47rhw1MP0lkBINLt4yFPHBxWXOpElCfxjL+z69c9xJQRBQ==}
+  /@parcel/fs@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-NnFkuvou1YBtPOhTdZr44WN7I60cGyly2wpHzqRl62yhObyi1KvW0SjwOMa0QGNcBOIzp4G0CapoZ93hD0RG5Q==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
-      '@parcel/core': ^2.11.0
+      '@parcel/core': ^2.12.0
     dependencies:
-      '@parcel/core': 2.11.0
-      '@parcel/rust': 2.11.0
-      '@parcel/types': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
-      '@parcel/watcher': 2.4.0
-      '@parcel/workers': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/core': 2.12.0
+      '@parcel/rust': 2.12.0
+      '@parcel/types': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
+      '@parcel/watcher': 2.4.1
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0)
+    transitivePeerDependencies:
+      - '@swc/helpers'
 
   /@parcel/graph@3.0.2:
     resolution: {integrity: sha512-cPxCN3+QF+5l4BJ0wnLeb3DPJarWQoD3W984CfuEYy/8Zgo2oayd31soZzkevyTYtp7H4tJKo+I79i2TJdNq5Q==}
@@ -7996,8 +8133,8 @@ packages:
       nullthrows: 1.1.1
     dev: true
 
-  /@parcel/graph@3.1.0:
-    resolution: {integrity: sha512-d1dTW5C7A52HgDtoXlyvlET1ypSlmIxSIZOJ1xp3R9L9hgo3h1u3jHNyaoTe/WPkGVe2QnFxh0h+UibVJhu9vg==}
+  /@parcel/graph@3.2.0:
+    resolution: {integrity: sha512-xlrmCPqy58D4Fg5umV7bpwDx5Vyt7MlnQPxW68vae5+BA4GSWetfZt+Cs5dtotMG2oCHzZxhIPt7YZ7NRyQzLA==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       nullthrows: 1.1.1
@@ -8010,12 +8147,12 @@ packages:
       '@parcel/events': 2.10.2
     dev: true
 
-  /@parcel/logger@2.11.0:
-    resolution: {integrity: sha512-HtMEdCq3LKnvv4T2CIskcqlf2gpBvHMm3pkeUFB/hc/7hW/hE1k6/HA2VOQvc0tBsaMpmEx7PCrfrH56usQSyA==}
+  /@parcel/logger@2.12.0:
+    resolution: {integrity: sha512-cJ7Paqa7/9VJ7C+KwgJlwMqTQBOjjn71FbKk0G07hydUEBISU2aDfmc/52o60ErL9l+vXB26zTrIBanbxS8rVg==}
     engines: {node: '>= 12.0.0'}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/events': 2.11.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/events': 2.12.0
 
   /@parcel/markdown-ansi@2.10.2:
     resolution: {integrity: sha512-uZrysHjJ+0vbQNK2bhKy8yoVso8KnoW6O/SW8MiGQ4lpDJdqHShkW08wZUKr4sjl7h/WVFdNsDdgvi2/ANwoRQ==}
@@ -8024,8 +8161,8 @@ packages:
       chalk: 4.1.2
     dev: true
 
-  /@parcel/markdown-ansi@2.11.0:
-    resolution: {integrity: sha512-YA60EWbXi6cLOIzcwRC2wijotPauOGQbUi0vSbu0O6/mjQ68kWCMGz0hwZjDRQcPypQVJEIvTgMymLbvumxwhg==}
+  /@parcel/markdown-ansi@2.12.0:
+    resolution: {integrity: sha512-WZz3rzL8k0H3WR4qTHX6Ic8DlEs17keO9gtD4MNGyMNQbqQEvQ61lWJaIH0nAtgEetu0SOITiVqdZrb8zx/M7w==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       chalk: 4.1.2
@@ -8041,15 +8178,16 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/namer-default@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-DEwBSKSClg4DA2xAWimYkw9bFi7MFb9TdT7/TYZStMTsfYHPWOyyjGR7aVr3Ra4wNb+XX6g4rR41yp3HD6KO7A==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/namer-default@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-9DNKPDHWgMnMtqqZIMiEj/R9PNWW16lpnlHjwK3ciRlMPgjPJ8+UNc255teZODhX0T17GOzPdGbU/O/xbxVPzA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/node-resolver-core@3.1.2(@parcel/core@2.10.2):
@@ -8067,13 +8205,13 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/node-resolver-core@3.1.2(@parcel/core@2.11.0):
+  /@parcel/node-resolver-core@3.1.2(@parcel/core@2.12.0):
     resolution: {integrity: sha512-xvIBgYBRQGmCkfwK/yxVSDtPEvWDVH9poQcGpKHT1jqstYju5crXro0acni5nYF0hWZu7Kttrp9G9fXJQWBksw==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       '@mischnic/json-sourcemap': 0.1.1
       '@parcel/diagnostic': 2.10.2
-      '@parcel/fs': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/fs': 2.10.2(@parcel/core@2.12.0)
       '@parcel/rust': 2.10.2
       '@parcel/utils': 2.10.2
       nullthrows: 1.1.1
@@ -8082,15 +8220,15 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/node-resolver-core@3.2.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-XJRSxCkNbGFWjfmwFdcQZ/qlzWZd35qLtvLz2va8euGL7M5OMEQOv7dsvEhl0R+CC2zcnfFzZwxk78q6ezs8AQ==}
+  /@parcel/node-resolver-core@3.3.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-rhPW9DYPEIqQBSlYzz3S0AjXxjN6Ub2yS6tzzsW/4S3Gpsgk/uEq4ZfxPvoPf/6TgZndVxmKwpmxaKtGMmf3cA==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       '@mischnic/json-sourcemap': 0.1.1
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/fs': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/rust': 2.11.0
-      '@parcel/utils': 2.11.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/fs': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/rust': 2.12.0
+      '@parcel/utils': 2.12.0
       nullthrows: 1.1.1
       semver: 7.6.0
     transitivePeerDependencies:
@@ -8104,34 +8242,35 @@ packages:
       '@parcel/plugin': 2.10.2(@parcel/core@2.10.2)
       '@parcel/source-map': 2.1.1
       '@parcel/utils': 2.10.2
-      browserslist: 4.22.1
-      lightningcss: 1.22.1
+      browserslist: 4.23.0
+      lightningcss: 1.24.0
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/optimizer-css@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-bV97PRxshHV3dMwOpLRgcP1QNhrVWh6VVDfm2gmWULpvsjoykcPS6vrCFksY5CpQsSvNHqJBzQjWS8FubUI76w==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/optimizer-css@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-ifbcC97fRzpruTjaa8axIFeX4MjjSIlQfem3EJug3L2AVqQUXnM1XO8L0NaXGNLTW2qnh1ZjIJ7vXT/QhsphsA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.11.0
+      '@parcel/utils': 2.12.0
       browserslist: 4.23.0
-      lightningcss: 1.23.0
+      lightningcss: 1.24.0
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
-  /@parcel/optimizer-htmlnano@2.10.2(@parcel/core@2.10.2)(postcss@8.4.31)(typescript@5.2.2):
+  /@parcel/optimizer-htmlnano@2.10.2(@parcel/core@2.10.2)(postcss@8.4.35)(typescript@5.2.2):
     resolution: {integrity: sha512-9Sg2xLsfX7CPLd1AO3uVa/Kh9EROKVNHMnmNxlzmO2+LEOU/M1OHalvt4bhC7I+cNFPLN5BePdBv3QMYpO0yyA==}
     engines: {node: '>= 12.0.0', parcel: ^2.10.2}
     dependencies:
       '@parcel/plugin': 2.10.2(@parcel/core@2.10.2)
-      htmlnano: 2.1.0(postcss@8.4.31)(svgo@2.8.0)(typescript@5.2.2)
+      htmlnano: 2.1.0(postcss@8.4.35)(svgo@2.8.0)(typescript@5.2.2)
       nullthrows: 1.1.1
       posthtml: 0.16.6
       svgo: 2.8.0
@@ -8147,17 +8286,18 @@ packages:
       - uncss
     dev: true
 
-  /@parcel/optimizer-htmlnano@2.11.0(@parcel/core@2.11.0)(postcss@8.4.31)(typescript@5.2.2):
-    resolution: {integrity: sha512-c20pz4EFF5DNFmqYgptlIj49eT6xjGLkDTdHH3RRzxKovuSXWfYSPs3GED3ZsjVuQyjNQif+/MAk9547F7hrdQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/optimizer-htmlnano@2.12.0(@parcel/core@2.12.0)(postcss@8.4.35)(typescript@5.2.2):
+    resolution: {integrity: sha512-MfPMeCrT8FYiOrpFHVR+NcZQlXAptK2r4nGJjfT+ndPBhEEZp4yyL7n1y7HfX9geg5altc4WTb4Gug7rCoW8VQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      htmlnano: 2.1.0(postcss@8.4.31)(svgo@2.8.0)(typescript@5.2.2)
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      htmlnano: 2.1.0(postcss@8.4.35)(svgo@2.8.0)(typescript@5.2.2)
       nullthrows: 1.1.1
       posthtml: 0.16.6
       svgo: 2.8.0
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
       - cssnano
       - postcss
       - purgecss
@@ -8182,18 +8322,20 @@ packages:
       '@parcel/workers': 2.10.2(@parcel/core@2.10.2)
     dev: true
 
-  /@parcel/optimizer-image@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-jCaJww5QFG2GuNzYW8nlSW+Ea+Cv47TRnOPJNquFIajgfTLJ5ddsWbaNal0GQsL8yNiCBKWd1AV4W0RH9tG0Jg==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/optimizer-image@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-bo1O7raeAIbRU5nmNVtx8divLW9Xqn0c57GVNGeAK4mygnQoqHqRZ0mR9uboh64pxv6ijXZHPhKvU9HEpjPjBQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     peerDependencies:
-      '@parcel/core': ^2.11.0
+      '@parcel/core': ^2.12.0
     dependencies:
-      '@parcel/core': 2.11.0
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/rust': 2.11.0
-      '@parcel/utils': 2.11.0
-      '@parcel/workers': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/core': 2.12.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/rust': 2.12.0
+      '@parcel/utils': 2.12.0
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0)
+    transitivePeerDependencies:
+      - '@swc/helpers'
     dev: true
 
   /@parcel/optimizer-svgo@2.10.2(@parcel/core@2.10.2):
@@ -8208,16 +8350,17 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/optimizer-svgo@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-TQpvfBhjV2IsuFHXUolbDS6XWB3DDR2rYTlqlA8LMmuOY7jQd9Bnkl4JnapzWm/bRuzRlzdGjjVCPGL8iShFvA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/optimizer-svgo@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-Kyli+ZZXnoonnbeRQdoWwee9Bk2jm/49xvnfb+2OO8NN0d41lblBoRhOyFiScRnJrw7eVl1Xrz7NTkXCIO7XFQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       svgo: 2.8.0
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/optimizer-swc@2.10.2(@parcel/core@2.10.2):
@@ -8228,22 +8371,22 @@ packages:
       '@parcel/plugin': 2.10.2(@parcel/core@2.10.2)
       '@parcel/source-map': 2.1.1
       '@parcel/utils': 2.10.2
-      '@swc/core': 1.3.96
+      '@swc/core': 1.3.96(@swc/helpers@0.5.3)
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
       - '@swc/helpers'
     dev: true
 
-  /@parcel/optimizer-swc@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-ftf42F3JyZxJb6nnLlgNGyNQ273YOla4dFGH/tWC8iTwObHUpWe7cMbCGcrSJBvAlsLkZfLpFNAXFxUgxdKyHQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/optimizer-swc@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-iBi6LZB3lm6WmbXfzi8J3DCVPmn4FN2lw7DGXxUXu7MouDPVWfTsM6U/5TkSHJRNRogZ2gqy5q9g34NPxHbJcw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.11.0
-      '@swc/core': 1.3.96
+      '@parcel/utils': 2.12.0
+      '@swc/core': 1.3.96(@swc/helpers@0.5.3)
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
@@ -8261,44 +8404,47 @@ packages:
       '@parcel/fs': 2.10.2(@parcel/core@2.10.2)
       '@parcel/logger': 2.10.2
       '@parcel/node-resolver-core': 3.1.2(@parcel/core@2.10.2)
-      '@parcel/types': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/types': 2.10.2(@parcel/core@2.12.0)
       '@parcel/utils': 2.10.2
       '@parcel/workers': 2.10.2(@parcel/core@2.10.2)
       semver: 7.6.0
     dev: true
 
-  /@parcel/package-manager@2.10.2(@parcel/core@2.11.0):
+  /@parcel/package-manager@2.10.2(@parcel/core@2.12.0):
     resolution: {integrity: sha512-c91YYsIxjX3YhMvtPT7v2MpDOn/Qyw13bi1+0Ftd2JNjUZPlm8+xKizlmgvdi75dgs7dGIUVpvrGLU9LoKthCA==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
       '@parcel/core': ^2.10.2
     dependencies:
-      '@parcel/core': 2.11.0
+      '@parcel/core': 2.12.0
       '@parcel/diagnostic': 2.10.2
-      '@parcel/fs': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/fs': 2.10.2(@parcel/core@2.12.0)
       '@parcel/logger': 2.10.2
-      '@parcel/node-resolver-core': 3.1.2(@parcel/core@2.11.0)
-      '@parcel/types': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/node-resolver-core': 3.1.2(@parcel/core@2.12.0)
+      '@parcel/types': 2.10.2(@parcel/core@2.12.0)
       '@parcel/utils': 2.10.2
-      '@parcel/workers': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/workers': 2.10.2(@parcel/core@2.12.0)
       semver: 7.6.0
     dev: true
 
-  /@parcel/package-manager@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-QzdsrUYlAwIzb8by7WJjqYnbR1MoMKWbtE1MXUeYsZbFusV8B6pOH+lwqNJKS/BFtddZMRPYFueZS2N2fwzjig==}
+  /@parcel/package-manager@2.12.0(@parcel/core@2.12.0)(@swc/helpers@0.5.3):
+    resolution: {integrity: sha512-0nvAezcjPx9FT+hIL+LS1jb0aohwLZXct7jAh7i0MLMtehOi0z1Sau+QpgMlA9rfEZZ1LIeFdnZZwqSy7Ccspw==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
-      '@parcel/core': ^2.11.0
-    dependencies:
-      '@parcel/core': 2.11.0
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/fs': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/logger': 2.11.0
-      '@parcel/node-resolver-core': 3.2.0(@parcel/core@2.11.0)
-      '@parcel/types': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
-      '@parcel/workers': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/core': ^2.12.0
+    dependencies:
+      '@parcel/core': 2.12.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/fs': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/logger': 2.12.0
+      '@parcel/node-resolver-core': 3.3.0(@parcel/core@2.12.0)
+      '@parcel/types': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0)
+      '@swc/core': 1.3.96(@swc/helpers@0.5.3)
       semver: 7.6.0
+    transitivePeerDependencies:
+      - '@swc/helpers'
 
   /@parcel/packager-css@2.10.2(@parcel/core@2.10.2):
     resolution: {integrity: sha512-+X4dV7mBdOhXSHeg5gAkk0Qju6A1oezYIancqDC17zoFzbHUfD13nHNDOXrEfMNFVWy93lB8vLJwchH54MDMwQ==}
@@ -8313,17 +8459,19 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/packager-css@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-AyIxsp4eL8c22vp2oO2hSRnr3hSVNkARNZc9DG6uXxCc2Is5tUEX0I4PwxWnAx0EI44l+3zX/o414zT8yV9wwQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/packager-css@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-j3a/ODciaNKD19IYdWJT+TP+tnhhn5koBGBWWtrKSu0UxWpnezIGZetit3eE+Y9+NTePalMkvpIlit2eDhvfJA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.11.0
+      '@parcel/utils': 2.12.0
+      lightningcss: 1.24.0
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/packager-html@2.10.2(@parcel/core@2.10.2):
@@ -8339,17 +8487,18 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/packager-html@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-ho5AQ70naTV8IqkKIbKtK+jsXQ5TJfFgtBvmJlyB3YydRMbIc+3g4G0xgIvf15V4uCMw9Md0Sv1W65nQXHPQoA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/packager-html@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-PpvGB9hFFe+19NXGz2ApvPrkA9GwEqaDAninT+3pJD57OVBaxB8U+HN4a5LICKxjUppPPqmrLb6YPbD65IX4RA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/types': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/types': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       nullthrows: 1.1.1
       posthtml: 0.16.6
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/packager-js@2.10.2(@parcel/core@2.10.2):
@@ -8368,20 +8517,21 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/packager-js@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-SxjCsd0xQfg5H73YtVJj9VOpr9s0rwMsSoeykjkatbkEla9NsZajsUkd/bfYf+/0WvEKOrB8oUBo15HkGOgKug==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/packager-js@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-viMF+FszITRRr8+2iJyk+4ruGiL27Y6AF7hQ3xbJfzqnmbOhGFtLTQwuwhOLqN/mWR2VKdgbLpZSarWaO3yAMg==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/rust': 2.11.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/rust': 2.12.0
       '@parcel/source-map': 2.1.1
-      '@parcel/types': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/types': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       globals: 13.23.0
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/packager-raw@2.10.2(@parcel/core@2.10.2):
@@ -8393,13 +8543,14 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/packager-raw@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-2/0JQ8DZrz7cVNXwD6OYoUUtSSnlr4dsz8ZkpFDKsBJhvMHtC78Sq+1EDixDGOMiUcalSEjNsoHtkpq9uNh+Xw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/packager-raw@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-tJZqFbHqP24aq1F+OojFbQIc09P/u8HAW5xfndCrFnXpW4wTgM3p03P0xfw3gnNq+TtxHJ8c3UFE5LnXNNKhYA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/packager-svg@2.10.2(@parcel/core@2.10.2):
@@ -8414,34 +8565,36 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/packager-svg@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-2wQBkzLwcaWFGWz8TP+bgsXgiueWPzrjKsWugWdDfq0FbXh8XVeR/599qnus3RFHZy4cH6L6yq/7zxcljtxK8A==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/packager-svg@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-ldaGiacGb2lLqcXas97k8JiZRbAnNREmcvoY2W2dvW4loVuDT9B9fU777mbV6zODpcgcHWsLL3lYbJ5Lt3y9cg==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/types': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/types': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       posthtml: 0.16.6
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
-  /@parcel/packager-ts@2.10.2(@parcel/core@2.11.0):
+  /@parcel/packager-ts@2.10.2(@parcel/core@2.12.0):
     resolution: {integrity: sha512-0HhQWFraUnDgD5gzH7ru2fVEwDakKstjaBf6hTmqo7TAvO7Xj2UPXY4rkr5B1RpQFsnkSzd4Ll98+SMI2xN8mg==}
     engines: {node: '>= 12.0.0', parcel: ^2.10.2}
     dependencies:
-      '@parcel/plugin': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/plugin': 2.10.2(@parcel/core@2.12.0)
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/packager-ts@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-j9TxAz65nHYo/c2aEwGcPUE2F6qOenr6vm1YR8jHnahrW9LEPXkZjSJA1i85Hs+ihAQKpSatMJzO5RojBgcevw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/packager-ts@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-8wR0BNN2NBD+IIU0tjioK+lRD4p2Qi/fKxDH5ixEW912tRV+Vd4kE8k++U6YQIpSlK4FRnjFod5zYYhNSLuiXg==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/packager-wasm@2.10.2(@parcel/core@2.10.2):
@@ -8453,13 +8606,14 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/packager-wasm@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-tTy4EbDXeeiZ0oB7L2FWaHSD1mbmYZP6R5HXqkvc5dECGUKPU5Jz6ek2C5AM+HfQdQLKXPQ/Xw3eJnI/AmctVg==}
-    engines: {node: '>=12.0.0', parcel: ^2.11.0}
+  /@parcel/packager-wasm@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-fYqZzIqO9fGYveeImzF8ll6KRo2LrOXfD+2Y5U3BiX/wp9wv17dz50QLDQm9hmTcKGWxK4yWqKQh+Evp/fae7A==}
+    engines: {node: '>=12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/plugin@2.10.2(@parcel/core@2.10.2):
@@ -8471,22 +8625,23 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/plugin@2.10.2(@parcel/core@2.11.0):
+  /@parcel/plugin@2.10.2(@parcel/core@2.12.0):
     resolution: {integrity: sha512-1u+GJhuqqlYjMAQLBbMExfFCbsbtuSAm6wXmMmTse5cBpFqxgsMumMeztAhcTy0oMnMhbZg2AKZV0XVSMrIgng==}
     engines: {node: '>= 12.0.0'}
     dependencies:
-      '@parcel/types': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/types': 2.10.2(@parcel/core@2.12.0)
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/plugin@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-9npuKBlhnPn7oeUpLJGecceg16GkXbvzbr6MNSZiHhkx3IBeITHQXlZnp2zAjUOFreNsYOfifwEF2S4KsARfBQ==}
+  /@parcel/plugin@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-nc/uRA8DiMoe4neBbzV6kDndh/58a4wQuGKw5oEoIwBCHUvE2W8ZFSu7ollSXUGRzfacTt4NdY8TwS73ScWZ+g==}
     engines: {node: '>= 12.0.0'}
     dependencies:
-      '@parcel/types': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/types': 2.12.0(@parcel/core@2.12.0)
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
 
   /@parcel/profiler@2.10.2:
     resolution: {integrity: sha512-YQugGhf12u83O0RJLWbhkPV772nePPxNZjvFJmV++7buPUpgJW2m1lVOrut/s/8ZZIPqcxJe8dyxSSOtvdG7OQ==}
@@ -8497,12 +8652,12 @@ packages:
       chrome-trace-event: 1.0.3
     dev: true
 
-  /@parcel/profiler@2.11.0:
-    resolution: {integrity: sha512-s10SS09prOdwnaAcjK8M5zO8o+zPJJW5oOqXPNdf6KH4NGD/ue7iOk2xM8QLw6ulSwxE7NDt++lyfW3AXgCZwg==}
+  /@parcel/profiler@2.12.0:
+    resolution: {integrity: sha512-q53fvl5LDcFYzMUtSusUBZSjQrKjMlLEBgKeQHFwkimwR1mgoseaDBDuNz0XvmzDzF1UelJ02TUKCGacU8W2qA==}
     engines: {node: '>= 12.0.0'}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/events': 2.11.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/events': 2.12.0
       chrome-trace-event: 1.0.3
 
   /@parcel/reporter-cli@2.10.2(@parcel/core@2.10.2):
@@ -8518,18 +8673,18 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/reporter-cli@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-hY0iO0f+LifgJHDUIjGQJnxLFSkk2jlbfy+kIaft5oI3/IM+UljecfGO+14XH8mYlqRXXPsT09TJe8ZKQzp4ZQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/reporter-cli@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-TqKsH4GVOLPSCanZ6tcTPj+rdVHERnt5y4bwTM82cajM21bCX1Ruwp8xOKU+03091oV2pv5ieB18pJyRF7IpIw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/types': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/types': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       chalk: 4.1.2
-      cli-progress: 3.12.0
       term-size: 2.2.1
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/reporter-dev-server@2.10.2(@parcel/core@2.10.2):
@@ -8542,14 +8697,15 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/reporter-dev-server@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-T4ue1+oLFNdcd9maw8QWQuxzOS2kX2jOrSvYKwYd9oGnqiAr1rpiHYYKJhHng+PF5ybwWkj8dUJfGh2NoQysJA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/reporter-dev-server@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-tIcDqRvAPAttRlTV28dHcbWT5K2r/MBFks7nM4nrEDHWtnrCwimkDmZTc1kD8QOCCjGVwRHcQybpHvxfwol6GA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/reporter-tracer@2.10.2(@parcel/core@2.10.2):
@@ -8564,16 +8720,17 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/reporter-tracer@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-33q4ftO26OPWHkUpEm0bzzSjW2kHEh6q/JFePwf8W6APTQVruj4mV46+Fh6rxX42ixs92K/QoiE0gYgWZQVDHA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/reporter-tracer@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-g8rlu9GxB8Ut/F8WGx4zidIPQ4pcYFjU9bZO+fyRIPrSUFH2bKijCnbZcr4ntqzDGx74hwD6cCG4DBoleq2UlQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       chrome-trace-event: 1.0.3
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/resolver-default@2.10.2(@parcel/core@2.10.2):
@@ -8586,14 +8743,15 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/resolver-default@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-suZNN2lE5W48LPTwAbG7gnj1IeubkCVEm0XspWXcXUtCzglimNJ8PVVBGx171o5CqDpdbGF3AqHjG9N3uOwXag==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/resolver-default@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-uuhbajTax37TwCxu7V98JtRLiT6hzE4VYSu5B7Qkauy14/WFt2dz6GOUXPgVsED569/hkxebPx3KCMtZW6cHHA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/node-resolver-core': 3.2.0(@parcel/core@2.11.0)
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/node-resolver-core': 3.3.0(@parcel/core@2.12.0)
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/runtime-browser-hmr@2.10.2(@parcel/core@2.10.2):
@@ -8606,14 +8764,15 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/runtime-browser-hmr@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-uVwNBtoLMrlPHLvRS05BVhLseduMOpZT36yiIjS0YSBJcC6/otI9AY7ZiDPYmrB5xTqM0R+D554JhPaJHCuocw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/runtime-browser-hmr@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-4ZLp2FWyD32r0GlTulO3+jxgsA3oO1P1b5oO2IWuWilfhcJH5LTiazpL5YdusUjtNn9PGN6QLAWfxmzRIfM+Ow==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/runtime-js@2.10.2(@parcel/core@2.10.2):
@@ -8628,16 +8787,17 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/runtime-js@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-fH3nJoexINz7s4cDzp0Vjsx0k1pMYSa5ch38LbbNqCKTermy0pS0zZuvgfLfHFFP+AMRpFQenrF7h7N3bgDmHw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/runtime-js@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-sBerP32Z1crX5PfLNGDSXSdqzlllM++GVnVQVeM7DgMKS8JIFG3VLi28YkX+dYYGtPypm01JoIHCkvwiZEcQJg==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/runtime-react-refresh@2.10.2(@parcel/core@2.10.2):
@@ -8652,16 +8812,17 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/runtime-react-refresh@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-Kfnc7gLjhoephLMnjABrkIkzVfzPrpJlxiJFIleY2Fm57YhmCfKsEYxm3lHOutNaYl1VArW0LKClPH/VHG9vfQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/runtime-react-refresh@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-SCHkcczJIDFTFdLTzrHTkQ0aTrX3xH6jrA4UsCBL6ji61+w+ohy4jEEe9qCgJVXhnJfGLE43HNXek+0MStX+Mw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       react-error-overlay: 6.0.9
       react-refresh: 0.9.0
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/runtime-service-worker@2.10.2(@parcel/core@2.10.2):
@@ -8675,15 +8836,16 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/runtime-service-worker@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-c8MaSpSbXIKuN5sA/g4UsrsH1BtBZ6Em+eSxt9AYbdPtWrW+qwCioNVZj9lugBRUzDMjVfJz0yK59nS42hABvw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/runtime-service-worker@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-BXuMBsfiwpIEnssn+jqfC3jkgbS8oxeo3C7xhSQsuSv+AF2FwY3O3AO1c1RBskEW3XrBLNINOJujroNw80VTKA==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/rust@2.10.2:
@@ -8691,8 +8853,8 @@ packages:
     engines: {node: '>= 12.0.0'}
     dev: true
 
-  /@parcel/rust@2.11.0:
-    resolution: {integrity: sha512-UkLWdHOD8Md2YmJDPsqd3yIs9chhdl/ATfV/B/xdPKGmqtNouYpDCRlq+WxMt3mLoYgHEg9UwrWLTebo2rr2iQ==}
+  /@parcel/rust@2.12.0:
+    resolution: {integrity: sha512-005cldMdFZFDPOjbDVEXcINQ3wT4vrxvSavRWI3Az0e3E18exO/x/mW9f648KtXugOXMAqCEqhFHcXECL9nmMw==}
     engines: {node: '>= 12.0.0'}
 
   /@parcel/source-map@2.1.1:
@@ -8717,20 +8879,21 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-babel@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-WKGblnp7r426VG+cpeQzc6dj/30EoUaYwyl4OEaigQSJizyuPWTBWTz6FUw+ih1/sg37h+D1BIh9C2FsVzpzbw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/transformer-babel@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-zQaBfOnf/l8rPxYGnsk/ufh/0EuqvmnxafjBIpKZ//j6rGylw5JCqXSb1QvvAqRYruKeccxGv7+HrxpqKU6V4A==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.11.0
+      '@parcel/utils': 2.12.0
       browserslist: 4.23.0
       json5: 2.2.3
       nullthrows: 1.1.1
       semver: 7.6.0
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/transformer-css@2.10.2(@parcel/core@2.10.2):
@@ -8742,25 +8905,26 @@ packages:
       '@parcel/source-map': 2.1.1
       '@parcel/utils': 2.10.2
       browserslist: 4.23.0
-      lightningcss: 1.23.0
+      lightningcss: 1.24.0
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-css@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-nFmBulF/ErNoafO87JbVrBavjBMNwE/kahbCRVxc2Mvlphz4F4lBW4eDRS5l4xBqFJaNkHr9R55ehLBBilF4Jw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/transformer-css@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-vXhOqoAlQGATYyQ433Z1DXKmiKmzOAUmKysbYH3FD+LKEKLMEl/pA14goqp00TW+A/EjtSKKyeMyHlMIIUqj4Q==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.11.0
+      '@parcel/utils': 2.12.0
       browserslist: 4.23.0
-      lightningcss: 1.23.0
+      lightningcss: 1.24.0
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/transformer-html@2.10.2(@parcel/core@2.10.2):
@@ -8780,13 +8944,13 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-html@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-90vp7mbvvfqPr9XIINpMcELtywj56f1bxfOkLQgWU1bm22H0FT3i5dqdac++2My0IGDvMwhAEjQfbn4pA579NQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/transformer-html@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-5jW4dFFBlYBvIQk4nrH62rfA/G/KzVzEDa6S+Nne0xXhglLjkm64Ci9b/d4tKZfuGWUbpm2ASAq8skti/nfpXw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/rust': 2.11.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/rust': 2.12.0
       nullthrows: 1.1.1
       posthtml: 0.16.6
       posthtml-parser: 0.10.2
@@ -8795,6 +8959,7 @@ packages:
       srcset: 4.0.0
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/transformer-image@2.10.2(@parcel/core@2.10.2):
@@ -8810,17 +8975,19 @@ packages:
       nullthrows: 1.1.1
     dev: true
 
-  /@parcel/transformer-image@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-QiZj18UHf3lVFsi65Vz8YbS3ydx9Pe9x8ktMxE1oh9qpznN8lD7gE/Z9DxuTZB84EZ9pKytKwcv5WGXP25xIFg==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/transformer-image@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-8hXrGm2IRII49R7lZ0RpmNk27EhcsH+uNKsvxuMpXPuEnWgC/ha/IrjaI29xCng1uGur74bJF43NUSQhR4aTdw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     peerDependencies:
-      '@parcel/core': ^2.11.0
+      '@parcel/core': ^2.12.0
     dependencies:
-      '@parcel/core': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
-      '@parcel/workers': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/core': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0)
       nullthrows: 1.1.1
+    transitivePeerDependencies:
+      - '@swc/helpers'
     dev: true
 
   /@parcel/transformer-js@2.10.2(@parcel/core@2.10.2):
@@ -8843,24 +9010,24 @@ packages:
       semver: 7.6.0
     dev: true
 
-  /@parcel/transformer-js@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-G1sv0n8/fJqHqwUs0iVnVdmRY0Kh8kWaDkuWcU/GJBHMGhUnLXKdNwxX2Av9UdBL14bU1nTINfr9qOfnQotXWg==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/transformer-js@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-OSZpOu+FGDbC/xivu24v092D9w6EGytB3vidwbdiJ2FaPgfV7rxS0WIUjH4I0OcvHAcitArRXL0a3+HrNTdQQw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     peerDependencies:
-      '@parcel/core': ^2.11.0
+      '@parcel/core': ^2.12.0
     dependencies:
-      '@parcel/core': 2.11.0
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/rust': 2.11.0
+      '@parcel/core': 2.12.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/rust': 2.12.0
       '@parcel/source-map': 2.1.1
-      '@parcel/utils': 2.11.0
-      '@parcel/workers': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/utils': 2.12.0
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0)
       '@swc/helpers': 0.5.3
       browserslist: 4.23.0
       nullthrows: 1.1.1
       regenerator-runtime: 0.13.11
-      semver: 7.5.4
+      semver: 7.6.0
     dev: true
 
   /@parcel/transformer-json@2.10.2(@parcel/core@2.10.2):
@@ -8873,14 +9040,15 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-json@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-Wt/wgSBaRWmPL4gpvjkV0bCBRxFOtsuLNzsm8vYA5poxTFhuLY+AoyQ8S2+xXU4VxwBfdppfIr2Ny3SwGs8xbQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/transformer-json@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-Utv64GLRCQILK5r0KFs4o7I41ixMPllwOLOhkdjJKvf1hZmN6WqfOmB1YLbWS/y5Zb/iB52DU2pWZm96vLFQZQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
       json5: 2.2.3
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/transformer-postcss@2.10.2(@parcel/core@2.10.2):
@@ -8899,20 +9067,21 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-postcss@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-Ugy8XHBaUptGotsvwzq7gPCvkCopTIqqZ0JZ40Jmy9slGms8wnx06pNHA1Be/RcJwkJ2TbSu+7ncZdgmP5x5GQ==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/transformer-postcss@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-FZqn+oUtiLfPOn67EZxPpBkfdFiTnF4iwiXPqvst3XI8H+iC+yNgzmtJkunOOuylpYY6NOU5jT8d7saqWSDv2Q==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/rust': 2.11.0
-      '@parcel/utils': 2.11.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/rust': 2.12.0
+      '@parcel/utils': 2.12.0
       clone: 2.1.2
       nullthrows: 1.1.1
       postcss-value-parser: 4.2.0
       semver: 7.6.0
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/transformer-posthtml@2.10.2(@parcel/core@2.10.2):
@@ -8930,12 +9099,12 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-posthtml@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-dMK4p1RRAoIJEjK/Wz9GOLqwHqdD/VQDhMPk+6sUKp5zf2MhSohUstpp5gKsSZivCM3PS2f8k9rgroacJ/ReuA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/transformer-posthtml@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-z6Z7rav/pcaWdeD+2sDUcd0mmNZRUvtHaUGa50Y2mr+poxrKilpsnFMSiWBT+oOqPt7j71jzDvrdnAF4XkCljg==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       nullthrows: 1.1.1
       posthtml: 0.16.6
       posthtml-parser: 0.10.2
@@ -8943,6 +9112,7 @@ packages:
       semver: 7.6.0
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/transformer-raw@2.10.2(@parcel/core@2.10.2):
@@ -8954,13 +9124,14 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-raw@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-2ltp3TgS+cxEqSM1vk5gDtJrYx4KMuRRtbSgSvkdldyOgPhflnLU3/HRz72hXSNGqYOV0/JN0+ocsfPnqR00ug==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/transformer-raw@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-Ht1fQvXxix0NncdnmnXZsa6hra20RXYh1VqhBYZLsDfkvGGFnXIgO03Jqn4Z8MkKoa0tiNbDhpKIeTjyclbBxQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/transformer-react-refresh-wrap@2.10.2(@parcel/core@2.10.2):
@@ -8974,15 +9145,16 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-react-refresh-wrap@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-6pY0CdIgIpXC6XpsDWizf+zLgiuEsJ106HjWLwF7/R72BrvDhLPZ6jRu4UTrnd6bM89KahPw9fZZzjKoA5Efcw==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/transformer-react-refresh-wrap@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-GE8gmP2AZtkpBIV5vSCVhewgOFRhqwdM5Q9jNPOY5PKcM3/Ff0qCqDiTzzGLhk0/VMBrdjssrfZkVx6S/lHdJw==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       react-refresh: 0.9.0
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/transformer-svg@2.10.2(@parcel/core@2.10.2):
@@ -9001,13 +9173,13 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-svg@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-GrTNi04OoQSXsyrB7FqQPeYREscEXFhIBPkyQ0q7WDG/yYynWljiA0kwITCtMjPfv2EDVks292dvM3EcnERRIA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/transformer-svg@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-cZJqGRJ4JNdYcb+vj94J7PdOuTnwyy45dM9xqbIMH+HSiiIkfrMsdEwYft0GTyFTdsnf+hdHn3tau7Qa5hhX+A==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/rust': 2.11.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/rust': 2.12.0
       nullthrows: 1.1.1
       posthtml: 0.16.6
       posthtml-parser: 0.10.2
@@ -9015,16 +9187,17 @@ packages:
       semver: 7.6.0
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
-  /@parcel/transformer-typescript-types@2.10.2(@parcel/core@2.11.0)(typescript@5.2.2):
+  /@parcel/transformer-typescript-types@2.10.2(@parcel/core@2.12.0)(typescript@5.2.2):
     resolution: {integrity: sha512-CF/g1c1H7dhg+euKN1Or12uGYfKyAjjM2ao2XLh1hEFCxZyc9AtKbuyNk8EeAnR1PA/+hymPc5Rb325m6EHZpA==}
     engines: {node: '>= 12.0.0', parcel: ^2.10.2}
     peerDependencies:
       typescript: '>=3.0.0'
     dependencies:
       '@parcel/diagnostic': 2.10.2
-      '@parcel/plugin': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/plugin': 2.10.2(@parcel/core@2.12.0)
       '@parcel/source-map': 2.1.1
       '@parcel/ts-utils': 2.10.2(typescript@5.2.2)
       '@parcel/utils': 2.10.2
@@ -9034,21 +9207,22 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/transformer-typescript-types@2.11.0(@parcel/core@2.11.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-d9iTDMtFyAZkqxMGguBNGD6q9QKvLd0deUs7Ax8jdhYMjxwAEGU48mg8vjPjumItgA/2mD4ptMJjQB25mtetfA==}
-    engines: {node: '>= 12.0.0', parcel: ^2.11.0}
+  /@parcel/transformer-typescript-types@2.12.0(@parcel/core@2.12.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-uxF4UBMYvbjiV3zHTWMrZX8cFD92VUvD3ArcGi5WEtuVROUm9Sc47o0mOzxKfMFlJu2KOfZVHYlzK9f/UKA2kQ==}
+    engines: {node: '>= 12.0.0', parcel: ^2.12.0}
     peerDependencies:
       typescript: '>=3.0.0'
     dependencies:
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/plugin': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/plugin': 2.12.0(@parcel/core@2.12.0)
       '@parcel/source-map': 2.1.1
-      '@parcel/ts-utils': 2.11.0(typescript@5.2.2)
-      '@parcel/utils': 2.11.0
+      '@parcel/ts-utils': 2.12.0(typescript@5.2.2)
+      '@parcel/utils': 2.12.0
       nullthrows: 1.1.1
       typescript: 5.2.2
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
     dev: true
 
   /@parcel/ts-utils@2.10.2(typescript@5.2.2):
@@ -9061,8 +9235,8 @@ packages:
       typescript: 5.2.2
     dev: true
 
-  /@parcel/ts-utils@2.11.0(typescript@5.2.2):
-    resolution: {integrity: sha512-przIVpyuyAk1enpbbjVxn146dY25L1qcD/qU5HOCK8oH3ddQ0n1RgpXT9HKVpqteOnQIHDupUrZLArK6aqEnwA==}
+  /@parcel/ts-utils@2.12.0(typescript@5.2.2):
+    resolution: {integrity: sha512-zou+W6dcqnXXUOfN5zGM+ePIWbYOhGp8bVB2jICoNkoKmNAHd4l4zeHl5yQXnbZfynVw88cZVqxtXS8tYebelg==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
       typescript: '>=3.0.0'
@@ -9085,32 +9259,33 @@ packages:
       - '@parcel/core'
     dev: true
 
-  /@parcel/types@2.10.2(@parcel/core@2.11.0):
+  /@parcel/types@2.10.2(@parcel/core@2.12.0):
     resolution: {integrity: sha512-fwHJu03ROcc4/Kr/00VfOQUD6aV+6FBLN5bDW1+Xblgrpkb1MSUGTWRuz0YH5X6xhkVigC1llCIR2uHSwA+YBg==}
     dependencies:
-      '@parcel/cache': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/cache': 2.10.2(@parcel/core@2.12.0)
       '@parcel/diagnostic': 2.10.2
-      '@parcel/fs': 2.10.2(@parcel/core@2.11.0)
-      '@parcel/package-manager': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/fs': 2.10.2(@parcel/core@2.12.0)
+      '@parcel/package-manager': 2.10.2(@parcel/core@2.12.0)
       '@parcel/source-map': 2.1.1
-      '@parcel/workers': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/workers': 2.10.2(@parcel/core@2.12.0)
       utility-types: 3.10.0
     transitivePeerDependencies:
       - '@parcel/core'
     dev: true
 
-  /@parcel/types@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-lN5XlfV9b1s2rli8q1LqsLtu+D4ZwNI3sKmNcL/3tohSfQcF2EgF+MaiANGo9VzXOzoWFHt4dqWjO4OcdyC5tg==}
+  /@parcel/types@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-8zAFiYNCwNTQcglIObyNwKfRYQK5ELlL13GuBOrSMxueUiI5ylgsGbTS1N7J3dAGZixHO8KhHGv5a71FILn9rQ==}
     dependencies:
-      '@parcel/cache': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/fs': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/package-manager': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/cache': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/fs': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/package-manager': 2.12.0(@parcel/core@2.12.0)(@swc/helpers@0.5.3)
       '@parcel/source-map': 2.1.1
-      '@parcel/workers': 2.11.0(@parcel/core@2.11.0)
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0)
       utility-types: 3.10.0
     transitivePeerDependencies:
       - '@parcel/core'
+      - '@swc/helpers'
 
   /@parcel/utils@2.10.2:
     resolution: {integrity: sha512-XLUhTh0UkPB5n8r7agX9iIz9f+3JsBIVsmqltsJYX7n/GAa6EQtqrIYyZu8cEFeZlZw3zaf7wTmf9xJppdlj7Q==}
@@ -9126,85 +9301,157 @@ packages:
       nullthrows: 1.1.1
     dev: true
 
-  /@parcel/utils@2.11.0:
-    resolution: {integrity: sha512-AcL70cXlIyE7eQdvjQbYxegN5l+skqvlJllxTWg4YkIZe9p8Gmv74jLAeLWh5F+IGl5WRn0TSy9JhNJjIMQGwQ==}
+  /@parcel/utils@2.12.0:
+    resolution: {integrity: sha512-z1JhLuZ8QmDaYoEIuUCVZlhcFrS7LMfHrb2OCRui5SQFntRWBH2fNM6H/fXXUkT9SkxcuFP2DUA6/m4+Gkz72g==}
     engines: {node: '>= 12.0.0'}
     dependencies:
-      '@parcel/codeframe': 2.11.0
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/logger': 2.11.0
-      '@parcel/markdown-ansi': 2.11.0
-      '@parcel/rust': 2.11.0
+      '@parcel/codeframe': 2.12.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/logger': 2.12.0
+      '@parcel/markdown-ansi': 2.12.0
+      '@parcel/rust': 2.12.0
       '@parcel/source-map': 2.1.1
       chalk: 4.1.2
       nullthrows: 1.1.1
 
-  /@parcel/watcher-android-arm64@2.4.0:
-    resolution: {integrity: sha512-+fPtO/GsbYX1LJnCYCaDVT3EOBjvSFdQN9Mrzh9zWAOOfvidPWyScTrHIZHHfJBvlHzNA0Gy0U3NXFA/M7PHUA==}
+  /@parcel/watcher-android-arm64@2.3.0:
+    resolution: {integrity: sha512-f4o9eA3dgk0XRT3XhB0UWpWpLnKgrh1IwNJKJ7UJek7eTYccQ8LR7XUWFKqw6aEq5KUNlCcGvSzKqSX/vtWVVA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
     optional: true
 
-  /@parcel/watcher-darwin-arm64@2.4.0:
-    resolution: {integrity: sha512-T/At5pansFuQ8VJLRx0C6C87cgfqIYhW2N/kBfLCUvDhCah0EnLLwaD/6MW3ux+rpgkpQAnMELOCTKlbwncwiA==}
+  /@parcel/watcher-android-arm64@2.4.1:
+    resolution: {integrity: sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    optional: true
+
+  /@parcel/watcher-darwin-arm64@2.3.0:
+    resolution: {integrity: sha512-mKY+oijI4ahBMc/GygVGvEdOq0L4DxhYgwQqYAz/7yPzuGi79oXrZG52WdpGA1wLBPrYb0T8uBaGFo7I6rvSKw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
+  /@parcel/watcher-darwin-arm64@2.4.1:
+    resolution: {integrity: sha512-ln41eihm5YXIY043vBrrHfn94SIBlqOWmoROhsMVTSXGh0QahKGy77tfEywQ7v3NywyxBBkGIfrWRHm0hsKtzA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
+  /@parcel/watcher-darwin-x64@2.3.0:
+    resolution: {integrity: sha512-20oBj8LcEOnLE3mgpy6zuOq8AplPu9NcSSSfyVKgfOhNAc4eF4ob3ldj0xWjGGbOF7Dcy1Tvm6ytvgdjlfUeow==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
     os: [darwin]
     requiresBuild: true
     optional: true
 
-  /@parcel/watcher-darwin-x64@2.4.0:
-    resolution: {integrity: sha512-vZMv9jl+szz5YLsSqEGCMSllBl1gU1snfbRL5ysJU03MEa6gkVy9OMcvXV1j4g0++jHEcvzhs3Z3LpeEbVmY6Q==}
+  /@parcel/watcher-darwin-x64@2.4.1:
+    resolution: {integrity: sha512-yrw81BRLjjtHyDu7J61oPuSoeYWR3lDElcPGJyOvIXmor6DEo7/G2u1o7I38cwlcoBHQFULqF6nesIX3tsEXMg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     optional: true
 
-  /@parcel/watcher-freebsd-x64@2.4.0:
-    resolution: {integrity: sha512-dHTRMIplPDT1M0+BkXjtMN+qLtqq24sLDUhmU+UxxLP2TEY2k8GIoqIJiVrGWGomdWsy5IO27aDV1vWyQ6gfHA==}
+  /@parcel/watcher-freebsd-x64@2.3.0:
+    resolution: {integrity: sha512-7LftKlaHunueAEiojhCn+Ef2CTXWsLgTl4hq0pkhkTBFI3ssj2bJXmH2L67mKpiAD5dz66JYk4zS66qzdnIOgw==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
     optional: true
 
-  /@parcel/watcher-linux-arm-glibc@2.4.0:
-    resolution: {integrity: sha512-9NQXD+qk46RwATNC3/UB7HWurscY18CnAPMTFcI9Y8CTbtm63/eex1SNt+BHFinEQuLBjaZwR2Lp+n7pmEJPpQ==}
+  /@parcel/watcher-freebsd-x64@2.4.1:
+    resolution: {integrity: sha512-TJa3Pex/gX3CWIx/Co8k+ykNdDCLx+TuZj3f3h7eOjgpdKM+Mnix37RYsYU4LHhiYJz3DK5nFCCra81p6g050w==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    optional: true
+
+  /@parcel/watcher-linux-arm-glibc@2.3.0:
+    resolution: {integrity: sha512-1apPw5cD2xBv1XIHPUlq0cO6iAaEUQ3BcY0ysSyD9Kuyw4MoWm1DV+W9mneWI+1g6OeP6dhikiFE6BlU+AToTQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@parcel/watcher-linux-arm-glibc@2.4.1:
+    resolution: {integrity: sha512-4rVYDlsMEYfa537BRXxJ5UF4ddNwnr2/1O4MHM5PjI9cvV2qymvhwZSFgXqbS8YoTk5i/JR0L0JDs69BUn45YA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@parcel/watcher-linux-arm64-glibc@2.4.0:
-    resolution: {integrity: sha512-QuJTAQdsd7PFW9jNGaV9Pw+ZMWV9wKThEzzlY3Lhnnwy7iW23qtQFPql8iEaSFMCVI5StNNmONUopk+MFKpiKg==}
+  /@parcel/watcher-linux-arm64-glibc@2.3.0:
+    resolution: {integrity: sha512-mQ0gBSQEiq1k/MMkgcSB0Ic47UORZBmWoAWlMrTW6nbAGoLZP+h7AtUM7H3oDu34TBFFvjy4JCGP43JlylkTQA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@parcel/watcher-linux-arm64-glibc@2.4.1:
+    resolution: {integrity: sha512-BJ7mH985OADVLpbrzCLgrJ3TOpiZggE9FMblfO65PlOCdG++xJpKUJ0Aol74ZUIYfb8WsRlUdgrZxKkz3zXWYA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@parcel/watcher-linux-arm64-musl@2.4.0:
-    resolution: {integrity: sha512-oyN+uA9xcTDo/45bwsd6TFHa7Lc7hKujyMlvwrCLvSckvWogndCEoVYFNfZ6JJ2KNL/6fFiGPcbjp8jJmEh5Ng==}
+  /@parcel/watcher-linux-arm64-musl@2.3.0:
+    resolution: {integrity: sha512-LXZAExpepJew0Gp8ZkJ+xDZaTQjLHv48h0p0Vw2VMFQ8A+RKrAvpFuPVCVwKJCr5SE+zvaG+Etg56qXvTDIedw==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@parcel/watcher-linux-x64-glibc@2.4.0:
-    resolution: {integrity: sha512-KphV8awJmxU3q52JQvJot0QMu07CIyEjV+2Tb2ZtbucEgqyRcxOBDMsqp1JNq5nuDXtcCC0uHQICeiEz38dPBQ==}
+  /@parcel/watcher-linux-arm64-musl@2.4.1:
+    resolution: {integrity: sha512-p4Xb7JGq3MLgAfYhslU2SjoV9G0kI0Xry0kuxeG/41UfpjHGOhv7UoUDAz/jb1u2elbhazy4rRBL8PegPJFBhA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@parcel/watcher-linux-x64-glibc@2.3.0:
+    resolution: {integrity: sha512-P7Wo91lKSeSgMTtG7CnBS6WrA5otr1K7shhSjKHNePVmfBHDoAOHYRXgUmhiNfbcGk0uMCHVcdbfxtuiZCHVow==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@parcel/watcher-linux-x64-glibc@2.4.1:
+    resolution: {integrity: sha512-s9O3fByZ/2pyYDPoLM6zt92yu6P4E39a03zvO0qCHOTjxmt3GHRMLuRZEWhWLASTMSrrnVNWdVI/+pUElJBBBg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@parcel/watcher-linux-x64-musl@2.3.0:
+    resolution: {integrity: sha512-+kiRE1JIq8QdxzwoYY+wzBs9YbJ34guBweTK8nlzLKimn5EQ2b2FSC+tAOpq302BuIMjyuUGvBiUhEcLIGMQ5g==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /@parcel/watcher-linux-x64-musl@2.4.0:
-    resolution: {integrity: sha512-7jzcOonpXNWcSijPpKD5IbC6xC7yTibjJw9jviVzZostYLGxbz8LDJLUnLzLzhASPlPGgpeKLtFUMjAAzM+gSA==}
+  /@parcel/watcher-linux-x64-musl@2.4.1:
+    resolution: {integrity: sha512-L2nZTYR1myLNST0O632g0Dx9LyMNHrn6TOt76sYxWLdff3cB22/GZX2UPtJnaqQPdCRoszoY5rcOj4oMTtp5fQ==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
@@ -9222,8 +9469,8 @@ packages:
     bundledDependencies:
       - napi-wasm
 
-  /@parcel/watcher-wasm@2.4.0:
-    resolution: {integrity: sha512-MNgQ4WCbBybqQ97KwR/hqJGYTg3+s8qHpgIyFWB2qJOBvoJWbXuJGmm4ZkPLq2bMaANqCZqrXwmKYagZTkMKZA==}
+  /@parcel/watcher-wasm@2.4.1:
+    resolution: {integrity: sha512-/ZR0RxqxU/xxDGzbzosMjh4W6NdYFMqq2nvo2b8SLi7rsl/4jkL8S5stIikorNkdR50oVDvqb/3JT05WM+CRRA==}
     engines: {node: '>= 10.0.0'}
     dependencies:
       is-glob: 4.0.3
@@ -9233,32 +9480,56 @@ packages:
     bundledDependencies:
       - napi-wasm
 
-  /@parcel/watcher-win32-arm64@2.4.0:
-    resolution: {integrity: sha512-NOej2lqlq8bQNYhUMnOD0nwvNql8ToQF+1Zhi9ULZoG+XTtJ9hNnCFfyICxoZLXor4bBPTOnzs/aVVoefYnjIg==}
+  /@parcel/watcher-win32-arm64@2.3.0:
+    resolution: {integrity: sha512-35gXCnaz1AqIXpG42evcoP2+sNL62gZTMZne3IackM+6QlfMcJLy3DrjuL6Iks7Czpd3j4xRBzez3ADCj1l7Aw==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     optional: true
 
-  /@parcel/watcher-win32-ia32@2.4.0:
-    resolution: {integrity: sha512-IO/nM+K2YD/iwjWAfHFMBPz4Zqn6qBDqZxY4j2n9s+4+OuTSRM/y/irksnuqcspom5DjkSeF9d0YbO+qpys+JA==}
+  /@parcel/watcher-win32-arm64@2.4.1:
+    resolution: {integrity: sha512-Uq2BPp5GWhrq/lcuItCHoqxjULU1QYEcyjSO5jqqOK8RNFDBQnenMMx4gAl3v8GiWa59E9+uDM7yZ6LxwUIfRg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@parcel/watcher-win32-ia32@2.3.0:
+    resolution: {integrity: sha512-FJS/IBQHhRpZ6PiCjFt1UAcPr0YmCLHRbTc00IBTrelEjlmmgIVLeOx4MSXzx2HFEy5Jo5YdhGpxCuqCyDJ5ow==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@parcel/watcher-win32-ia32@2.4.1:
+    resolution: {integrity: sha512-maNRit5QQV2kgHFSYwftmPBxiuK5u4DXjbXx7q6eKjq5dsLXZ4FJiVvlcw35QXzk0KrUecJmuVFbj4uV9oYrcw==}
     engines: {node: '>= 10.0.0'}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
     optional: true
 
-  /@parcel/watcher-win32-x64@2.4.0:
-    resolution: {integrity: sha512-pAUyUVjfFjWaf/pShmJpJmNxZhbMvJASUpdes9jL6bTEJ+gDxPRSpXTIemNyNsb9AtbiGXs9XduP1reThmd+dA==}
+  /@parcel/watcher-win32-x64@2.3.0:
+    resolution: {integrity: sha512-dLx+0XRdMnVI62kU3wbXvbIRhLck4aE28bIGKbRGS7BJNt54IIj9+c/Dkqb+7DJEbHUZAX1bwaoM8PqVlHJmCA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@parcel/watcher-win32-x64@2.4.1:
+    resolution: {integrity: sha512-+DvS92F9ezicfswqrvIRM2njcYJbd5mb9CUgtrHCHmvn7pPPa+nMDRu1o1bYYz/l5IB2NVGNJWiH7h1E58IF2A==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     optional: true
 
-  /@parcel/watcher@2.4.0:
-    resolution: {integrity: sha512-XJLGVL0DEclX5pcWa2N9SX1jCGTDd8l972biNooLFtjneuGqodupPQh6XseXIBBeVIMaaJ7bTcs3qGvXwsp4vg==}
+  /@parcel/watcher@2.3.0:
+    resolution: {integrity: sha512-pW7QaFiL11O0BphO+bq3MgqeX/INAk9jgBldVDYjlQPO4VddoZnF22TcF9onMhnLVHuNqBJeRf+Fj7eezi/+rQ==}
     engines: {node: '>= 10.0.0'}
     dependencies:
       detect-libc: 1.0.3
@@ -9266,18 +9537,40 @@ packages:
       micromatch: 4.0.5
       node-addon-api: 7.0.0
     optionalDependencies:
-      '@parcel/watcher-android-arm64': 2.4.0
-      '@parcel/watcher-darwin-arm64': 2.4.0
-      '@parcel/watcher-darwin-x64': 2.4.0
-      '@parcel/watcher-freebsd-x64': 2.4.0
-      '@parcel/watcher-linux-arm-glibc': 2.4.0
-      '@parcel/watcher-linux-arm64-glibc': 2.4.0
-      '@parcel/watcher-linux-arm64-musl': 2.4.0
-      '@parcel/watcher-linux-x64-glibc': 2.4.0
-      '@parcel/watcher-linux-x64-musl': 2.4.0
-      '@parcel/watcher-win32-arm64': 2.4.0
-      '@parcel/watcher-win32-ia32': 2.4.0
-      '@parcel/watcher-win32-x64': 2.4.0
+      '@parcel/watcher-android-arm64': 2.3.0
+      '@parcel/watcher-darwin-arm64': 2.3.0
+      '@parcel/watcher-darwin-x64': 2.3.0
+      '@parcel/watcher-freebsd-x64': 2.3.0
+      '@parcel/watcher-linux-arm-glibc': 2.3.0
+      '@parcel/watcher-linux-arm64-glibc': 2.3.0
+      '@parcel/watcher-linux-arm64-musl': 2.3.0
+      '@parcel/watcher-linux-x64-glibc': 2.3.0
+      '@parcel/watcher-linux-x64-musl': 2.3.0
+      '@parcel/watcher-win32-arm64': 2.3.0
+      '@parcel/watcher-win32-ia32': 2.3.0
+      '@parcel/watcher-win32-x64': 2.3.0
+
+  /@parcel/watcher@2.4.1:
+    resolution: {integrity: sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==}
+    engines: {node: '>= 10.0.0'}
+    dependencies:
+      detect-libc: 1.0.3
+      is-glob: 4.0.3
+      micromatch: 4.0.5
+      node-addon-api: 7.0.0
+    optionalDependencies:
+      '@parcel/watcher-android-arm64': 2.4.1
+      '@parcel/watcher-darwin-arm64': 2.4.1
+      '@parcel/watcher-darwin-x64': 2.4.1
+      '@parcel/watcher-freebsd-x64': 2.4.1
+      '@parcel/watcher-linux-arm-glibc': 2.4.1
+      '@parcel/watcher-linux-arm64-glibc': 2.4.1
+      '@parcel/watcher-linux-arm64-musl': 2.4.1
+      '@parcel/watcher-linux-x64-glibc': 2.4.1
+      '@parcel/watcher-linux-x64-musl': 2.4.1
+      '@parcel/watcher-win32-arm64': 2.4.1
+      '@parcel/watcher-win32-ia32': 2.4.1
+      '@parcel/watcher-win32-x64': 2.4.1
 
   /@parcel/workers@2.10.2(@parcel/core@2.10.2):
     resolution: {integrity: sha512-LvifdeORXKGGyhwOwnYxn1AsJ5u6Ihk2RJUxsVA4WYEjz2PSsmLAUDdp48ovssSMnTb9P2g4RrbEG1mJjYtBGA==}
@@ -9289,38 +9582,38 @@ packages:
       '@parcel/diagnostic': 2.10.2
       '@parcel/logger': 2.10.2
       '@parcel/profiler': 2.10.2
-      '@parcel/types': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/types': 2.10.2(@parcel/core@2.12.0)
       '@parcel/utils': 2.10.2
       nullthrows: 1.1.1
     dev: true
 
-  /@parcel/workers@2.10.2(@parcel/core@2.11.0):
+  /@parcel/workers@2.10.2(@parcel/core@2.12.0):
     resolution: {integrity: sha512-LvifdeORXKGGyhwOwnYxn1AsJ5u6Ihk2RJUxsVA4WYEjz2PSsmLAUDdp48ovssSMnTb9P2g4RrbEG1mJjYtBGA==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
       '@parcel/core': ^2.10.2
     dependencies:
-      '@parcel/core': 2.11.0
+      '@parcel/core': 2.12.0
       '@parcel/diagnostic': 2.10.2
       '@parcel/logger': 2.10.2
       '@parcel/profiler': 2.10.2
-      '@parcel/types': 2.10.2(@parcel/core@2.11.0)
+      '@parcel/types': 2.10.2(@parcel/core@2.12.0)
       '@parcel/utils': 2.10.2
       nullthrows: 1.1.1
     dev: true
 
-  /@parcel/workers@2.11.0(@parcel/core@2.11.0):
-    resolution: {integrity: sha512-wjybqdSy6Nk0N9iBGsFcp7739W2zvx0WGfVxPVShqhz46pIkPOiFF/iSn+kFu5EmMKTRWeUif42+a6rRZ7pCnQ==}
+  /@parcel/workers@2.12.0(@parcel/core@2.12.0):
+    resolution: {integrity: sha512-zv5We5Jmb+ZWXlU6A+AufyjY4oZckkxsZ8J4dvyWL0W8IQvGO1JB4FGeryyttzQv3RM3OxcN/BpTGPiDG6keBw==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
-      '@parcel/core': ^2.11.0
+      '@parcel/core': ^2.12.0
     dependencies:
-      '@parcel/core': 2.11.0
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/logger': 2.11.0
-      '@parcel/profiler': 2.11.0
-      '@parcel/types': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/core': 2.12.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/logger': 2.12.0
+      '@parcel/profiler': 2.12.0
+      '@parcel/types': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       nullthrows: 1.1.1
 
   /@pkgjs/parseargs@0.11.0:
@@ -9329,6 +9622,10 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@pkgr/core@0.1.1:
+    resolution: {integrity: sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+
   /@pkgr/utils@2.4.2:
     resolution: {integrity: sha512-POgTXhjrTfbTV63DiFXav4lBHiICLKKwDeaKn9Nphwj7WH6m0hMMCaJkMyRWjgtPFyRKRVoMXXjczsTQRDEhYw==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
@@ -9339,6 +9636,7 @@ packages:
       open: 9.1.0
       picocolors: 1.0.0
       tslib: 2.6.2
+    dev: true
 
   /@pmmmwh/react-refresh-webpack-plugin@0.4.3(react-refresh@0.9.0)(webpack-dev-server@4.11.1)(webpack@5.90.1):
     resolution: {integrity: sha512-br5Qwvh8D2OQqSXpd1g/xqXKnK0r+Jz6qVKBbWmpUcrbGOxUrf39V5oZ1876084CGn18uMdR5uvPqBv9UqtBjQ==}
@@ -9444,7 +9742,7 @@ packages:
   /@popperjs/core@2.11.8:
     resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
 
-  /@preact/preset-vite@2.8.1(@babel/core@7.23.9)(preact@10.19.4)(vite@4.5.0):
+  /@preact/preset-vite@2.8.1(@babel/core@7.23.9)(preact@10.19.6)(vite@4.5.0):
     resolution: {integrity: sha512-a9KV4opdj17X2gOFuGup0aE+sXYABX/tJi/QDptOrleX4FlnoZgDWvz45tHOdVfrZX+3uvVsIYPHxRsTerkDNA==}
     peerDependencies:
       '@babel/core': 7.x
@@ -9453,7 +9751,7 @@ packages:
       '@babel/core': 7.23.9
       '@babel/plugin-transform-react-jsx': 7.22.15(@babel/core@7.23.9)
       '@babel/plugin-transform-react-jsx-development': 7.22.5(@babel/core@7.23.9)
-      '@prefresh/vite': 2.4.5(preact@10.19.4)(vite@4.5.0)
+      '@prefresh/vite': 2.4.5(preact@10.19.6)(vite@4.5.0)
       '@rollup/pluginutils': 4.2.1
       babel-plugin-transform-hook-names: 1.0.2(@babel/core@7.23.9)
       debug: 4.3.4(supports-color@8.1.1)
@@ -9471,19 +9769,19 @@ packages:
     resolution: {integrity: sha512-uG3jGEAysxWoyG3XkYfjYHgaySFrSsaEb4GagLzYaxlydbuREtaX+FTxuIidp241RaLl85XoHg9Ej6E4+V1pcg==}
     dev: false
 
-  /@prefresh/core@1.5.2(preact@10.19.4):
+  /@prefresh/core@1.5.2(preact@10.19.6):
     resolution: {integrity: sha512-A/08vkaM1FogrCII5PZKCrygxSsc11obExBScm3JF1CryK2uDS3ZXeni7FeKCx1nYdUkj4UcJxzPzc1WliMzZA==}
     peerDependencies:
       preact: ^10.0.0
     dependencies:
-      preact: 10.19.4
+      preact: 10.19.6
     dev: false
 
   /@prefresh/utils@1.2.0:
     resolution: {integrity: sha512-KtC/fZw+oqtwOLUFM9UtiitB0JsVX0zLKNyRTA332sqREqSALIIQQxdUCS1P3xR/jT1e2e8/5rwH6gdcMLEmsQ==}
     dev: false
 
-  /@prefresh/vite@2.4.5(preact@10.19.4)(vite@4.5.0):
+  /@prefresh/vite@2.4.5(preact@10.19.6)(vite@4.5.0):
     resolution: {integrity: sha512-iForDVJ2M8gQYnm5pHumvTEJjGGc7YNYC0GVKnHFL+GvFfKHfH9Rpq67nUAzNbjuLEpqEOUuQVQajMazWu2ZNQ==}
     peerDependencies:
       preact: ^10.4.0
@@ -9491,10 +9789,10 @@ packages:
     dependencies:
       '@babel/core': 7.23.9
       '@prefresh/babel-plugin': 0.5.1
-      '@prefresh/core': 1.5.2(preact@10.19.4)
+      '@prefresh/core': 1.5.2(preact@10.19.6)
       '@prefresh/utils': 1.2.0
       '@rollup/pluginutils': 4.2.1
-      preact: 10.19.4
+      preact: 10.19.6
       vite: 4.5.0
     transitivePeerDependencies:
       - supports-color
@@ -10088,35 +10386,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/breadcrumbs@3.5.9(react@18.2.0):
-    resolution: {integrity: sha512-asbXTL5NjeHl1+YIF0K70y8tNHk8Lb6VneYH8yOkpLO49ejyNDYBK0tp0jtI9IZAQiTa2qkhYq58c9LloTwebQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/link': 3.6.3(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-types/breadcrumbs': 3.7.2(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-aria/button@3.9.1(react@18.2.0):
-    resolution: {integrity: sha512-nAnLMUAnwIVcRkKzS1G2IU6LZSkIWPJGu9amz/g7Y02cGUwFp3lk5bEw2LdoaXiSDJNSX8g0SZFU8FROg57jfQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/toggle': 3.7.0(react@18.2.0)
-      '@react-types/button': 3.9.1(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/button@3.9.3(react@18.2.0):
     resolution: {integrity: sha512-ZXo2VGTxfbaTEnfeIlm5ym4vYpGAy8sGrad8Scv+EyDAJWLMKokqctfaN6YSWbqUApC3FN63IvMqASflbmnYig==}
     peerDependencies:
@@ -10132,26 +10401,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/calendar@3.5.4(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-8k7khgea5kwfWriZJWCADNB0R2d7g5A6tTjUEktK4FFZcTb0RCubFejts4hRyzKlF9XHUro2dfh6sbZrzfMKDQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/date': 3.5.1
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/live-announcer': 3.3.1
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/calendar': 3.4.3(react@18.2.0)
-      '@react-types/button': 3.9.1(react@18.2.0)
-      '@react-types/calendar': 3.4.3(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/calendar@3.5.6(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-PA0Ur5WcODMn7t2gCUvq61YktkB+WlSZjzDr5kcY3sdl53ZjiyqCa2hYgrb6R0J859LVJXAp+5Qaproz8g1oLA==}
     peerDependencies:
@@ -10172,24 +10421,6 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/checkbox@3.13.0(react@18.2.0):
-    resolution: {integrity: sha512-eylJwtADIPKJ1Y5rITNJm/8JD8sXG2nhiZBIg1ko44Szxrpu+Le53NoGtg8nlrfh9vbUrXVvuFtf2jxbPXR5Jw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/form': 3.0.1(react@18.2.0)
-      '@react-aria/label': 3.7.4(react@18.2.0)
-      '@react-aria/toggle': 3.10.0(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/checkbox': 3.6.1(react@18.2.0)
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/toggle': 3.7.0(react@18.2.0)
-      '@react-types/checkbox': 3.6.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/checkbox@3.14.1(react@18.2.0):
     resolution: {integrity: sha512-b4rtrg5SpRSa9jBOqzJMmprJ+jDi3KyVvUh+DsvISe5Ti7gVAhMBgnca1D0xBp22w2jhk/o4gyu1bYxGLum0GA==}
     peerDependencies:
@@ -10209,31 +10440,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/combobox@3.8.1(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-0Zsy91WC2uhnIjtProL1E5qRjBtRVdsNgpr8T9QCQht4i2sHd8L/srrOx7b6vRIngUMZq7GofOpQcKVdxx4kEA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/listbox': 3.11.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/live-announcer': 3.3.1
-      '@react-aria/menu': 3.12.0(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/overlays': 3.20.0(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/selection': 3.17.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/textfield': 3.14.0(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/collections': 3.10.4(react@18.2.0)
-      '@react-stately/combobox': 3.8.1(react@18.2.0)
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-types/button': 3.9.1(react@18.2.0)
-      '@react-types/combobox': 3.10.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/combobox@3.8.4(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-HyTWIo2B/0xq0Of+sDEZCfJyf4BvCvDYIWG4UhjqL1kHIHIGQyyr+SldbVUjXVYnk8pP1eGB3ttiREujjjALPQ==}
     peerDependencies:
@@ -10259,34 +10465,6 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/datepicker@3.9.1(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-bdlY2H/zwe3hQf64Lp1oGTf7Va8ennDyAv4Ffowb+BOoL8+FB9smtGyONKe87zXu7VJL2M5xYAi4n7c004PM+w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/date': 3.5.1
-      '@internationalized/number': 3.5.0
-      '@internationalized/string': 3.2.0
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/form': 3.0.1(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/label': 3.7.4(react@18.2.0)
-      '@react-aria/spinbutton': 3.6.1(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/datepicker': 3.9.1(react@18.2.0)
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-types/button': 3.9.1(react@18.2.0)
-      '@react-types/calendar': 3.4.3(react@18.2.0)
-      '@react-types/datepicker': 3.7.1(react@18.2.0)
-      '@react-types/dialog': 3.5.7(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/datepicker@3.9.3(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-1AjCAizd88ACKjVNhFazX4HZZFwWi2rsSlGCTm66Nx6wm5N/Cpbm466dpYEFyQUsKSOG4CC65G1zfYoMPe48MQ==}
     peerDependencies:
@@ -10331,42 +10509,6 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/dialog@3.5.9(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Eg5pFJN3b5NitKL60nf30iPpQGCyOcU4YakUVn5+GWKLBlm8ryE8jyoIIO0e0LCM65K+fL+gGHGK01GCZyKrpQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/overlays': 3.20.0(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-types/dialog': 3.5.7(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
-  /@react-aria/dnd@3.5.1(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-7OPGePdle+xNYHAIAUOvIETRMfnkRt7h/C0bCkxUR2GYefEbTzfraso4ppNH2JZ7fCRd0K/Qe+jvQklwusHAKA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/string': 3.2.0
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/live-announcer': 3.3.1
-      '@react-aria/overlays': 3.20.0(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/dnd': 3.2.7(react@18.2.0)
-      '@react-types/button': 3.9.1(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/dnd@3.5.3(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-0gi6sRnr97fSQnGy+CMt+99/+vVqr+qv2T9Ts8X9TAzxHNokz5QfSL88QSlTU36EnAVLxPY18iZQWCExSjKpEQ==}
     peerDependencies:
@@ -10387,32 +10529,6 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/focus@3.15.0(react@18.2.0):
-    resolution: {integrity: sha512-nnxRyfqHuAjRwdQ4BpQyZPtGFKZmRU6cnaIb3pqWFCqEyJQensV7MA3TJ4Jhadq67cy1Ji5SYSlr1duBwjoYvw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/interactions': 3.20.0(react@18.2.0)
-      '@react-aria/utils': 3.22.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      clsx: 1.2.1
-      react: 18.2.0
-    dev: false
-
-  /@react-aria/focus@3.16.0(react@18.2.0):
-    resolution: {integrity: sha512-GP6EYI07E8NKQQcXHjpIocEU0vh0oi0Vcsd+/71fKS0NnTR0TUOEeil0JuuQ9ymkmPDTu51Aaaa4FxVsuN/23A==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      clsx: 2.0.0
-      react: 18.2.0
-    dev: false
-
   /@react-aria/focus@3.16.2(react@18.2.0):
     resolution: {integrity: sha512-Rqo9ummmgotESfypzFjI3uh58yMpL+E+lJBbQuXkBM0u0cU2YYzu0uOrFrq3zcHk997udZvq1pGK/R+2xk9B7g==}
     peerDependencies:
@@ -10426,19 +10542,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/form@3.0.1(react@18.2.0):
-    resolution: {integrity: sha512-6586oODMDR4/ciGRwXjpvEAg7tWGSDrXE//waK0n5e5sMuzlPOo1DHc5SpPTvz0XdJsu6VDt2rHdVWVIC9LEyw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/form@3.0.3(react@18.2.0):
     resolution: {integrity: sha512-5Q2BHE4TTPDzGY2npCzpRRYshwWUb3SMUA/Cbz7QfEtBk+NYuVaq3KjvqLqgUUdyKtqLZ9Far0kIAexloOC4jw==}
     peerDependencies:
@@ -10452,30 +10555,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/grid@3.8.6(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-JlQDkdm5heG1FfRyy5KnB8b6s/hRqSI6Xt2xN2AccLX5kcbfFr2/d5KVxyf6ahfa4Gfd46alN6477ju5eTWJew==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/live-announcer': 3.3.1
-      '@react-aria/selection': 3.17.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/collections': 3.10.4(react@18.2.0)
-      '@react-stately/grid': 3.8.4(react@18.2.0)
-      '@react-stately/selection': 3.14.2(react@18.2.0)
-      '@react-stately/virtualizer': 3.6.6(react@18.2.0)
-      '@react-types/checkbox': 3.6.0(react@18.2.0)
-      '@react-types/grid': 3.2.3(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/grid@3.8.8(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-7Bzbya4tO0oIgqexwRb8D6ZdC0GASYq9f/pnkrqocgvG9e1SCld4zOioKbYQDvAK/NnbCgXmmdqFAcLM/iazaA==}
     peerDependencies:
@@ -10500,25 +10579,6 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/gridlist@3.7.3(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-rkkepYM7xJiebR0g3uC4zzkdR7a8z0fLaM+sg9lSTbdElHMLAlrebS2ytEyZnhiu9nbOnw13GN1OC4/ZenzbHQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/grid': 3.8.6(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/selection': 3.17.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/list': 3.10.2(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/gridlist@3.7.5(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-RmHEJ++vngHYEWbUCtLLmGh7H3vNd2Y9S0q/9SgHFPbqPZycT5mxDZ2arqpOXeHRVRvPBaW9ZlMxI2bPOePrYw==}
     peerDependencies:
@@ -10538,22 +10598,6 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/i18n@3.10.0(react@18.2.0):
-    resolution: {integrity: sha512-sviD5Y1pLPG49HHRmVjR+5nONrp0HK219+nu9Y7cDfUhXu2EjyhMS9t/n9/VZ69hHChZ2PnHYLEE2visu9CuCg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/date': 3.5.1
-      '@internationalized/message': 3.1.1
-      '@internationalized/number': 3.5.0
-      '@internationalized/string': 3.2.0
-      '@react-aria/ssr': 3.9.1(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/i18n@3.10.2(react@18.2.0):
     resolution: {integrity: sha512-Z1ormoIvMOI4mEdcFLYsoJy9w/EzBdBmgfLP+S/Ah+1xwQOXpgwZxiKOhYHpWa0lf6hkKJL34N9MHJvCJ5Crvw==}
     peerDependencies:
@@ -10586,30 +10630,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/interactions@3.20.0(react@18.2.0):
-    resolution: {integrity: sha512-JCCEyK2Nb4mEHucrgmqhTHTNAEqhsiM07jJmmY22eikxnCQnsEfdwXyg9cgZLG79D5V7jyqVRqOp2OsG7Qx7kQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/ssr': 3.9.0(react@18.2.0)
-      '@react-aria/utils': 3.22.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-aria/interactions@3.20.1(react@18.2.0):
-    resolution: {integrity: sha512-PLNBr87+SzRhe9PvvF9qvzYeP4ofTwfKSorwmO+hjr3qoczrSXf4LRQlb27wB6hF10C7ZE/XVbUI1lj4QQrZ/g==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/ssr': 3.9.1(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/interactions@3.21.1(react@18.2.0):
     resolution: {integrity: sha512-AlHf5SOzsShkHfV8GLLk3v9lEmYqYHURKcXWue0JdYbmquMRkUsf/+Tjl1+zHVAQ8lKqRnPYbTmc4AcZbqxltw==}
     peerDependencies:
@@ -10622,17 +10642,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/label@3.7.4(react@18.2.0):
-    resolution: {integrity: sha512-3Y0yyrqpLzZdzHw+TOyzwuyx5wa2ujU5DGfKuL5GFnU9Ii4DtdwBGSYS7Yu7qadU+eQmG4OGhAgFVswbIgIwJw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/label@3.7.6(react@18.2.0):
     resolution: {integrity: sha512-ap9iFS+6RUOqeW/F2JoNpERqMn1PvVIo3tTMrJ1TY1tIwyJOxdCBRgx9yjnPBnr+Ywguep+fkPNNi/m74+tXVQ==}
     peerDependencies:
@@ -10644,20 +10653,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/link@3.6.3(react@18.2.0):
-    resolution: {integrity: sha512-8kPWc4u/lDow3Ll0LDxeMgaxt9Y3sl8UldKLGli8tzRSltYFugNh/n+i9sCnmo4Qv9Tp9kYv+yxBK50Uk9sINw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-types/link': 3.5.2(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/link@3.6.5(react@18.2.0):
     resolution: {integrity: sha512-kg8CxKqkciQFzODvLAfxEs8gbqNXFZCW/ISOE2LHYKbh9pA144LVo71qO3SPeYVVzIjmZeW4vEMdZwqkNozecw==}
     peerDependencies:
@@ -10672,25 +10667,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/listbox@3.11.3(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-PBrnldmyEYUUJvfDeljW8ITvZyBTfGpLNf0b5kfBPK3TDgRH4niEH2vYEcaZvSqb0FrpdvcunuTRXcOpfb+gCQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/label': 3.7.4(react@18.2.0)
-      '@react-aria/selection': 3.17.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/collections': 3.10.4(react@18.2.0)
-      '@react-stately/list': 3.10.2(react@18.2.0)
-      '@react-types/listbox': 3.4.6(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/listbox@3.11.5(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-y3a3zQYjT+JKgugCMMKS7K9sRoCoP1Z6Fiiyfd77OHXWzh9RlnvWGsseljynmbxLzSuPwFtCYkU1Jz4QwsPUIg==}
     peerDependencies:
@@ -10710,41 +10686,12 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/live-announcer@3.3.1:
-    resolution: {integrity: sha512-hsc77U7S16trM86d+peqJCOCQ7/smO1cybgdpOuzXyiwcHQw8RQ4GrXrS37P4Ux/44E9nMZkOwATQRT2aK8+Ew==}
-    dependencies:
-      '@swc/helpers': 0.5.3
-    dev: false
-
   /@react-aria/live-announcer@3.3.2:
     resolution: {integrity: sha512-aOyPcsfyY9tLCBhuUaYCruwcd1IrYLc47Ou+J7wMzjeN9v4lsaEfiN12WFl8pDqOwfy6/7It2wmlm5hOuZY8wQ==}
     dependencies:
       '@swc/helpers': 0.5.3
     dev: false
 
-  /@react-aria/menu@3.12.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Nsujv3b61WR0gybDKnBjAeyxDVJOfPLMggRUf9SQDfPWnrPXEsAFxaPaVcAkzlfI4HiQs1IxNwsKFNpc3PPZTQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/overlays': 3.20.0(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/selection': 3.17.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/collections': 3.10.4(react@18.2.0)
-      '@react-stately/menu': 3.6.0(react@18.2.0)
-      '@react-stately/tree': 3.7.5(react@18.2.0)
-      '@react-types/button': 3.9.1(react@18.2.0)
-      '@react-types/menu': 3.9.6(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/menu@3.13.1(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-jF80YIcvD16Fgwm5pj7ViUE3Dj7z5iewQixLaFVdvpgfyE58SD/ZVU9/JkK5g/03DYM0sjpUKZGkdFxxw8eKnw==}
     peerDependencies:
@@ -10780,39 +10727,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/meter@3.4.9(react@18.2.0):
-    resolution: {integrity: sha512-1/FHFmFmSyfQBJ2oH152lp4nps76v1UdhnFbIsmRIH+0g0IfMv1yDT2M9dIZ/b9DgVZSx527FmWOXm0eHGKD6w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/progress': 3.4.9(react@18.2.0)
-      '@react-types/meter': 3.3.6(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-aria/numberfield@3.10.1(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-9rt+O63UL3zKR99c+8njbtBeVoEhitzzSCFWsqbtStyoUEV5tJQDgD9kSlozFLAzYftq2pJ7uazlptMEXyS13g==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/spinbutton': 3.6.1(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/textfield': 3.14.0(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/numberfield': 3.8.0(react@18.2.0)
-      '@react-types/button': 3.9.1(react@18.2.0)
-      '@react-types/numberfield': 3.7.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/numberfield@3.11.1(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-JQ1Z+Ho5H+jeav7jt9A4vBsIQR/Dd2CFbObrULjGkqSrnWjARFZBv3gZwmfGCtplEPeAv9buYKHAqebPtJNUww==}
     peerDependencies:
@@ -10834,27 +10748,6 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/overlays@3.20.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-2m7MpRJL5UucbEuu08lMHsiFJoDowkJV4JAIFBZYK1NzVH0vF/A+w9HRNM7jRwx2DUxE+iIsZnl8yKV/7KY8OQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/ssr': 3.9.1(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-aria/visually-hidden': 3.8.8(react@18.2.0)
-      '@react-stately/overlays': 3.6.4(react@18.2.0)
-      '@react-types/button': 3.9.1(react@18.2.0)
-      '@react-types/overlays': 3.8.4(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/overlays@3.21.1(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-djEBDF+TbIIOHWWNpdm19+z8xtY8U+T+wKVQg/UZ6oWnclSqSWeGl70vu73Cg4HVBJ4hKf1SRx4Z/RN6VvH4Yw==}
     peerDependencies:
@@ -10890,38 +10783,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/progress@3.4.9(react@18.2.0):
-    resolution: {integrity: sha512-CME1ZLsJHOmSgK8IAPOC/+vYO5Oc614mkEw5MluT/yclw5rMyjAkK1XsHLjEXy81uwPeiRyoQQIMPKG2/sMxFQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/label': 3.7.4(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-types/progress': 3.5.1(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-aria/radio@3.10.0(react@18.2.0):
-    resolution: {integrity: sha512-6NaKzdGymdcVWLYgHT0cHsVmNzPOp89o8r41w29OPBQWu8w2c9mxg4366OiIZn/uXIBS4abhQ4nL4toBRLgBrg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/form': 3.0.1(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/label': 3.7.4(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/radio': 3.10.1(react@18.2.0)
-      '@react-types/radio': 3.7.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/radio@3.10.2(react@18.2.0):
     resolution: {integrity: sha512-CTUTR+qt3BLjmyQvKHZuVm+1kyvT72ZptOty++sowKXgJApTLdjq8so1IpaLAr8JIfzqD5I4tovsYwIQOX8log==}
     peerDependencies:
@@ -10940,22 +10801,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/searchfield@3.7.0(react@18.2.0):
-    resolution: {integrity: sha512-btBbkIwsExXWv5av62gINEbm4QFmDDT7r+d5TAKin5tvKqU8zrsM9fm7KCDEhIGcpUW+q2AUS589iw19z9uCcA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/textfield': 3.14.0(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/searchfield': 3.5.0(react@18.2.0)
-      '@react-types/button': 3.9.1(react@18.2.0)
-      '@react-types/searchfield': 3.5.2(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/searchfield@3.7.3(react@18.2.0):
     resolution: {integrity: sha512-mnYI969R7tU3yMRIGmY1+peq7tmEW0W3MB/J2ImK36Obz/91tTtspHHEeFtPlQDLIyvVPB0Ucam4LIxCKPJm/Q==}
     peerDependencies:
@@ -10972,30 +10817,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/select@3.14.1(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-pAy/+Xbj11Lx6bi/O1hWH0NSIDRxFb6V7N0ry2L8x7MALljh516VbpnAc5RgvbjbuKq0cHUAcdINOzOzpYWm4A==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/form': 3.0.1(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/label': 3.7.4(react@18.2.0)
-      '@react-aria/listbox': 3.11.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/menu': 3.12.0(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/selection': 3.17.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-aria/visually-hidden': 3.8.8(react@18.2.0)
-      '@react-stately/select': 3.6.1(react@18.2.0)
-      '@react-types/button': 3.9.1(react@18.2.0)
-      '@react-types/select': 3.9.1(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/select@3.14.3(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-9KCxI41FI+jTxEfUzRsMdJsZvjkCuuhL4UHig8MZXtXs0nsi7Ir3ezUDQ9m5MSG+ooBYM/CA9DyLDvo5Ioef+g==}
     peerDependencies:
@@ -11020,23 +10841,6 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/selection@3.17.3(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-xl2sgeGH61ngQeE05WOWWPVpGRTPMjQEFmsAWEprArFi4Z7ihSZgpGX22l1w7uSmtXM/eN/v0W8hUYUju5iXlQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/selection': 3.14.2(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/selection@3.17.5(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-gO5jBUkc7WdkiFMlWt3x9pTSuj3Yeegsxfo44qU5NPlKrnGtPRZDWrlACNgkDHu645RNNPhlyoX0C+G8mUg1xA==}
     peerDependencies:
@@ -11065,34 +10869,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/separator@3.3.9(react@18.2.0):
-    resolution: {integrity: sha512-1wEXiaSJjq2+DR5TC0RKnUBsfZN+YXTzyI7XMzjQoc3YlclumX8wQtzPAOGOEjHB1JKUgo1Gw70FtupVXz58QQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-aria/slider@3.7.4(react@18.2.0):
-    resolution: {integrity: sha512-OFJWeGSL2duVDFs/kcjlWsY6bqCVKZgM0aFn2QN4wmID+vfBvBnqGHAgWv3BCePTAPS3+GBjMN002TrftorjwQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/label': 3.7.4(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/slider': 3.5.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/slider': 3.7.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/slider@3.7.6(react@18.2.0):
     resolution: {integrity: sha512-ZeZhyHzhk9gxGuThPKgX2K3RKsxPxsFig1iYoJvqP8485NtHYQIPht2YcpEKA9siLxGF0DR9VCfouVhSoW0AEA==}
     peerDependencies:
@@ -11110,22 +10886,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/spinbutton@3.6.1(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-u5GuOP3k4Zis055iY0fZJNHU7dUNCoSfUq5LKwJ1iNaCqDcavdstAnAg+X1a7rhpp5zCnJmAMseo3Qmzi9P+Ew==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/live-announcer': 3.3.1
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-types/button': 3.9.1(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/spinbutton@3.6.3(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-IlfhRu/pc9zOt2C5zSEB7NmmzddvWisGx2iGzw8BwIKMD+cN3uy+Qwp+sG6Z/JzFEBN0F6Mxm3l5lhbiqjpICQ==}
     peerDependencies:
@@ -11152,16 +10912,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/ssr@3.9.1(react@18.2.0):
-    resolution: {integrity: sha512-NqzkLFP8ZVI4GSorS0AYljC13QW2sc8bDqJOkBvkAt3M8gbcAXJWVRGtZBCRscki9RZF+rNlnPdg0G0jYkhJcg==}
-    engines: {node: '>= 12'}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/ssr@3.9.2(react@18.2.0):
     resolution: {integrity: sha512-0gKkgDYdnq1w+ey8KzG9l+H5Z821qh9vVjztk55rUg71vTk/Eaebeir+WtzcLLwTjw3m/asIjx8Y59y1lJZhBw==}
     engines: {node: '>= 12'}
@@ -11172,18 +10922,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/switch@3.6.0(react@18.2.0):
-    resolution: {integrity: sha512-YNWc5fGLNXE4XlmDAKyqAdllRiClGR7ki4KGFY7nL+xR5jxzjCGU3S3ToMK5Op3QSMGZLxY/aYmC4O+MvcoADQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/toggle': 3.10.0(react@18.2.0)
-      '@react-stately/toggle': 3.7.0(react@18.2.0)
-      '@react-types/switch': 3.5.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/switch@3.6.2(react@18.2.0):
     resolution: {integrity: sha512-X5m/omyhXK+V/vhJFsHuRs2zmt9Asa/RuzlldbXnWohLdeuHMPgQnV8C9hg3f+sRi3sh9UUZ64H61pCtRoZNwg==}
     peerDependencies:
@@ -11196,32 +10934,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/table@3.13.3(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-AzmETpyxwNqISTzwHJPs85x9gujG40IIsSOBUdp49oKhB85RbPLvMwhadp4wCVAoHw3erOC/TJxHtVc7o2K1LA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/grid': 3.8.6(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/live-announcer': 3.3.1
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-aria/visually-hidden': 3.8.8(react@18.2.0)
-      '@react-stately/collections': 3.10.4(react@18.2.0)
-      '@react-stately/flags': 3.0.0
-      '@react-stately/table': 3.11.4(react@18.2.0)
-      '@react-stately/virtualizer': 3.6.6(react@18.2.0)
-      '@react-types/checkbox': 3.6.0(react@18.2.0)
-      '@react-types/grid': 3.2.3(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/table': 3.9.2(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/table@3.13.5(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-P2nHEDk2CCoEbMFKNCyBC9qvmv7F/IXARDt/7z/J4mKFgU2iNSK+/zw6yrb38q33Zlk8hDaqSYNxHlMrh+/1MQ==}
     peerDependencies:
@@ -11248,24 +10960,6 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/tabs@3.8.3(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Plw0K/5Qv35vYq7pHZFfQB2BF5OClFx4Abzo9hLVx4oMy3qb7i5lxmLBVbt81yPX/MdjYeP4zO1EHGBl4zMRhA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/selection': 3.17.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/tabs': 3.6.3(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/tabs': 3.3.4(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/tabs@3.8.5(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Jvt33/W+66n5oCxVwHAYarJ3Fit61vULiPcG7uTez0Mf11cq/C72wOrj+ZuNz6PTLTi2veBNQ7MauY72SnOjRg==}
     peerDependencies:
@@ -11284,26 +10978,6 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/tag@3.3.1(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-w7d8sVZqxTo8VFfeg2ixLp5kawtrcguGznVY4mt5aE6K8LMJOeNVDqNNfolfyia80VjOWjeX+RpVdVJRdrv/GQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/gridlist': 3.7.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/label': 3.7.4(react@18.2.0)
-      '@react-aria/selection': 3.17.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/list': 3.10.2(react@18.2.0)
-      '@react-types/button': 3.9.1(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@react-aria/tag@3.3.3(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-tlJD9qj1XcsPIZD7DVJ6tWv8t7Z87/8qkbRDx7ugNqeHso9z0WqH9ZkSt17OFUWE2IQIk3V8D3iBSOtmhXcZGQ==}
     peerDependencies:
@@ -11324,23 +10998,6 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@react-aria/textfield@3.14.0(react@18.2.0):
-    resolution: {integrity: sha512-LtHFcPK/N9m3KWSRM5KdmlIk7cUEk0OF+uBUrfKsGGc1bJKVToimdW7jQusChHmHhslHUR7WQ4KDjXyFjoLXOw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/form': 3.0.1(react@18.2.0)
-      '@react-aria/label': 3.7.4(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/textfield': 3.9.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/textfield@3.14.3(react@18.2.0):
     resolution: {integrity: sha512-wPSjj/mTABspYQdahg+l5YMtEQ3m5iPCTtb5g6nR1U1rzJkvS4i5Pug6PUXeLeMz2H3ToflPWGlNOqBioAFaOQ==}
     peerDependencies:
@@ -11358,20 +11015,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/toggle@3.10.0(react@18.2.0):
-    resolution: {integrity: sha512-6cUf4V9TuG2J7AvXUdU/GspEPFCubUOID3mrselSe563RViy+mMZk0vUEOdyoNanDcEXl58W4dE3SGWxFn71vg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/toggle': 3.7.0(react@18.2.0)
-      '@react-types/checkbox': 3.6.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/toggle@3.10.2(react@18.2.0):
     resolution: {integrity: sha512-DgitscHWgI6IFgnvp2HcMpLGX/cAn+XX9kF5RJQbRQ9NqUgruU5cEEGSOLMrEJ6zXDa2xmOiQ+kINcyNhA+JLg==}
     peerDependencies:
@@ -11386,19 +11029,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/toolbar@3.0.0-beta.0(react@18.2.0):
-    resolution: {integrity: sha512-5DCnasHCKxpzm2g7NkFggZF4A65snLL7Nz+0dhqvFTHVLYPEzgKnx7nJ4tFO9z7i9BL8+HrNmaur/eE+OVKVJg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.15.0(react@18.2.0)
-      '@react-aria/i18n': 3.9.0(react@18.2.0)
-      '@react-aria/utils': 3.22.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/toolbar@3.0.0-beta.3(react@18.2.0):
     resolution: {integrity: sha512-tPIEPRsZI/6Mb0tAW/GBTt3wBk7dfJg/eUnTloY8NHialvDa+cMUQyUVzPyLWGpErhYeBeutBmw1e2seMjmu+A==}
     peerDependencies:
@@ -11412,21 +11042,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/tooltip@3.7.0(react@18.2.0):
-    resolution: {integrity: sha512-+u9Sftkfe09IDyPEnbbreFKS50vh9X/WTa7n1u2y3PenI9VreLpUR6czyzda4BlvQ95e9jQz1cVxUjxTNaZmBw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-stately/tooltip': 3.4.6(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/tooltip': 3.4.6(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-aria/tooltip@3.7.2(react@18.2.0):
     resolution: {integrity: sha512-6jXOSGPao3gPgUQWLbH2r/jxGMqIaIKrJgfwu9TQrh+UkwwiTYW20EpEDCYY2nRFlcoi7EYAiPDSEbHCwXS7Lg==}
     peerDependencies:
@@ -11455,19 +11070,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/utils@3.23.0(react@18.2.0):
-    resolution: {integrity: sha512-fJA63/VU4iQNT8WUvrmll3kvToqMurD69CcgVmbQ56V7ZbvlzFi44E7BpnoaofScYLLtFWRjVdaHsohT6O/big==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/ssr': 3.9.1(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      clsx: 2.0.0
-      react: 18.2.0
-    dev: false
-
   /@react-aria/utils@3.23.2(react@18.2.0):
     resolution: {integrity: sha512-yznR9jJ0GG+YJvTMZxijQwVp+ahP66DY0apZf7X+dllyN+ByEDW+yaL1ewYPIpugxVzH5P8jhnBXsIyHKN411g==}
     peerDependencies:
@@ -11493,18 +11095,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-aria/visually-hidden@3.8.8(react@18.2.0):
-    resolution: {integrity: sha512-Cn2PYKD4ijGDtF0+dvsh8qa4y7KTNAlkTG6h20r8Q+6UTyRNmtE2/26QEaApRF8CBiNy9/BZC/ZC4FK2OjvCoA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-spectrum/utils@3.11.2(react@18.2.0):
     resolution: {integrity: sha512-JLv0ntBrrIvloUgqVhAZvTTiBqZ/pHtAWOuIgrii3PFUsds4OVX+YebB88rj639Zi/tFrSdfrlZJNER1ZOq9jw==}
     peerDependencies:
@@ -11519,32 +11109,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/calendar@3.4.2(react@18.2.0):
-    resolution: {integrity: sha512-RfH40rVa2EhUnQgqH3HTZL+YhL+6tZ8T9GbN1K3AbIM5BBEtkb3P8qGhcaI7WpwNy1rlRFFFXGcqFAMUncDg2Q==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/date': 3.5.0
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/calendar': 3.4.2(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/calendar@3.4.3(react@18.2.0):
-    resolution: {integrity: sha512-OrEcdskszDjnjVnFuSiDC2PVBJ6lWMCJROD5s6W1LUehUtBp8LX9wPavAGHV43LbhN9ldj560sxaQ4WCddrRCA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/date': 3.5.1
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/calendar': 3.4.3(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/calendar@3.4.4(react@18.2.0):
     resolution: {integrity: sha512-f9ZOd096gGGD+3LmU1gkmfqytGyQtrgi+Qjn+70GbM2Jy65pwOR4I9YrobbmeAFov5Tff13mQEa0yqWvbcDLZQ==}
     peerDependencies:
@@ -11558,32 +11122,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/checkbox@3.6.0(react@18.2.0):
-    resolution: {integrity: sha512-e1ChMwGovcOEDcdizqXDT6eDZixIMiPQOzNV5wPQ91SlGaIry9b0lQnK18tHg3yv2iiS6Ipj96cGBUKLJqQ+cQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/checkbox': 3.6.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/checkbox@3.6.1(react@18.2.0):
-    resolution: {integrity: sha512-rOjFeVBy32edYwhKiHj3ZLdLeO+xZ2fnBwxnOBjcygnw4Neygm8FJH/dB1J0hdYYR349yby86ED2x0wRc84zPw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/checkbox': 3.6.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/checkbox@3.6.3(react@18.2.0):
     resolution: {integrity: sha512-hWp0GXVbMI4sS2NbBjWgOnHNrRqSV4jeftP8zc5JsIYRmrWBUZitxluB34QuVPzrBO29bGsF0GTArSiQZt6BWw==}
     peerDependencies:
@@ -11597,26 +11135,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/collections@3.10.3(react@18.2.0):
-    resolution: {integrity: sha512-fA28HIApAIz9sNGeOVXZJPgV5Kig6M72KI1t9sUbnRUr9Xq9OMJTR6ElDMXNe0iTeZffRFDOPYyqnX9zkxof6Q==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/collections@3.10.4(react@18.2.0):
-    resolution: {integrity: sha512-OHhCrItGt4zB2bSrgObRo0H2SC7QlkH8ReGxo+NVIWchXRLRoiWBP7S+IwleewEo5gOqDVPY3hqA9n4iiI8twg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/collections@3.10.5(react@18.2.0):
     resolution: {integrity: sha512-k8Q29Nnvb7iAia1QvTanZsrWP2aqVNBy/1SlE6kLL6vDqtKZC+Esd1SDLHRmIcYIp5aTdfwIGd0NuiRQA7a81Q==}
     peerDependencies:
@@ -11627,40 +11145,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/combobox@3.8.0(react@18.2.0):
-    resolution: {integrity: sha512-F74Avf7+8ruRqEB+3Lh6/C5jXc3ESJbRf9ovUxhmNAzBGeFKesPn5HpEpo87C+3OukGb+/Buvi3Rhib9+HVBKA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/collections': 3.10.3(react@18.2.0)
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/list': 3.10.1(react@18.2.0)
-      '@react-stately/menu': 3.5.7(react@18.2.0)
-      '@react-stately/select': 3.6.0(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/combobox': 3.9.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/combobox@3.8.1(react@18.2.0):
-    resolution: {integrity: sha512-FaWkqTXQdWg7ptaeU4iPcqF/kxbRg2ZNUcvW/hiL/enciV5tRCsddvfNqvDvy1L30z9AUwlp9MWqzm/DhBITCw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/collections': 3.10.4(react@18.2.0)
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/list': 3.10.2(react@18.2.0)
-      '@react-stately/overlays': 3.6.4(react@18.2.0)
-      '@react-stately/select': 3.6.1(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/combobox': 3.10.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/combobox@3.8.2(react@18.2.0):
     resolution: {integrity: sha512-f+IHuFW848VoMbvTfSakn2WIh2urDxO355LrKxnisXPCkpQHpq3lvT2mJtKJwkPxjAy7xPjpV8ejgga2R6p53Q==}
     peerDependencies:
@@ -11678,16 +11162,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/data@3.11.0(react@18.2.0):
-    resolution: {integrity: sha512-0BlPT58WrAtUvpiEfUuyvIsGFTzp/9vA5y+pk53kGJhOdc5tqBGHi9cg40pYE/i1vdHJGMpyHGRD9nkQb8wN3Q==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/data@3.11.2(react@18.2.0):
     resolution: {integrity: sha512-yhK2upk2WbJeiLBRWHrh/4G2CvmmozCzoivLaRAPYu53m1J3MyzVGCLJgnZMbMZvAbNcYWZK6IzO6VqZ2y1fOw==}
     peerDependencies:
@@ -11698,38 +11172,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/datepicker@3.9.0(react@18.2.0):
-    resolution: {integrity: sha512-p6BuxPbDxjIgBZmskdv2dR6XIdPEftCjS7kYe/+iLZxfz1vYiDqpJVb3ascLyBjl84bDDyr4z2vWcKhdDwyhEA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/date': 3.5.0
-      '@internationalized/string': 3.1.1
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/overlays': 3.6.4(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/datepicker': 3.7.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/datepicker@3.9.1(react@18.2.0):
-    resolution: {integrity: sha512-o5xLvlZGJyAbTev2yruGlV2fzQyIDuYTgL19TTt0W0WCfjGGr/AAA9GjGXXmyoRA7sZMxqIPnnv7lNrdA38ofA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/date': 3.5.1
-      '@internationalized/string': 3.2.0
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/overlays': 3.6.4(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/datepicker': 3.7.1(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/datepicker@3.9.2(react@18.2.0):
     resolution: {integrity: sha512-Z6FrK6Af7R5BizqHhJFCj3Hn32mg5iLSDdEgFQAuO043guOXUKFUAnbxfbQUjL6PGE6QwWMfQD7PPGebHn9Ifw==}
     peerDependencies:
@@ -11746,28 +11188,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/dnd@3.2.6(react@18.2.0):
-    resolution: {integrity: sha512-ex3Pjn+9uIoqsBb9F4ZFJb3fB0YadN8uYBOEiBb9N4UXWyANibGUYJ2FvIbvq1nFDU7On7MW1J9e3vkGglX4FQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/selection': 3.14.1(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/dnd@3.2.7(react@18.2.0):
-    resolution: {integrity: sha512-QqSCvE9Rhp+Mr8Mt/SrByze24BFX1cy7gmXbwoqAYgHNIx3gWCVdBLqxfpfgYIhZdF9H72EWS8lQkfkZla06Ng==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/selection': 3.14.2(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/dnd@3.2.8(react@18.2.0):
     resolution: {integrity: sha512-oSo+2Bzum3Q1/d+3FuaDmpVHqqBB004tycuQDDFtad3N1BKm+fNfmslRK1ioLkPLK4sm1130V+BZBY3JXLe80A==}
     peerDependencies:
@@ -11779,28 +11199,12 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/flags@3.0.0:
-    resolution: {integrity: sha512-e3i2ItHbIa0eEwmSXAnPdD7K8syW76JjGe8ENxwFJPW/H1Pu9RJfjkCb/Mq0WSPN/TpxBb54+I9TgrGhbCoZ9w==}
-    dependencies:
-      '@swc/helpers': 0.4.36
-    dev: false
-
   /@react-stately/flags@3.0.1:
     resolution: {integrity: sha512-h5PcDMj54aipQNO18ig/IMI1kzPwcvSwVq5M6Ib6XE1WIkOH0dIuW2eADdAOhcGi3KXJtXVdD29zh0Eox1TKgQ==}
     dependencies:
       '@swc/helpers': 0.4.36
     dev: false
 
-  /@react-stately/form@3.0.0(react@18.2.0):
-    resolution: {integrity: sha512-C8wkfFmtx1escizibhdka5JvTy9/Vp173CS9cakjvWTmnjYYC1nOlzwp7BsYWTgerCFbRY/BU/Cf/bJDxPiUKQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/form@3.0.1(react@18.2.0):
     resolution: {integrity: sha512-T1Ul2Ou0uE/S4ECLcGKa0OfXjffdjEHfUFZAk7OZl0Mqq/F7dl5WpoLWJ4d4IyvZzGO6anFNenP+vODWbrF3NA==}
     peerDependencies:
@@ -11811,32 +11215,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/grid@3.8.3(react@18.2.0):
-    resolution: {integrity: sha512-JceGSJcuO6Zv+Aq5s2NZvmbMjdPjTtGNQR9kTgXKC/pOfM6FJ58bJiOmEllyN6oawqh4Ey8Xdqk9NuW4l2ctuw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/collections': 3.10.3(react@18.2.0)
-      '@react-stately/selection': 3.14.1(react@18.2.0)
-      '@react-types/grid': 3.2.3(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/grid@3.8.4(react@18.2.0):
-    resolution: {integrity: sha512-rwqV1K4lVhaiaqJkt4TfYqdJoVIyqvSm98rKAYfCNzrKcivVpoiCMJ2EMt6WlYCjDVBdEOQ7fMV1I60IV0pntA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/collections': 3.10.4(react@18.2.0)
-      '@react-stately/selection': 3.14.2(react@18.2.0)
-      '@react-types/grid': 3.2.3(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/grid@3.8.5(react@18.2.0):
     resolution: {integrity: sha512-KCzi0x0p1ZKK+OptonvJqMbn6Vlgo6GfOIlgcDd0dNYDP8TJ+3QFJAFre5mCr7Fubx7LcAOio4Rij0l/R8fkXQ==}
     peerDependencies:
@@ -11850,32 +11228,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/list@3.10.1(react@18.2.0):
-    resolution: {integrity: sha512-iVarLMd7FmMT0H20dRWsFOHHX5+c4gK51AXP2BSr1VtDSfbL4dgaGgu7IaAMVc/rO0au1e1tPM2hutiIFvPcnA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/collections': 3.10.3(react@18.2.0)
-      '@react-stately/selection': 3.14.1(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/list@3.10.2(react@18.2.0):
-    resolution: {integrity: sha512-INt+zofkIg2KN8B95xPi9pJG7ZFWAm30oIm/lCPBqM3K1Nm03/QaAbiQj2QeJcOsG3lb7oqI6D6iwTolwJkjIQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/collections': 3.10.4(react@18.2.0)
-      '@react-stately/selection': 3.14.2(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/list@3.10.3(react@18.2.0):
     resolution: {integrity: sha512-Ul8el0tQy2Ucl3qMQ0fiqdJ874W1ZNjURVSgSxN+pGwVLNBVRjd6Fl7YwZFCXER2YOlzkwg+Zqozf/ZlS0EdXA==}
     peerDependencies:
@@ -11889,30 +11241,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/menu@3.5.7(react@18.2.0):
-    resolution: {integrity: sha512-bzTmAqzcMNatvyruWlvOdZSmMhz3+mkdxtqaZzYHq+DpR6ka57lIRj8dBnZWQGwV3RypMZfz+X6aIX4kruGVbw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/overlays': 3.6.4(react@18.2.0)
-      '@react-types/menu': 3.9.6(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/menu@3.6.0(react@18.2.0):
-    resolution: {integrity: sha512-OB6CjNyfOkAuirqx1oTL8z8epS9WDzLyrXjmRnxdiCU9EgRXLGAQNECuO7VIpl58oDry8tgRJiJ8fn8FivWSQA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/overlays': 3.6.4(react@18.2.0)
-      '@react-types/menu': 3.9.6(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/menu@3.6.1(react@18.2.0):
     resolution: {integrity: sha512-3v0vkTm/kInuuG8jG7jbxXDBnMQcoDZKWvYsBQq7+POt0LmijbLdbdZPBoz9TkZ3eo/OoP194LLHOaFTQyHhlw==}
     peerDependencies:
@@ -11925,32 +11253,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/numberfield@3.7.0(react@18.2.0):
-    resolution: {integrity: sha512-DOz4jL7T30KGUXpGh/z80aHf+DEOQfvCHVDfll+IU7p3sd+bbM5uj7JdwXpZgIYUK8KTf2N49sL6lq5uCoxh8w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/number': 3.4.0
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/numberfield': 3.7.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/numberfield@3.8.0(react@18.2.0):
-    resolution: {integrity: sha512-1XvB8tDOvZKcFnMM6qNLEaTVJcIc0jRFS/9jtS8MzalZvh8DbKi0Ucm1bGU7S5rkCx2QWqZ0rGOIm2h/RlcpkA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/number': 3.5.0
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/numberfield': 3.7.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/numberfield@3.9.1(react@18.2.0):
     resolution: {integrity: sha512-btBIcBEfSVCUm6NwJrMrMygoIu/fQGazzD0RhF7PNsfvkFiWn+TSOyQqSXcsUJVOnBfoS/dVWj6r57KA7zl3FA==}
     peerDependencies:
@@ -11964,17 +11266,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/overlays@3.6.4(react@18.2.0):
-    resolution: {integrity: sha512-tHEaoAGpE9dSnsskqLPVKum59yGteoSqsniTopodM+miQozbpPlSjdiQnzGLroy5Afx5OZYClE616muNHUILXA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/overlays': 3.8.4(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/overlays@3.6.5(react@18.2.0):
     resolution: {integrity: sha512-U4rCFj6TPJPXLUvYXAcvh+yP/CO2W+7f0IuqP7ZZGE+Osk9qFkT+zRK5/6ayhBDFpmueNfjIEAzT9gYPQwNHFw==}
     peerDependencies:
@@ -11986,32 +11277,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/radio@3.10.0(react@18.2.0):
-    resolution: {integrity: sha512-d8IgZtUq/4vhE7YhyBVg1QdVoFS0caIcvPumXqtp/5vlDgpUsVy9jSeWtbk0H4FyUcmJlQhRcTylKB9THXY1YQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/radio': 3.6.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/radio@3.10.1(react@18.2.0):
-    resolution: {integrity: sha512-MsBYbcLCvjKsqTAKe43T681F2XwKMsS7PLG0eplZgWP9210AMY78GeY1XPYZKHPAau8XkbYiuJqbqTerIJ3DBw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/radio': 3.7.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/radio@3.10.2(react@18.2.0):
     resolution: {integrity: sha512-JW5ZWiNMKcZvMTsuPeWJQLHXD5rlqy7Qk6fwUx/ZgeibvMBW/NnW19mm2+IMinzmbtERXvR6nsiA837qI+4dew==}
     peerDependencies:
@@ -12025,17 +11290,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/searchfield@3.5.0(react@18.2.0):
-    resolution: {integrity: sha512-SStjChkn/33pEn40slKQPnBnmQYyxVazVwPjiBkdeVejC42lUVairUTrGJgF0PNoZTbxn0so2/XzjqTC9T8iCw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/searchfield': 3.5.2(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/searchfield@3.5.1(react@18.2.0):
     resolution: {integrity: sha512-9A8Wghx1avRHhMpNH1Nj+jFfiF1bhsff2GEC5PZgWYzhCykw3G5bywn3JAuUS4kh7Vpqhbu4KpHAhmWPSv4B/Q==}
     peerDependencies:
@@ -12047,34 +11301,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/select@3.6.0(react@18.2.0):
-    resolution: {integrity: sha512-GvSE4DXmcvdRNUc+ciPU7gedt7LfRO8FFFIzhB/bCQhUlK6/xihUPrGXayzqxLeTQKttMH323LuYFKfwpJRhsA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/list': 3.10.1(react@18.2.0)
-      '@react-stately/menu': 3.5.7(react@18.2.0)
-      '@react-types/select': 3.9.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/select@3.6.1(react@18.2.0):
-    resolution: {integrity: sha512-e5ixtLiYLlFWM8z1msDqXWhflF9esIRfroptZsltMn1lt2iImUlDRlOTZlMtPQzUrDWoiHXRX88sSKUM/jXjQQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/list': 3.10.2(react@18.2.0)
-      '@react-stately/overlays': 3.6.4(react@18.2.0)
-      '@react-types/select': 3.9.1(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/select@3.6.2(react@18.2.0):
     resolution: {integrity: sha512-duOxdHKol93h6Ew6fap6Amz+zngoERKZLSKVm/8I8uaBgkoBhEeTFv7mlpHTgINxymMw3mMrvy6GL/gfKFwkqg==}
     peerDependencies:
@@ -12089,30 +11315,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/selection@3.14.1(react@18.2.0):
-    resolution: {integrity: sha512-96/CerrB6yH4Ad9FkzBzyVerSPjcIj1NBTWTFHo1N+oHECvyGsDxZl7Y4LQR++teFK66FhX5KjCJQGae4IZd6A==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/collections': 3.10.3(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/selection@3.14.2(react@18.2.0):
-    resolution: {integrity: sha512-mL7OoiUgVWaaF7ks5XSxgbXeShijYmD4G3bkBHhqkpugU600QH6BM2hloCq8KOUupk1y8oTljPtF9EmCv375DA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/collections': 3.10.4(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/selection@3.14.3(react@18.2.0):
     resolution: {integrity: sha512-d/t0rIWieqQ7wjLoMoWnuHEUSMoVXxkPBFuSlJF3F16289FiQ+b8aeKFDzFTYN7fFD8rkZTnpuE4Tcxg3TmA+w==}
     peerDependencies:
@@ -12125,30 +11327,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/slider@3.4.5(react@18.2.0):
-    resolution: {integrity: sha512-lJPZC8seYbnZDqAlZm3/QC95I5iluG8ouwkPMmvtWCz1baayV/jJtfxA/74zR7Vcob9Fe7O57g8Edhz/hv9xOQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/slider': 3.7.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/slider@3.5.0(react@18.2.0):
-    resolution: {integrity: sha512-dOVpIxb7XKuiRxgpHt1bUSlsklciFki100tKIyBPR+Okar9iC/CwLYROYgVfLkGe77jEBNkor9tDLjDGEWcc1w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/slider': 3.7.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/slider@3.5.2(react@18.2.0):
     resolution: {integrity: sha512-ntH3NLRG+AwVC7q4Dx9DcmMkMh9vmHjHNXAgaoqNjhvwfSIae7sQ69CkVe6XeJjIBy6LlH81Kgapz+ABe5a1ZA==}
     peerDependencies:
@@ -12161,40 +11339,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/table@3.11.3(react@18.2.0):
-    resolution: {integrity: sha512-r0rzSKbtMG4tjFpCGtXb8p6hOuek03c6rheJE88z4I/ujZ5EmEO6Ps8q0JMNEDCY2qigvKM+ODisMBeZCEkIJg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/collections': 3.10.3(react@18.2.0)
-      '@react-stately/flags': 3.0.0
-      '@react-stately/grid': 3.8.3(react@18.2.0)
-      '@react-stately/selection': 3.14.1(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/grid': 3.2.3(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/table': 3.9.1(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/table@3.11.4(react@18.2.0):
-    resolution: {integrity: sha512-dWINJIEOKQl4qq3moq+S8xCD3m+yJqBj0dahr+rOkS+t2uqORwzsusTM35D2T/ZHZi49S2GpE7QuDa+edCynPw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/collections': 3.10.4(react@18.2.0)
-      '@react-stately/flags': 3.0.0
-      '@react-stately/grid': 3.8.4(react@18.2.0)
-      '@react-stately/selection': 3.14.2(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/grid': 3.2.3(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/table': 3.9.2(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/table@3.11.6(react@18.2.0):
     resolution: {integrity: sha512-34YsfOILXusj3p6QNcKEaDWVORhM6WEhwPSLCZlkwAJvkxuRQFdih5rQKoIDc0uV5aZsB6bYBqiFhnjY0VERhw==}
     peerDependencies:
@@ -12212,30 +11356,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/tabs@3.6.2(react@18.2.0):
-    resolution: {integrity: sha512-f+U4D1FAVfVVcNRbtKIv4GrO37CLFClYQlXx9zIuSXjHsviapVD2IQSyAmpKo/CbgXhYRMdGwENZdOsmF/Ns7g==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/list': 3.10.1(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/tabs': 3.3.4(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/tabs@3.6.3(react@18.2.0):
-    resolution: {integrity: sha512-Nj+Gacwa2SIzYIvHW40GsyX4Q6c8kF7GOuXESeQswbCjnwqhrSbDBp+ngPcUPUJxqFh6JhDCVwAS3wMhUoyUwA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/list': 3.10.2(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/tabs': 3.3.4(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/tabs@3.6.4(react@18.2.0):
     resolution: {integrity: sha512-WZJgMBqzLgN88RN8AxhY4aH1+I+4w1qQA0Lh3LRSDegaytd+NHixCWaP3IPjePgCB5N1UsPe96Xglw75zjHmDg==}
     peerDependencies:
@@ -12248,17 +11368,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/toggle@3.7.0(react@18.2.0):
-    resolution: {integrity: sha512-TRksHkCJk/Xogq4181g3CYgJf+EfsJCqX5UZDSw1Z1Kgpvonjmdf6FAfQfCh9QR2OuXUL6hOLUDVLte5OPI+5g==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/checkbox': 3.6.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/toggle@3.7.2(react@18.2.0):
     resolution: {integrity: sha512-SHCF2btcoK57c4lyhucRbyPBAFpp0Pdp0vcPdn3hUgqbu6e5gE0CwG/mgFmZRAQoc7PRc7XifL0uNw8diJJI0Q==}
     peerDependencies:
@@ -12270,17 +11379,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/tooltip@3.4.6(react@18.2.0):
-    resolution: {integrity: sha512-uL93bmsXf+OOgpKLPEKfpDH4z+MK2CuqlqVxx7rshN0vjWOSoezE5nzwgee90+RpDrLNNNWTNa7n+NkDRpI1jA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/overlays': 3.6.4(react@18.2.0)
-      '@react-types/tooltip': 3.4.6(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/tooltip@3.4.7(react@18.2.0):
     resolution: {integrity: sha512-ACtRgBQ8rphBtsUaaxvEAM0HHN9PvMuyvL0vUHd7jvBDCVZJ6it1BKu9SBKjekBkoBOw9nemtkplh9R2CA6V8Q==}
     peerDependencies:
@@ -12292,32 +11390,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/tree@3.7.4(react@18.2.0):
-    resolution: {integrity: sha512-0yvVODBS8WnSivLFX5ccEjCl2NA/8lbEt1E48wVcY1xcXgISNpw5MSGK5jC6YrtJPIqVolQIkNSbMreXGBktIg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/collections': 3.10.3(react@18.2.0)
-      '@react-stately/selection': 3.14.1(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
-  /@react-stately/tree@3.7.5(react@18.2.0):
-    resolution: {integrity: sha512-xTJVwvhAeY0N5rui4N/TxN7f8hjXdqApDuGDxMZeFAWoQz8Abf7LFKBVQ3OkT6qVr7P+23dgoisUDBhD5a45Hg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-stately/collections': 3.10.4(react@18.2.0)
-      '@react-stately/selection': 3.14.2(react@18.2.0)
-      '@react-stately/utils': 3.9.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/tree@3.7.6(react@18.2.0):
     resolution: {integrity: sha512-y8KvEoZX6+YvqjNCVGS3zA/BKw4D3XrUtUKIDme3gu5Mn6z97u+hUXKdXVCniZR7yvV3fHAIXwE5V2K8Oit4aw==}
     peerDependencies:
@@ -12349,17 +11421,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-stately/virtualizer@3.6.6(react@18.2.0):
-    resolution: {integrity: sha512-9hWvfITdE/028q4YFve6FxlmA3PdSMkUwpYA+vfaGCXI/4DFZIssBMspUeu4PTRJoV+k+m0z1wYHPmufrq6a3g==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@swc/helpers': 0.5.3
-      react: 18.2.0
-    dev: false
-
   /@react-stately/virtualizer@3.6.8(react@18.2.0):
     resolution: {integrity: sha512-Pf06ihTwExRJltGhi72tmLIo0pcjkL55nu7ifMafAAdxZK4ONxRLSuUjjpvYf/0Rs92xRZy2t/XmHREnfirdkQ==}
     peerDependencies:
@@ -12371,16 +11432,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/breadcrumbs@3.7.2(react@18.2.0):
-    resolution: {integrity: sha512-esl6RucDW2CNMsApJxNYfMtDaUcfLlwKMPH/loYsOBbKxGl2HsgVLMcdpjEkTRs2HCTNCbBXWpeU8AY77t+bsw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/link': 3.5.2(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/breadcrumbs@3.7.3(react@18.2.0):
     resolution: {integrity: sha512-eFto/+6J+JR58vThNcALZRA1OlqlG3GzQ/bq3q8IrrkOZcrfbEJJCWit/+53Ia98siJKuF4OJHnotxIVIz5I3w==}
     peerDependencies:
@@ -12391,15 +11442,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/button@3.9.1(react@18.2.0):
-    resolution: {integrity: sha512-bf9iTar3PtqnyV9rA+wyFyrskZKhwmOuOd/ifYIjPs56YNVXWH5Wfqj6Dx3xdFBgtKx8mEVQxVhoX+WkHX+rtw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/button@3.9.2(react@18.2.0):
     resolution: {integrity: sha512-EnPTkGHZRtiwAoJy5q9lDjoG30bEzA/qnvKG29VVXKYAGeqY2IlFs1ypmU+z1X/CpJgPcG3I5cakM7yTVm3pSg==}
     peerDependencies:
@@ -12409,26 +11451,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/calendar@3.4.2(react@18.2.0):
-    resolution: {integrity: sha512-tCZ21un/8OAhpNtmSXDkOVvS5Pzp+y/JwNr6VGFi8HBC5F/c8SzuwV0jKN8ymsZSWbDQ68xXGNWxFaG43Bw8Pg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/date': 3.5.0
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
-  /@react-types/calendar@3.4.3(react@18.2.0):
-    resolution: {integrity: sha512-96x57ctX5wNEl+8et3sc2NQm8neOJayEeqOQQpyPtI7jyvst/xBrKCwysf9W/dhgPlUC+KeBAYFWfjd5hFVHYA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/date': 3.5.1
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/calendar@3.4.4(react@18.2.0):
     resolution: {integrity: sha512-hV1Thmb/AES5OmfPvvmyjSkmsEULjiDfA7Yyy70L/YKuSNKb7Su+Bf2VnZuDW3ec+GxO4JJNlpJ0AkbphWBvcg==}
     peerDependencies:
@@ -12439,15 +11461,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/checkbox@3.6.0(react@18.2.0):
-    resolution: {integrity: sha512-vgbuJzQpVCNT5AZWV0OozXCnihqrXxoZKfJFIw0xro47pT2sn3t5UC4RA9wfjDGMoK4frw1K/4HQLsQIOsPBkw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/checkbox@3.7.1(react@18.2.0):
     resolution: {integrity: sha512-kuGqjQFex0As/3gfWyk+e9njCcad/ZdnYLLiNvhlk15730xfa0MmnOdpqo9jfuFSXBjOcpxoofvEhvrRMtEdUA==}
     peerDependencies:
@@ -12457,15 +11470,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/combobox@3.10.0(react@18.2.0):
-    resolution: {integrity: sha512-1IXSNS02TPbguyYopaW2snU6sZusbClHrEyVr4zPeexTV4kpUUBNXOzFQ+eSQRR0r2XW57Z0yRW4GJ6FGU0yCA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/combobox@3.10.1(react@18.2.0):
     resolution: {integrity: sha512-XMno1rgVRNta49vf5nV7VJpVSVAV20tt79t618gG1qRKH5Kt2Cy8lz2fQ5vHG6UTv/6jUOvU8g5Pc93sLaTmoA==}
     peerDependencies:
@@ -12475,39 +11479,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/combobox@3.9.0(react@18.2.0):
-    resolution: {integrity: sha512-VAQWM2jrIWROgcTKxj4k37WWpK/1zRjj1HfGeuenAQyOQwImqDwCHx5YxQR1GiUEFne4v1yXe2khT0T5Kt2vDg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
-  /@react-types/datepicker@3.7.0(react@18.2.0):
-    resolution: {integrity: sha512-Uh+p6pZpMFc5ZBOns5TXCBbUvJp1KVROLBn2gk5dMEFVq78Qs1VFuAt4lwr9gQBOJrX5I/l65pRTwwWwAKxYtQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/date': 3.5.0
-      '@react-types/calendar': 3.4.2(react@18.2.0)
-      '@react-types/overlays': 3.8.4(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
-  /@react-types/datepicker@3.7.1(react@18.2.0):
-    resolution: {integrity: sha512-5juVDULOytNzkotqX8j5mYKJckeIpkgbHqVSGkPgLw0++FceIaSZ6RH56cqLup0pO45paqIt9zHh+QXBYX+syg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/date': 3.5.1
-      '@react-types/calendar': 3.4.3(react@18.2.0)
-      '@react-types/overlays': 3.8.4(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/datepicker@3.7.2(react@18.2.0):
     resolution: {integrity: sha512-zThqFAdhQL1dqyVDsDSSTdfCjoD6634eyg/B0ZJfQxcLUR/5pch3v/gxBhbyCVDGMNHRWUWIJvY9DVOepuoSug==}
     peerDependencies:
@@ -12520,16 +11491,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/dialog@3.5.7(react@18.2.0):
-    resolution: {integrity: sha512-geYoqAyQaTLG43AaXdMUVqZXYgkSifrD9cF7lR2kPAT0uGFv0YREi6ieU+aui8XJ83EW0xcxP+EPWd2YkN4D4w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/overlays': 3.8.4(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/dialog@3.5.8(react@18.2.0):
     resolution: {integrity: sha512-RX8JsMvty8ADHRqVEkppoynXLtN4IzUh8d5z88UEBbcvWKlHfd6bOBQjQcBH3AUue5wjfpPIt6brw2VzgBY/3Q==}
     peerDependencies:
@@ -12540,15 +11501,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/form@3.6.0(react@18.2.0):
-    resolution: {integrity: sha512-+k6IpjQE+sVi/xoK5lnRGyeISkOQ+CKfuH8IeGcYVHr2voDxSJC5WZsp+L5zeoxuSorKokeEPKGOX2HFj9BG/A==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/form@3.7.2(react@18.2.0):
     resolution: {integrity: sha512-6/isEJY4PsYoHdMaGQtqQyquXGTwB1FqCBOPKQjI/vBGWG3fL7FGfWm4Z62eTbCH4Xyv3FZuNywlT8UjPMQyKA==}
     peerDependencies:
@@ -12558,15 +11510,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/grid@3.2.3(react@18.2.0):
-    resolution: {integrity: sha512-GQM4RDmYhstcYZ0Odjq+xUwh1fhLmRebG6qMM8OXHTPQ77nhl3wc1UTGRhZm6mzEionplSRx4GCpEMEHMJIU0w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/grid@3.2.4(react@18.2.0):
     resolution: {integrity: sha512-sDVoyQcH7MoGdx5nBi5ZOU/mVFBt9YTxhvr0PZ97dMdEHZtJC1w9SuezwWS34f50yb8YAXQRTICbZYcK4bAlDA==}
     peerDependencies:
@@ -12576,15 +11519,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/link@3.5.2(react@18.2.0):
-    resolution: {integrity: sha512-/s51/WejmpLiyxOgP89s4txgxYoGaPe8pVDItVo1h4+BhU1Puyvgv/Jx8t9dPvo6LUXbraaN+SgKk/QDxaiirw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/link@3.5.3(react@18.2.0):
     resolution: {integrity: sha512-yVafjW3IejyVnK3oMBNjFABCGG6J27EUG8rvkaGaI1uB6srGUEhpJ97XLv11aj1QkXHBy3VGXqxEV3S7wn4HTw==}
     peerDependencies:
@@ -12594,15 +11528,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/listbox@3.4.6(react@18.2.0):
-    resolution: {integrity: sha512-XOQvrTqNh5WIPDvKiWiep8T07RAsMfjAXTjDbnjxVlKACUXkcwpts9kFaLnJ9LJRFt6DwItfP+WMkzvmx63/NQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/listbox@3.4.7(react@18.2.0):
     resolution: {integrity: sha512-68y5H9CVSPFiwO6MOFxTbry9JQMK/Lb1M9i3M8TDyq1AbJxBPpgAvJ9RaqIMCucsnqCzpY/zA3D/X417zByL1w==}
     peerDependencies:
@@ -12612,16 +11537,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/menu@3.9.6(react@18.2.0):
-    resolution: {integrity: sha512-w/RbFInOf4nNayQDv5c2L8IMJbcFOkBhsT3xvvpTy+CHvJcQdjggwaV1sRiw7eF/PwB81k2CwigmidUzHJhKDg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/overlays': 3.8.4(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/menu@3.9.7(react@18.2.0):
     resolution: {integrity: sha512-K6KhloJVoGsqwkdeez72fkNI9dfrmLI/sNrB4XuOKo2crDQ/eyZYWyJmzz8giz/tHME9w774k487rVoefoFh5w==}
     peerDependencies:
@@ -12632,15 +11547,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/meter@3.3.6(react@18.2.0):
-    resolution: {integrity: sha512-1XYp1fA9UU0lO6kjf3TwVE8mppOJa64mBKAcLWtTyq1e/cYIAbx5o6CsuUx0YDpXKF6gdtvIWvfmxeWsmqJ1jQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/progress': 3.5.1(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/meter@3.3.7(react@18.2.0):
     resolution: {integrity: sha512-p+YJ0+Lpn5MLmlbFZbDH1P0ILv1+AuMcUbxLcXMIVMGn7o0FO7eVZnFuq76D+qTDm9all+TRLJix7bctOrP+5Q==}
     peerDependencies:
@@ -12650,15 +11556,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/numberfield@3.7.0(react@18.2.0):
-    resolution: {integrity: sha512-gaGi+vqm1Y8LCWRsWYUjcGftPIzl+8W2VOfkgKMLM8y76nnwTPtmAqs+Ap1cg7sEJSfsiKMq93e9yvP3udrC2w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/numberfield@3.8.1(react@18.2.0):
     resolution: {integrity: sha512-GaCjLQgXUGCt40SLjKk3/COMWFlN2vV/3Xs3VSLAEdFZpk99b+Ik1oR21+7ZP5/iMHuQDc1MJRWdFfIjxCvVDQ==}
     peerDependencies:
@@ -12668,15 +11565,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/overlays@3.8.4(react@18.2.0):
-    resolution: {integrity: sha512-pfgNlQnbF6RB/R2oSxyqAP3Uzz0xE/k5q4n5gUeCDNLjY5qxFHGE8xniZZ503nZYw6VBa9XMN1efDOKQyeiO0w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/overlays@3.8.5(react@18.2.0):
     resolution: {integrity: sha512-4D7EEBQigD/m8hE68Ys8eloyyZFHHduqykSIgINJ0edmo0jygRbWlTwuhWFR9USgSP4dK54duN0Mvq0m4HEVEw==}
     peerDependencies:
@@ -12686,15 +11574,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/progress@3.5.1(react@18.2.0):
-    resolution: {integrity: sha512-CqsUjczUK/SfuFzDcajBBaXRTW0D3G9S/yqLDj9e8E0ii+lGDLt1PHj24t1J7E88U2rVYqmM9VL4NHTt8o3IYA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/progress@3.5.2(react@18.2.0):
     resolution: {integrity: sha512-aQql22kusEudsHwDEzq6y/Mh29AM+ftRDKdS5E5g4MkCY5J4FMbOYco1T5So83NIvvG9+eKcxPoJUMjQQACAyA==}
     peerDependencies:
@@ -12704,24 +11583,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/radio@3.6.0(react@18.2.0):
-    resolution: {integrity: sha512-VOZzegxxZS55gHRVyWu278Q4y/rEQGiAVQCUqi25GmpbMe4MlHrzg16c76RiZMUK9PPoyv+XNUgAaPmxebkn7g==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
-  /@react-types/radio@3.7.0(react@18.2.0):
-    resolution: {integrity: sha512-EcwGAXzSHjSqpFZha7xn3IUrhPiJLj+0yb1Ip0qPmhWz0VVw2DwrkY7q/jfaKroVvQhTo2TbfGhcsAQrt0fRqg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/radio@3.7.1(react@18.2.0):
     resolution: {integrity: sha512-Zut3rN1odIUBLZdijeyou+UqsLeRE76d9A+npykYGu29ndqmo3w4sLn8QeQcdj1IR71ZnG0pW2Y2BazhK5XrrQ==}
     peerDependencies:
@@ -12731,16 +11592,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/searchfield@3.5.2(react@18.2.0):
-    resolution: {integrity: sha512-JAK2/Kg4Dr393FYfbRw0TlXKnJPX77sq1x/ZBxtO6p64+MuuIYKqw0i9PwDlo1PViw2QI5u8GFhKA2TgemY9uA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/textfield': 3.9.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/searchfield@3.5.3(react@18.2.0):
     resolution: {integrity: sha512-gBfsT1WpY8UIb74yyYmnjiHpVasph2mdmGj9i8cGF2HUYwx5p+Fr85mtCGDph0uirvRoM5ExMp4snD+ueNAVCg==}
     peerDependencies:
@@ -12751,24 +11602,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/select@3.9.0(react@18.2.0):
-    resolution: {integrity: sha512-0nalGmcoma4jreICLSJae/uKAuMiVyWgqWjGrGiUGGcdDchH4limKVEqNDaBwLvxVT6NB5LLsaipCTCAEEl4Rg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
-  /@react-types/select@3.9.1(react@18.2.0):
-    resolution: {integrity: sha512-EpKSxrnh8HdZvOF9dHQkjivAcdIp1K81FaxmvosH8Lygqh0iYXxAdZGtKLMyBoPI8YFhA+rotIzTcOqgCCnqWA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/select@3.9.2(react@18.2.0):
     resolution: {integrity: sha512-fGFrunednY3Pq/BBwVOf87Fsuyo/SlevL0wFIE9OOl2V5NXVaTY7/7RYA8hIOHPzmvsMbndy419BEudiNGhv4A==}
     peerDependencies:
@@ -12793,15 +11626,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/slider@3.7.0(react@18.2.0):
-    resolution: {integrity: sha512-uyQXUVFfqc9SPUW0LZLMan2n232F/OflRafiHXz9viLFa9tVOupVa7GhASRAoHojwkjoJ1LjFlPih7g5dOZ0/Q==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/slider@3.7.1(react@18.2.0):
     resolution: {integrity: sha512-FKO3YZYdrBs00XbBW5acP+0L1cCdevl/uRJiXbnLpGysO5PrSFIRS7Wlv4M7ztf6gT7b1Ao4FNC9crbxBr6BzA==}
     peerDependencies:
@@ -12811,15 +11635,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/switch@3.5.0(react@18.2.0):
-    resolution: {integrity: sha512-/wNmUGjk69bP6t5k2QkAdrNN5Eb9Rz4dOyp0pCPmoeE+5haW6sV5NmtkvWX1NSc4DQz1xL/a5b+A0vxPCP22Jw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/switch@3.5.1(react@18.2.0):
     resolution: {integrity: sha512-2LFEKMGeufqyYmeN/5dtkDkCPG6x9O4eu6aaBaJmPGon7C/l3yiFEgRue6oCUYc1HixR7Qlp0sPxk0tQeWzrSg==}
     peerDependencies:
@@ -12829,26 +11644,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/table@3.9.1(react@18.2.0):
-    resolution: {integrity: sha512-3e+Oouw9jGqNDg+JRg7v7fgPqDZd6DtST9S/UPp81f32ntnQ8Wsu7S/J4eyLHu5CVQDqcHkf4xPeeXBgPx4qmw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/grid': 3.2.3(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
-  /@react-types/table@3.9.2(react@18.2.0):
-    resolution: {integrity: sha512-brw5JUANOzBa2rYNpN8AIl9nDZ9RwRZC6G/wTM/JhtirjC1S42oCtf8Ap5rWJBdmMG/5KOfcGNcAl/huyqb3gg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/grid': 3.2.3(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/table@3.9.3(react@18.2.0):
     resolution: {integrity: sha512-Hs/pMbxJdga2zBol4H5pV1FVIiRjCuSTXst6idJjkctanTexR4xkyrtBwl+rdLNoGwQ2pGii49vgklc5bFK7zA==}
     peerDependencies:
@@ -12859,15 +11654,6 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/tabs@3.3.4(react@18.2.0):
-    resolution: {integrity: sha512-4mCTtFrwMRypyGTZCvNYVT9CkknexO/UYvqwDm2jMYb8JgjRvxnomu776Yh7uyiYKWyql2upm20jqasEOm620w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /@react-types/tabs@3.3.5(react@18.2.0):
     resolution: {integrity: sha512-6NTSZBOWekCtApdZrhu5tHhE/8q52oVohQN+J5T7shAXd6ZAtu8PABVR/nH4BWucc8FL0OUajRqunqzQMU13gA==}
     peerDependencies:
@@ -12877,42 +11663,43 @@ packages:
       react: 18.2.0
     dev: false
 
-  /@react-types/textfield@3.9.0(react@18.2.0):
-    resolution: {integrity: sha512-D/DiwzsfkwlAg3uv8hoIfwju+zhB/hWDEdTvxQbPkntDr0kmN/QfI17NMSzbOBCInC4ABX87ViXLGxr940ykGA==}
+  /@react-types/textfield@3.9.1(react@18.2.0):
+    resolution: {integrity: sha512-JBHY9M2CkL6xFaGSfWmUJVu3tEK09FaeB1dU3IEh6P41xxbFnPakYHSSAdnwMXBtXPoSHIVsUBickW/pjgfe5g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
     dependencies:
-      '@react-types/shared': 3.22.0(react@18.2.0)
+      '@react-types/shared': 3.22.1(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/textfield@3.9.1(react@18.2.0):
-    resolution: {integrity: sha512-JBHY9M2CkL6xFaGSfWmUJVu3tEK09FaeB1dU3IEh6P41xxbFnPakYHSSAdnwMXBtXPoSHIVsUBickW/pjgfe5g==}
+  /@react-types/tooltip@3.4.7(react@18.2.0):
+    resolution: {integrity: sha512-rV4HZRQxLRNhe24yATOxnFQtGRUmsR7mqxMupXCmd1vrw8h+rdKlQv1zW2q8nALAKNmnRXZJHxYQ1SFzb98fgg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
     dependencies:
+      '@react-types/overlays': 3.8.5(react@18.2.0)
       '@react-types/shared': 3.22.1(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-types/tooltip@3.4.6(react@18.2.0):
-    resolution: {integrity: sha512-RaZewdER7ZcsNL99RhVHs8kSLyzIBkwc0W6eFZrxST2MD9J5GzkVWRhIiqtFOd5U1aYnxdJ6woq72Ef+le6Vfw==}
+  /@redux-devtools/extension@3.3.0(redux@4.1.0):
+    resolution: {integrity: sha512-X34S/rC8S/M1BIrkYD1mJ5f8vlH0BDqxXrs96cvxSBo4FhMdbhU+GUGsmNYov1xjSyLMHgo8NYrUG8bNX7525g==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+      redux: ^3.1.0 || ^4.0.0 || ^5.0.0
     dependencies:
-      '@react-types/overlays': 3.8.4(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
+      '@babel/runtime': 7.23.2
+      immutable: 4.3.4
+      redux: 4.1.0
     dev: false
 
-  /@react-types/tooltip@3.4.7(react@18.2.0):
-    resolution: {integrity: sha512-rV4HZRQxLRNhe24yATOxnFQtGRUmsR7mqxMupXCmd1vrw8h+rdKlQv1zW2q8nALAKNmnRXZJHxYQ1SFzb98fgg==}
+  /@redux-devtools/extension@3.3.0(redux@4.2.1):
+    resolution: {integrity: sha512-X34S/rC8S/M1BIrkYD1mJ5f8vlH0BDqxXrs96cvxSBo4FhMdbhU+GUGsmNYov1xjSyLMHgo8NYrUG8bNX7525g==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+      redux: ^3.1.0 || ^4.0.0 || ^5.0.0
     dependencies:
-      '@react-types/overlays': 3.8.5(react@18.2.0)
-      '@react-types/shared': 3.22.1(react@18.2.0)
-      react: 18.2.0
+      '@babel/runtime': 7.23.2
+      immutable: 4.3.4
+      redux: 4.2.1
     dev: false
 
   /@remix-run/css-bundle@2.4.0:
@@ -12920,7 +11707,7 @@ packages:
     engines: {node: '>=18.0.0'}
     dev: false
 
-  /@remix-run/dev@2.4.0(@remix-run/serve@2.4.0)(typescript@5.2.2):
+  /@remix-run/dev@2.4.0(@remix-run/serve@2.4.0)(typescript@5.3.3):
     resolution: {integrity: sha512-qQsZv+uPw8IhAdUwIIaZqnJfgJXLahYuWHFQIcS7kBhr+PdwW6SA3gvmUhnkDrqV+HJdP1bUpwXYGT+vbDQGiQ==}
     engines: {node: '>=18.0.0'}
     hasBin: true
@@ -12946,10 +11733,10 @@ packages:
       '@babel/types': 7.23.3
       '@mdx-js/mdx': 2.3.0
       '@npmcli/package-json': 4.0.1
-      '@remix-run/node': 2.4.0(typescript@5.2.2)
+      '@remix-run/node': 2.4.0(typescript@5.3.3)
       '@remix-run/router': 1.14.0
-      '@remix-run/serve': 2.4.0(typescript@5.2.2)
-      '@remix-run/server-runtime': 2.4.0(typescript@5.2.2)
+      '@remix-run/serve': 2.4.0(typescript@5.3.3)
+      '@remix-run/server-runtime': 2.4.0(typescript@5.3.3)
       '@types/mdx': 2.0.10
       '@vanilla-extract/integration': 6.2.4
       arg: 5.0.2
@@ -12990,7 +11777,7 @@ packages:
       set-cookie-parser: 2.6.0
       tar-fs: 2.1.1
       tsconfig-paths: 4.2.0
-      typescript: 5.2.2
+      typescript: 5.3.3
       ws: 7.5.9
     transitivePeerDependencies:
       - '@types/node'
@@ -13008,7 +11795,7 @@ packages:
       - utf-8-validate
     dev: true
 
-  /@remix-run/express@2.4.0(express@4.17.3)(typescript@5.2.2):
+  /@remix-run/express@2.4.0(express@4.17.3)(typescript@5.3.3):
     resolution: {integrity: sha512-9vVs1cMoBHRVm4fFpEFAMmrYywKV4uKnyJgaM3Kw31O4EFtqbd1ai3SW6YhKuatxfD1YxYlpoHZ1XwXcnWRDuQ==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
@@ -13018,11 +11805,11 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@remix-run/node': 2.4.0(typescript@5.2.2)
+      '@remix-run/node': 2.4.0(typescript@5.3.3)
       express: 4.17.3
-      typescript: 5.2.2
+      typescript: 5.3.3
 
-  /@remix-run/node@2.4.0(typescript@5.2.2):
+  /@remix-run/node@2.4.0(typescript@5.3.3):
     resolution: {integrity: sha512-wYwBTGiZgRmpS1qoysracyJLExP3mo0HgkIzfTm1SX/i56mdCAAe1DFSwezAVXunTY0TPHXolJeeJCVwzz0gdA==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
@@ -13031,7 +11818,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@remix-run/server-runtime': 2.4.0(typescript@5.2.2)
+      '@remix-run/server-runtime': 2.4.0(typescript@5.3.3)
       '@remix-run/web-fetch': 4.4.2
       '@remix-run/web-file': 3.1.0
       '@remix-run/web-stream': 1.1.0
@@ -13039,9 +11826,9 @@ packages:
       cookie-signature: 1.2.1
       source-map-support: 0.5.21
       stream-slice: 0.1.2
-      typescript: 5.2.2
+      typescript: 5.3.3
 
-  /@remix-run/react@2.4.0(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
+  /@remix-run/react@2.4.0(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3):
     resolution: {integrity: sha512-SO+VTSTd5oN7eAoTXV2E//LEu7cEO3VsqVDqETZG3X+MfpaU6dtng18FnY6X/ulBP62BjlH6HTwdTK8Lk+2msQ==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
@@ -13053,25 +11840,25 @@ packages:
         optional: true
     dependencies:
       '@remix-run/router': 1.14.0
-      '@remix-run/server-runtime': 2.4.0(typescript@5.2.2)
+      '@remix-run/server-runtime': 2.4.0(typescript@5.3.3)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       react-router: 6.21.0(react@18.2.0)
       react-router-dom: 6.21.0(react-dom@18.2.0)(react@18.2.0)
-      typescript: 5.2.2
+      typescript: 5.3.3
     dev: false
 
   /@remix-run/router@1.14.0:
     resolution: {integrity: sha512-WOHih+ClN7N8oHk9N4JUiMxQJmRVaOxcg8w7F/oHUXzJt920ekASLI/7cYX8XkntDWRhLZtsk6LbGrkgOAvi5A==}
     engines: {node: '>=14.0.0'}
 
-  /@remix-run/serve@2.4.0(typescript@5.2.2):
+  /@remix-run/serve@2.4.0(typescript@5.3.3):
     resolution: {integrity: sha512-S9x7WEtIwL1xh3nf9gMIv++GXp8dKmyZi+9/uE6o5Am1BxV3wQNuQrtVlA8aPa8Wvr4vKlN+4mmIJNejlzSzDg==}
     engines: {node: '>=18.0.0'}
     hasBin: true
     dependencies:
-      '@remix-run/express': 2.4.0(express@4.17.3)(typescript@5.2.2)
-      '@remix-run/node': 2.4.0(typescript@5.2.2)
+      '@remix-run/express': 2.4.0(express@4.17.3)(typescript@5.3.3)
+      '@remix-run/node': 2.4.0(typescript@5.3.3)
       chokidar: 3.5.3
       compression: 1.7.4
       express: 4.17.3
@@ -13082,7 +11869,7 @@ packages:
       - supports-color
       - typescript
 
-  /@remix-run/server-runtime@2.4.0(typescript@5.2.2):
+  /@remix-run/server-runtime@2.4.0(typescript@5.3.3):
     resolution: {integrity: sha512-okNGtxB2eqEEsI0aDbmC/yCFhsDVD41P0TNPDHBxXy7PK3nzI9yywhknxLvim0lrxc/zKri/5gVKVJpipRekGQ==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
@@ -13097,7 +11884,7 @@ packages:
       cookie: 0.5.0
       set-cookie-parser: 2.6.0
       source-map: 0.7.4
-      typescript: 5.2.2
+      typescript: 5.3.3
 
   /@remix-run/web-blob@3.1.0:
     resolution: {integrity: sha512-owGzFLbqPH9PlKb8KvpNJ0NO74HWE2euAn61eEiyCXX/oteoVzTVSN8mpLgDjaxBf2btj5/nUllSUgpyd6IH6g==}
@@ -13254,7 +12041,7 @@ packages:
       rollup: 4.8.0
       serialize-javascript: 6.0.1
       smob: 1.4.1
-      terser: 5.27.0
+      terser: 5.24.0
     dev: false
 
   /@rollup/plugin-wasm@6.2.2(rollup@4.8.0):
@@ -13386,8 +12173,8 @@ packages:
   /@rushstack/eslint-patch@1.5.1:
     resolution: {integrity: sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==}
 
-  /@rushstack/node-core-library@3.61.0:
-    resolution: {integrity: sha512-tdOjdErme+/YOu4gPed3sFS72GhtWCgNV9oDsHDnoLY5oDfwjKUc9Z+JOZZ37uAxcm/OCahDHfuu2ugqrfWAVQ==}
+  /@rushstack/node-core-library@3.62.0:
+    resolution: {integrity: sha512-88aJn2h8UpSvdwuDXBv1/v1heM6GnBf3RjEy6ZPP7UnzHNCqOHA2Ut+ScYUbXcqIdfew9JlTAe3g+cnX9xQ/Aw==}
     peerDependencies:
       '@types/node': '*'
     peerDependenciesMeta:
@@ -13449,6 +12236,18 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
+  /@semantic-ui-react/event-stack@3.1.3(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-FdTmJyWvJaYinHrKRsMLDrz4tTMGdFfds299Qory53hBugiDvGC0tEJf+cHsi5igDwWb/CLOgOiChInHwq8URQ==}
+    peerDependencies:
+      react: ^16.0.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      exenv: 1.2.2
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@seznam/compose-react-refs@1.0.6:
     resolution: {integrity: sha512-izzOXQfeQLonzrIQb8u6LQ8dk+ymz3WXTIXjvOlTXHq6sbzROg3NWU+9TTAOpEoK9Bth24/6F/XrfHJ5yR5n6Q==}
     dev: false
@@ -13607,10 +12406,44 @@ packages:
       uuid-browser: 3.1.0
     dev: true
 
-  /@storybook/addon-actions@7.6.5:
-    resolution: {integrity: sha512-lW/m9YcaNfBZk+TZLxyzHdd563mBWpsUIveOKYjcPdl/q0FblWWZrRsFHqwLK1ldZ4AZXs8J/47G8CBr6Ew2uQ==}
+  /@storybook/addon-actions@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-aADjilFmuD6TNGz2CRPSupnyiA/IGkPJHDBTqMpsDXTUr8xnuD122xkIhg6UxmCM2y1c+ncwYXy3WPK2xXK57g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+    dependencies:
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/components': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      core-js: 3.33.2
+      fast-deep-equal: 3.1.3
+      global: 4.4.0
+      lodash: 4.17.21
+      polished: 4.2.2
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-inspector: 5.1.1(react@18.2.0)
+      regenerator-runtime: 0.13.11
+      telejson: 6.0.8
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+      uuid-browser: 3.1.0
+    dev: true
+
+  /@storybook/addon-actions@7.6.17:
+    resolution: {integrity: sha512-TBphs4v6LRfyTpFo/WINF0TkMaE3rrNog7wW5mbz6n0j8o53kDN4o9ZEcygSL5zQX43CAaghQTeDCss7ueG7ZQ==}
     dependencies:
-      '@storybook/core-events': 7.6.5
+      '@storybook/core-events': 7.6.17
       '@storybook/global': 5.0.0
       '@types/uuid': 9.0.7
       dequal: 2.0.3
@@ -13646,8 +12479,36 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/addon-backgrounds@7.6.5:
-    resolution: {integrity: sha512-wZZOL19vg4TTRtOTl71XKqPe5hQx3XUh9Fle0wOi91FiFrBdqusrppnyS89wPS8RQG5lXEOFEUvYcMmdCcdZfw==}
+  /@storybook/addon-backgrounds@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-t7qooZ892BruhilFmzYPbysFwpULt/q4zYXNSmKVbAYta8UVvitjcU4F18p8FpWd9WvhiTr0SDlyhNZuzvDfug==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+    dependencies:
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/components': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      core-js: 3.33.2
+      global: 4.4.0
+      memoizerific: 1.11.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /@storybook/addon-backgrounds@7.6.17:
+    resolution: {integrity: sha512-7dize7x8+37PH77kmt69b0xSaeDqOcZ4fpzW6+hk53hIaCVU26eGs4+j+743Xva31eOgZWNLupUhOpUDc6SqZw==}
     dependencies:
       '@storybook/global': 5.0.0
       memoizerific: 1.11.3
@@ -13679,7 +12540,7 @@ packages:
       - '@types/react'
     dev: true
 
-  /@storybook/addon-controls@6.5.15(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
+  /@storybook/addon-controls@6.5.15(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
     resolution: {integrity: sha512-q5y0TvD0stvQoJZ2PnFmmKIRNSOI4/k2NKyZq//J2cBUBcP1reYlFxdsNwLZWmAFpSIkc2+nsliEzNxU1WByoA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -13690,19 +12551,19 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 6.5.15(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/api': 6.5.15(react-dom@17.0.2)(react@17.0.2)
+      '@storybook/addons': 6.5.15(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.15(react-dom@18.2.0)(react@18.2.0)
       '@storybook/client-logger': 6.5.15
-      '@storybook/components': 6.5.15(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/core-common': 6.5.15(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/components': 6.5.15(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-common': 6.5.15(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
       '@storybook/csf': 0.0.2--canary.4566f4d.1
       '@storybook/node-logger': 6.5.15
-      '@storybook/store': 6.5.15(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/theming': 6.5.15(react-dom@17.0.2)(react@17.0.2)
+      '@storybook/store': 6.5.15(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 6.5.15(react-dom@18.2.0)(react@18.2.0)
       core-js: 3.33.2
       lodash: 4.17.21
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@swc/core'
@@ -13715,7 +12576,43 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/addon-controls@6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
+  /@storybook/addon-controls@6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-kShSGjq1MjmmyL3l8i+uPz6yddtf82mzys0l82VKtcuyjrr5944wYFJ5NTXMfZxrO/U6FeFsfuFZE/k6ex3EMg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+    dependencies:
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/components': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/node-logger': 6.5.16
+      '@storybook/store': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      core-js: 3.33.2
+      lodash: 4.17.21
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      ts-dedent: 2.2.0
+    transitivePeerDependencies:
+      - '@swc/core'
+      - esbuild
+      - eslint
+      - supports-color
+      - typescript
+      - uglify-js
+      - vue-template-compiler
+      - webpack-cli
+    dev: true
+
+  /@storybook/addon-controls@6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
     resolution: {integrity: sha512-kShSGjq1MjmmyL3l8i+uPz6yddtf82mzys0l82VKtcuyjrr5944wYFJ5NTXMfZxrO/U6FeFsfuFZE/k6ex3EMg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -13730,7 +12627,7 @@ packages:
       '@storybook/api': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/client-logger': 6.5.16
       '@storybook/components': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/core-common': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/csf': 0.0.2--canary.4566f4d.1
       '@storybook/node-logger': 6.5.16
       '@storybook/store': 6.5.16(react-dom@17.0.2)(react@17.0.2)
@@ -13751,10 +12648,10 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/addon-controls@7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-EdSZ2pYf74mOXZGGJ22lrDvdvL0YKc95iWv9FFEhUFOloMy/0OZPB2ybYmd2KVCy3SeIE4Zfeiw8pDXdCUniOQ==}
+  /@storybook/addon-controls@7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-zR0aLaUF7FtV/nMRyfniFbCls/e0DAAoXACuOAUAwNAv0lbIS8AyZZiHSmKucCvziUQ6WceeCC7+du3C+9y0rQ==}
     dependencies:
-      '@storybook/blocks': 7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/blocks': 7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
       lodash: 4.17.21
       ts-dedent: 2.2.0
     transitivePeerDependencies:
@@ -13766,7 +12663,7 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-docs@6.5.16(@babel/core@7.23.3)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1):
+  /@storybook/addon-docs@6.5.16(@babel/core@7.23.3)(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(webpack@5.90.1):
     resolution: {integrity: sha512-QM9WDZG9P02UvbzLu947a8ZngOrQeAKAT8jCibQFM/+RJ39xBlfm8rm+cQy3dm94wgtjmVkA3mKGOV/yrrsddg==}
     peerDependencies:
       '@storybook/mdx2-csf': ^0.0.3
@@ -13783,28 +12680,28 @@ packages:
       '@babel/plugin-transform-react-jsx': 7.22.15(@babel/core@7.23.3)
       '@babel/preset-env': 7.23.3(@babel/core@7.23.3)
       '@jest/transform': 26.6.2
-      '@mdx-js/react': 1.6.22(react@17.0.2)
-      '@storybook/addons': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/api': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/components': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@mdx-js/react': 1.6.22(react@18.2.0)
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/components': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
       '@storybook/core-events': 6.5.16
       '@storybook/csf': 0.0.2--canary.4566f4d.1
-      '@storybook/docs-tools': 6.5.16(react-dom@17.0.2)(react@17.0.2)
+      '@storybook/docs-tools': 6.5.16(react-dom@18.2.0)(react@18.2.0)
       '@storybook/mdx1-csf': 0.0.1(@babel/core@7.23.3)
       '@storybook/node-logger': 6.5.16
       '@storybook/postinstall': 6.5.16
-      '@storybook/preview-web': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/source-loader': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/store': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/theming': 6.5.16(react-dom@17.0.2)(react@17.0.2)
+      '@storybook/preview-web': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/source-loader': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/store': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
       babel-loader: 8.3.0(@babel/core@7.23.3)(webpack@5.90.1)
       core-js: 3.33.2
       fast-deep-equal: 3.1.3
       global: 4.4.0
       lodash: 4.17.21
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
       regenerator-runtime: 0.13.11
       remark-external-links: 8.0.0
       remark-slug: 6.1.0
@@ -13823,7 +12720,7 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/addon-docs@6.5.16(@babel/core@7.23.9)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1):
+  /@storybook/addon-docs@6.5.16(@babel/core@7.23.9)(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1):
     resolution: {integrity: sha512-QM9WDZG9P02UvbzLu947a8ZngOrQeAKAT8jCibQFM/+RJ39xBlfm8rm+cQy3dm94wgtjmVkA3mKGOV/yrrsddg==}
     peerDependencies:
       '@storybook/mdx2-csf': ^0.0.3
@@ -13844,7 +12741,7 @@ packages:
       '@storybook/addons': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/api': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/components': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/core-common': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/core-events': 6.5.16
       '@storybook/csf': 0.0.2--canary.4566f4d.1
       '@storybook/docs-tools': 6.5.16(react-dom@17.0.2)(react@17.0.2)
@@ -13880,27 +12777,27 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/addon-docs@7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-D9tZyD41IujCHiPYdfS2bKtZRJPNwO4EydzyqODXppomluhFbY3uTEaf0H1UFnJLQxWNXZ7rr3aS0V3O6yu8pA==}
+  /@storybook/addon-docs@7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-FKa4Mdy7nhgvEVZJHpMkHriDzpVHbohn87zv9NCL+Ctjs1iAmzGwxEm0culszyDS1HN2ToVoY0h8CSi2RSSZqA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
       '@jest/transform': 29.7.0
       '@mdx-js/react': 2.3.0(react@18.2.0)
-      '@storybook/blocks': 7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/client-logger': 7.6.5
-      '@storybook/components': 7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/csf-plugin': 7.6.5
-      '@storybook/csf-tools': 7.6.5
+      '@storybook/blocks': 7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 7.6.17
+      '@storybook/components': 7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/csf-plugin': 7.6.17
+      '@storybook/csf-tools': 7.6.17
       '@storybook/global': 5.0.0
       '@storybook/mdx2-csf': 1.1.0
-      '@storybook/node-logger': 7.6.5
-      '@storybook/postinstall': 7.6.5
-      '@storybook/preview-api': 7.6.5
-      '@storybook/react-dom-shim': 7.6.5(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/theming': 7.6.5(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.6.5
+      '@storybook/node-logger': 7.6.17
+      '@storybook/postinstall': 7.6.17
+      '@storybook/preview-api': 7.6.17
+      '@storybook/react-dom-shim': 7.6.17(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 7.6.17(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.6.17
       fs-extra: 11.2.0
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -13914,7 +12811,7 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-essentials@6.5.16(@babel/core@7.23.3)(@storybook/builder-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1):
+  /@storybook/addon-essentials@6.5.16(@babel/core@7.23.3)(@storybook/builder-webpack5@6.5.16)(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(webpack@5.90.1):
     resolution: {integrity: sha512-TeoMr6tEit4Pe91GH6f8g/oar1P4M0JL9S6oMcFxxrhhtOGO7XkWD5EnfyCx272Ok2VYfE58FNBTGPNBVIqYKQ==}
     peerDependencies:
       '@babel/core': ^7.9.6
@@ -13972,22 +12869,22 @@ packages:
         optional: true
     dependencies:
       '@babel/core': 7.23.3
-      '@storybook/addon-actions': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/addon-backgrounds': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/addon-controls': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
-      '@storybook/addon-docs': 6.5.16(@babel/core@7.23.3)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
-      '@storybook/addon-measure': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/addon-outline': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/addon-toolbars': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/addon-viewport': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/addons': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/api': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/builder-webpack5': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/addon-actions': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-backgrounds': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-controls': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/addon-docs': 6.5.16(@babel/core@7.23.3)(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(webpack@5.90.1)
+      '@storybook/addon-measure': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-outline': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-toolbars': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-viewport': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/builder-webpack5': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
       '@storybook/node-logger': 6.5.16
       core-js: 3.33.2
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
       regenerator-runtime: 0.13.11
       ts-dedent: 2.2.0
       webpack: 5.90.1
@@ -14003,7 +12900,7 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/addon-essentials@6.5.16(@babel/core@7.23.9)(@storybook/builder-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1):
+  /@storybook/addon-essentials@6.5.16(@babel/core@7.23.9)(@storybook/builder-webpack5@6.5.16)(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1):
     resolution: {integrity: sha512-TeoMr6tEit4Pe91GH6f8g/oar1P4M0JL9S6oMcFxxrhhtOGO7XkWD5EnfyCx272Ok2VYfE58FNBTGPNBVIqYKQ==}
     peerDependencies:
       '@babel/core': ^7.9.6
@@ -14063,16 +12960,16 @@ packages:
       '@babel/core': 7.23.9
       '@storybook/addon-actions': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/addon-backgrounds': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/addon-controls': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
-      '@storybook/addon-docs': 6.5.16(@babel/core@7.23.9)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
+      '@storybook/addon-controls': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/addon-docs': 6.5.16(@babel/core@7.23.9)(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
       '@storybook/addon-measure': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/addon-outline': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/addon-toolbars': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/addon-viewport': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/addons': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/api': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/builder-webpack5': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/builder-webpack5': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/core-common': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/node-logger': 6.5.16
       core-js: 3.33.2
       react: 17.0.2
@@ -14092,25 +12989,25 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/addon-essentials@7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-VCLj1JAEpGoqF5iFJOo1CZFFck/tg4m/98DLdQuNuXvxT6jqaF0NI9UUQuJLIGteDCR7NKRbTFc1hV3/Ev+Ziw==}
+  /@storybook/addon-essentials@7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-qlSpamxuYfT2taF953nC9QijGF2pSbg1ewMNpdwLTj16PTZvR/d8NCDMTJujI1bDwM2m18u8Yc43ibh5LEmxCw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@storybook/addon-actions': 7.6.5
-      '@storybook/addon-backgrounds': 7.6.5
-      '@storybook/addon-controls': 7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/addon-docs': 7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/addon-highlight': 7.6.5
-      '@storybook/addon-measure': 7.6.5
-      '@storybook/addon-outline': 7.6.5
-      '@storybook/addon-toolbars': 7.6.5
-      '@storybook/addon-viewport': 7.6.5
-      '@storybook/core-common': 7.6.5
-      '@storybook/manager-api': 7.6.5(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/node-logger': 7.6.5
-      '@storybook/preview-api': 7.6.5
+      '@storybook/addon-actions': 7.6.17
+      '@storybook/addon-backgrounds': 7.6.17
+      '@storybook/addon-controls': 7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-docs': 7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-highlight': 7.6.17
+      '@storybook/addon-measure': 7.6.17
+      '@storybook/addon-outline': 7.6.17
+      '@storybook/addon-toolbars': 7.6.17
+      '@storybook/addon-viewport': 7.6.17
+      '@storybook/core-common': 7.6.17
+      '@storybook/manager-api': 7.6.17(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/node-logger': 7.6.17
+      '@storybook/preview-api': 7.6.17
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       ts-dedent: 2.2.0
@@ -14121,17 +13018,17 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-highlight@7.6.5:
-    resolution: {integrity: sha512-CxzmIb30F9nLPQwT0lCPYhOAwGlGF4IkgkO8hYA7VfGCGUkJZEyyN/YkP/ZCUSdCIRChDBouR3KiFFd4mDFKzg==}
+  /@storybook/addon-highlight@7.6.17:
+    resolution: {integrity: sha512-R1yBPUUqGn+60aJakn8q+5Zt34E/gU3n3VmgPdryP0LJUdZ5q1/RZShoVDV+yYQ40htMH6oaCv3OyyPzFAGJ6A==}
     dependencies:
       '@storybook/global': 5.0.0
     dev: true
 
-  /@storybook/addon-interactions@7.6.5:
-    resolution: {integrity: sha512-8Hzt9u1DQzFvtGER/hCGIvGpCoVwzVoqpM98f2KAIVx/NMFmRW7UyKihXzw1j2t4q2ZaF2jZDYWCBqlP+iwILA==}
+  /@storybook/addon-interactions@7.6.17:
+    resolution: {integrity: sha512-6zlX+RDQ1PlA6fp7C+hun8t7h2RXfCGs5dGrhEenp2lqnR/rYuUJRC0tmKpkZBb8kZVcbSChzkB/JYkBjBCzpQ==}
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/types': 7.6.5
+      '@storybook/types': 7.6.17
       jest-mock: 27.5.1
       polished: 4.2.2
       ts-dedent: 2.2.0
@@ -14164,28 +13061,45 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-links@7.6.5(react@18.2.0):
-    resolution: {integrity: sha512-Lx4Ng+iXt0YpIrKGr+nOZlpN9ypOoEDoP/7bZ6m7GXuVAkDm3JrRCBp7e2ZKSKcTxPdjPuO9HVKkIjtqjINlpw==}
+  /@storybook/addon-links@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-P/mmqK57NGXnR0i3d/T5B0rIt0Lg8Yq+qionRr3LK3AwG/4yGnYt4GNomLEknn/eEwABYq1Q/Z1aOpgIhNdq5A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     peerDependenciesMeta:
       react:
         optional: true
+      react-dom:
+        optional: true
     dependencies:
-      '@storybook/csf': 0.1.2
-      '@storybook/global': 5.0.0
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/core-events': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/router': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@types/qs': 6.9.10
+      core-js: 3.33.2
+      global: 4.4.0
+      prop-types: 15.7.2
+      qs: 6.11.2
       react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-mdx-gfm@7.6.5:
-    resolution: {integrity: sha512-TTqVD9rG4jdSXi1MBSDJLeGQP8bKzQ6KVUEF+uq8uDYCl3vj++6PcqtE/KZ7tKhmDrdM7W/PGUJoQZzsMZ3PSw==}
+  /@storybook/addon-links@7.6.17(react@18.2.0):
+    resolution: {integrity: sha512-iFUwKObRn0EKI0zMETsil2p9a/81rCuSMEWECsi+khkCAs1FUnD2cT6Ag5ydcNcBXsdtdfDJdtXQrkw+TSoStQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
     dependencies:
-      '@storybook/node-logger': 7.6.5
-      remark-gfm: 3.0.1
+      '@storybook/csf': 0.1.2
+      '@storybook/global': 5.0.0
+      react: 18.2.0
       ts-dedent: 2.2.0
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /@storybook/addon-measure@6.5.16(react-dom@17.0.2)(react@17.0.2):
@@ -14211,8 +13125,31 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: true
 
-  /@storybook/addon-measure@7.6.5:
-    resolution: {integrity: sha512-tlUudVQSrA+bwI4dhO8J7nYHtYdylcBZ86ybnqMmdTthsnyc7jnaFVQwbb6bbQJpPxvEvoNds5bVGUFocuvymQ==}
+  /@storybook/addon-measure@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-DMwnXkmM2L6POTh4KaOWvOAtQ2p9Tr1UUNxz6VXiN5cKFohpCs6x0txdLU5WN8eWIq0VFsO7u5ZX34CGCc6gCg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+    dependencies:
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/components': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      core-js: 3.33.2
+      global: 4.4.0
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: true
+
+  /@storybook/addon-measure@7.6.17:
+    resolution: {integrity: sha512-O5vnHZNkduvZ95jf1UssbOl6ivIxzl5tv+4EpScPYId7w700bxWsJH+QX7ip6KlrCf2o3iUhmPe8bm05ghG2KA==}
     dependencies:
       '@storybook/global': 5.0.0
       tiny-invariant: 1.3.1
@@ -14243,8 +13180,33 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-outline@7.6.5:
-    resolution: {integrity: sha512-P7X4+Z9L/l/RZW9UvvM+iuK2SUHD22KPc+dbYOifRXDovUqhfmcKVh1CUqTDMyZrg2ZAbropehMz1eI9BlQfxg==}
+  /@storybook/addon-outline@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-0du96nha4qltexO0Xq1xB7LeRSbqjC9XqtZLflXG7/X3ABoPD2cXgOV97eeaXUodIyb2qYBbHUfftBeA75x0+w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+    dependencies:
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/components': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      core-js: 3.33.2
+      global: 4.4.0
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+      ts-dedent: 2.2.0
+    dev: true
+
+  /@storybook/addon-outline@7.6.17:
+    resolution: {integrity: sha512-9o9JXDsYjNaDgz/cY5+jv694+aik/1aiRGGvsCv68e1p/ob0glkGKav4lnJe2VJqD+gCmaARoD8GOJlhoQl8JQ==}
     dependencies:
       '@storybook/global': 5.0.0
       ts-dedent: 2.2.0
@@ -14272,8 +13234,30 @@ packages:
       regenerator-runtime: 0.13.11
     dev: true
 
-  /@storybook/addon-toolbars@7.6.5:
-    resolution: {integrity: sha512-/zqWbVNE/SHc8I5Prnd2Q8U57RGEIYvHfeXjfkuLcE2Quc4Iss4x/9eU7SKu4jm+IOO2s0wlN6HcqI3XEf2XxA==}
+  /@storybook/addon-toolbars@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-y3PuUKiwOWrAvqx1YdUvArg0UaAwmboXFeR2bkrowk1xcT+xnRO3rML4npFeUl26OQ1FzwxX/cw6nknREBBLEA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+    dependencies:
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/components': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      core-js: 3.33.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+    dev: true
+
+  /@storybook/addon-toolbars@7.6.17:
+    resolution: {integrity: sha512-UMrchbUHiyWrh6WuGnpy34Jqzkx/63B+MSgb3CW7YsQaXz64kE0Rol0TNSznnB+mYXplcqH+ndI4r4kFsmgwDg==}
     dev: true
 
   /@storybook/addon-viewport@6.5.16(react-dom@17.0.2)(react@17.0.2):
@@ -14302,8 +13286,34 @@ packages:
       regenerator-runtime: 0.13.11
     dev: true
 
-  /@storybook/addon-viewport@7.6.5:
-    resolution: {integrity: sha512-9ghKTaduIUvQ6oShmWLuwMeTjtMR4RgKeKHrTJ7THMqvE/ydDPCYeL7ugF65ocXZSEz/QmxdK7uL686ZMKsqNA==}
+  /@storybook/addon-viewport@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-1Vyqf1U6Qng6TXlf4SdqUKyizlw1Wn6+qW8YeA2q1lbkJqn3UlnHXIp8Q0t/5q1dK5BFtREox3+jkGwbJrzkmA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+    dependencies:
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/components': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 6.5.16
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      core-js: 3.33.2
+      global: 4.4.0
+      memoizerific: 1.11.3
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+    dev: true
+
+  /@storybook/addon-viewport@7.6.17:
+    resolution: {integrity: sha512-sA0QCcf4QAMixWvn8uvRYPfkKCSl6JajJaAspoPqXSxHEpK7uwOlpg3kqFU5XJJPXD0X957M+ONgNvBzYqSpEw==}
     dependencies:
       memoizerific: 1.11.3
     dev: true
@@ -14327,24 +13337,24 @@ packages:
       regenerator-runtime: 0.13.11
     dev: true
 
-  /@storybook/addons@6.5.15(react-dom@17.0.2)(react@17.0.2):
+  /@storybook/addons@6.5.15(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-xT31SuSX+kYGyxCNK2nqL7WTxucs3rSmhiCLovJcUjYk+QquV3c2c53Ki7lwwdDbzfXFcNAe0HJ4hoTN4jhn0Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@storybook/api': 6.5.15(react-dom@17.0.2)(react@17.0.2)
+      '@storybook/api': 6.5.15(react-dom@18.2.0)(react@18.2.0)
       '@storybook/channels': 6.5.15
       '@storybook/client-logger': 6.5.15
       '@storybook/core-events': 6.5.15
       '@storybook/csf': 0.0.2--canary.4566f4d.1
-      '@storybook/router': 6.5.15(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/theming': 6.5.15(react-dom@17.0.2)(react@17.0.2)
+      '@storybook/router': 6.5.15(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 6.5.15(react-dom@18.2.0)(react@18.2.0)
       '@types/webpack-env': 1.18.4
       core-js: 3.33.2
       global: 4.4.0
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
       regenerator-runtime: 0.13.11
     dev: true
 
@@ -14369,6 +13379,27 @@ packages:
       regenerator-runtime: 0.13.11
     dev: true
 
+  /@storybook/addons@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-p3DqQi+8QRL5k7jXhXmJZLsE/GqHqyY6PcoA1oNTJr0try48uhTGUOYkgzmqtDaa/qPFO5LP+xCPzZXckGtquQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/channels': 6.5.16
+      '@storybook/client-logger': 6.5.16
+      '@storybook/core-events': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/router': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@types/webpack-env': 1.18.4
+      core-js: 3.33.2
+      global: 4.4.0
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+    dev: true
+
   /@storybook/api@6.3.0(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-swPMcQadLDRTnMjL9dwY6K1zXHn3KcAa3euvSHd1R4OKXTSBBj1zHvIaOrq6yHz7RIYOACmZlEV3CUru9FlvEA==}
     peerDependencies:
@@ -14399,7 +13430,7 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/api@6.5.15(react-dom@17.0.2)(react@17.0.2):
+  /@storybook/api@6.5.15(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-BBE0KXKvj1/3jTghbIoWfrcDM0t+xO7EYtWWAXD6XlhGsZVD2Dy82Z52ONyLulMDRpMWl0OYy3h6A1YnFUH25w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -14409,16 +13440,16 @@ packages:
       '@storybook/client-logger': 6.5.15
       '@storybook/core-events': 6.5.15
       '@storybook/csf': 0.0.2--canary.4566f4d.1
-      '@storybook/router': 6.5.15(react-dom@17.0.2)(react@17.0.2)
+      '@storybook/router': 6.5.15(react-dom@18.2.0)(react@18.2.0)
       '@storybook/semver': 7.3.2
-      '@storybook/theming': 6.5.15(react-dom@17.0.2)(react@17.0.2)
+      '@storybook/theming': 6.5.15(react-dom@18.2.0)(react@18.2.0)
       core-js: 3.33.2
       fast-deep-equal: 3.1.3
       global: 4.4.0
       lodash: 4.17.21
       memoizerific: 1.11.3
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
       regenerator-runtime: 0.13.11
       store2: 2.14.2
       telejson: 6.0.8
@@ -14453,23 +13484,50 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/blocks@7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-/NjuYkPks5w9lKn47KLgVC5cBkwfc+ERAp0CY0Xe//BQJkP+bcI8lE8d9Qc9IXFbOTvYEULeQrFgCkesk5BmLg==}
+  /@storybook/api@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-HOsuT8iomqeTMQJrRx5U8nsC7lJTwRr1DhdD0SzlqL4c80S/7uuCy4IZvOt4sYQjOzW5fOo/kamcoBXyLproTA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@storybook/channels': 7.6.5
-      '@storybook/client-logger': 7.6.5
-      '@storybook/components': 7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/core-events': 7.6.5
+      '@storybook/channels': 6.5.16
+      '@storybook/client-logger': 6.5.16
+      '@storybook/core-events': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/router': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/semver': 7.3.2
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      core-js: 3.33.2
+      fast-deep-equal: 3.1.3
+      global: 4.4.0
+      lodash: 4.17.21
+      memoizerific: 1.11.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+      store2: 2.14.2
+      telejson: 6.0.8
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /@storybook/blocks@7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-PsNVoe0bX1mMn4Kk3nbKZ0ItDZZ0YJnYAFJ6toAbsyBAbgzg1sce88sQinzvbn58/RT9MPKeWMPB45ZS7ggiNg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/channels': 7.6.17
+      '@storybook/client-logger': 7.6.17
+      '@storybook/components': 7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 7.6.17
       '@storybook/csf': 0.1.2
-      '@storybook/docs-tools': 7.6.5
+      '@storybook/docs-tools': 7.6.17
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.6.5(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/preview-api': 7.6.5
-      '@storybook/theming': 7.6.5(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.6.5
+      '@storybook/manager-api': 7.6.17(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/preview-api': 7.6.17
+      '@storybook/theming': 7.6.17(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.6.17
       '@types/lodash': 4.14.201
       color-convert: 2.0.1
       dequal: 2.0.3
@@ -14491,13 +13549,13 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/builder-manager@7.6.5:
-    resolution: {integrity: sha512-FQyI+tfzMam2XKXq7k921YVafIJs9Vqvos5qx8vyRnRffo55UU8tgunwjGn0PswtbMm6sThVqE0C0ZzVr7RG8A==}
+  /@storybook/builder-manager@7.6.17:
+    resolution: {integrity: sha512-Sj8hcDYiPCCMfeLzus37czl0zdrAxAz4IyYam2jBjVymrIrcDAFyL1OCZvnq33ft179QYQWhUs9qwzVmlR/ZWg==}
     dependencies:
       '@fal-works/esbuild-plugin-global-externals': 2.1.2
-      '@storybook/core-common': 7.6.5
-      '@storybook/manager': 7.6.5
-      '@storybook/node-logger': 7.6.5
+      '@storybook/core-common': 7.6.17
+      '@storybook/manager': 7.6.17
+      '@storybook/node-logger': 7.6.17
       '@types/ejs': 3.1.5
       '@types/find-cache-dir': 3.2.1
       '@yarnpkg/esbuild-plugin-pnp': 3.0.0-rc.15(esbuild@0.18.20)
@@ -14515,8 +13573,8 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/builder-vite@7.6.5(typescript@5.2.2)(vite@4.5.1):
-    resolution: {integrity: sha512-VbAYTGr92lgCWTwO2Z7NgSW3f5/K4Vr0Qxa2IlTgMCymWdDbWdIQiREcmCP0vjAGM2ftq1+vxngohVgx/r7pUw==}
+  /@storybook/builder-vite@7.6.17(typescript@5.2.2)(vite@5.1.4):
+    resolution: {integrity: sha512-2Q32qalI401EsKKr9Hkk8TAOcHEerqwsjCpQgTNJnCu6GgCVKoVUcb99oRbR9Vyg0xh+jb19XiWqqQujFtLYlQ==}
     peerDependencies:
       '@preact/preset-vite': '*'
       typescript: '>= 4.3.x'
@@ -14530,14 +13588,14 @@ packages:
       vite-plugin-glimmerx:
         optional: true
     dependencies:
-      '@storybook/channels': 7.6.5
-      '@storybook/client-logger': 7.6.5
-      '@storybook/core-common': 7.6.5
-      '@storybook/csf-plugin': 7.6.5
-      '@storybook/node-logger': 7.6.5
-      '@storybook/preview': 7.6.5
-      '@storybook/preview-api': 7.6.5
-      '@storybook/types': 7.6.5
+      '@storybook/channels': 7.6.17
+      '@storybook/client-logger': 7.6.17
+      '@storybook/core-common': 7.6.17
+      '@storybook/csf-plugin': 7.6.17
+      '@storybook/node-logger': 7.6.17
+      '@storybook/preview': 7.6.17
+      '@storybook/preview-api': 7.6.17
+      '@storybook/types': 7.6.17
       '@types/find-cache-dir': 3.2.1
       browser-assert: 1.2.1
       es-module-lexer: 0.9.3
@@ -14547,13 +13605,84 @@ packages:
       magic-string: 0.30.5
       rollup: 3.29.4
       typescript: 5.2.2
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
+      vite: 5.1.4(lightningcss@1.24.0)
     transitivePeerDependencies:
       - encoding
       - supports-color
     dev: true
 
-  /@storybook/builder-webpack4@6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
+  /@storybook/builder-webpack4@6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-YqDIrVNsUo8r9xc6AxsYDLxVYtMgl5Bxk+8/h1adsOko+jAFhdg6hOcAVxEmoSI0TMASOOVMFlT2hr23ppN2rQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@babel/core': 7.23.9
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/channel-postmessage': 6.5.16
+      '@storybook/channels': 6.5.16
+      '@storybook/client-api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/components': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/core-events': 6.5.16
+      '@storybook/node-logger': 6.5.16
+      '@storybook/preview-web': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/router': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/semver': 7.3.2
+      '@storybook/store': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/ui': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@types/node': 16.18.61
+      '@types/webpack': 4.41.36
+      autoprefixer: 9.8.8
+      babel-loader: 8.3.0(@babel/core@7.23.9)(webpack@5.90.1)
+      case-sensitive-paths-webpack-plugin: 2.4.0
+      core-js: 3.33.2
+      css-loader: 3.6.0(webpack@5.90.1)
+      file-loader: 6.2.0(webpack@5.90.1)
+      find-up: 5.0.0
+      fork-ts-checker-webpack-plugin: 4.1.6(eslint@8.49.0)(typescript@5.2.2)(webpack@5.90.1)
+      glob: 7.1.6
+      glob-promise: 3.4.0(glob@7.1.6)
+      global: 4.4.0
+      html-webpack-plugin: 4.5.2(webpack@5.90.1)
+      pnp-webpack-plugin: 1.6.4(typescript@5.2.2)
+      postcss: 7.0.39
+      postcss-flexbugs-fixes: 4.2.1
+      postcss-loader: 4.3.0(postcss@7.0.39)(webpack@5.90.1)
+      raw-loader: 4.0.2(webpack@5.90.1)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      stable: 0.1.8
+      style-loader: 1.3.0(webpack@5.90.1)
+      terser-webpack-plugin: 4.2.3(webpack@5.90.1)
+      ts-dedent: 2.2.0
+      typescript: 5.2.2
+      url-loader: 4.1.1(file-loader@6.2.0)(webpack@5.90.1)
+      util-deprecate: 1.0.2
+      webpack: 5.90.1
+      webpack-dev-middleware: 3.7.3(webpack@5.90.1)
+      webpack-filter-warnings-plugin: 1.2.1(webpack@5.90.1)
+      webpack-hot-middleware: 2.25.4
+      webpack-virtual-modules: 0.2.2
+    transitivePeerDependencies:
+      - '@swc/core'
+      - bluebird
+      - esbuild
+      - eslint
+      - supports-color
+      - uglify-js
+      - vue-template-compiler
+      - webpack-cli
+    dev: true
+
+  /@storybook/builder-webpack4@6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
     resolution: {integrity: sha512-YqDIrVNsUo8r9xc6AxsYDLxVYtMgl5Bxk+8/h1adsOko+jAFhdg6hOcAVxEmoSI0TMASOOVMFlT2hr23ppN2rQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -14571,7 +13700,7 @@ packages:
       '@storybook/client-api': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/client-logger': 6.5.16
       '@storybook/components': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/core-common': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/core-events': 6.5.16
       '@storybook/node-logger': 6.5.16
       '@storybook/preview-web': 6.5.16(react-dom@17.0.2)(react@17.0.2)
@@ -14589,7 +13718,7 @@ packages:
       css-loader: 3.6.0(webpack@5.90.1)
       file-loader: 6.2.0(webpack@5.90.1)
       find-up: 5.0.0
-      fork-ts-checker-webpack-plugin: 4.1.6(eslint@8.49.0)(typescript@5.2.2)(webpack@5.90.1)
+      fork-ts-checker-webpack-plugin: 4.1.6(eslint@8.57.0)(typescript@5.2.2)(webpack@5.90.1)
       glob: 7.1.6
       glob-promise: 3.4.0(glob@7.1.6)
       global: 4.4.0
@@ -14624,7 +13753,68 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/builder-webpack5@6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
+  /@storybook/builder-webpack5@6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-kh8Sofm1sbijaHDWtm0sXabqACHVFjikU/fIkkW786kpjoPIPIec1a+hrLgDsZxMU3I7XapSOaCFzWt6FjVXjg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@babel/core': 7.23.3
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/channel-postmessage': 6.5.16
+      '@storybook/channels': 6.5.16
+      '@storybook/client-api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/components': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/core-events': 6.5.16
+      '@storybook/node-logger': 6.5.16
+      '@storybook/preview-web': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/router': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/semver': 7.3.2
+      '@storybook/store': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@types/node': 16.18.61
+      babel-loader: 8.3.0(@babel/core@7.23.3)(webpack@5.90.1)
+      babel-plugin-named-exports-order: 0.0.2
+      browser-assert: 1.2.1
+      case-sensitive-paths-webpack-plugin: 2.4.0
+      core-js: 3.33.2
+      css-loader: 5.2.7(webpack@5.90.1)
+      fork-ts-checker-webpack-plugin: 6.5.3(eslint@8.49.0)(typescript@5.2.2)(webpack@5.90.1)
+      glob: 7.1.6
+      glob-promise: 3.4.0(glob@7.1.6)
+      html-webpack-plugin: 5.5.0(webpack@5.90.1)
+      path-browserify: 1.0.1
+      process: 0.11.10
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      stable: 0.1.8
+      style-loader: 2.0.0(webpack@5.90.1)
+      terser-webpack-plugin: 5.3.6(webpack@5.90.1)
+      ts-dedent: 2.2.0
+      typescript: 5.2.2
+      util-deprecate: 1.0.2
+      webpack: 5.90.1
+      webpack-dev-middleware: 4.3.0(webpack@5.90.1)
+      webpack-hot-middleware: 2.25.4
+      webpack-virtual-modules: 0.4.6
+    transitivePeerDependencies:
+      - '@swc/core'
+      - esbuild
+      - eslint
+      - supports-color
+      - uglify-js
+      - vue-template-compiler
+      - webpack-cli
+    dev: true
+
+  /@storybook/builder-webpack5@6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
     resolution: {integrity: sha512-kh8Sofm1sbijaHDWtm0sXabqACHVFjikU/fIkkW786kpjoPIPIec1a+hrLgDsZxMU3I7XapSOaCFzWt6FjVXjg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -14642,7 +13832,7 @@ packages:
       '@storybook/client-api': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/client-logger': 6.5.16
       '@storybook/components': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/core-common': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/core-events': 6.5.16
       '@storybook/node-logger': 6.5.16
       '@storybook/preview-web': 6.5.16(react-dom@17.0.2)(react@17.0.2)
@@ -14657,7 +13847,7 @@ packages:
       case-sensitive-paths-webpack-plugin: 2.4.0
       core-js: 3.33.2
       css-loader: 5.2.7(webpack@5.90.1)
-      fork-ts-checker-webpack-plugin: 6.5.3(eslint@8.49.0)(typescript@5.2.2)(webpack@5.90.1)
+      fork-ts-checker-webpack-plugin: 6.5.3(eslint@8.57.0)(typescript@5.2.2)(webpack@5.90.1)
       glob: 7.1.6
       glob-promise: 3.4.0(glob@7.1.6)
       html-webpack-plugin: 5.5.0(webpack@5.90.1)
@@ -14667,7 +13857,7 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
       stable: 0.1.8
       style-loader: 2.0.0(webpack@5.90.1)
-      terser-webpack-plugin: 5.3.10(webpack@5.90.1)
+      terser-webpack-plugin: 5.3.6(webpack@5.90.1)
       ts-dedent: 2.2.0
       typescript: 5.2.2
       util-deprecate: 1.0.2
@@ -14754,33 +13944,22 @@ packages:
       tiny-invariant: 1.3.1
     dev: true
 
-  /@storybook/channels@7.6.5:
-    resolution: {integrity: sha512-FIlNkyfQy9uHoJfAFL2/wO3ASGJELFvBzURBE2rcEF/TS7GcUiqWnBfiDxAbwSEjSOm2F0eEq3UXhaZEjpJHDw==}
-    dependencies:
-      '@storybook/client-logger': 7.6.5
-      '@storybook/core-events': 7.6.5
-      '@storybook/global': 5.0.0
-      qs: 6.11.2
-      telejson: 7.2.0
-      tiny-invariant: 1.3.1
-    dev: true
-
-  /@storybook/cli@7.6.5:
-    resolution: {integrity: sha512-w+Y8dx5oCLQVESOVmpsQuFksr/ewARKrnSKl9kwnVMN4sMgjOgoZ3zmV66J7SKexvwyuwlOjf840pmEglGdPPg==}
+  /@storybook/cli@7.6.17:
+    resolution: {integrity: sha512-1sCo+nCqyR+nKfTcEidVu8XzNoECC7Y1l+uW38/r7s2f/TdDorXaIGAVrpjbSaXSoQpx5DxYJVaKCcQuOgqwcA==}
     hasBin: true
     dependencies:
       '@babel/core': 7.23.9
       '@babel/preset-env': 7.23.3(@babel/core@7.23.9)
-      '@babel/types': 7.23.3
+      '@babel/types': 7.23.9
       '@ndelangen/get-tarball': 3.0.9
-      '@storybook/codemod': 7.6.5
-      '@storybook/core-common': 7.6.5
-      '@storybook/core-events': 7.6.5
-      '@storybook/core-server': 7.6.5
-      '@storybook/csf-tools': 7.6.5
-      '@storybook/node-logger': 7.6.5
-      '@storybook/telemetry': 7.6.5
-      '@storybook/types': 7.6.5
+      '@storybook/codemod': 7.6.17
+      '@storybook/core-common': 7.6.17
+      '@storybook/core-events': 7.6.17
+      '@storybook/core-server': 7.6.17
+      '@storybook/csf-tools': 7.6.17
+      '@storybook/node-logger': 7.6.17
+      '@storybook/telemetry': 7.6.17
+      '@storybook/types': 7.6.17
       '@types/semver': 7.5.5
       '@yarnpkg/fslib': 2.10.3
       '@yarnpkg/libzip': 2.3.0
@@ -14795,7 +13974,7 @@ packages:
       fs-extra: 11.2.0
       get-npm-tarball-url: 2.1.0
       get-port: 5.1.1
-      giget: 1.1.3
+      giget: 1.2.1
       globby: 11.1.0
       jscodeshift: 0.15.1(@babel/preset-env@7.23.3)
       leven: 3.1.0
@@ -14805,7 +13984,6 @@ packages:
       puppeteer-core: 2.1.1
       read-pkg-up: 7.0.1
       semver: 7.6.0
-      simple-update-notifier: 2.0.0
       strip-json-comments: 3.1.1
       tempy: 1.0.1
       ts-dedent: 2.2.0
@@ -14875,6 +14053,36 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
+  /@storybook/client-api@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-i3UwkzzUFw8I+E6fOcgB5sc4oU2fhvaKnqC1mpd9IYGJ9JN9MnGIaVl3Ko28DtFItu/QabC9JsLIJVripFLktQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/channel-postmessage': 6.5.16
+      '@storybook/channels': 6.5.16
+      '@storybook/client-logger': 6.5.16
+      '@storybook/core-events': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/store': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@types/qs': 6.9.10
+      '@types/webpack-env': 1.18.4
+      core-js: 3.33.2
+      fast-deep-equal: 3.1.3
+      global: 4.4.0
+      lodash: 4.17.21
+      memoizerific: 1.11.3
+      qs: 6.11.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+      store2: 2.14.2
+      synchronous-promise: 2.0.17
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
   /@storybook/client-logger@6.3.0:
     resolution: {integrity: sha512-x/y820f/2Jm6RW5TxRv7IlbF6zWpTkHoajfwYuTpK/OXvK5gx6dwXGdgjNoaAGofGRz5SVjDjTDPOcd5X5AUPw==}
     dependencies:
@@ -14902,22 +14110,16 @@ packages:
       '@storybook/global': 5.0.0
     dev: true
 
-  /@storybook/client-logger@7.6.5:
-    resolution: {integrity: sha512-S5aROWgssqg7tcs9lgW5wmCAz4SxMAtioiyVj5oFecmPCbQtFVIAREYzeoxE4GfJL+plrfRkum4BzziANn8EhQ==}
-    dependencies:
-      '@storybook/global': 5.0.0
-    dev: true
-
-  /@storybook/codemod@7.6.5:
-    resolution: {integrity: sha512-K5C9ltBClZ0aSyujGt3RJFtRicrUZy8nzhHrcADUj27rrQD26jH/p+Y05jWKj9JcI8SyMg978GN5X/1aw2Y31A==}
+  /@storybook/codemod@7.6.17:
+    resolution: {integrity: sha512-JuTmf2u3C4fCnjO7o3dqRgrq3ozNYfWlrRP8xuIdvT7niMap7a396hJtSKqS10FxCgKFcMAOsRgrCalH1dWxUg==}
     dependencies:
       '@babel/core': 7.23.9
       '@babel/preset-env': 7.23.3(@babel/core@7.23.9)
-      '@babel/types': 7.23.3
+      '@babel/types': 7.23.9
       '@storybook/csf': 0.1.2
-      '@storybook/csf-tools': 7.6.5
-      '@storybook/node-logger': 7.6.5
-      '@storybook/types': 7.6.5
+      '@storybook/csf-tools': 7.6.17
+      '@storybook/node-logger': 7.6.17
+      '@storybook/types': 7.6.17
       '@types/cross-spawn': 6.0.6
       cross-spawn: 7.0.3
       globby: 11.1.0
@@ -14965,7 +14167,7 @@ packages:
       - '@types/react'
     dev: true
 
-  /@storybook/components@6.5.15(react-dom@17.0.2)(react@17.0.2):
+  /@storybook/components@6.5.15(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-bHTT0Oa3s4g+MBMaLBbX9ofMtb1AW59AzIUNGrfqW1XqJMGuUHMiJ7TSo+i5dRSFpbFygnwMEG9LfHxpR2Z0Dw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -14973,12 +14175,12 @@ packages:
     dependencies:
       '@storybook/client-logger': 6.5.15
       '@storybook/csf': 0.0.2--canary.4566f4d.1
-      '@storybook/theming': 6.5.15(react-dom@17.0.2)(react@17.0.2)
+      '@storybook/theming': 6.5.15(react-dom@18.2.0)(react@18.2.0)
       core-js: 3.33.2
       memoizerific: 1.11.3
       qs: 6.11.2
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
       regenerator-runtime: 0.13.11
       util-deprecate: 1.0.2
     dev: true
@@ -15001,19 +14203,37 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/components@7.6.5(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-w4ZucbBBZ+NKMWlJKVj2I/bMBBq7gzDp9lzc4+8QaQ3vUPXKqc1ilIPYo/7UR5oxwDVMZocmMSgl9L8lvf7+Mw==}
+  /@storybook/components@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-LzBOFJKITLtDcbW9jXl0/PaG+4xAz25PK8JxPZpIALbmOpYWOAPcO6V9C2heX6e6NgWFMUxjplkULEk9RCQMNA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/client-logger': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      core-js: 3.33.2
+      memoizerific: 1.11.3
+      qs: 6.11.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+      util-deprecate: 1.0.2
+    dev: true
+
+  /@storybook/components@7.6.17(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-lbh7GynMidA+CZcJnstVku6Nhs+YkqjYaZ+mKPugvlVhGVWv0DaaeQFVuZ8cJtUGJ/5FFU4Y+n+gylYUHkGBMA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
       '@radix-ui/react-select': 1.2.2(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@18.2.12)(@types/react@18.2.27)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/client-logger': 7.6.5
+      '@storybook/client-logger': 7.6.17
       '@storybook/csf': 0.1.2
       '@storybook/global': 5.0.0
-      '@storybook/theming': 7.6.5(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.6.5
+      '@storybook/theming': 7.6.17(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.6.17
       memoizerific: 1.11.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -15061,14 +14281,51 @@ packages:
       webpack: 5.90.1
     dev: true
 
-  /@storybook/core-client@7.6.5:
-    resolution: {integrity: sha512-6FtyJcz8MSl+JYwNJZ53FM6rkT27pFHWcJPdtw/9229Ec8as9RpkNeZ/NBZjRTeDkn9Ki0VOiVAefNie9tZ/8Q==}
+  /@storybook/core-client@6.5.16(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(webpack@5.90.1):
+    resolution: {integrity: sha512-14IRaDrVtKrQ+gNWC0wPwkCNfkZOKghYV/swCUnQX3rP99defsZK8Hc7xHIYoAiOP5+sc3sweRAxgmFiJeQ1Ig==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+      typescript: '*'
+      webpack: 5.90.1
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
-      '@storybook/client-logger': 7.6.5
-      '@storybook/preview-api': 7.6.5
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/channel-postmessage': 6.5.16
+      '@storybook/channel-websocket': 6.5.16
+      '@storybook/client-api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/core-events': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/preview-web': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/store': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/ui': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      airbnb-js-shims: 2.2.1
+      ansi-to-html: 0.6.15
+      core-js: 3.33.2
+      global: 4.4.0
+      lodash: 4.17.21
+      qs: 6.11.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+      ts-dedent: 2.2.0
+      typescript: 5.2.2
+      unfetch: 4.2.0
+      util-deprecate: 1.0.2
+      webpack: 5.90.1
     dev: true
 
-  /@storybook/core-common@6.5.15(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
+  /@storybook/core-client@7.6.17:
+    resolution: {integrity: sha512-LuDbADK+DPNAOOCXOlvY09hdGVueXlDetsdOJ/DgYnSa9QSWv9Uv+F8QcEgR3QckZJbPlztKJIVLgP2n/Xkijw==}
+    dependencies:
+      '@storybook/client-logger': 7.6.17
+      '@storybook/preview-api': 7.6.17
+    dev: true
+
+  /@storybook/core-common@6.5.15(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
     resolution: {integrity: sha512-uits9o6qwHTPnjsNZP25f7hWmUBGRJ7FXtxxtEaNSmtiwk50KWxBaro7wt505lJ1Gb9vOhpNPhS7y3IxdsXNmQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -15122,8 +14379,8 @@ packages:
       picomatch: 2.3.1
       pkg-dir: 5.0.0
       pretty-hrtime: 1.0.3
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
       resolve-from: 5.0.0
       slash: 3.0.0
       telejson: 6.0.8
@@ -15141,7 +14398,7 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/core-common@6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
+  /@storybook/core-common@6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
     resolution: {integrity: sha512-2qtnKP3TTOzt2cp6LXKRTh7XrI9z5VanMnMTgeoFcA5ebnndD4V6BExQUdYPClE/QooLx6blUWNgS9dFEpjSqQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -15195,6 +14452,79 @@ packages:
       picomatch: 2.3.1
       pkg-dir: 5.0.0
       pretty-hrtime: 1.0.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      resolve-from: 5.0.0
+      slash: 3.0.0
+      telejson: 6.0.8
+      ts-dedent: 2.2.0
+      typescript: 5.2.2
+      util-deprecate: 1.0.2
+      webpack: 5.90.1
+    transitivePeerDependencies:
+      - '@swc/core'
+      - esbuild
+      - eslint
+      - supports-color
+      - uglify-js
+      - vue-template-compiler
+      - webpack-cli
+    dev: true
+
+  /@storybook/core-common@6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
+    resolution: {integrity: sha512-2qtnKP3TTOzt2cp6LXKRTh7XrI9z5VanMnMTgeoFcA5ebnndD4V6BExQUdYPClE/QooLx6blUWNgS9dFEpjSqQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@babel/core': 7.23.9
+      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.23.9)
+      '@babel/plugin-proposal-decorators': 7.23.3(@babel/core@7.23.9)
+      '@babel/plugin-proposal-export-default-from': 7.18.10(@babel/core@7.23.9)
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.23.9)
+      '@babel/plugin-proposal-object-rest-spread': 7.20.7(@babel/core@7.23.9)
+      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.23.9)
+      '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.23.9)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.11(@babel/core@7.23.9)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.23.9)
+      '@babel/plugin-transform-arrow-functions': 7.23.3(@babel/core@7.23.9)
+      '@babel/plugin-transform-block-scoping': 7.23.3(@babel/core@7.23.9)
+      '@babel/plugin-transform-classes': 7.23.3(@babel/core@7.23.9)
+      '@babel/plugin-transform-destructuring': 7.23.3(@babel/core@7.23.9)
+      '@babel/plugin-transform-for-of': 7.23.3(@babel/core@7.23.9)
+      '@babel/plugin-transform-parameters': 7.23.3(@babel/core@7.23.9)
+      '@babel/plugin-transform-shorthand-properties': 7.23.3(@babel/core@7.23.9)
+      '@babel/plugin-transform-spread': 7.23.3(@babel/core@7.23.9)
+      '@babel/preset-env': 7.23.3(@babel/core@7.23.9)
+      '@babel/preset-react': 7.23.3(@babel/core@7.23.9)
+      '@babel/preset-typescript': 7.23.3(@babel/core@7.23.9)
+      '@babel/register': 7.22.15(@babel/core@7.23.9)
+      '@storybook/node-logger': 6.5.16
+      '@storybook/semver': 7.3.2
+      '@types/node': 16.18.61
+      '@types/pretty-hrtime': 1.0.3
+      babel-loader: 8.3.0(@babel/core@7.23.9)(webpack@5.90.1)
+      babel-plugin-macros: 3.1.0
+      babel-plugin-polyfill-corejs3: 0.1.7(@babel/core@7.23.9)
+      chalk: 4.1.2
+      core-js: 3.33.2
+      express: 4.18.2
+      file-system-cache: 1.1.0
+      find-up: 5.0.0
+      fork-ts-checker-webpack-plugin: 6.5.3(eslint@8.57.0)(typescript@5.2.2)(webpack@5.90.1)
+      fs-extra: 9.1.0
+      glob: 7.1.6
+      handlebars: 4.7.8
+      interpret: 2.2.0
+      json5: 2.2.3
+      lazy-universal-dotenv: 3.0.1
+      picomatch: 2.3.1
+      pkg-dir: 5.0.0
+      pretty-hrtime: 1.0.3
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
       resolve-from: 5.0.0
@@ -15214,12 +14544,12 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/core-common@7.6.5:
-    resolution: {integrity: sha512-z4EgzZSIVbID6Ib0jhh3jimKeaDWU8OOhoZYfn3galFmgQWowWOv1oMgipWiXfRLWw9DaLFQiCHIdLANH+VO2g==}
+  /@storybook/core-common@7.6.17:
+    resolution: {integrity: sha512-me2TP3Q9/qzqCLoDHUSsUF+VS1MHxfHbTVF6vAz0D/COTxzsxLpu9TxTbzJoBCxse6XRb6wWI1RgF1mIcjic7g==}
     dependencies:
-      '@storybook/core-events': 7.6.5
-      '@storybook/node-logger': 7.6.5
-      '@storybook/types': 7.6.5
+      '@storybook/core-events': 7.6.17
+      '@storybook/node-logger': 7.6.17
+      '@storybook/types': 7.6.17
       '@types/find-cache-dir': 3.2.1
       '@types/node': 18.19.3
       '@types/node-fetch': 2.6.9
@@ -15269,13 +14599,88 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/core-events@7.6.5:
-    resolution: {integrity: sha512-zk2q/qicYXAzHA4oV3GDbIql+Kd4TOHUgDE8e4jPCOPp856z2ScqEKUAbiJizs6eEJOH4nW9Db1kuzgrBVEykQ==}
+  /@storybook/core-server@6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-/3NPfmNyply395Dm0zaVZ8P9aruwO+tPx4D6/jpw8aqrRSwvAMndPMpoMCm0NXcpSm5rdX+Je4S3JW6JcggFkA==}
+    peerDependencies:
+      '@storybook/builder-webpack5': '*'
+      '@storybook/manager-webpack5': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      '@storybook/builder-webpack5':
+        optional: true
+      '@storybook/manager-webpack5':
+        optional: true
+      typescript:
+        optional: true
     dependencies:
+      '@discoveryjs/json-ext': 0.5.7
+      '@storybook/builder-webpack4': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/builder-webpack5': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/core-client': 6.5.16(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(webpack@5.90.1)
+      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/core-events': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/csf-tools': 6.5.16
+      '@storybook/manager-webpack4': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/manager-webpack5': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/node-logger': 6.5.16
+      '@storybook/semver': 7.3.2
+      '@storybook/store': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/telemetry': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@types/node': 16.18.61
+      '@types/node-fetch': 2.6.9
+      '@types/pretty-hrtime': 1.0.3
+      '@types/webpack': 4.41.36
+      better-opn: 2.1.1
+      boxen: 5.1.2
+      chalk: 4.1.2
+      cli-table3: 0.6.3
+      commander: 6.2.1
+      compression: 1.7.4
+      core-js: 3.33.2
+      cpy: 8.1.2
+      detect-port: 1.5.1
+      express: 4.18.2
+      fs-extra: 9.1.0
+      global: 4.4.0
+      globby: 11.1.0
+      ip: 2.0.0
+      lodash: 4.17.21
+      node-fetch: 2.7.0
+      open: 8.4.2
+      pretty-hrtime: 1.0.3
+      prompts: 2.4.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+      serve-favicon: 2.5.0
+      slash: 3.0.0
+      telejson: 6.0.8
       ts-dedent: 2.2.0
+      typescript: 5.2.2
+      util-deprecate: 1.0.2
+      watchpack: 2.4.0
+      webpack: 5.90.1
+      ws: 8.14.2
+      x-default-browser: 0.4.0
+    transitivePeerDependencies:
+      - '@storybook/mdx2-csf'
+      - '@swc/core'
+      - bluebird
+      - bufferutil
+      - encoding
+      - esbuild
+      - eslint
+      - supports-color
+      - uglify-js
+      - utf-8-validate
+      - vue-template-compiler
+      - webpack-cli
     dev: true
 
-  /@storybook/core-server@6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
+  /@storybook/core-server@6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
     resolution: {integrity: sha512-/3NPfmNyply395Dm0zaVZ8P9aruwO+tPx4D6/jpw8aqrRSwvAMndPMpoMCm0NXcpSm5rdX+Je4S3JW6JcggFkA==}
     peerDependencies:
       '@storybook/builder-webpack5': '*'
@@ -15292,19 +14697,19 @@ packages:
         optional: true
     dependencies:
       '@discoveryjs/json-ext': 0.5.7
-      '@storybook/builder-webpack4': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
-      '@storybook/builder-webpack5': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/builder-webpack4': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/builder-webpack5': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/core-client': 6.5.16(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/core-common': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/core-events': 6.5.16
       '@storybook/csf': 0.0.2--canary.4566f4d.1
       '@storybook/csf-tools': 6.5.16
-      '@storybook/manager-webpack4': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
-      '@storybook/manager-webpack5': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/manager-webpack4': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/manager-webpack5': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/node-logger': 6.5.16
       '@storybook/semver': 7.3.2
       '@storybook/store': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/telemetry': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/telemetry': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@types/node': 16.18.61
       '@types/node-fetch': 2.6.9
       '@types/pretty-hrtime': 1.0.3
@@ -15356,24 +14761,24 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/core-server@7.6.5:
-    resolution: {integrity: sha512-BfKzK/ObTjUcPvE5/r1pogCifM/4nLRhOUYJl7XekwHkOQwn19e6H3/ku1W3jDoYXBu642Dc9X7l/ERjKTqxFg==}
+  /@storybook/core-server@7.6.17:
+    resolution: {integrity: sha512-KWGhTTaL1Q14FolcoKKZgytlPJUbH6sbJ1Ptj/84EYWFewcnEgVs0Zlnh1VStRZg+Rd1WC1V4yVd/bbDzxrvQA==}
     dependencies:
       '@aw-web-design/x-default-browser': 1.4.126
       '@discoveryjs/json-ext': 0.5.7
-      '@storybook/builder-manager': 7.6.5
-      '@storybook/channels': 7.6.5
-      '@storybook/core-common': 7.6.5
-      '@storybook/core-events': 7.6.5
+      '@storybook/builder-manager': 7.6.17
+      '@storybook/channels': 7.6.17
+      '@storybook/core-common': 7.6.17
+      '@storybook/core-events': 7.6.17
       '@storybook/csf': 0.1.2
-      '@storybook/csf-tools': 7.6.5
+      '@storybook/csf-tools': 7.6.17
       '@storybook/docs-mdx': 0.1.0
       '@storybook/global': 5.0.0
-      '@storybook/manager': 7.6.5
-      '@storybook/node-logger': 7.6.5
-      '@storybook/preview-api': 7.6.5
-      '@storybook/telemetry': 7.6.5
-      '@storybook/types': 7.6.5
+      '@storybook/manager': 7.6.17
+      '@storybook/node-logger': 7.6.17
+      '@storybook/preview-api': 7.6.17
+      '@storybook/telemetry': 7.6.17
+      '@storybook/types': 7.6.17
       '@types/detect-port': 1.3.5
       '@types/node': 18.19.3
       '@types/pretty-hrtime': 1.0.3
@@ -15386,7 +14791,7 @@ packages:
       express: 4.18.2
       fs-extra: 11.2.0
       globby: 11.1.0
-      ip: 2.0.0
+      ip: 2.0.1
       lodash: 4.17.21
       open: 8.4.2
       pretty-hrtime: 1.0.3
@@ -15407,7 +14812,7 @@ packages:
       - utf-8-validate
     dev: true
 
-  /@storybook/core@6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1):
+  /@storybook/core@6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(webpack@5.90.1):
     resolution: {integrity: sha512-CEF3QFTsm/VMnMKtRNr4rRdLeIkIG0g1t26WcmxTdSThNPBd8CsWzQJ7Jqu7CKiut+MU4A1LMOwbwCE5F2gmyA==}
     peerDependencies:
       '@storybook/builder-webpack5': '*'
@@ -15424,10 +14829,50 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@storybook/builder-webpack5': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/builder-webpack5': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/core-client': 6.5.16(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(webpack@5.90.1)
+      '@storybook/core-server': 6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/manager-webpack5': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      typescript: 5.2.2
+      webpack: 5.90.1
+    transitivePeerDependencies:
+      - '@storybook/mdx2-csf'
+      - '@swc/core'
+      - bluebird
+      - bufferutil
+      - encoding
+      - esbuild
+      - eslint
+      - supports-color
+      - uglify-js
+      - utf-8-validate
+      - vue-template-compiler
+      - webpack-cli
+    dev: true
+
+  /@storybook/core@6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1):
+    resolution: {integrity: sha512-CEF3QFTsm/VMnMKtRNr4rRdLeIkIG0g1t26WcmxTdSThNPBd8CsWzQJ7Jqu7CKiut+MU4A1LMOwbwCE5F2gmyA==}
+    peerDependencies:
+      '@storybook/builder-webpack5': '*'
+      '@storybook/manager-webpack5': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+      typescript: '*'
+      webpack: 5.90.1
+    peerDependenciesMeta:
+      '@storybook/builder-webpack5':
+        optional: true
+      '@storybook/manager-webpack5':
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@storybook/builder-webpack5': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/core-client': 6.5.16(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
-      '@storybook/core-server': 6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
-      '@storybook/manager-webpack5': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/core-server': 6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/manager-webpack5': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
       typescript: 5.2.2
@@ -15447,10 +14892,10 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/csf-plugin@7.6.5:
-    resolution: {integrity: sha512-iQ8Y/Qq1IUhHRddjDVicWJA2sM7OZA1FR97OvWUT2240WjCuQSCfy32JD8TQlYjqXgEolJeLPv3zW4qH5om4LQ==}
+  /@storybook/csf-plugin@7.6.17:
+    resolution: {integrity: sha512-xTHv9BUh3bkDVCvcbmdfVF0/e96BdrEgqPJ3G3RmKbSzWLOkQ2U9yiPfHzT0KJWPhVwj12fjfZp0zunu+pcS6Q==}
     dependencies:
-      '@storybook/csf-tools': 7.6.5
+      '@storybook/csf-tools': 7.6.17
       unplugin: 1.5.1
     transitivePeerDependencies:
       - supports-color
@@ -15466,7 +14911,7 @@ packages:
     dependencies:
       '@babel/core': 7.23.9
       '@babel/generator': 7.23.6
-      '@babel/parser': 7.23.3
+      '@babel/parser': 7.23.9
       '@babel/plugin-transform-react-jsx': 7.22.15(@babel/core@7.23.9)
       '@babel/preset-env': 7.23.3(@babel/core@7.23.9)
       '@babel/traverse': 7.23.3
@@ -15482,15 +14927,15 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/csf-tools@7.6.5:
-    resolution: {integrity: sha512-1iaCh7nt+WE7Q5UwRhLLc5flMNoAV/vBr0tvDSCKiHaO+D3dZzlZOe/U+S6wegdyN2QNcvT2xs179CcrX6Qp6w==}
+  /@storybook/csf-tools@7.6.17:
+    resolution: {integrity: sha512-dAQtam0EBPeTJYcQPLxXgz4L9JFqD+HWbLFG9CmNIhMMjticrB0mpk1EFIS6vPXk/VsVWpBgMLD7dZlD6YMKcQ==}
     dependencies:
       '@babel/generator': 7.23.6
-      '@babel/parser': 7.23.3
-      '@babel/traverse': 7.23.3
-      '@babel/types': 7.23.3
+      '@babel/parser': 7.23.9
+      '@babel/traverse': 7.23.9
+      '@babel/types': 7.23.9
       '@storybook/csf': 0.1.2
-      '@storybook/types': 7.6.5
+      '@storybook/types': 7.6.17
       fs-extra: 11.2.0
       recast: 0.23.4
       ts-dedent: 2.2.0
@@ -15536,12 +14981,28 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/docs-tools@7.6.5:
-    resolution: {integrity: sha512-UyHkHu5Af6jMpYsR4lZ69D32GQGeA0pLAn7jaBbQndgAjBdK1ykZcifiUC7Wz1hG7+YpuYspEGuDEddOh+X8FQ==}
+  /@storybook/docs-tools@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-o+rAWPRGifjBF5xZzTKOqnHN3XQWkl0QFJYVDIiJYJrVll7ExCkpEq/PahOGzIBBV+tpMstJgmKM3lr/lu/jmg==}
     dependencies:
-      '@storybook/core-common': 7.6.5
-      '@storybook/preview-api': 7.6.5
-      '@storybook/types': 7.6.5
+      '@babel/core': 7.23.9
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/store': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      core-js: 3.33.2
+      doctrine: 3.0.0
+      lodash: 4.17.21
+      regenerator-runtime: 0.13.11
+    transitivePeerDependencies:
+      - react
+      - react-dom
+      - supports-color
+    dev: true
+
+  /@storybook/docs-tools@7.6.17:
+    resolution: {integrity: sha512-bYrLoj06adqklyLkEwD32C0Ww6t+9ZVvrJHiVT42bIhTRpFiFPAetl1a9KPHtFLnfduh4n2IxIr1jv32ThPDTA==}
+    dependencies:
+      '@storybook/core-common': 7.6.17
+      '@storybook/preview-api': 7.6.17
+      '@storybook/types': 7.6.17
       '@types/doctrine': 0.0.3
       assert: 2.1.0
       doctrine: 3.0.0
@@ -15577,30 +15038,67 @@ packages:
       - react-dom
     dev: true
 
-  /@storybook/manager-api@7.6.5(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-tE3OShOcs6A3XtI3NJd6hYQOZLaP++Fn0dCtowBwYh/vS1EN/AyroVmL97tsxn1DZTyoRt0GidwbB6dvLMBOwA==}
+  /@storybook/manager-webpack4@6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-5VJZwmQU6AgdsBPsYdu886UKBHQ9SJEnFMaeUxKEclXk+iRsmbzlL4GHKyVd6oGX/ZaecZtcHPR6xrzmA4Ziew==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
-      '@storybook/channels': 7.6.5
-      '@storybook/client-logger': 7.6.5
-      '@storybook/core-events': 7.6.5
-      '@storybook/csf': 0.1.2
-      '@storybook/global': 5.0.0
-      '@storybook/router': 7.6.5
-      '@storybook/theming': 7.6.5(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.6.5
-      dequal: 2.0.3
-      lodash: 4.17.21
-      memoizerific: 1.11.3
-      semver: 7.6.0
-      store2: 2.14.2
-      telejson: 7.2.0
+      '@babel/core': 7.23.9
+      '@babel/plugin-transform-template-literals': 7.23.3(@babel/core@7.23.9)
+      '@babel/preset-react': 7.23.3(@babel/core@7.23.9)
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-client': 6.5.16(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(webpack@5.90.1)
+      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/node-logger': 6.5.16
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/ui': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@types/node': 16.18.61
+      '@types/webpack': 4.41.36
+      babel-loader: 8.3.0(@babel/core@7.23.9)(webpack@5.90.1)
+      case-sensitive-paths-webpack-plugin: 2.4.0
+      chalk: 4.1.2
+      core-js: 3.33.2
+      css-loader: 3.6.0(webpack@5.90.1)
+      express: 4.18.2
+      file-loader: 6.2.0(webpack@5.90.1)
+      find-up: 5.0.0
+      fs-extra: 9.1.0
+      html-webpack-plugin: 4.5.2(webpack@5.90.1)
+      node-fetch: 2.7.0
+      pnp-webpack-plugin: 1.6.4(typescript@5.2.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      read-pkg-up: 7.0.1
+      regenerator-runtime: 0.13.11
+      resolve-from: 5.0.0
+      style-loader: 1.3.0(webpack@5.90.1)
+      telejson: 6.0.8
+      terser-webpack-plugin: 4.2.3(webpack@5.90.1)
       ts-dedent: 2.2.0
+      typescript: 5.2.2
+      url-loader: 4.1.1(file-loader@6.2.0)(webpack@5.90.1)
+      util-deprecate: 1.0.2
+      webpack: 5.90.1
+      webpack-dev-middleware: 3.7.3(webpack@5.90.1)
+      webpack-virtual-modules: 0.2.2
     transitivePeerDependencies:
-      - react
-      - react-dom
+      - '@swc/core'
+      - bluebird
+      - encoding
+      - esbuild
+      - eslint
+      - supports-color
+      - uglify-js
+      - vue-template-compiler
+      - webpack-cli
     dev: true
 
-  /@storybook/manager-webpack4@6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
+  /@storybook/manager-webpack4@6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
     resolution: {integrity: sha512-5VJZwmQU6AgdsBPsYdu886UKBHQ9SJEnFMaeUxKEclXk+iRsmbzlL4GHKyVd6oGX/ZaecZtcHPR6xrzmA4Ziew==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -15615,7 +15113,7 @@ packages:
       '@babel/preset-react': 7.23.3(@babel/core@7.23.9)
       '@storybook/addons': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/core-client': 6.5.16(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/core-common': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/node-logger': 6.5.16
       '@storybook/theming': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/ui': 6.5.16(react-dom@17.0.2)(react@17.0.2)
@@ -15660,7 +15158,7 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/manager-webpack5@6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
+  /@storybook/manager-webpack5@6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
     resolution: {integrity: sha512-OtxXv8JCe0r/0rE5HxaFicsNsXA+fqZxzokxquFFgrYf/1Jg4d7QX6/pG5wINF+5qInJfVkRG6xhPzv1s5bk9Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -15670,22 +15168,78 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@babel/core': 7.23.3
-      '@babel/plugin-transform-template-literals': 7.23.3(@babel/core@7.23.3)
-      '@babel/preset-react': 7.23.3(@babel/core@7.23.3)
+      '@babel/core': 7.23.9
+      '@babel/plugin-transform-template-literals': 7.23.3(@babel/core@7.23.9)
+      '@babel/preset-react': 7.23.3(@babel/core@7.23.9)
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-client': 6.5.16(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(webpack@5.90.1)
+      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@storybook/node-logger': 6.5.16
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/ui': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@types/node': 16.18.61
+      babel-loader: 8.3.0(@babel/core@7.23.9)(webpack@5.90.1)
+      case-sensitive-paths-webpack-plugin: 2.4.0
+      chalk: 4.1.2
+      core-js: 3.33.2
+      css-loader: 5.2.7(webpack@5.90.1)
+      express: 4.18.2
+      find-up: 5.0.0
+      fs-extra: 9.1.0
+      html-webpack-plugin: 5.5.0(webpack@5.90.1)
+      node-fetch: 2.7.0
+      process: 0.11.10
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      read-pkg-up: 7.0.1
+      regenerator-runtime: 0.13.11
+      resolve-from: 5.0.0
+      style-loader: 2.0.0(webpack@5.90.1)
+      telejson: 6.0.8
+      terser-webpack-plugin: 5.3.6(webpack@5.90.1)
+      ts-dedent: 2.2.0
+      typescript: 5.2.2
+      util-deprecate: 1.0.2
+      webpack: 5.90.1
+      webpack-dev-middleware: 4.3.0(webpack@5.90.1)
+      webpack-virtual-modules: 0.4.6
+    transitivePeerDependencies:
+      - '@swc/core'
+      - encoding
+      - esbuild
+      - eslint
+      - supports-color
+      - uglify-js
+      - vue-template-compiler
+      - webpack-cli
+    dev: true
+
+  /@storybook/manager-webpack5@6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
+    resolution: {integrity: sha512-OtxXv8JCe0r/0rE5HxaFicsNsXA+fqZxzokxquFFgrYf/1Jg4d7QX6/pG5wINF+5qInJfVkRG6xhPzv1s5bk9Q==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@babel/core': 7.23.9
+      '@babel/plugin-transform-template-literals': 7.23.3(@babel/core@7.23.9)
+      '@babel/preset-react': 7.23.3(@babel/core@7.23.9)
       '@storybook/addons': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/core-client': 6.5.16(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/core-common': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/node-logger': 6.5.16
       '@storybook/theming': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@storybook/ui': 6.5.16(react-dom@17.0.2)(react@17.0.2)
       '@types/node': 16.18.61
-      babel-loader: 8.3.0(@babel/core@7.23.3)(webpack@5.90.1)
+      babel-loader: 8.3.0(@babel/core@7.23.9)(webpack@5.90.1)
       case-sensitive-paths-webpack-plugin: 2.4.0
       chalk: 4.1.2
       core-js: 3.33.2
       css-loader: 5.2.7(webpack@5.90.1)
-      express: 4.17.3
+      express: 4.18.2
       find-up: 5.0.0
       fs-extra: 9.1.0
       html-webpack-plugin: 5.5.0(webpack@5.90.1)
@@ -15698,7 +15252,7 @@ packages:
       resolve-from: 5.0.0
       style-loader: 2.0.0(webpack@5.90.1)
       telejson: 6.0.8
-      terser-webpack-plugin: 5.3.10(webpack@5.90.1)
+      terser-webpack-plugin: 5.3.6(webpack@5.90.1)
       ts-dedent: 2.2.0
       typescript: 5.2.2
       util-deprecate: 1.0.2
@@ -15716,8 +15270,8 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/manager@7.6.5:
-    resolution: {integrity: sha512-y1KLH0O1PGPyMxGMvOhppzFSO7r4ibjTve5iqsI0JZwxUjNuBKRLYbrhXdAyC2iacvxYNrHgevae1k9XdD+FQw==}
+  /@storybook/manager@7.6.17:
+    resolution: {integrity: sha512-A1LDDIqMpwRzq/dqkbbiza0QI04o4ZHCl2a3UMDZUV/+QLc2nsr2DAaLk4CVL4/cIc5zGqmIcaOTvprx2YKVBw==}
     dev: true
 
   /@storybook/mdx1-csf@0.0.1(@babel/core@7.23.3):
@@ -15792,8 +15346,8 @@ packages:
       pretty-hrtime: 1.0.3
     dev: true
 
-  /@storybook/node-logger@7.6.5:
-    resolution: {integrity: sha512-xKw6IH1wLkIssekdBv3bd13xYKUF1t8EwqDR8BYcN8AVjZlqJMTifssqG4bYV+G/B7J3tz4ugJ5nmtWg6RQ0Qw==}
+  /@storybook/node-logger@7.6.17:
+    resolution: {integrity: sha512-w59MQuXhhUNrUVmVkXhMwIg2nvFWjdDczLTwYLorhfsE36CWeUOY5QCZWQy0Qf/h+jz8Uo7Evy64qn18v9C4wA==}
     dev: true
 
   /@storybook/postinstall@6.5.16:
@@ -15802,19 +15356,19 @@ packages:
       core-js: 3.33.2
     dev: true
 
-  /@storybook/postinstall@7.6.5:
-    resolution: {integrity: sha512-12WxfpqGKsk7GQ3KWiZSbamsYK8vtRmhOTkavZ9IQkcJ/zuVfmqK80/Mds+njJMudUPzuREuSFGWACczo17EDA==}
+  /@storybook/postinstall@7.6.17:
+    resolution: {integrity: sha512-WaWqB8o9vUc9aaVls+povQSVirf1Xd1LZcVhUKfAocAF3mzYUsnJsVqvnbjRj/F96UFVihOyDt9Zjl/9OvrCvQ==}
     dev: true
 
-  /@storybook/preview-api@7.6.5:
-    resolution: {integrity: sha512-9XzuDXXgNuA6dDZ3DXsUwEG6ElxeTbzLuYuzcjtS1FusSICZ2iYmxfS0GfSud9MjPPYOJYoSOvMdIHjorjgByA==}
+  /@storybook/preview-api@7.6.17:
+    resolution: {integrity: sha512-wLfDdI9RWo1f2zzFe54yRhg+2YWyxLZvqdZnSQ45mTs4/7xXV5Wfbv3QNTtcdw8tT3U5KRTrN1mTfTCiRJc0Kw==}
     dependencies:
-      '@storybook/channels': 7.6.5
-      '@storybook/client-logger': 7.6.5
-      '@storybook/core-events': 7.6.5
+      '@storybook/channels': 7.6.17
+      '@storybook/client-logger': 7.6.17
+      '@storybook/core-events': 7.6.17
       '@storybook/csf': 0.1.2
       '@storybook/global': 5.0.0
-      '@storybook/types': 7.6.5
+      '@storybook/types': 7.6.17
       '@types/qs': 6.9.10
       dequal: 2.0.3
       lodash: 4.17.21
@@ -15851,8 +15405,34 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/preview@7.6.5:
-    resolution: {integrity: sha512-zmLa7C7yFGTYhgGZXoecdww9rx0Z5HpNi/GDBRWoNSK+FEdE8Jj2jF5NJ2ncldtYIyegz9ku29JFMKbhMj9K5Q==}
+  /@storybook/preview-web@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-IJnvfe2sKCfk7apN9Fu9U8qibbarrPX5JB55ZzK1amSHVmSDuYk5MIMc/U3NnSQNnvd1DO5v/zMcGgj563hrtg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/channel-postmessage': 6.5.16
+      '@storybook/client-logger': 6.5.16
+      '@storybook/core-events': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/store': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      ansi-to-html: 0.6.15
+      core-js: 3.33.2
+      global: 4.4.0
+      lodash: 4.17.21
+      qs: 6.11.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+      synchronous-promise: 2.0.17
+      ts-dedent: 2.2.0
+      unfetch: 4.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /@storybook/preview@7.6.17:
+    resolution: {integrity: sha512-LvkMYK/y6alGjwRVNDIKL1lFlbyZ0H0c8iAbcQkiMoaFiujMQyVswMDKlWcj42Upfr/B1igydiruomc+eUt0mw==}
     dev: true
 
   /@storybook/react-docgen-typescript-plugin@1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0(typescript@5.2.2)(webpack@5.90.1):
@@ -15861,7 +15441,7 @@ packages:
       typescript: '>= 3.x'
       webpack: 5.90.1
     dependencies:
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       endent: 2.1.0
       find-cache-dir: 3.3.2
       flat-cache: 3.2.0
@@ -15874,8 +15454,8 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/react-dom-shim@7.6.5(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Qp3N3zENdvx20ikHmz5yI03z+mAWF8bUAwUofqXarVtZUkBNtvfTfUwgAezOAF0eClClH+ktIziIKd976tLSPw==}
+  /@storybook/react-dom-shim@7.6.17(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-32Sa/G+WnvaPiQ1Wvjjw5UM9rr2c4GDohwCcWVv3/LJuiFPqNS6zglAtmnsrlIBnUwRBMLMh/ekCTdqMiUmfDw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -15884,24 +15464,24 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /@storybook/react-vite@7.6.5(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(vite@4.5.1):
-    resolution: {integrity: sha512-fIoSBbou3rQdOo6qX/nD5givb3qIOSwXeZWjAqRB6560cqmeSQFlRGtKUJ0nzQYADwJ0/iNHz3nOvJOOSnPepA==}
+  /@storybook/react-vite@7.6.17(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(vite@5.1.4):
+    resolution: {integrity: sha512-4dIm3CuRl44X1TLzN3WoZh/bChzJF7Ud28li9atj9C8db0bb/y0zl8cahrsRFoR7/LyfqdOVLqaztrnA5SsWfg==}
     engines: {node: '>=16'}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
       vite: ^3.0.0 || ^4.0.0 || ^5.0.0
     dependencies:
-      '@joshwooding/vite-plugin-react-docgen-typescript': 0.3.0(typescript@5.2.2)(vite@4.5.1)
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.3.0(typescript@5.2.2)(vite@5.1.4)
       '@rollup/pluginutils': 5.1.0(rollup@4.8.0)
-      '@storybook/builder-vite': 7.6.5(typescript@5.2.2)(vite@4.5.1)
-      '@storybook/react': 7.6.5(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
-      '@vitejs/plugin-react': 3.1.0(vite@4.5.1)
+      '@storybook/builder-vite': 7.6.17(typescript@5.2.2)(vite@5.1.4)
+      '@storybook/react': 7.6.17(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      '@vitejs/plugin-react': 3.1.0(vite@5.1.4)
       magic-string: 0.30.5
       react: 18.2.0
       react-docgen: 7.0.1
       react-dom: 18.2.0(react@18.2.0)
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
+      vite: 5.1.4(lightningcss@1.24.0)
     transitivePeerDependencies:
       - '@preact/preset-vite'
       - encoding
@@ -15911,7 +15491,7 @@ packages:
       - vite-plugin-glimmerx
     dev: true
 
-  /@storybook/react@6.5.16(@babel/core@7.23.3)(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(require-from-string@2.0.2)(typescript@5.2.2)(webpack-dev-server@4.11.1):
+  /@storybook/react@6.5.16(@babel/core@7.23.3)(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(require-from-string@2.0.2)(typescript@5.2.2)(webpack-dev-server@4.11.1):
     resolution: {integrity: sha512-cBtNlOzf/MySpNLBK22lJ8wFU22HnfTB2xJyBk7W7Zi71Lm7Uxkhv1Pz8HdiQndJ0SlsAAQOWjQYsSZsGkZIaA==}
     engines: {node: '>=10.13.0'}
     hasBin: true
@@ -15943,18 +15523,18 @@ packages:
       '@babel/preset-flow': 7.23.3(@babel/core@7.23.3)
       '@babel/preset-react': 7.23.3(@babel/core@7.23.3)
       '@pmmmwh/react-refresh-webpack-plugin': 0.5.11(react-refresh@0.11.0)(webpack-dev-server@4.11.1)(webpack@5.90.1)
-      '@storybook/addons': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/builder-webpack5': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/builder-webpack5': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
       '@storybook/client-logger': 6.5.16
-      '@storybook/core': 6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/core': 6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)(webpack@5.90.1)
+      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
       '@storybook/csf': 0.0.2--canary.4566f4d.1
-      '@storybook/docs-tools': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/manager-webpack5': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/docs-tools': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/manager-webpack5': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
       '@storybook/node-logger': 6.5.16
       '@storybook/react-docgen-typescript-plugin': 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0(typescript@5.2.2)(webpack@5.90.1)
       '@storybook/semver': 7.3.2
-      '@storybook/store': 6.5.16(react-dom@17.0.2)(react@17.0.2)
+      '@storybook/store': 6.5.16(react-dom@18.2.0)(react@18.2.0)
       '@types/estree': 0.0.51
       '@types/node': 16.18.61
       '@types/webpack-env': 1.18.4
@@ -15970,9 +15550,9 @@ packages:
       html-tags: 3.3.1
       lodash: 4.17.21
       prop-types: 15.7.2
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
-      react-element-to-jsx-string: 14.3.4(react-dom@17.0.2)(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-element-to-jsx-string: 14.3.4(react-dom@18.2.0)(react@18.2.0)
       react-refresh: 0.11.0
       read-pkg-up: 7.0.1
       regenerator-runtime: 0.13.11
@@ -16002,7 +15582,7 @@ packages:
       - webpack-plugin-serve
     dev: true
 
-  /@storybook/react@6.5.16(@babel/core@7.23.9)(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(require-from-string@2.0.2)(typescript@5.2.2)(webpack-dev-server@4.11.1):
+  /@storybook/react@6.5.16(@babel/core@7.23.9)(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(require-from-string@2.0.2)(typescript@5.2.2)(webpack-dev-server@4.11.1):
     resolution: {integrity: sha512-cBtNlOzf/MySpNLBK22lJ8wFU22HnfTB2xJyBk7W7Zi71Lm7Uxkhv1Pz8HdiQndJ0SlsAAQOWjQYsSZsGkZIaA==}
     engines: {node: '>=10.13.0'}
     hasBin: true
@@ -16035,13 +15615,13 @@ packages:
       '@babel/preset-react': 7.23.3(@babel/core@7.23.9)
       '@pmmmwh/react-refresh-webpack-plugin': 0.5.11(react-refresh@0.11.0)(webpack-dev-server@4.11.1)(webpack@5.90.1)
       '@storybook/addons': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/builder-webpack5': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/builder-webpack5': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/client-logger': 6.5.16
-      '@storybook/core': 6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/core': 6.5.16(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)(webpack@5.90.1)
+      '@storybook/core-common': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/csf': 0.0.2--canary.4566f4d.1
       '@storybook/docs-tools': 6.5.16(react-dom@17.0.2)(react@17.0.2)
-      '@storybook/manager-webpack5': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/manager-webpack5': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       '@storybook/node-logger': 6.5.16
       '@storybook/react-docgen-typescript-plugin': 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0(typescript@5.2.2)(webpack@5.90.1)
       '@storybook/semver': 7.3.2
@@ -16093,8 +15673,8 @@ packages:
       - webpack-plugin-serve
     dev: true
 
-  /@storybook/react@7.6.5(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-z0l5T+gL//VekMXnHi+lW5qr7OQ8X7WoeIRMk38e62ppSpGUZRfoxRmmhU/9YcIFAlCgMaoLSYmhOceKGRZuVw==}
+  /@storybook/react@7.6.17(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-lVqzQSU03rRJWYW+gK2gq6mSo3/qtnVICY8B8oP7gc36jVu4ksDIu45bTfukM618ODkUZy0vZe6T4engK3azjA==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -16104,13 +15684,13 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.6.5
-      '@storybook/core-client': 7.6.5
-      '@storybook/docs-tools': 7.6.5
+      '@storybook/client-logger': 7.6.17
+      '@storybook/core-client': 7.6.17
+      '@storybook/docs-tools': 7.6.17
       '@storybook/global': 5.0.0
-      '@storybook/preview-api': 7.6.5
-      '@storybook/react-dom-shim': 7.6.5(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.6.5
+      '@storybook/preview-api': 7.6.17
+      '@storybook/react-dom-shim': 7.6.17(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.6.17
       '@types/escodegen': 0.0.6
       '@types/estree': 0.0.51
       '@types/node': 18.19.3
@@ -16153,7 +15733,7 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/router@6.5.15(react-dom@17.0.2)(react@17.0.2):
+  /@storybook/router@6.5.15(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-9t8rI8t7/Krolau29gsdjdbRQ66orONIyP0efp0EukVgv6reNFzb/U14ARrl0uHys6Tl5Xyece9FoakQUdn8Kg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -16163,8 +15743,8 @@ packages:
       core-js: 3.33.2
       memoizerific: 1.11.3
       qs: 6.11.2
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
       regenerator-runtime: 0.13.11
     dev: true
 
@@ -16183,18 +15763,25 @@ packages:
       regenerator-runtime: 0.13.11
     dev: true
 
-  /@storybook/router@7.6.17:
-    resolution: {integrity: sha512-GnyC0j6Wi5hT4qRhSyT8NPtJfGmf82uZw97LQRWeyYu5gWEshUdM7aj40XlNiScd5cZDp0owO1idduVF2k2l2A==}
+  /@storybook/router@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-ZgeP8a5YV/iuKbv31V8DjPxlV4AzorRiR8OuSt/KqaiYXNXlOoQDz/qMmiNcrshrfLpmkzoq7fSo4T8lWo2UwQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@storybook/client-logger': 7.6.17
+      '@storybook/client-logger': 6.5.16
+      core-js: 3.33.2
       memoizerific: 1.11.3
       qs: 6.11.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
     dev: true
 
-  /@storybook/router@7.6.5:
-    resolution: {integrity: sha512-QiTC86gRuoepzzmS6HNJZTwfz/n27NcqtaVEIxJi1Yvsx2/kLa9NkRhylNkfTuZ1gEry9stAlKWanMsB2aKyjQ==}
+  /@storybook/router@7.6.17:
+    resolution: {integrity: sha512-GnyC0j6Wi5hT4qRhSyT8NPtJfGmf82uZw97LQRWeyYu5gWEshUdM7aj40XlNiScd5cZDp0owO1idduVF2k2l2A==}
     dependencies:
-      '@storybook/client-logger': 7.6.5
+      '@storybook/client-logger': 7.6.17
       memoizerific: 1.11.3
       qs: 6.11.2
     dev: true
@@ -16228,13 +15815,33 @@ packages:
       regenerator-runtime: 0.13.11
     dev: true
 
-  /@storybook/store@6.5.15(react-dom@17.0.2)(react@17.0.2):
+  /@storybook/source-loader@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-fyVl4jrM/5JLrb48aqXPu7sTsmySQaVGFp1zfeqvPPlJRFMastDrePm5XGPN7Qjv1wsKmpuBvuweFKOT1pru3g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      core-js: 3.33.2
+      estraverse: 5.3.0
+      global: 4.4.0
+      loader-utils: 2.0.4
+      lodash: 4.17.21
+      prettier: 2.3.0
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+    dev: true
+
+  /@storybook/store@6.5.15(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-r6cYTf6GtbqgdI4ZG3xuWdJAAu5fJ3xAWMiDkHyoK2u+R2TeYXIsJvgn0BPrW87sZhELIkg4ckdFECmATs3kpQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@storybook/addons': 6.5.15(react-dom@17.0.2)(react@17.0.2)
+      '@storybook/addons': 6.5.15(react-dom@18.2.0)(react@18.2.0)
       '@storybook/client-logger': 6.5.15
       '@storybook/core-events': 6.5.15
       '@storybook/csf': 0.0.2--canary.4566f4d.1
@@ -16243,8 +15850,8 @@ packages:
       global: 4.4.0
       lodash: 4.17.21
       memoizerific: 1.11.3
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
       regenerator-runtime: 0.13.11
       slash: 3.0.0
       stable: 0.1.8
@@ -16278,11 +15885,65 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/telemetry@6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
+  /@storybook/store@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-g+bVL5hmMq/9cM51K04e37OviUPHT0rHHrRm5wj/hrf18Kd9120b3sxdQ5Dc+HZ292yuME0n+cyrQPTYx9Epmw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 6.5.16
+      '@storybook/core-events': 6.5.16
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      core-js: 3.33.2
+      fast-deep-equal: 3.1.3
+      global: 4.4.0
+      lodash: 4.17.21
+      memoizerific: 1.11.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+      slash: 3.0.0
+      stable: 0.1.8
+      synchronous-promise: 2.0.17
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /@storybook/telemetry@6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-CWr5Uko1l9jJW88yTXsZTj/3GTabPvw0o7pDPOXPp8JRZiJTxv1JFaFCafhK9UzYbgcRuGfCC8kEWPZims7iKA==}
+    dependencies:
+      '@storybook/client-logger': 6.5.16
+      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
+      chalk: 4.1.2
+      core-js: 3.33.2
+      detect-package-manager: 2.0.1
+      fetch-retry: 5.0.6
+      fs-extra: 9.1.0
+      global: 4.4.0
+      isomorphic-unfetch: 3.1.0
+      nanoid: 3.3.7
+      read-pkg-up: 7.0.1
+      regenerator-runtime: 0.13.11
+    transitivePeerDependencies:
+      - '@swc/core'
+      - encoding
+      - esbuild
+      - eslint
+      - react
+      - react-dom
+      - supports-color
+      - typescript
+      - uglify-js
+      - vue-template-compiler
+      - webpack-cli
+    dev: true
+
+  /@storybook/telemetry@6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2):
     resolution: {integrity: sha512-CWr5Uko1l9jJW88yTXsZTj/3GTabPvw0o7pDPOXPp8JRZiJTxv1JFaFCafhK9UzYbgcRuGfCC8kEWPZims7iKA==}
     dependencies:
       '@storybook/client-logger': 6.5.16
-      '@storybook/core-common': 6.5.16(eslint@8.49.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
+      '@storybook/core-common': 6.5.16(eslint@8.57.0)(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
       chalk: 4.1.2
       core-js: 3.33.2
       detect-package-manager: 2.0.1
@@ -16307,12 +15968,12 @@ packages:
       - webpack-cli
     dev: true
 
-  /@storybook/telemetry@7.6.5:
-    resolution: {integrity: sha512-FiLRh9k9LoGphqgBqPYySWdGqplihiZyDwqdo+Qs19RcQ/eiKg0W7fdA09nStcdcsHmDl/1cMfRhz9KUiMtwOw==}
+  /@storybook/telemetry@7.6.17:
+    resolution: {integrity: sha512-WOcOAmmengYnGInH98Px44F47DSpLyk20BM+Z/IIQDzfttGOLlxNqBBG1XTEhNRn+AYuk4aZ2JEed2lCjVIxcA==}
     dependencies:
-      '@storybook/client-logger': 7.6.5
-      '@storybook/core-common': 7.6.5
-      '@storybook/csf-tools': 7.6.5
+      '@storybook/client-logger': 7.6.17
+      '@storybook/core-common': 7.6.17
+      '@storybook/csf-tools': 7.6.17
       chalk: 4.1.2
       detect-package-manager: 2.0.1
       fetch-retry: 5.0.6
@@ -16353,7 +16014,7 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/theming@6.5.15(react-dom@17.0.2)(react@17.0.2):
+  /@storybook/theming@6.5.15(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-pgdW0lVZKKXQ4VhIfLHycMmwFSVOY7vLTKnytag4Y8Yz+aXm0bwDN/QxPntFzDH47F1Rcy2ywNnvty8ooDTvuA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -16362,8 +16023,8 @@ packages:
       '@storybook/client-logger': 6.5.15
       core-js: 3.33.2
       memoizerific: 1.11.3
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
       regenerator-runtime: 0.13.11
     dev: true
 
@@ -16381,28 +16042,28 @@ packages:
       regenerator-runtime: 0.13.11
     dev: true
 
-  /@storybook/theming@7.6.17(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-ZbaBt3KAbmBtfjNqgMY7wPMBshhSJlhodyMNQypv+95xLD/R+Az6aBYbpVAOygLaUQaQk4ar7H/Ww6lFIoiFbA==}
+  /@storybook/theming@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
-      '@storybook/client-logger': 7.6.17
-      '@storybook/global': 5.0.0
+      '@storybook/client-logger': 6.5.16
+      core-js: 3.33.2
       memoizerific: 1.11.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
     dev: true
 
-  /@storybook/theming@7.6.5(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-RpcWT0YEgiobO41McVPDfQQHHFnjyr1sJnNTPJIvOUgSfURdgSj17mQVxtD5xcXcPWUdle5UhIOrCixHbL/NNw==}
+  /@storybook/theming@7.6.17(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-ZbaBt3KAbmBtfjNqgMY7wPMBshhSJlhodyMNQypv+95xLD/R+Az6aBYbpVAOygLaUQaQk4ar7H/Ww6lFIoiFbA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
       '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
-      '@storybook/client-logger': 7.6.5
+      '@storybook/client-logger': 7.6.17
       '@storybook/global': 5.0.0
       memoizerific: 1.11.3
       react: 18.2.0
@@ -16418,15 +16079,6 @@ packages:
       file-system-cache: 2.3.0
     dev: true
 
-  /@storybook/types@7.6.5:
-    resolution: {integrity: sha512-Q757v+fYZZSaEpks/zDL5YgXRozxkgKakXFc+BoQHK5q5sVhJ+0jvpLJiAQAniIIaMIkqY/G24Kd6Uo6UdKBCg==}
-    dependencies:
-      '@storybook/channels': 7.6.5
-      '@types/babel__core': 7.20.4
-      '@types/express': 4.17.21
-      file-system-cache: 2.3.0
-    dev: true
-
   /@storybook/ui@6.5.16(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-rHn/n12WM8BaXtZ3IApNZCiS+C4Oc5+Lkl4MoctX8V7QSml0SxZBB5hsJ/AiWkgbRxjQpa/L/Nt7/Qw0FjTH/A==}
     peerDependencies:
@@ -16451,13 +16103,36 @@ packages:
       resolve-from: 5.0.0
     dev: true
 
+  /@storybook/ui@6.5.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-rHn/n12WM8BaXtZ3IApNZCiS+C4Oc5+Lkl4MoctX8V7QSml0SxZBB5hsJ/AiWkgbRxjQpa/L/Nt7/Qw0FjTH/A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/addons': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/api': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/channels': 6.5.16
+      '@storybook/client-logger': 6.5.16
+      '@storybook/components': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 6.5.16
+      '@storybook/router': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/semver': 7.3.2
+      '@storybook/theming': 6.5.16(react-dom@18.2.0)(react@18.2.0)
+      core-js: 3.33.2
+      memoizerific: 1.11.3
+      qs: 6.11.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      regenerator-runtime: 0.13.11
+      resolve-from: 5.0.0
+    dev: true
+
   /@swc/core-darwin-arm64@1.3.96:
     resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@swc/core-darwin-x64@1.3.96:
@@ -16466,7 +16141,6 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@swc/core-linux-arm-gnueabihf@1.3.96:
@@ -16475,7 +16149,6 @@ packages:
     cpu: [arm]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@swc/core-linux-arm64-gnu@1.3.96:
@@ -16484,7 +16157,6 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@swc/core-linux-arm64-musl@1.3.96:
@@ -16493,7 +16165,6 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@swc/core-linux-x64-gnu@1.3.96:
@@ -16502,7 +16173,6 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@swc/core-linux-x64-musl@1.3.96:
@@ -16511,7 +16181,6 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@swc/core-win32-arm64-msvc@1.3.96:
@@ -16520,7 +16189,6 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@swc/core-win32-ia32-msvc@1.3.96:
@@ -16529,7 +16197,6 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@swc/core-win32-x64-msvc@1.3.96:
@@ -16538,10 +16205,9 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@swc/core@1.3.96:
+  /@swc/core@1.3.96(@swc/helpers@0.5.3):
     resolution: {integrity: sha512-zwE3TLgoZwJfQygdv2SdCK9mRLYluwDOM53I+dT6Z5ZvrgVENmY3txvWDvduzkV+/8IuvrRbVezMpxcojadRdQ==}
     engines: {node: '>=10'}
     requiresBuild: true
@@ -16552,6 +16218,7 @@ packages:
         optional: true
     dependencies:
       '@swc/counter': 0.1.2
+      '@swc/helpers': 0.5.3
       '@swc/types': 0.1.5
     optionalDependencies:
       '@swc/core-darwin-arm64': 1.3.96
@@ -16564,11 +16231,9 @@ packages:
       '@swc/core-win32-arm64-msvc': 1.3.96
       '@swc/core-win32-ia32-msvc': 1.3.96
       '@swc/core-win32-x64-msvc': 1.3.96
-    dev: true
 
   /@swc/counter@0.1.2:
     resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==}
-    dev: true
 
   /@swc/helpers@0.4.14:
     resolution: {integrity: sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==}
@@ -16596,7 +16261,6 @@ packages:
 
   /@swc/types@0.1.5:
     resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==}
-    dev: true
 
   /@szmarczak/http-timer@1.1.2:
     resolution: {integrity: sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==}
@@ -16620,13 +16284,16 @@ packages:
   /@tanstack/query-core@5.0.5:
     resolution: {integrity: sha512-MThCETMkHDHTnFZHp71L+SqTtD5d6XHftFCVR1xRJdWM3qGrlQ2VCXaj0SKVcyJej2e1Opa2c7iknu1llxCDNQ==}
 
-  /@tanstack/query-devtools@5.13.5:
-    resolution: {integrity: sha512-effSYz9AWcZ6sNd+c8LCBYFIuDZApoCTXEpRlEYChBZpMz9QUUVMLToThwCyUY49+T5pANL3XxgZf3HV7hwJlg==}
+  /@tanstack/query-core@5.24.1:
+    resolution: {integrity: sha512-DZ6Nx9p7BhjkG50ayJ+MKPgff+lMeol7QYXkvuU5jr2ryW/4ok5eanaS9W5eooA4xN0A/GPHdLGOZGzArgf5Cg==}
     dev: false
 
-  /@tanstack/query-devtools@5.20.2:
-    resolution: {integrity: sha512-BZfSjhk/NGPbqte5E3Vc1Zbj28uWt///4I0DgzAdWrOtMVvdl0WlUXK23K2daLsbcyfoDR4jRI4f2Z5z/mMzuw==}
-    dev: true
+  /@tanstack/query-core@5.24.6:
+    resolution: {integrity: sha512-xYhxiMUPh1JzamVK8VwwkBpIBXVYRyIBW9gjSN+/BB4kL1nS86gnRWeW8L+sacCj1RiyEsysJe3GSvtbIpHdWw==}
+    dev: false
+
+  /@tanstack/query-devtools@5.24.0:
+    resolution: {integrity: sha512-pThim455t69zrZaQKa7IRkEIK8UBTS+gHVAdNfhO72Xh4rWpMc63ovRje5/n6iw63+d6QiJzVadsJVdPoodSeQ==}
 
   /@tanstack/react-cross-context@1.15.10(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-rKH0S3+QOzwh/xn1q+kk/9YsnBRyw+FTdP3NbkRBH2kNar7BIfyR49vX16uNvN5uUajHNGX063IwjzBWzYCUhg==}
@@ -16638,39 +16305,28 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@tanstack/react-query-devtools@5.14.0(@tanstack/react-query@5.0.5)(react@18.2.0):
-    resolution: {integrity: sha512-A/I/jYeyyNduI3+Kb84emkvqw5YOt7+MpO1ZpfYFyfHzCd5dQ7nWuCZzI67gS/JARwqRfGkuuuJkTfuKnipEzA==}
+  /@tanstack/react-query-devtools@5.24.1(@tanstack/react-query@5.0.5)(react@18.2.0):
+    resolution: {integrity: sha512-qa4SEugN+EF8JJXcpsM9Lu05HfUv5cvHvLuB0uw/81eJZyNHFdtHFBi5RLCgpBrOyVMDfH8UQ3VBMqXzFKV68A==}
     peerDependencies:
-      '@tanstack/react-query': ^5.14.0
+      '@tanstack/react-query': ^5.24.1
       react: ^18.0.0
     dependencies:
-      '@tanstack/query-devtools': 5.13.5
+      '@tanstack/query-devtools': 5.24.0
       '@tanstack/react-query': 5.0.5(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
-    dev: false
+    dev: true
 
-  /@tanstack/react-query-devtools@5.14.1(@tanstack/react-query@5.0.5)(react@18.2.0):
-    resolution: {integrity: sha512-8fuQs0AMQk8D66JUYqdYA33fOObevuWwm1atOnPbtV8PvIscaU0i/cNTqCl1Y10rgbR/QsqxQSJGBZ5TxxBrlA==}
+  /@tanstack/react-query-devtools@5.24.6(@tanstack/react-query@5.24.6)(react@18.2.0):
+    resolution: {integrity: sha512-Fx7Wdy3hNjsE5Kpk1NLHDLWb+J6C90x/JQb1thTVTfaX5DpH+Y9e1OPcZ7NbwToTGIsMRTHEC9+NVWGweY8Rqg==}
     peerDependencies:
-      '@tanstack/react-query': ^5.14.1
+      '@tanstack/react-query': ^5.24.6
       react: ^18.0.0
     dependencies:
-      '@tanstack/query-devtools': 5.13.5
-      '@tanstack/react-query': 5.0.5(react-dom@18.2.0)(react@18.2.0)
+      '@tanstack/query-devtools': 5.24.0
+      '@tanstack/react-query': 5.24.6(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@tanstack/react-query-devtools@5.20.5(@tanstack/react-query@5.0.5)(react@18.2.0):
-    resolution: {integrity: sha512-Wl7IzNuKCb4h41a5iH/YXNwalHItqJPCAr4r8+0iUYOLHNOf3E9P0G4kzZ9sqDoWKxY04qst6Vrij9bwPzLQRQ==}
-    peerDependencies:
-      '@tanstack/react-query': ^5.20.5
-      react: ^18.0.0
-    dependencies:
-      '@tanstack/query-devtools': 5.20.2
-      '@tanstack/react-query': 5.0.5(react-dom@18.2.0)(react@18.2.0)
-      react: 18.2.0
-    dev: true
-
   /@tanstack/react-query@5.0.5(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-ZG0Q4HZ0iuI8mWiZ2/MdVYPHbrmAVhMn7+gLOkxJh6zLIgCL4luSZlohzN5Xt4MjxfxxWioO1nemwpudaTsmQg==}
     peerDependencies:
@@ -16687,18 +16343,36 @@ packages:
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
 
-  /@tanstack/react-router-server@1.16.2(preact@10.19.4)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-vnhRBX/G/NUFLOA+AvyscWj2UiBon18UPhANB3cM5JX4XuJlSmbBXOyTINCky0HhQDOPWl1gyEJHet2enX/pYA==}
+  /@tanstack/react-query@5.24.1(react@18.2.0):
+    resolution: {integrity: sha512-4+09JEdO4d6+Gc8Y/g2M/MuxDK5IY0QV8+2wL2304wPKJgJ54cBbULd3nciJ5uvh/as8rrxx6s0mtIwpRuGd1g==}
+    peerDependencies:
+      react: ^18.0.0
+    dependencies:
+      '@tanstack/query-core': 5.24.1
+      react: 18.2.0
+    dev: false
+
+  /@tanstack/react-query@5.24.6(react@18.2.0):
+    resolution: {integrity: sha512-eyIWwHiO1ZirYGzqs0kfRMkf8icuXroFunjnsgntk9YgGFbGoPs3Hxy9/OushNvpnkHT9RwPZb8UfEKzMzzEaQ==}
+    peerDependencies:
+      react: ^18.0.0
+    dependencies:
+      '@tanstack/query-core': 5.24.6
+      react: 18.2.0
+    dev: false
+
+  /@tanstack/react-router-server@1.17.4(preact@10.19.6)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-X1ZEOlHEKcTcldfZDhP5wP5Tv8u/1kxy9Nty08TrM4a9SWYNl0o3AzNnP9c8Y3C2IZ6j8ADAaDnPFwBhCaI5ng==}
     engines: {node: '>=12'}
     peerDependencies:
       react: '>=18'
       react-dom: '>=18'
     dependencies:
       '@tanstack/react-cross-context': 1.15.10(react-dom@18.2.0)(react@18.2.0)
-      '@tanstack/react-router': 1.16.2(react-dom@18.2.0)(react@18.2.0)
+      '@tanstack/react-router': 1.17.4(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      vinxi: 0.2.1(preact@10.19.4)
+      vinxi: 0.2.1(preact@10.19.6)
     transitivePeerDependencies:
       - '@azure/app-configuration'
       - '@azure/cosmos'
@@ -16727,12 +16401,13 @@ packages:
       - sugarss
       - supports-color
       - terser
+      - uWebSockets.js
       - utf-8-validate
       - xml2js
     dev: false
 
-  /@tanstack/react-router@1.16.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-GgAxcs3JQjpC/nQd81S9MQ2wC9aPEw+fBt0n1VwYl/vW571OpU4HfRawu/OT4piHcV9/VS5oAUoZlwtApI0hLw==}
+  /@tanstack/react-router@1.17.4(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-iW/TgJN/qZ+Ly73jDU3D2AuC3IlAHGx3ybXTvVuZ1hihsud7arEg7g83hsuU+xbkPcVWfly9ndTb1XKxrovw9w==}
     engines: {node: '>=12'}
     peerDependencies:
       react: '>=16'
@@ -16758,32 +16433,36 @@ packages:
       use-sync-external-store: 1.2.0(react@18.2.0)
     dev: false
 
-  /@tanstack/router-devtools@1.16.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-ntGIeLjzEaWyo0Tb8x3tAC9YZXyywYDuODn3IZCYBx+ju4lIyQEIWjZpBNGEaHv3D9QfNTeZN0uposXylZN2kw==}
+  /@tanstack/router-devtools@1.17.4(csstype@3.1.2)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-tt02Xi1WpM/WkSrgmiKDvFa9OsLApWSfxulHVzyl/F9JMulOjqy45s0BxH2PlQSKGHjp8CNIBRyd4Ajs+sIN3A==}
     engines: {node: '>=12'}
     peerDependencies:
       react: '>=16'
       react-dom: '>=16'
     dependencies:
-      '@tanstack/react-router': 1.16.2(react-dom@18.2.0)(react@18.2.0)
+      '@tanstack/react-router': 1.17.4(react-dom@18.2.0)(react@18.2.0)
+      clsx: 2.1.0
       date-fns: 2.30.0
+      goober: 2.1.14(csstype@3.1.2)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
+    transitivePeerDependencies:
+      - csstype
     dev: false
 
-  /@tanstack/router-generator@1.16.3:
-    resolution: {integrity: sha512-S3cO7bUtWnbMKVuC6nVcx4TpE1n98aCXQ3xhPtiZr5dgtIxIQFN+O62H0M1UJi1kkDPQ37dJoXzupXLxW1aexw==}
+  /@tanstack/router-generator@1.16.5:
+    resolution: {integrity: sha512-np9+DASQvD4ff+FrCZ4XqRMGpVC6Y2213kma/X05mvo241yh0D5C6paUY7N7pSBPpuTlJbYKi+73cm/xRtK3Hg==}
     engines: {node: '>=12'}
     dependencies:
       prettier: 3.2.5
       zod: 3.22.4
     dev: false
 
-  /@tanstack/router-vite-plugin@1.16.3:
-    resolution: {integrity: sha512-ECIzQP1QS3hxFKmg8UUw3u8fkPqWWb3XrEUm8NIQZ1bMfirYV8vVNpl2beeB5+N1mqEwBXzxXuXEse0utO4rPg==}
+  /@tanstack/router-vite-plugin@1.16.5:
+    resolution: {integrity: sha512-rNfAuWIScl0KnjWOda5hzQYgHdwpLu1OljvqZa260UrCB6e32882X2Ci687+OUBfydhZT/V53XtQ+la7/AO5Rw==}
     engines: {node: '>=12'}
     dependencies:
-      '@tanstack/router-generator': 1.16.3
+      '@tanstack/router-generator': 1.16.5
     dev: false
 
   /@tanstack/store@0.1.3:
@@ -16853,6 +16532,7 @@ packages:
       dom-accessibility-api: 0.5.16
       lodash: 4.17.21
       redent: 3.0.0
+    dev: false
 
   /@testing-library/jest-dom@5.16.5:
     resolution: {integrity: sha512-N5ixQ2qKpi5OLYfwQmUb/5mSV9LneAcaUfp32pn4yCnpb8r/Yz0pXFPck21dIicKmi+ta5WRAknkZCfA8refMA==}
@@ -16869,17 +16549,20 @@ packages:
       redent: 3.0.0
     dev: true
 
-  /@testing-library/jest-dom@6.1.4(vitest@0.34.6):
-    resolution: {integrity: sha512-wpoYrCYwSZ5/AxcrjLxJmCU6I5QAJXslEeSiMQqaWmP2Kzpd1LvF/qxmAIW2qposULGWq2gw30GgVNFLSc2Jnw==}
+  /@testing-library/jest-dom@6.4.1(@jest/globals@29.7.0)(@types/jest@29.5.8)(jest@26.6.3)(vitest@1.3.1):
+    resolution: {integrity: sha512-Z7qMM3J2Zw5H/nC2/5CYx5YcuaD56JmDFKNIozZ89VIo6o6Y9FMhssics4e2madEKYDNEpZz3+glPGz0yWMOag==}
     engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
     peerDependencies:
       '@jest/globals': '>= 28'
+      '@types/bun': latest
       '@types/jest': '>= 28'
       jest: '>= 28'
       vitest: '>= 0.32'
     peerDependenciesMeta:
       '@jest/globals':
         optional: true
+      '@types/bun':
+        optional: true
       '@types/jest':
         optional: true
       jest:
@@ -16889,16 +16572,51 @@ packages:
     dependencies:
       '@adobe/css-tools': 4.3.2
       '@babel/runtime': 7.20.6
+      '@jest/globals': 29.7.0
+      '@types/jest': 29.5.8
       aria-query: 5.3.0
       chalk: 3.0.0
       css.escape: 1.5.1
-      dom-accessibility-api: 0.5.16
+      dom-accessibility-api: 0.6.3
+      jest: 26.6.3
+      lodash: 4.17.21
+      redent: 3.0.0
+      vitest: 1.3.1(jsdom@21.1.2)
+    dev: true
+
+  /@testing-library/jest-dom@6.4.2(vitest@1.3.1):
+    resolution: {integrity: sha512-CzqH0AFymEMG48CpzXFriYYkOjk6ZGPCLMhW9e9jg3KMCn5OfJecF8GtGW7yGfR/IgCe3SX8BSwjdzI6BBbZLw==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+    peerDependencies:
+      '@jest/globals': '>= 28'
+      '@types/bun': latest
+      '@types/jest': '>= 28'
+      jest: '>= 28'
+      vitest: '>= 0.32'
+    peerDependenciesMeta:
+      '@jest/globals':
+        optional: true
+      '@types/bun':
+        optional: true
+      '@types/jest':
+        optional: true
+      jest:
+        optional: true
+      vitest:
+        optional: true
+    dependencies:
+      '@adobe/css-tools': 4.3.2
+      '@babel/runtime': 7.20.6
+      aria-query: 5.3.0
+      chalk: 3.0.0
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
       lodash: 4.17.21
       redent: 3.0.0
-      vitest: 0.34.6(jsdom@22.1.0)(lightningcss@1.23.0)
+      vitest: 1.3.1(jsdom@22.1.0)(lightningcss@1.24.0)
     dev: true
 
-  /@testing-library/react-hooks@8.0.1(@types/react@17.0.70)(react-dom@17.0.2)(react-test-renderer@17.0.2)(react@17.0.2):
+  /@testing-library/react-hooks@8.0.1(@types/react@18.2.60)(react-dom@18.2.0)(react-test-renderer@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Aqhl2IVmLt8IovEVarNDFuJDVWVvhnr9/GCU6UUnrYXwgDFF9h2L2o2P9KBni1AST5sT6riAyoukFLyjQUgD/g==}
     engines: {node: '>=12'}
     peerDependencies:
@@ -16915,11 +16633,11 @@ packages:
         optional: true
     dependencies:
       '@babel/runtime': 7.20.6
-      '@types/react': 17.0.70
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
-      react-error-boundary: 3.1.4(react@17.0.2)
-      react-test-renderer: 17.0.2(react@17.0.2)
+      '@types/react': 18.2.60
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-error-boundary: 3.1.4(react@18.2.0)
+      react-test-renderer: 18.2.0(react@18.2.0)
     dev: true
 
   /@testing-library/react@12.1.5(react-dom@17.0.2)(react@17.0.2):
@@ -16934,6 +16652,7 @@ packages:
       '@types/react-dom': 17.0.23
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
+    dev: false
 
   /@testing-library/react@13.4.0(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-sXOGON+WNTh3MLE9rve97ftaZukN3oNf2KjDy7YTx6hcTO2uuLHuCGynMDhFwGw/jYf4OJ2Qk0i4i79qMNNkyw==}
@@ -16949,8 +16668,22 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /@testing-library/react@14.0.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-S04gSNJbYE30TlIMLTzv6QCTzt9AqIF5y6s6SzVFILNcNvbV/jU96GeiTPillGQo+Ny64M/5PV7klNYYgv5Dfg==}
+  /@testing-library/react@14.2.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-7uBnPHyOG6nDGCzv8SLeJbSa33ZoYw7swYpSLIgJvBALdq7l9zPNk33om4USrxy1lKTxXaVfufzLmq83WNfWIw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      react: ^18.0.0
+      react-dom: ^18.0.0
+    dependencies:
+      '@babel/runtime': 7.20.6
+      '@testing-library/dom': 9.3.3
+      '@types/react-dom': 18.2.19
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: true
+
+  /@testing-library/react@14.2.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-sGdjws32ai5TLerhvzThYFbpnF9XtL65Cjf+gB0Dhr29BGqK+mAeN7SURSdu+eqgET4ANcWoC7FQpkaiGvBr+A==}
     engines: {node: '>=14'}
     peerDependencies:
       react: ^18.0.0
@@ -16963,7 +16696,7 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /@testing-library/react@9.5.0(react-dom@17.0.2)(react@17.0.2):
+  /@testing-library/react@9.5.0(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-di1b+D0p+rfeboHO5W7gTVeZDIK5+maEgstrZbWZSSvxDyfDRkkyBE1AJR5Psd6doNldluXlCWqXriUfqu/9Qg==}
     engines: {node: '>=8'}
     peerDependencies:
@@ -16973,8 +16706,8 @@ packages:
       '@babel/runtime': 7.20.6
       '@testing-library/dom': 6.16.0
       '@types/testing-library__react': 9.1.3
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
     dev: true
 
   /@testing-library/user-event@14.5.1(@testing-library/dom@9.3.3):
@@ -17213,10 +16946,14 @@ packages:
       '@types/unist': 2.0.10
     dev: true
 
+  /@types/history@4.7.11:
+    resolution: {integrity: sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==}
+    dev: true
+
   /@types/hoist-non-react-statics@3.3.5:
     resolution: {integrity: sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==}
     dependencies:
-      '@types/react': 18.2.55
+      '@types/react': 18.2.60
       hoist-non-react-statics: 3.3.2
 
   /@types/html-minifier-terser@5.1.2:
@@ -17332,6 +17069,7 @@ packages:
 
   /@types/minimist@1.2.5:
     resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==}
+    dev: true
 
   /@types/ms@0.7.34:
     resolution: {integrity: sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==}
@@ -17408,13 +17146,14 @@ packages:
   /@types/reach__router@1.3.14:
     resolution: {integrity: sha512-2iOQZbwfw1ZYwYK+dRp7D1b8kU6GlFPJ/iEt33zDYxfId5CAKT7vX3lN/XmJ+FaMZ3FyB99tPgfajcmZnTqdtg==}
     dependencies:
-      '@types/react': 18.2.55
+      '@types/react': 18.2.60
     dev: true
 
   /@types/react-dom@17.0.23:
     resolution: {integrity: sha512-lnJAZfMEDxfvELeeT24w4rnUYwpzUzQAOTfJQbWYnLcx8AEfz+fXJDCbowIBqNK/Bi4D6j8ovT8Qsda2OtDApA==}
     dependencies:
       '@types/react': 17.0.70
+    dev: false
 
   /@types/react-dom@18.2.12:
     resolution: {integrity: sha512-QWZuiA/7J/hPIGocXreCRbx7wyoeet9ooxfbSA+zbIWqyQEE7GMtRn4A37BdYyksnN+/NDnWgfxZH9UVGDw1hg==}
@@ -17425,37 +17164,51 @@ packages:
   /@types/react-dom@18.2.19:
     resolution: {integrity: sha512-aZvQL6uUbIJpjZk4U8JZGbau9KDeAwMfmhyWorxgBkqDIEf6ROjRozcmPIicqsUwPUjbkDfHKgGee1Lq65APcA==}
     dependencies:
-      '@types/react': 18.2.55
-    dev: true
+      '@types/react': 18.2.60
 
   /@types/react-redux@7.1.30:
     resolution: {integrity: sha512-i2kqM6YaUwFKduamV6QM/uHbb0eCP8f8ZQ/0yWf+BsAVVsZPRYJ9eeGWZ3uxLfWwwA0SrPRMTPTqsPFkY3HZdA==}
     dependencies:
       '@types/hoist-non-react-statics': 3.3.5
-      '@types/react': 18.2.55
+      '@types/react': 18.2.60
       hoist-non-react-statics: 3.3.2
-      redux: 4.1.0
+      redux: 4.2.1
     dev: false
 
   /@types/react-redux@7.1.33:
     resolution: {integrity: sha512-NF8m5AjWCkert+fosDsN3hAlHzpjSiXlVy9EgQEmLoBhaNXbmyeGs/aj5dQzKuF+/q+S7JQagorGDW8pJ28Hmg==}
     dependencies:
       '@types/hoist-non-react-statics': 3.3.5
-      '@types/react': 18.2.55
+      '@types/react': 18.2.60
       hoist-non-react-statics: 3.3.2
       redux: 4.1.0
     dev: true
 
+  /@types/react-router-dom@5.3.3:
+    resolution: {integrity: sha512-kpqnYK4wcdm5UaWI3fLcELopqLrHgLqNsdpHauzlQktfkHL3npOSwtj1Uz9oKBAzs7lFtVkV8j83voAz2D8fhw==}
+    dependencies:
+      '@types/history': 4.7.11
+      '@types/react': 18.2.60
+      '@types/react-router': 5.1.20
+    dev: true
+
+  /@types/react-router@5.1.20:
+    resolution: {integrity: sha512-jGjmu/ZqS7FjSH6owMcD5qpq19+1RS9DeVRqfl1FeBMxTDQAGwlMWOcs52NDoXaNKyG3d1cYQFMs9rCrb88o9Q==}
+    dependencies:
+      '@types/history': 4.7.11
+      '@types/react': 18.2.60
+    dev: true
+
   /@types/react-syntax-highlighter@11.0.5:
     resolution: {integrity: sha512-VIOi9i2Oj5XsmWWoB72p3KlZoEbdRAcechJa8Ztebw7bDl2YmR+odxIqhtJGp1q2EozHs02US+gzxJ9nuf56qg==}
     dependencies:
-      '@types/react': 18.2.55
+      '@types/react': 18.2.60
     dev: true
 
-  /@types/react-test-renderer@18.0.1:
-    resolution: {integrity: sha512-LjEF+jTUCjzd+Qq4eWqsmZvEWPA/l4L0my+YWN5US8Fo3wZOMiyrpBshHDFbkO8usjdO1B430mEWNU/i1MF7Qg==}
+  /@types/react-test-renderer@18.0.7:
+    resolution: {integrity: sha512-1+ANPOWc6rB3IkSnElhjv6VLlKg2dSv/OWClUyZimbLsQyBn8Js9Vtdsi3UICJ2rIQ3k2la06dkB+C92QfhKmg==}
     dependencies:
-      '@types/react': 18.2.55
+      '@types/react': 18.2.60
     dev: true
 
   /@types/react@17.0.70:
@@ -17464,6 +17217,7 @@ packages:
       '@types/prop-types': 15.7.10
       '@types/scheduler': 0.16.6
       csstype: 3.1.2
+    dev: false
 
   /@types/react@18.2.27:
     resolution: {integrity: sha512-Wfv7B7FZiR2r3MIqbAlXoY1+tXm4bOqfz4oRr+nyXdBqapDBZ0l/IGcSlAfvxIHEEJjkPU0MYAc/BlFPOcrgLw==}
@@ -17473,8 +17227,8 @@ packages:
       csstype: 3.1.2
     dev: true
 
-  /@types/react@18.2.55:
-    resolution: {integrity: sha512-Y2Tz5P4yz23brwm2d7jNon39qoAtMMmalOQv6+fEFt1mT+FcM3D841wDpoUvFXhaYenuROCy3FZYqdTjM7qVyA==}
+  /@types/react@18.2.60:
+    resolution: {integrity: sha512-dfiPj9+k20jJrLGOu9Nf6eqxm2EyJRrq2NvwOFsfbb7sFExZ9WELPs67UImHj3Ayxg8ruTtKtNnbjaF8olPq0A==}
     dependencies:
       '@types/prop-types': 15.7.10
       '@types/scheduler': 0.16.6
@@ -17568,7 +17322,7 @@ packages:
     resolution: {integrity: sha512-mj1aH4cj3XUpMEgVpognma5kHVtbm6U6cHZmEFzCRiXPvKkuHrFr3+yXdGLXvfFRBaQIVshPGHI+hGTOJlhS/g==}
     deprecated: This is a stub types definition. testing-library__dom provides its own type definitions, so you do not need this installed.
     dependencies:
-      '@testing-library/dom': 8.20.1
+      '@testing-library/dom': 9.3.3
     dev: true
 
   /@types/testing-library__jest-dom@5.14.9:
@@ -17594,6 +17348,10 @@ packages:
     resolution: {integrity: sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==}
     dev: true
 
+  /@types/use-sync-external-store@0.0.3:
+    resolution: {integrity: sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==}
+    dev: false
+
   /@types/uuid@9.0.7:
     resolution: {integrity: sha512-WUtIVRUZ9i5dYXefDEAI7sh9/O7jGvHg7Df/5O/gtH3Yabe5odI3UWopVR1qbPXQtvOxWu3mM4XxlYeZtMWF4g==}
     dev: true
@@ -17690,6 +17448,7 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
   /@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==}
@@ -17719,6 +17478,34 @@ packages:
       - supports-color
     dev: true
 
+  /@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^5.0.0
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': 4.10.0
+      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/scope-manager': 5.62.0
+      '@typescript-eslint/type-utils': 5.62.0(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.2.2)
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.57.0
+      graphemer: 1.4.0
+      ignore: 5.3.0
+      natural-compare-lite: 1.4.0
+      semver: 7.6.0
+      tsutils: 3.21.0(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@typescript-eslint/eslint-plugin@6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.49.0)(typescript@5.2.2):
     resolution: {integrity: sha512-gUqtknHm0TDs1LhY12K2NA3Rmlmp88jK9Tx8vGZMfHeNMLE3GH2e9TRub+y+SOjuYgtOmok+wt1AyDPZqxbNag==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -17748,7 +17535,36 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.53.0)(typescript@5.2.2):
+  /@typescript-eslint/eslint-plugin@6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-gUqtknHm0TDs1LhY12K2NA3Rmlmp88jK9Tx8vGZMfHeNMLE3GH2e9TRub+y+SOjuYgtOmok+wt1AyDPZqxbNag==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': 4.10.0
+      '@typescript-eslint/parser': 6.7.0(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/scope-manager': 6.7.0
+      '@typescript-eslint/type-utils': 6.7.0(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.7.0(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': 6.7.0
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.57.0
+      graphemer: 1.4.0
+      ignore: 5.3.0
+      natural-compare: 1.4.0
+      semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.53.0)(typescript@5.3.3):
     resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
@@ -17760,10 +17576,10 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.10.0
-      '@typescript-eslint/parser': 6.8.0(eslint@8.53.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 6.8.0(eslint@8.53.0)(typescript@5.3.3)
       '@typescript-eslint/scope-manager': 6.8.0
-      '@typescript-eslint/type-utils': 6.8.0(eslint@8.53.0)(typescript@5.2.2)
-      '@typescript-eslint/utils': 6.8.0(eslint@8.53.0)(typescript@5.2.2)
+      '@typescript-eslint/type-utils': 6.8.0(eslint@8.53.0)(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.8.0(eslint@8.53.0)(typescript@5.3.3)
       '@typescript-eslint/visitor-keys': 6.8.0
       debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.53.0
@@ -17771,6 +17587,35 @@ packages:
       ignore: 5.3.0
       natural-compare: 1.4.0
       semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.3.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/eslint-plugin@6.8.0(@typescript-eslint/parser@6.8.0)(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-GosF4238Tkes2SHPQ1i8f6rMtG6zlKwMEB0abqSJ3Npvos+doIlc/ATG+vX1G9coDF3Ex78zM3heXHLyWEwLUw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': 4.10.0
+      '@typescript-eslint/parser': 6.8.0(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/scope-manager': 6.8.0
+      '@typescript-eslint/type-utils': 6.8.0(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.8.0(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': 6.8.0
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.57.0
+      graphemer: 1.4.0
+      ignore: 5.3.0
+      natural-compare: 1.4.0
+      semver: 7.5.4
       ts-api-utils: 1.0.3(typescript@5.2.2)
       typescript: 5.2.2
     transitivePeerDependencies:
@@ -17788,6 +17633,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - typescript
+    dev: false
 
   /@typescript-eslint/experimental-utils@5.62.0(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-RTXpeB3eMkpoclG3ZHft6vG/Z30azNHuqY6wKPBHlVMZFuEvrtlEDe8gMqDb+SO+9hjC/pLekeSCryf9vMZlCw==}
@@ -17802,6 +17648,19 @@ packages:
       - typescript
     dev: true
 
+  /@typescript-eslint/experimental-utils@5.62.0(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-RTXpeB3eMkpoclG3ZHft6vG/Z30azNHuqY6wKPBHlVMZFuEvrtlEDe8gMqDb+SO+9hjC/pLekeSCryf9vMZlCw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.2.2)
+      eslint: 8.57.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   /@typescript-eslint/parser@5.62.0(eslint@8.49.0)(typescript@5.2.2):
     resolution: {integrity: sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -17820,6 +17679,7 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
   /@typescript-eslint/parser@5.62.0(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==}
@@ -17839,6 +17699,25 @@ packages:
       typescript: 5.3.3
     transitivePeerDependencies:
       - supports-color
+
+  /@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 5.62.0
+      '@typescript-eslint/types': 5.62.0
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.2.2)
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.57.0
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /@typescript-eslint/parser@6.7.0(eslint@8.49.0)(typescript@5.2.2):
@@ -17861,6 +17740,26 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /@typescript-eslint/parser@6.7.0(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-jZKYwqNpNm5kzPVP5z1JXAuxjtl2uG+5NpaMocFPTNC2EdYIgbXIPImObOkhbONxtFTTdoZstLZefbaK+wXZng==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 6.7.0
+      '@typescript-eslint/types': 6.7.0
+      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': 6.7.0
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.57.0
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+
   /@typescript-eslint/parser@6.8.0(eslint@8.53.0)(typescript@5.2.2):
     resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -17880,6 +17779,48 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
+    dev: true
+
+  /@typescript-eslint/parser@6.8.0(eslint@8.53.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 6.8.0
+      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 6.8.0
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.53.0
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/parser@6.8.0(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 6.8.0
+      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': 6.8.0
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.57.0
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
 
   /@typescript-eslint/scope-manager@5.62.0:
     resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==}
@@ -17920,6 +17861,7 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
   /@typescript-eslint/type-utils@5.62.0(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==}
@@ -17941,6 +17883,26 @@ packages:
       - supports-color
     dev: true
 
+  /@typescript-eslint/type-utils@5.62.0(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.2.2)
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.2.2)
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.57.0
+      tsutils: 3.21.0(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@typescript-eslint/type-utils@6.7.0(eslint@8.49.0)(typescript@5.2.2):
     resolution: {integrity: sha512-f/QabJgDAlpSz3qduCyQT0Fw7hHpmhOzY/Rv6zO3yO+HVIdPfIWhrQoAyG+uZVtWAIS85zAyzgAFfyEr+MgBpg==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -17961,7 +17923,27 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/type-utils@6.8.0(eslint@8.53.0)(typescript@5.2.2):
+  /@typescript-eslint/type-utils@6.7.0(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-f/QabJgDAlpSz3qduCyQT0Fw7hHpmhOzY/Rv6zO3yO+HVIdPfIWhrQoAyG+uZVtWAIS85zAyzgAFfyEr+MgBpg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.7.0(eslint@8.57.0)(typescript@5.2.2)
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.57.0
+      ts-api-utils: 1.0.3(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/type-utils@6.8.0(eslint@8.53.0)(typescript@5.3.3):
     resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
@@ -17971,10 +17953,30 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.2.2)
-      '@typescript-eslint/utils': 6.8.0(eslint@8.53.0)(typescript@5.2.2)
+      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.8.0(eslint@8.53.0)(typescript@5.3.3)
       debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.53.0
+      ts-api-utils: 1.0.3(typescript@5.3.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/type-utils@6.8.0(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-RYOJdlkTJIXW7GSldUIHqc/Hkto8E+fZN96dMIFhuTJcQwdRoGN2rEWA8U6oXbLo0qufH7NPElUb+MceHtz54g==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.8.0(eslint@8.57.0)(typescript@5.2.2)
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.57.0
       ts-api-utils: 1.0.3(typescript@5.2.2)
       typescript: 5.2.2
     transitivePeerDependencies:
@@ -18032,7 +18034,6 @@ packages:
       typescript: 5.3.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /@typescript-eslint/typescript-estree@6.7.0(typescript@5.2.2):
     resolution: {integrity: sha512-dPvkXj3n6e9yd/0LfojNU8VMUGHWiLuBZvbM6V6QYD+2qxqInE7J+J/ieY2iGwR9ivf/R/haWGkIj04WVUeiSQ==}
@@ -18068,12 +18069,33 @@ packages:
       debug: 4.3.4(supports-color@8.1.1)
       globby: 11.1.0
       is-glob: 4.0.3
-      semver: 7.5.4
+      semver: 7.6.0
       ts-api-utils: 1.0.3(typescript@5.2.2)
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
 
+  /@typescript-eslint/typescript-estree@6.8.0(typescript@5.3.3):
+    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/visitor-keys': 6.8.0
+      debug: 4.3.4(supports-color@8.1.1)
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.6.0
+      ts-api-utils: 1.0.3(typescript@5.3.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@typescript-eslint/utils@5.62.0(eslint@8.49.0)(typescript@5.2.2):
     resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -18092,6 +18114,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - typescript
+    dev: false
 
   /@typescript-eslint/utils@5.62.0(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
@@ -18113,19 +18136,19 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/utils@5.62.0(eslint@8.53.0)(typescript@5.2.2):
+  /@typescript-eslint/utils@5.62.0(eslint@8.57.0)(typescript@5.2.2):
     resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.53.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@types/json-schema': 7.0.15
       '@types/semver': 7.5.5
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.2.2)
-      eslint: 8.53.0
+      eslint: 8.57.0
       eslint-scope: 5.1.1
       semver: 7.6.0
     transitivePeerDependencies:
@@ -18152,7 +18175,26 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/utils@6.8.0(eslint@8.53.0)(typescript@5.2.2):
+  /@typescript-eslint/utils@6.7.0(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-MfCq3cM0vh2slSikQYqK2Gq52gvOhe57vD2RM3V4gQRZYX4rDPnKLu5p6cm89+LJiGlwEXU8hkYxhqqEC/V3qA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.5
+      '@typescript-eslint/scope-manager': 6.7.0
+      '@typescript-eslint/types': 6.7.0
+      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.2.2)
+      eslint: 8.57.0
+      semver: 7.6.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/utils@6.8.0(eslint@8.53.0)(typescript@5.3.3):
     resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
@@ -18163,9 +18205,28 @@ packages:
       '@types/semver': 7.5.5
       '@typescript-eslint/scope-manager': 6.8.0
       '@typescript-eslint/types': 6.8.0
-      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.2.2)
+      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.3.3)
       eslint: 8.53.0
-      semver: 7.5.4
+      semver: 7.6.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/utils@6.8.0(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-dKs1itdE2qFG4jr0dlYLQVppqTE+Itt7GmIf/vX6CSvsW+3ov8PbWauVKyyfNngokhIO9sKZeRGCUo1+N7U98Q==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.5
+      '@typescript-eslint/scope-manager': 6.8.0
+      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.2.2)
+      eslint: 8.57.0
+      semver: 7.6.0
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -18233,8 +18294,8 @@ packages:
       lodash: 4.17.21
       mlly: 1.4.2
       outdent: 0.8.0
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
-      vite-node: 0.28.5(@types/node@20.9.0)
+      vite: 4.5.1
+      vite-node: 0.28.5
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -18271,12 +18332,12 @@ packages:
       - supports-color
     dev: false
 
-  /@vinxi/devtools@0.2.0(@babel/core@7.23.9)(preact@10.19.4)(vite@4.5.0):
+  /@vinxi/devtools@0.2.0(@babel/core@7.23.9)(preact@10.19.6)(vite@4.5.0):
     resolution: {integrity: sha512-LpQp5zbiBhV4eo2w6AiJFtpZZj4LaRBOnzggIPTeSJYvgrxRMAqe/34Har3vVo+b7sPOjxFbE1zHZhLzaAcidw==}
     dependencies:
-      '@preact/preset-vite': 2.8.1(@babel/core@7.23.9)(preact@10.19.4)(vite@4.5.0)
+      '@preact/preset-vite': 2.8.1(@babel/core@7.23.9)(preact@10.19.6)(vite@4.5.0)
       '@solidjs/router': 0.8.4(solid-js@1.8.15)
-      birpc: 0.2.15
+      birpc: 0.2.17
       solid-js: 1.8.15
       vite-plugin-inspect: 0.7.42(vite@4.5.0)
       vite-plugin-solid: 2.10.1(solid-js@1.8.15)(vite@4.5.0)
@@ -18297,7 +18358,7 @@ packages:
     resolution: {integrity: sha512-WSN1z931BtasZJlgPp704zJFnQFRg7yzSjkm3MzAWQYe4uXFXlFr1hc5Ac2zae5/HDOz5x1/zDM5Cb54vTCnWw==}
     hasBin: true
     dependencies:
-      '@parcel/watcher': 2.4.0
+      '@parcel/watcher': 2.3.0
       '@parcel/watcher-wasm': 2.3.0
       citty: 0.1.6
       clipboardy: 4.0.0
@@ -18307,7 +18368,7 @@ packages:
       h3: 1.10.1
       http-shutdown: 1.2.2
       jiti: 1.21.0
-      mlly: 1.5.0
+      mlly: 1.6.1
       node-forge: 1.3.1
       pathe: 1.1.2
       std-env: 3.7.0
@@ -18316,7 +18377,7 @@ packages:
       uqr: 0.1.2
     dev: false
 
-  /@vitejs/plugin-react@3.1.0(vite@4.5.1):
+  /@vitejs/plugin-react@3.1.0(vite@5.1.4):
     resolution: {integrity: sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -18327,23 +18388,7 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.9)
       magic-string: 0.27.0
       react-refresh: 0.14.0
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@vitejs/plugin-react@4.2.0(vite@4.5.1):
-    resolution: {integrity: sha512-+MHTH/e6H12kRp5HUkzOGqPMksezRMmW+TNzlh/QXfI8rRf6l2Z2yH/v12no1UvTwhZgEDMuQ7g7rrfMseU6FQ==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.2.0 || ^5.0.0
-    dependencies:
-      '@babel/core': 7.23.9
-      '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.23.9)
-      '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.9)
-      '@types/babel__core': 7.20.4
-      react-refresh: 0.14.0
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
+      vite: 5.1.4(lightningcss@1.24.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -18359,53 +18404,32 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.9)
       '@types/babel__core': 7.20.4
       react-refresh: 0.14.0
-      vite: 5.1.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@vitest/coverage-c8@0.28.5(jsdom@21.1.2):
-    resolution: {integrity: sha512-zCNyurjudoG0BAqAgknvlBhkV2V9ZwyYLWOAGtHSDhL/St49MJT+V2p1G0yPaoqBbKOTATVnP5H2p1XL15H75g==}
-    dependencies:
-      c8: 7.14.0
-      picocolors: 1.0.0
-      std-env: 3.5.0
-      vitest: 0.28.5(jsdom@21.1.2)
+      vite: 5.1.4(@types/node@20.9.0)
     transitivePeerDependencies:
-      - '@edge-runtime/vm'
-      - '@vitest/browser'
-      - '@vitest/ui'
-      - happy-dom
-      - jsdom
-      - less
-      - lightningcss
-      - sass
-      - stylus
-      - sugarss
       - supports-color
-      - terser
     dev: true
 
-  /@vitest/coverage-c8@0.33.0(vitest@0.34.6):
-    resolution: {integrity: sha512-DaF1zJz4dcOZS4k/neiQJokmOWqsGXwhthfmUdPGorXIQHjdPvV6JQSYhQDI41MyI8c+IieQUdIDs5XAMHtDDw==}
-    deprecated: v8 coverage is moved to @vitest/coverage-v8 package
+  /@vitest/coverage-v8@1.3.1(vitest@1.3.1):
+    resolution: {integrity: sha512-UuBnkSJUNE9rdHjDCPyJ4fYuMkoMtnghes1XohYa4At0MS3OQSAo97FrbwSLRshYsXThMZy1+ybD/byK5llyIg==}
     peerDependencies:
-      vitest: '>=0.30.0 <1'
+      vitest: 1.3.1
     dependencies:
       '@ampproject/remapping': 2.2.1
-      c8: 7.14.0
+      '@bcoe/v8-coverage': 0.2.3
+      debug: 4.3.4(supports-color@8.1.1)
+      istanbul-lib-coverage: 3.2.2
+      istanbul-lib-report: 3.0.1
+      istanbul-lib-source-maps: 4.0.1
+      istanbul-reports: 3.1.6
       magic-string: 0.30.5
+      magicast: 0.3.3
       picocolors: 1.0.0
-      std-env: 3.5.0
-      vitest: 0.34.6(jsdom@22.1.0)(lightningcss@1.23.0)
-    dev: true
-
-  /@vitest/expect@0.28.5:
-    resolution: {integrity: sha512-gqTZwoUTwepwGIatnw4UKpQfnoyV0Z9Czn9+Lo2/jLIt4/AXLTn+oVZxlQ7Ng8bzcNkR+3DqLJ08kNr8jRmdNQ==}
-    dependencies:
-      '@vitest/spy': 0.28.5
-      '@vitest/utils': 0.28.5
-      chai: 4.3.10
+      std-env: 3.7.0
+      test-exclude: 6.0.0
+      v8-to-istanbul: 9.2.0
+      vitest: 1.3.1(jsdom@21.1.2)
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /@vitest/expect@0.34.6:
@@ -18424,14 +18448,6 @@ packages:
       chai: 4.3.10
     dev: true
 
-  /@vitest/runner@0.28.5:
-    resolution: {integrity: sha512-NKkHtLB+FGjpp5KmneQjTcPLWPTDfB7ie+MmF1PnUBf/tGe2OjGxWyB62ySYZ25EYp9krR5Bw0YPLS/VWh1QiA==}
-    dependencies:
-      '@vitest/utils': 0.28.5
-      p-limit: 4.0.0
-      pathe: 1.1.1
-    dev: true
-
   /@vitest/runner@0.34.6:
     resolution: {integrity: sha512-1CUQgtJSLF47NnhN+F9X2ycxUP0kLHQ/JWvNHbeBfwW8CzEGgeskzNnHDyv1ieKTltuR6sdIHV+nmR6kPxQqzQ==}
     dependencies:
@@ -18464,12 +18480,6 @@ packages:
       pretty-format: 29.7.0
     dev: true
 
-  /@vitest/spy@0.28.5:
-    resolution: {integrity: sha512-7if6rsHQr9zbmvxN7h+gGh2L9eIIErgf8nSKYDlg07HHimCxp4H6I/X/DPXktVPPLQfiZ1Cw2cbDIx9fSqDjGw==}
-    dependencies:
-      tinyspy: 1.1.1
-    dev: true
-
   /@vitest/spy@0.34.6:
     resolution: {integrity: sha512-xaCvneSaeBw/cz8ySmF7ZwGvL0lBjfvqc1LpQ/vcdHEvpLn3Ff1vAvjw+CoGn0802l++5L/pxb7whwcWAw+DUQ==}
     dependencies:
@@ -18482,16 +18492,6 @@ packages:
       tinyspy: 2.2.0
     dev: true
 
-  /@vitest/utils@0.28.5:
-    resolution: {integrity: sha512-UyZdYwdULlOa4LTUSwZ+Paz7nBHGTT72jKwdFSV4IjHF1xsokp+CabMdhjvVhYwkLfO88ylJT46YMilnkSARZA==}
-    dependencies:
-      cli-truncate: 3.1.0
-      diff: 5.1.0
-      loupe: 2.3.7
-      picocolors: 1.0.0
-      pretty-format: 27.5.1
-    dev: true
-
   /@vitest/utils@0.34.6:
     resolution: {integrity: sha512-IG5aDD8S6zlvloDsnzHw0Ut5xczlF+kv2BOTo+iXfPr54Yhi5qbVOgGB1hZaVq4iJ4C/MZ2J0y15IlsV/ZcI0A==}
     dependencies:
@@ -18531,7 +18531,7 @@ packages:
   /@vue/compiler-core@3.3.9:
     resolution: {integrity: sha512-+/Lf68Vr/nFBA6ol4xOtJrW+BQWv3QWKfRwGSm70jtXwfhZNF4R/eRgyVJYoxFRhdCTk/F6g99BP0ffPgZihfQ==}
     dependencies:
-      '@babel/parser': 7.23.3
+      '@babel/parser': 7.23.9
       '@vue/shared': 3.3.9
       estree-walker: 2.0.2
       source-map-js: 1.0.2
@@ -18544,8 +18544,8 @@ packages:
       '@vue/shared': 3.3.9
     dev: true
 
-  /@vue/language-core@1.8.24(typescript@5.2.2):
-    resolution: {integrity: sha512-2ClHvij0WlsDWryPzXJCSpPc6rusZFNoVtRZGgGGkKCmKuIREDDKmH8j+1tYyxPYyH0qL6pZ6+IHD8KIm5nWAw==}
+  /@vue/language-core@1.8.27(typescript@5.2.2):
+    resolution: {integrity: sha512-L8Kc27VdQserNaCUNiSFdDl9LWT24ly8Hpwf1ECy3aFb9m6bDhBGQYOujDm21N7EW3moKIOKEanQwe1q5BK+mA==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -18756,20 +18756,12 @@ packages:
       acorn: 7.4.1
     dev: true
 
-  /acorn-jsx@5.3.2(acorn@8.11.2):
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      acorn: 8.11.2
-
   /acorn-jsx@5.3.2(acorn@8.11.3):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       acorn: 8.11.3
-    dev: true
 
   /acorn-walk@6.2.0:
     resolution: {integrity: sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==}
@@ -18848,7 +18840,7 @@ packages:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
     dependencies:
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -18913,6 +18905,23 @@ packages:
       react-is: 16.13.1
     dev: false
 
+  /airbnb-prop-types@2.16.0(react@18.2.0):
+    resolution: {integrity: sha512-7WHOFolP/6cS96PhKNrslCLMYAI8yB1Pp6u6XmxozQOiZbsI5ycglZr5cHhBFfuRcQQjzCMith5ZPZdYiJCxUg==}
+    peerDependencies:
+      react: ^0.14 || ^15.0.0 || ^16.0.0-alpha
+    dependencies:
+      array.prototype.find: 2.2.2
+      function.prototype.name: 1.1.6
+      is-regex: 1.1.4
+      object-is: 1.1.5
+      object.assign: 4.1.4
+      object.entries: 1.1.7
+      prop-types: 15.7.2
+      prop-types-exact: 1.2.0
+      react: 18.2.0
+      react-is: 16.13.1
+    dev: false
+
   /ajv-errors@1.0.1(ajv@6.12.6):
     resolution: {integrity: sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==}
     peerDependencies:
@@ -18995,11 +19004,11 @@ packages:
     dependencies:
       type-fest: 0.21.3
 
-  /ansi-escapes@5.0.0:
-    resolution: {integrity: sha512-5GFMVX8HqE/TB+FuBJGuO5XG0WrsA6ptUqoODaT/n9mmUaZFkqnBueB4leqGBCmrUHnCnC4PCZTCd0E7QQ83bA==}
-    engines: {node: '>=12'}
+  /ansi-escapes@6.2.0:
+    resolution: {integrity: sha512-kzRaCqXnpzWs+3z5ABPQiVke+iq0KXkHo8xiWV4RPTi5Yli0l97BEQuhXV1s7+aSU/fu1kUuxgS4MsQ0fRuygw==}
+    engines: {node: '>=14.16'}
     dependencies:
-      type-fest: 1.4.0
+      type-fest: 3.13.1
     dev: true
 
   /ansi-html-community@0.0.8:
@@ -19124,8 +19133,8 @@ packages:
       readable-stream: 3.6.2
     dev: false
 
-  /archiver@6.0.1:
-    resolution: {integrity: sha512-CXGy4poOLBKptiZH//VlWdFuUC1RESbdZjGjILwBuZ73P7WkAUN0htfSfBq/7k6FRFlpu7bg4JOkj1vU9G6jcQ==}
+  /archiver@6.0.2:
+    resolution: {integrity: sha512-UQ/2nW7NMl1G+1UnrLypQw1VdT9XZg/ECcKPq7l+STzStrSivFIXIp34D8M5zeNGW5NoOupdYCHv6VySCPNNlw==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       archiver-utils: 4.0.1
@@ -19134,7 +19143,7 @@ packages:
       readable-stream: 3.6.2
       readdir-glob: 1.1.3
       tar-stream: 3.1.7
-      zip-stream: 5.0.1
+      zip-stream: 5.0.2
     dev: false
 
   /are-we-there-yet@1.1.7:
@@ -19233,7 +19242,7 @@ packages:
     optional: true
 
   /array-flatten@1.1.1:
-    resolution: {integrity: sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=}
+    resolution: {integrity: sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==}
 
   /array-flatten@2.1.2:
     resolution: {integrity: sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==}
@@ -19354,6 +19363,7 @@ packages:
   /arrify@1.0.1:
     resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /arrify@2.0.1:
     resolution: {integrity: sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==}
@@ -19492,7 +19502,7 @@ packages:
     hasBin: true
     dependencies:
       browserslist: 4.23.0
-      caniuse-lite: 1.0.30001562
+      caniuse-lite: 1.0.30001591
       normalize-range: 0.1.2
       num2fraction: 1.2.2
       picocolors: 0.2.1
@@ -19528,35 +19538,33 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /axios@0.21.4(debug@4.3.2):
+  /axios@0.21.4:
     resolution: {integrity: sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==}
     dependencies:
-      follow-redirects: 1.15.3(debug@4.3.2)
+      follow-redirects: 1.15.5(debug@4.3.4)
     transitivePeerDependencies:
       - debug
+    dev: false
 
-  /axios@0.24.0(debug@4.3.2):
-    resolution: {integrity: sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==}
+  /axios@0.21.4(debug@4.3.2):
+    resolution: {integrity: sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==}
     dependencies:
-      follow-redirects: 1.15.3(debug@4.3.2)
+      follow-redirects: 1.15.5(debug@4.3.2)
     transitivePeerDependencies:
       - debug
-    dev: true
 
-  /axios@1.6.2(debug@4.3.2):
-    resolution: {integrity: sha512-7i24Ri4pmDRfJTR7LDBhsOTtcm+9kjX5WiY1X3wIisx6G9So3pfMkEiU7emUBe46oceVImccTEM3k6C5dbVW8A==}
+  /axios@0.24.0(debug@4.3.2):
+    resolution: {integrity: sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==}
     dependencies:
-      follow-redirects: 1.15.3(debug@4.3.2)
-      form-data: 4.0.0
-      proxy-from-env: 1.1.0
+      follow-redirects: 1.15.5(debug@4.3.2)
     transitivePeerDependencies:
       - debug
-    dev: false
+    dev: true
 
-  /axios@1.6.7(debug@4.3.2):
+  /axios@1.6.7(debug@4.3.4):
     resolution: {integrity: sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==}
     dependencies:
-      follow-redirects: 1.15.5(debug@4.3.2)
+      follow-redirects: 1.15.5(debug@4.3.4)
       form-data: 4.0.0
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
@@ -19795,7 +19803,7 @@ packages:
       '@babel/core': 7.23.9
       '@babel/helper-module-imports': 7.18.6
       '@babel/plugin-syntax-jsx': 7.23.3(@babel/core@7.23.9)
-      '@babel/types': 7.23.3
+      '@babel/types': 7.23.9
       html-entities: 2.3.3
       validate-html-nesting: 1.2.2
     dev: false
@@ -20283,8 +20291,8 @@ packages:
     dependencies:
       file-uri-to-path: 1.0.0
 
-  /birpc@0.2.15:
-    resolution: {integrity: sha512-LuZgWLW6DB1zenkfJuF4/kfSZdazOR2xaMSzeqgvfbNIwECwV1AJso9wpNje79uaRU86Obbujv4qtDnwoOLQww==}
+  /birpc@0.2.17:
+    resolution: {integrity: sha512-+hkTxhot+dWsLpp3gia5AkVHIsKlZybNT5gIYiDlNzJrmYPcTM9k5/w2uaj3IPpd7LlEYpmCj4Jj1nC41VhDFg==}
     dev: false
 
   /bl@4.1.0:
@@ -20477,8 +20485,8 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001587
-      electron-to-chromium: 1.4.670
+      caniuse-lite: 1.0.30001591
+      electron-to-chromium: 1.4.685
       node-releases: 2.0.14
       update-browserslist-db: 1.0.13(browserslist@4.23.0)
 
@@ -20586,17 +20594,16 @@ packages:
     resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
     engines: {node: '>= 0.8'}
 
-  /c12@1.8.0:
-    resolution: {integrity: sha512-93U6RndoaAwFQPBcS9F/6lwtgBfrWh4695sQ/ChILkbj0C7zOZVptOU3Sxp0I/9xvfW/lzBWD90AXDQz4muSkA==}
+  /c12@1.9.0:
+    resolution: {integrity: sha512-7KTCZXdIbOA2hLRQ+1KzJ15Qp9Wn58one74dkihMVp2H6EzKTa3OYBy0BSfS1CCcmxYyqeX8L02m40zjQ+dstg==}
     dependencies:
       chokidar: 3.5.3
+      confbox: 0.1.3
       defu: 6.1.4
-      dotenv: 16.4.4
+      dotenv: 16.4.5
       giget: 1.2.1
       jiti: 1.21.0
-      json5: 2.2.3
-      jsonc-parser: 3.2.1
-      mlly: 1.5.0
+      mlly: 1.6.1
       ohash: 1.1.3
       pathe: 1.1.2
       perfect-debounce: 1.0.0
@@ -20618,7 +20625,7 @@ packages:
       istanbul-reports: 3.1.6
       rimraf: 3.0.2
       test-exclude: 6.0.0
-      v8-to-istanbul: 9.1.3
+      v8-to-istanbul: 9.2.0
       yargs: 16.2.0
       yargs-parser: 20.2.9
     dev: true
@@ -20829,6 +20836,7 @@ packages:
       map-obj: 4.3.0
       quick-lru: 5.1.1
       type-fest: 1.4.0
+    dev: true
 
   /camelcase@2.1.1:
     resolution: {integrity: sha512-DLIsRzJVBQu72meAKPkWQOLcujdXT32hwdfnkI1frSiSRMK1MofjKHf+MEx0SB6fjEFXL8fBDv1dKymBlOp4Qw==}
@@ -20853,15 +20861,15 @@ packages:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
     dependencies:
       browserslist: 4.23.0
-      caniuse-lite: 1.0.30001562
+      caniuse-lite: 1.0.30001591
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
 
   /caniuse-lite@1.0.30001562:
     resolution: {integrity: sha512-kfte3Hym//51EdX4239i+Rmp20EsLIYGdPkERegTgU19hQWCRhsRFGKHTliUlsry53tv17K7n077Kqa0WJU4ng==}
 
-  /caniuse-lite@1.0.30001587:
-    resolution: {integrity: sha512-HMFNotUmLXn71BQxg8cijvqxnIAofforZOwGsxyXJ0qugTdspUF4sPSJ2vhgprHCB996tIDzEq1ubumPDV8ULA==}
+  /caniuse-lite@1.0.30001591:
+    resolution: {integrity: sha512-PCzRMei/vXjJyL5mJtzNiUCKP59dm8Apqc3PH8gJkMnMXZGox93RbE76jHsmLwmIo6/3nsYIpJtx0O7u5PqFuQ==}
 
   /capture-exit@2.0.0:
     resolution: {integrity: sha512-PiT/hQmTonHhl/HFGN+Lx3JJUznrVYJ3+AQsnthneZbvW7x+f08Tk7yLJTLEOUvBTbduLeeBkxEaYXUOUrRq6g==}
@@ -21032,7 +21040,6 @@ packages:
     resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==}
     dependencies:
       consola: 3.2.3
-    dev: false
 
   /cjs-module-lexer@0.6.0:
     resolution: {integrity: sha512-uc2Vix1frTfnuzxxu1Hp4ktSvM3QaI4oXl4ZUqL1wjTu/BGki9TrCWoqLTg/drR1KwAEarXuRFCG2Svr1GxPFw==}
@@ -21099,13 +21106,6 @@ packages:
       restore-cursor: 4.0.0
     dev: true
 
-  /cli-progress@3.12.0:
-    resolution: {integrity: sha512-tRkV3HJ1ASwm19THiiLIXLO7Im7wlTuKnvkYaTkyoAPefqjNg7W7DHKUlGRxy9vxDvbyCYQkQozvptuMkGCg8A==}
-    engines: {node: '>=4'}
-    dependencies:
-      string-width: 4.2.3
-    dev: true
-
   /cli-spinners@1.3.1:
     resolution: {integrity: sha512-1QL4544moEsDVH9T/l6Cemov/37iv1RtoKf7NJ04A60+4MREXNfx/QvavbH6QoGdsD4N4Mwy49cmaINR/o2mdg==}
     engines: {node: '>=4'}
@@ -21141,12 +21141,12 @@ packages:
       slice-ansi: 3.0.0
       string-width: 4.2.3
 
-  /cli-truncate@3.1.0:
-    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  /cli-truncate@4.0.0:
+    resolution: {integrity: sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==}
+    engines: {node: '>=18'}
     dependencies:
       slice-ansi: 5.0.0
-      string-width: 5.1.2
+      string-width: 7.1.0
     dev: true
 
   /cli-width@3.0.0:
@@ -21201,7 +21201,6 @@ packages:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wrap-ansi: 7.0.0
-    dev: false
 
   /clone-buffer@1.0.0:
     resolution: {integrity: sha512-KLLTJWrvwIP+OPfMn0x2PheDEP20RPUcGXj/ERegTgdmPEZylALQldygiqrPPu8P45uNuPs7ckmReLY6v/iA5g==}
@@ -21254,6 +21253,11 @@ packages:
     engines: {node: '>=6'}
     dev: false
 
+  /clsx@2.1.0:
+    resolution: {integrity: sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==}
+    engines: {node: '>=6'}
+    dev: false
+
   /cluster-key-slot@1.1.2:
     resolution: {integrity: sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==}
     engines: {node: '>=0.10.0'}
@@ -21458,8 +21462,8 @@ packages:
       arity-n: 1.0.4
     dev: false
 
-  /compress-commons@5.0.1:
-    resolution: {integrity: sha512-MPh//1cERdLtqwO3pOFLeXtpuai0Y2WCd5AhtKxznqM7WtaMYaOEMSgn45d9D10sIHSfIKE603HlOp8OPGrvag==}
+  /compress-commons@5.0.3:
+    resolution: {integrity: sha512-/UIcLWvwAQyVibgpQDPtfNM3SvqN7G9elAPAV7GM0L53EbNWwWiCsWtK8Fwed/APEbptPHXs5PuW+y8Bq8lFTA==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       crc-32: 1.2.2
@@ -21509,6 +21513,26 @@ packages:
       typedarray: 0.0.6
     dev: true
 
+  /concurrently@8.2.2:
+    resolution: {integrity: sha512-1dP4gpXFhei8IOtlXRE/T/4H88ElHgTiUzh71YUmtjTEHMSRS2Z/fgOxHSxxusGHogsRfxNq1vyAwxSC+EVyDg==}
+    engines: {node: ^14.13.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      chalk: 4.1.2
+      date-fns: 2.30.0
+      lodash: 4.17.21
+      rxjs: 7.8.1
+      shell-quote: 1.8.1
+      spawn-command: 0.0.2
+      supports-color: 8.1.1
+      tree-kill: 1.2.2
+      yargs: 17.7.2
+    dev: true
+
+  /confbox@0.1.3:
+    resolution: {integrity: sha512-eH3ZxAihl1PhKfpr4VfEN6/vUd87fmgb6JkldHgg/YR6aEBhW63qUDgzP2Y6WM0UumdsYp5H3kibalXAdHfbgg==}
+    dev: false
+
   /config-chain@1.1.13:
     resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
     dependencies:
@@ -21567,13 +21591,33 @@ packages:
       seamless-immutable: 7.1.4
     dev: false
 
+  /connected-react-router@6.8.0(history@4.10.1)(immutable@3.8.2)(react-redux@8.1.2)(react-router@5.2.0)(react@18.2.0)(redux@4.2.1)(seamless-immutable@7.1.4):
+    resolution: {integrity: sha512-E64/6krdJM3Ag3MMmh2nKPtMbH15s3JQDuaYJvOVXzu6MbHbDyIvuwLOyhQIuP4Om9zqEfZYiVyflROibSsONg==}
+    peerDependencies:
+      history: ^4.7.2
+      immutable: ^3.8.1 || ^4.0.0-rc.1
+      react: ^16.4.0
+      react-redux: ^6.0.0 || ^7.1.0
+      react-router: ^4.3.1 || ^5.0.0
+      redux: ^3.6.0 || ^4.0.0
+      seamless-immutable: ^7.1.3
+    dependencies:
+      history: 4.10.1
+      immutable: 3.8.2
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-redux: 8.1.2(@types/react-dom@18.2.19)(@types/react@18.2.60)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
+      react-router: 5.2.0(react@18.2.0)
+      redux: 4.2.1
+      seamless-immutable: 7.1.4
+    dev: false
+
   /consola@2.15.3:
     resolution: {integrity: sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==}
 
   /consola@3.2.3:
     resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==}
     engines: {node: ^14.18.0 || >=16.10.0}
-    dev: false
 
   /console-control-strings@1.1.0:
     resolution: {integrity: sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==}
@@ -21741,6 +21785,7 @@ packages:
       parse-json: 5.2.0
       path-type: 4.0.0
       typescript: 5.2.2
+    dev: true
 
   /cosmiconfig@8.3.6(typescript@5.3.3):
     resolution: {integrity: sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==}
@@ -21772,7 +21817,6 @@ packages:
       js-yaml: 4.1.0
       parse-json: 5.2.0
       typescript: 5.2.2
-    dev: true
 
   /coveralls@3.1.1:
     resolution: {integrity: sha512-+dxnG2NHncSD1NrqbSM3dn/lE57O6Qf/koe9+I7c+wzkqRmEvcp0kgJdxKInzYzkICKkFMZsX3Vct3++tsF9ww==}
@@ -21865,8 +21909,13 @@ packages:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  /crossws@0.1.1:
-    resolution: {integrity: sha512-c9c/o7bS3OjsdpSkvexpka0JNlesBF2JU9B2V1yNsYGwRbAafxhJQ7VI9b48D5bpONz/oxbPGMzBojy9sXoQIQ==}
+  /crossws@0.2.4:
+    resolution: {integrity: sha512-DAxroI2uSOgUKLz00NX6A8U/8EE3SZHmIND+10jkVSaypvyt57J5JEOxAQOL6lQxyzi/wZbTIwssU1uy69h5Vg==}
+    peerDependencies:
+      uWebSockets.js: '*'
+    peerDependenciesMeta:
+      uWebSockets.js:
+        optional: true
     dev: false
 
   /crypto-random-string@2.0.0:
@@ -21946,8 +21995,8 @@ packages:
       loader-utils: 2.0.4
       postcss: 8.4.31
       postcss-modules-extract-imports: 3.0.0(postcss@8.4.31)
-      postcss-modules-local-by-default: 4.0.4(postcss@8.4.31)
-      postcss-modules-scope: 3.1.1(postcss@8.4.31)
+      postcss-modules-local-by-default: 4.0.3(postcss@8.4.31)
+      postcss-modules-scope: 3.0.0(postcss@8.4.31)
       postcss-modules-values: 4.0.0(postcss@8.4.31)
       postcss-value-parser: 4.2.0
       schema-utils: 3.3.0
@@ -22050,6 +22099,7 @@ packages:
       inherits: 2.0.4
       source-map: 0.6.1
       source-map-resolve: 0.6.0
+    dev: false
 
   /cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
@@ -22310,7 +22360,6 @@ packages:
     engines: {node: '>=0.11'}
     dependencies:
       '@babel/runtime': 7.23.2
-    dev: false
 
   /dateformat@4.6.3:
     resolution: {integrity: sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==}
@@ -22347,7 +22396,7 @@ packages:
       ms: 2.1.3
       supports-color: 8.1.1
 
-  /debug@4.3.2(supports-color@8.1.1):
+  /debug@4.3.2:
     resolution: {integrity: sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==}
     engines: {node: '>=6.0'}
     peerDependencies:
@@ -22357,7 +22406,6 @@ packages:
         optional: true
     dependencies:
       ms: 2.1.2
-      supports-color: 8.1.1
 
   /debug@4.3.4(supports-color@8.1.1):
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
@@ -22381,6 +22429,7 @@ packages:
     dependencies:
       decamelize: 1.2.0
       map-obj: 1.0.1
+    dev: true
 
   /decamelize@1.2.0:
     resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
@@ -22389,6 +22438,7 @@ packages:
   /decamelize@5.0.1:
     resolution: {integrity: sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==}
     engines: {node: '>=10'}
+    dev: true
 
   /decimal.js@10.4.3:
     resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
@@ -22430,6 +22480,14 @@ packages:
       react: 17.0.2
     dev: false
 
+  /decorate-component-with-props@1.2.1(react@18.2.0):
+    resolution: {integrity: sha512-X2hZBnVHZAZQHG+g3Ce97SBtog1Vglzg7sPNbUY5XKmmgd3NVAiOHviw9hd7GOJIDrQ1slfwsmkbKQxESWFy7Q==}
+    peerDependencies:
+      react: ^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /dedent@0.7.0:
     resolution: {integrity: sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==}
 
@@ -22604,10 +22662,10 @@ packages:
 
   /defu@6.1.3:
     resolution: {integrity: sha512-Vy2wmG3NTkmHNg/kzpuvHhkqeIx3ODWqasgCRbKtbXEN0G+HpEEv9BtJLp7ZG1CZloFaC41Ah3ZFbq7aqCqMeQ==}
+    dev: false
 
   /defu@6.1.4:
     resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
-    dev: false
 
   /degenerator@5.0.1:
     resolution: {integrity: sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==}
@@ -22664,8 +22722,8 @@ packages:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
 
-  /destr@2.0.2:
-    resolution: {integrity: sha512-65AlobnZMiCET00KaFFjUefxDX0khFA/E4myqZ7a6Sq1yZtR8+FVIvilVX66vF2uobSumxooYZChiRPCKNqhmg==}
+  /destr@2.0.3:
+    resolution: {integrity: sha512-2N3BOUU4gYMpTP24s5rF5iP7BDr7uNTCs4ozw3kf/eKfvWSIu93GEBi5m427YoyJoeOzQ5smuu4nNAPGb8idSQ==}
     dev: false
 
   /destroy@1.0.4:
@@ -22737,7 +22795,7 @@ packages:
     hasBin: true
     dependencies:
       address: 1.2.2
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -22799,7 +22857,7 @@ packages:
       asap: 2.0.6
       invariant: 2.2.4
       lodash: 4.17.21
-      redux: 4.1.0
+      redux: 4.2.1
     dev: false
 
   /dns-equal@1.0.0:
@@ -22836,6 +22894,10 @@ packages:
   /dom-accessibility-api@0.5.16:
     resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
 
+  /dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+    dev: true
+
   /dom-align@1.12.4:
     resolution: {integrity: sha512-R8LUSEay/68zE5c8/3BDxiTEvgb4xZTF0RKmAHfiEVN3klfIpXfi2/QCoiWPccVQ0J/ZGdz9OjzL4uJEP/MRAw==}
     dev: false
@@ -22978,10 +23040,9 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  /dotenv@16.4.4:
-    resolution: {integrity: sha512-XvPXc8XAQThSjAbY6cQ/9PcBXmFoWuw1sQ3b8HqUCR6ziGXjkTi//kB9SWa2UwqlgdAIuRqAa/9hVljzPehbYg==}
+  /dotenv@16.4.5:
+    resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
     engines: {node: '>=12'}
-    dev: false
 
   /dotenv@7.0.0:
     resolution: {integrity: sha512-M3NhsLbV1i6HuGzBUH8vXrtxOk+tWmzWKDMbAVSUp3Zsjm7ywFeuwrUXhmhQyRK1q5B5GGy7hcXPbj3bnfZg2g==}
@@ -23004,6 +23065,19 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
+  /draft-js-block-breakout-plugin@2.0.1(draft-js@0.10.5)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha1-o4471o2VONevFdTZZoRNbm0q2FA=}
+    peerDependencies:
+      draft-js: '>=0.10.1'
+      react: '>=15.0.0'
+      react-dom: '>=15.0.0'
+    dependencies:
+      draft-js: 0.10.5(react-dom@18.2.0)(react@18.2.0)
+      immutable: 3.7.6
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /draft-js-buttons@2.0.2(draft-js@0.10.5)(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-qC3vkZ4ZvKe86Uskf5CsZxgo4Rt6ITAE51sbiI5YCMasanXdMVRwbF4fQonMyahds1tgj9EeBNePOBnlKTz9gQ==}
     deprecated: use @draft-js-plugins/buttons >=v4 instead
@@ -23018,6 +23092,20 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
+  /draft-js-buttons@2.0.2(draft-js@0.10.5)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-qC3vkZ4ZvKe86Uskf5CsZxgo4Rt6ITAE51sbiI5YCMasanXdMVRwbF4fQonMyahds1tgj9EeBNePOBnlKTz9gQ==}
+    deprecated: use @draft-js-plugins/buttons >=v4 instead
+    peerDependencies:
+      draft-js: ^0.10.1 || ^0.11.0
+      react: ^15.5.0 || ^16.0.0-rc
+      react-dom: ^15.5.0 || ^16.0.0-rc
+    dependencies:
+      clsx: 1.2.1
+      draft-js: 0.10.5(react-dom@18.2.0)(react@18.2.0)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /draft-js-import-element@1.4.0(draft-js@0.10.5)(immutable@3.8.2):
     resolution: {integrity: sha512-WmYT5PrCm47lGL5FkH6sRO3TTAcn7qNHsD3igiPqLG/RXrqyKrqN4+wBgbcT2lhna/yfWTRtgzAbQsSJoS1Meg==}
     peerDependencies:
@@ -23060,6 +23148,25 @@ packages:
       union-class-names: 1.0.0
     dev: false
 
+  /draft-js-inline-toolbar-plugin@2.0.3(draft-js@0.10.5)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-7OD7iaImu/NwBdJmv0/nmP4H4oUhjO10iFcUmDPJlmdc43icoNHABTk4/oUpn7xrunrj2GHxFexsgSEfpOTFlQ==}
+    deprecated: use @draft-js-plugins/inline-toolbar >=v4 instead
+    peerDependencies:
+      draft-js: ^0.10.1
+      react: ^15.5.0 || ^16.0.0-rc
+      react-dom: ^15.5.0 || ^16.0.0-rc
+    dependencies:
+      decorate-component-with-props: 1.2.1(react@18.2.0)
+      draft-js: 0.10.5(react-dom@18.2.0)(react@18.2.0)
+      draft-js-buttons: 2.0.2(draft-js@0.10.5)(react-dom@18.2.0)(react@18.2.0)
+      find-with-regex: 1.1.3(draft-js@0.10.5)
+      immutable: 3.7.6
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      union-class-names: 1.0.0
+    dev: false
+
   /draft-js-plugins-editor@2.1.1(draft-js@0.10.5)(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-fKGe71irNvFHJ5L/lUrh+3vPkBNq0de6x+cgiZUJ9zQERc5KPBtGXIFiarLFVHyrRTCPq+K6xmgfFSAERaFHPw==}
     deprecated: use @draft-js-plugins/editor >=v4 instead
@@ -23078,6 +23185,24 @@ packages:
       union-class-names: 1.0.0
     dev: false
 
+  /draft-js-plugins-editor@2.1.1(draft-js@0.10.5)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-fKGe71irNvFHJ5L/lUrh+3vPkBNq0de6x+cgiZUJ9zQERc5KPBtGXIFiarLFVHyrRTCPq+K6xmgfFSAERaFHPw==}
+    deprecated: use @draft-js-plugins/editor >=v4 instead
+    peerDependencies:
+      draft-js: ^0.10.1
+      react: ^15.5.0 || ^16.0.0-rc
+      react-dom: ^15.5.0 || ^16.0.0-rc
+    dependencies:
+      decorate-component-with-props: 1.2.1(react@18.2.0)
+      draft-js: 0.10.5(react-dom@18.2.0)(react@18.2.0)
+      find-with-regex: 1.1.3(draft-js@0.10.5)
+      immutable: 3.7.6
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      union-class-names: 1.0.0
+    dev: false
+
   /draft-js-plugins-utils@2.0.3(draft-js@0.10.5):
     resolution: {integrity: sha512-MjSIRjaCbSANjE0Fmg3wh4NsVF5y89AkrGxsJLOkMrPS0ZGymK1YHaqIelrBJt+6Kr46ALtHQieaOFxEbqbrdg==}
     peerDependencies:
@@ -23109,6 +23234,19 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
+  /draft-js@0.10.5(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-LE6jSCV9nkPhfVX2ggcRLA4FKs6zWq9ceuO/88BpXdNCS7mjRTgs0NsV6piUCJX9YxMsB9An33wnkMmU2sD2Zg==}
+    peerDependencies:
+      react: ^0.14.0 || ^15.0.0-rc || ^16.0.0-rc || ^16.0.0
+      react-dom: ^0.14.0 || ^15.0.0-rc || ^16.0.0-rc || ^16.0.0
+    dependencies:
+      fbjs: 0.8.18
+      immutable: 3.7.6
+      object-assign: 4.1.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /draftjs-filters@2.3.0(draft-js@0.10.5):
     resolution: {integrity: sha512-Yi4G3zbbJwrTxFCtCooXLuIeThrY4YFvRrrL3Ck+zYi1V1/3z+j+QXHE/tNa182eb7Tq7t0AxNKE+mOFlqG8tw==}
     peerDependencies:
@@ -23178,8 +23316,8 @@ packages:
   /electron-to-chromium@1.4.585:
     resolution: {integrity: sha512-B4yBlX0azdA3rVMxpYwLQfDpdwOgcnLCkpvSOd68iFmeedo+WYjaBJS3/W58LVD8CB2nf+o7C4K9xz1l09RkWg==}
 
-  /electron-to-chromium@1.4.670:
-    resolution: {integrity: sha512-hcijYOWjOtjKrKPtNA6tuLlA/bTLO3heFG8pQA6mLpq7dRydSWicXova5lyxDzp1iVJaYhK7J2OQlGE52KYn7A==}
+  /electron-to-chromium@1.4.685:
+    resolution: {integrity: sha512-yDYeobbTEe4TNooEzOQO6xFqg9XnAkVy2Lod1C1B2it8u47JNLYvl9nLDWBamqUakWB8Jc1hhS1uHUNYTNQdfw==}
 
   /elegant-spinner@2.0.0:
     resolution: {integrity: sha512-5YRYHhvhYzV/FC4AiMdeSIg3jAYGq9xFvbhZMpPlJoBsfYgrw2DSCYeXfat6tYBu45PWiyRr3+flaCPPmviPaA==}
@@ -23624,8 +23762,8 @@ packages:
     optionalDependencies:
       source-map: 0.6.1
 
-  /eslint-config-next@14.0.4(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-9/xbOHEQOmQtqvQ1UsTQZpnA7SlDMBtuKJ//S4JnoyK3oGLhILKXdBgu/UO7lQo/2xOykQULS1qQ6p2+EpHgAQ==}
+  /eslint-config-next@14.1.1(eslint@8.53.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-OLyw2oHzwE0M0EODGYMbjksDQKSshQWBzYY+Nkoxoe3+Q5G0lpb9EkekyDk7Foz9BMfotbYShJrgYoBEAVqU4Q==}
     peerDependencies:
       eslint: ^7.23.0 || ^8.0.0
       typescript: '>=3.3.1'
@@ -23633,13 +23771,13 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@next/eslint-plugin-next': 14.0.4
+      '@next/eslint-plugin-next': 14.1.1
       '@rushstack/eslint-patch': 1.5.1
       '@typescript-eslint/parser': 6.8.0(eslint@8.53.0)(typescript@5.2.2)
       eslint: 8.53.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@8.53.0)
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.53.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.53.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.53.0)
       eslint-plugin-jsx-a11y: 6.7.1(eslint@8.53.0)
       eslint-plugin-react: 7.33.2(eslint@8.53.0)
       eslint-plugin-react-hooks: 4.6.0(eslint@8.53.0)
@@ -23656,6 +23794,7 @@ packages:
       eslint: '>=7.0.0'
     dependencies:
       eslint: 8.49.0
+    dev: true
 
   /eslint-config-prettier@9.0.0(eslint@8.53.0):
     resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
@@ -23666,6 +23805,24 @@ packages:
       eslint: 8.53.0
     dev: true
 
+  /eslint-config-prettier@9.1.0(eslint@8.49.0):
+    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      eslint: 8.49.0
+    dev: false
+
+  /eslint-config-prettier@9.1.0(eslint@8.57.0):
+    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      eslint: 8.57.0
+    dev: true
+
   /eslint-config-react-app@7.0.1(@babel/plugin-syntax-flow@7.23.3)(@babel/plugin-transform-react-jsx@7.22.15)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)(jest@26.6.3)(typescript@5.2.2):
     resolution: {integrity: sha512-K6rNzvkIeHaTd8m/QEh1Zko0KI7BACWkkneSs6s9cKZC/J27X3eZR6Upt1jkmZ/4FK+XUOPPxMEN7+lbUXfSlA==}
     engines: {node: '>=14.0.0'}
@@ -23685,7 +23842,7 @@ packages:
       confusing-browser-globals: 1.0.11
       eslint: 8.49.0
       eslint-plugin-flowtype: 8.0.3(@babel/plugin-syntax-flow@7.23.3)(@babel/plugin-transform-react-jsx@7.22.15)(eslint@8.49.0)
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
       eslint-plugin-jest: 25.7.0(@typescript-eslint/eslint-plugin@5.62.0)(eslint@8.49.0)(jest@26.6.3)(typescript@5.2.2)
       eslint-plugin-jsx-a11y: 6.7.1(eslint@8.49.0)
       eslint-plugin-react: 7.33.2(eslint@8.49.0)
@@ -23699,6 +23856,7 @@ packages:
       - eslint-import-resolver-webpack
       - jest
       - supports-color
+    dev: false
 
   /eslint-config-react-app@7.0.1(@babel/plugin-syntax-flow@7.23.3)(@babel/plugin-transform-react-jsx@7.22.15)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-K6rNzvkIeHaTd8m/QEh1Zko0KI7BACWkkneSs6s9cKZC/J27X3eZR6Upt1jkmZ/4FK+XUOPPxMEN7+lbUXfSlA==}
@@ -23719,7 +23877,7 @@ packages:
       confusing-browser-globals: 1.0.11
       eslint: 8.49.0
       eslint-plugin-flowtype: 8.0.3(@babel/plugin-syntax-flow@7.23.3)(@babel/plugin-transform-react-jsx@7.22.15)(eslint@8.49.0)
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
       eslint-plugin-jest: 25.7.0(@typescript-eslint/eslint-plugin@5.62.0)(eslint@8.49.0)(typescript@5.3.3)
       eslint-plugin-jsx-a11y: 6.7.1(eslint@8.49.0)
       eslint-plugin-react: 7.33.2(eslint@8.49.0)
@@ -23735,15 +23893,50 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-import-resolver-alias@1.1.2(eslint-plugin-import@2.28.1):
+  /eslint-config-react-app@7.0.1(@babel/plugin-syntax-flow@7.23.3)(@babel/plugin-transform-react-jsx@7.22.15)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)(jest@26.6.3)(typescript@5.2.2):
+    resolution: {integrity: sha512-K6rNzvkIeHaTd8m/QEh1Zko0KI7BACWkkneSs6s9cKZC/J27X3eZR6Upt1jkmZ/4FK+XUOPPxMEN7+lbUXfSlA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      eslint: ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@babel/core': 7.23.3
+      '@babel/eslint-parser': 7.22.15(@babel/core@7.23.3)(eslint@8.57.0)
+      '@rushstack/eslint-patch': 1.5.1
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.2.2)
+      babel-preset-react-app: 10.0.1
+      confusing-browser-globals: 1.0.11
+      eslint: 8.57.0
+      eslint-plugin-flowtype: 8.0.3(@babel/plugin-syntax-flow@7.23.3)(@babel/plugin-transform-react-jsx@7.22.15)(eslint@8.57.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      eslint-plugin-jest: 25.7.0(@typescript-eslint/eslint-plugin@5.62.0)(eslint@8.57.0)(jest@26.6.3)(typescript@5.2.2)
+      eslint-plugin-jsx-a11y: 6.7.1(eslint@8.57.0)
+      eslint-plugin-react: 7.33.2(eslint@8.57.0)
+      eslint-plugin-react-hooks: 4.6.0(eslint@8.57.0)
+      eslint-plugin-testing-library: 5.11.1(eslint@8.57.0)(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - '@babel/plugin-syntax-flow'
+      - '@babel/plugin-transform-react-jsx'
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - jest
+      - supports-color
+    dev: true
+
+  /eslint-import-resolver-alias@1.1.2(eslint-plugin-import@2.29.1):
     resolution: {integrity: sha512-WdviM1Eu834zsfjHtcGHtGfcu+F30Od3V7I9Fi57uhBEwPkjDcii7/yW8jAT+gOhn4P/vOxxNAXbFAKsrrc15w==}
     engines: {node: '>= 4'}
     peerDependencies:
       eslint-plugin-import: '>=1.4.0'
     dependencies:
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
 
-  /eslint-import-resolver-babel-plugin-root-import@1.1.1(babel-plugin-root-import@6.1.0)(eslint-plugin-import@2.28.1):
+  /eslint-import-resolver-babel-plugin-root-import@1.1.1(babel-plugin-root-import@6.1.0)(eslint-plugin-import@2.29.1):
     resolution: {integrity: sha512-ZZxdV9AxzL2WFVggDxZ36xodPg2+BTrkhhMf/of+BxSVh/GKLGCs17EDq5b61wqC7/oQsA2h1RtH1fV7HOUV/w==}
     peerDependencies:
       babel-plugin-root-import: ^5.1.0
@@ -23751,7 +23944,7 @@ packages:
     dependencies:
       babel-plugin-root-import: 6.1.0
       eslint-import-resolver-node: 0.2.3
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       json5: 0.5.1
     transitivePeerDependencies:
       - supports-color
@@ -23774,7 +23967,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@8.53.0):
+  /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.53.0):
     resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -23785,7 +23978,30 @@ packages:
       enhanced-resolve: 5.15.0
       eslint: 8.53.0
       eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.53.0)
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.53.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.53.0)
+      fast-glob: 3.3.2
+      get-tsconfig: 4.7.2
+      is-core-module: 2.13.1
+      is-glob: 4.0.3
+    transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-node
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
+  /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.8.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0):
+    resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      eslint-plugin-import: '*'
+    dependencies:
+      debug: 4.3.4(supports-color@8.1.1)
+      enhanced-resolve: 5.15.0
+      eslint: 8.57.0
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       fast-glob: 3.3.2
       get-tsconfig: 4.7.2
       is-core-module: 2.13.1
@@ -23817,13 +24033,43 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@8.49.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.49.0)(typescript@5.3.3)
       debug: 3.2.7(supports-color@8.1.1)
       eslint: 8.49.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@8.53.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
+    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.2.2)
+      debug: 3.2.7(supports-color@8.1.1)
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0):
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
@@ -23850,7 +24096,37 @@ packages:
       debug: 3.2.7(supports-color@8.1.1)
       eslint: 8.49.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@8.53.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
+    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 6.7.0(eslint@8.57.0)(typescript@5.2.2)
+      debug: 3.2.7(supports-color@8.1.1)
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -23875,11 +24151,41 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 6.8.0(eslint@8.53.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 6.8.0(eslint@8.53.0)(typescript@5.3.3)
       debug: 3.2.7(supports-color@8.1.1)
       eslint: 8.53.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.28.1)(eslint@8.53.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
+    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 6.8.0(eslint@8.57.0)(typescript@5.2.2)
+      debug: 3.2.7(supports-color@8.1.1)
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.8.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -23897,6 +24203,21 @@ packages:
       lodash: 4.17.21
       string-natural-compare: 3.0.1
 
+  /eslint-plugin-flowtype@8.0.3(@babel/plugin-syntax-flow@7.23.3)(@babel/plugin-transform-react-jsx@7.22.15)(eslint@8.57.0):
+    resolution: {integrity: sha512-dX8l6qUL6O+fYPtpNRideCFSpmWOUVx5QcaGLVqe/vlDiBSe4vYljDWDETwnyFzpl7By/WVIu6rcrniCgH9BqQ==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@babel/plugin-syntax-flow': ^7.14.5
+      '@babel/plugin-transform-react-jsx': ^7.14.9
+      eslint: ^8.1.0
+    dependencies:
+      '@babel/plugin-syntax-flow': 7.23.3(@babel/core@7.23.9)
+      '@babel/plugin-transform-react-jsx': 7.22.15(@babel/core@7.23.9)
+      eslint: 8.57.0
+      lodash: 4.17.21
+      string-natural-compare: 3.0.1
+    dev: true
+
   /eslint-plugin-import@2.28.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0):
     resolution: {integrity: sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==}
     engines: {node: '>=4'}
@@ -23907,7 +24228,7 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@8.49.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.49.0)(typescript@5.3.3)
       array-includes: 3.1.7
       array.prototype.findlastindex: 1.2.3
       array.prototype.flat: 1.3.2
@@ -23930,10 +24251,115 @@ packages:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
+    dev: true
 
-  /eslint-plugin-import@2.28.1(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0):
+  /eslint-plugin-import@2.28.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.53.0):
     resolution: {integrity: sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==}
     engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 6.8.0(eslint@8.53.0)(typescript@5.3.3)
+      array-includes: 3.1.7
+      array.prototype.findlastindex: 1.2.3
+      array.prototype.flat: 1.3.2
+      array.prototype.flatmap: 1.3.2
+      debug: 3.2.7(supports-color@8.1.1)
+      doctrine: 2.1.0
+      eslint: 8.53.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.53.0)
+      has: 1.0.4
+      is-core-module: 2.13.1
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      object.fromentries: 2.0.7
+      object.groupby: 1.0.1
+      object.values: 1.1.7
+      semver: 6.3.1
+      tsconfig-paths: 3.14.2
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
+  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0):
+    resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 5.62.0(eslint@8.49.0)(typescript@5.3.3)
+      array-includes: 3.1.7
+      array.prototype.findlastindex: 1.2.3
+      array.prototype.flat: 1.3.2
+      array.prototype.flatmap: 1.3.2
+      debug: 3.2.7(supports-color@8.1.1)
+      doctrine: 2.1.0
+      eslint: 8.49.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
+      hasown: 2.0.0
+      is-core-module: 2.13.1
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      object.fromentries: 2.0.7
+      object.groupby: 1.0.1
+      object.values: 1.1.7
+      semver: 6.3.1
+      tsconfig-paths: 3.15.0
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+
+  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
+    resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.2.2)
+      array-includes: 3.1.7
+      array.prototype.findlastindex: 1.2.3
+      array.prototype.flat: 1.3.2
+      array.prototype.flatmap: 1.3.2
+      debug: 3.2.7(supports-color@8.1.1)
+      doctrine: 2.1.0
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.62.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      hasown: 2.0.0
+      is-core-module: 2.13.1
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      object.fromentries: 2.0.7
+      object.groupby: 1.0.1
+      object.values: 1.1.7
+      semver: 6.3.1
+      tsconfig-paths: 3.15.0
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
+  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0):
+    resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
+    engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
       eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
@@ -23951,7 +24377,7 @@ packages:
       eslint: 8.49.0
       eslint-import-resolver-node: 0.3.9
       eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
-      has: 1.0.4
+      hasown: 2.0.0
       is-core-module: 2.13.1
       is-glob: 4.0.3
       minimatch: 3.1.2
@@ -23959,14 +24385,49 @@ packages:
       object.groupby: 1.0.1
       object.values: 1.1.7
       semver: 6.3.1
-      tsconfig-paths: 3.14.2
+      tsconfig-paths: 3.15.0
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
+    dev: false
 
-  /eslint-plugin-import@2.28.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.53.0):
-    resolution: {integrity: sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==}
+  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
+    resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 6.7.0(eslint@8.57.0)(typescript@5.2.2)
+      array-includes: 3.1.7
+      array.prototype.findlastindex: 1.2.3
+      array.prototype.flat: 1.3.2
+      array.prototype.flatmap: 1.3.2
+      debug: 3.2.7(supports-color@8.1.1)
+      doctrine: 2.1.0
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      hasown: 2.0.0
+      is-core-module: 2.13.1
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      object.fromentries: 2.0.7
+      object.groupby: 1.0.1
+      object.values: 1.1.7
+      semver: 6.3.1
+      tsconfig-paths: 3.15.0
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+
+  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.53.0):
+    resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
@@ -23985,7 +24446,7 @@ packages:
       eslint: 8.53.0
       eslint-import-resolver-node: 0.3.9
       eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.53.0)
-      has: 1.0.4
+      hasown: 2.0.0
       is-core-module: 2.13.1
       is-glob: 4.0.3
       minimatch: 3.1.2
@@ -23993,7 +24454,42 @@ packages:
       object.groupby: 1.0.1
       object.values: 1.1.7
       semver: 6.3.1
-      tsconfig-paths: 3.14.2
+      tsconfig-paths: 3.15.0
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
+  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
+    resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 6.8.0(eslint@8.57.0)(typescript@5.2.2)
+      array-includes: 3.1.7
+      array.prototype.findlastindex: 1.2.3
+      array.prototype.flat: 1.3.2
+      array.prototype.flatmap: 1.3.2
+      debug: 3.2.7(supports-color@8.1.1)
+      doctrine: 2.1.0
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.8.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      hasown: 2.0.0
+      is-core-module: 2.13.1
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      object.fromentries: 2.0.7
+      object.groupby: 1.0.1
+      object.values: 1.1.7
+      semver: 6.3.1
+      tsconfig-paths: 3.15.0
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
@@ -24019,6 +24515,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - typescript
+    dev: false
 
   /eslint-plugin-jest@25.7.0(@typescript-eslint/eslint-plugin@5.62.0)(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-PWLUEXeeF7C9QGKqvdSbzLOiLTx+bno7/HC9eefePfEb257QFHg7ye3dh80AZVkaa/RQsBB1Q/ORQvg2X7F0NQ==}
@@ -24041,6 +24538,28 @@ packages:
       - typescript
     dev: true
 
+  /eslint-plugin-jest@25.7.0(@typescript-eslint/eslint-plugin@5.62.0)(eslint@8.57.0)(jest@26.6.3)(typescript@5.2.2):
+    resolution: {integrity: sha512-PWLUEXeeF7C9QGKqvdSbzLOiLTx+bno7/HC9eefePfEb257QFHg7ye3dh80AZVkaa/RQsBB1Q/ORQvg2X7F0NQ==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    peerDependencies:
+      '@typescript-eslint/eslint-plugin': ^4.0.0 || ^5.0.0
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      jest: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/eslint-plugin':
+        optional: true
+      jest:
+        optional: true
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.57.0)(typescript@5.2.2)
+      '@typescript-eslint/experimental-utils': 5.62.0(eslint@8.57.0)(typescript@5.2.2)
+      eslint: 8.57.0
+      jest: 26.6.3
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   /eslint-plugin-jsx-a11y@6.7.1(eslint@8.49.0):
     resolution: {integrity: sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==}
     engines: {node: '>=4.0'}
@@ -24090,6 +24609,31 @@ packages:
       semver: 6.3.1
     dev: true
 
+  /eslint-plugin-jsx-a11y@6.7.1(eslint@8.57.0):
+    resolution: {integrity: sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+    dependencies:
+      '@babel/runtime': 7.23.2
+      aria-query: 5.3.0
+      array-includes: 3.1.7
+      array.prototype.flatmap: 1.3.2
+      ast-types-flow: 0.0.7
+      axe-core: 4.6.3
+      axobject-query: 3.2.1
+      damerau-levenshtein: 1.0.8
+      emoji-regex: 9.2.2
+      eslint: 8.57.0
+      has: 1.0.4
+      jsx-ast-utils: 3.3.5
+      language-tags: 1.0.5
+      minimatch: 3.1.2
+      object.entries: 1.1.7
+      object.fromentries: 2.0.7
+      semver: 6.3.1
+    dev: true
+
   /eslint-plugin-prettier@5.0.0(eslint-config-prettier@9.0.0)(eslint@8.49.0)(prettier@3.0.3):
     resolution: {integrity: sha512-AgaZCVuYDXHUGxj/ZGu1u8H8CYgDY3iG6w5kUFw4AzMVXzB7VvbKgYR4nATIN+OvUrghMbiDLeimVjVY5ilq3w==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -24109,9 +24653,10 @@ packages:
       prettier: 3.0.3
       prettier-linter-helpers: 1.0.0
       synckit: 0.8.5
+    dev: true
 
-  /eslint-plugin-prettier@5.0.0(eslint-config-prettier@9.0.0)(eslint@8.53.0)(prettier@3.0.3):
-    resolution: {integrity: sha512-AgaZCVuYDXHUGxj/ZGu1u8H8CYgDY3iG6w5kUFw4AzMVXzB7VvbKgYR4nATIN+OvUrghMbiDLeimVjVY5ilq3w==}
+  /eslint-plugin-prettier@5.1.3(eslint-config-prettier@9.1.0)(eslint@8.49.0)(prettier@3.2.5):
+    resolution: {integrity: sha512-C9GCVAs4Eq7ZC/XFQHITLiHJxQngdtraXaM+LoUFoFp/lHNl2Zn8f3WQbe9HvTBBQ9YnKFB0/2Ajdqwo5D1EAw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       '@types/eslint': '>=8.0.0'
@@ -24124,11 +24669,32 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: 8.53.0
-      eslint-config-prettier: 9.0.0(eslint@8.53.0)
-      prettier: 3.0.3
+      eslint: 8.49.0
+      eslint-config-prettier: 9.1.0(eslint@8.49.0)
+      prettier: 3.2.5
       prettier-linter-helpers: 1.0.0
-      synckit: 0.8.5
+      synckit: 0.8.8
+    dev: false
+
+  /eslint-plugin-prettier@5.1.3(eslint-config-prettier@9.1.0)(eslint@8.57.0)(prettier@3.2.5):
+    resolution: {integrity: sha512-C9GCVAs4Eq7ZC/XFQHITLiHJxQngdtraXaM+LoUFoFp/lHNl2Zn8f3WQbe9HvTBBQ9YnKFB0/2Ajdqwo5D1EAw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      '@types/eslint': '>=8.0.0'
+      eslint: '>=8.0.0'
+      eslint-config-prettier: '*'
+      prettier: '>=3.0.0'
+    peerDependenciesMeta:
+      '@types/eslint':
+        optional: true
+      eslint-config-prettier:
+        optional: true
+    dependencies:
+      eslint: 8.57.0
+      eslint-config-prettier: 9.1.0(eslint@8.57.0)
+      prettier: 3.2.5
+      prettier-linter-helpers: 1.0.0
+      synckit: 0.8.8
     dev: true
 
   /eslint-plugin-react-hooks@4.6.0(eslint@8.49.0):
@@ -24148,6 +24714,15 @@ packages:
       eslint: 8.53.0
     dev: true
 
+  /eslint-plugin-react-hooks@4.6.0(eslint@8.57.0):
+    resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+    dependencies:
+      eslint: 8.57.0
+    dev: true
+
   /eslint-plugin-react@7.33.2(eslint@8.49.0):
     resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
     engines: {node: '>=4'}
@@ -24197,15 +24772,40 @@ packages:
       string.prototype.matchall: 4.0.10
     dev: true
 
-  /eslint-plugin-storybook@0.6.15(eslint@8.53.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-lAGqVAJGob47Griu29KXYowI4G7KwMoJDOkEip8ujikuDLxU+oWJ1l0WL6F2oDO4QiyUFXvtDkEkISMOPzo+7w==}
-    engines: {node: 12.x || 14.x || >= 16}
+  /eslint-plugin-react@7.33.2(eslint@8.57.0):
+    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+    dependencies:
+      array-includes: 3.1.7
+      array.prototype.flatmap: 1.3.2
+      array.prototype.tosorted: 1.1.2
+      doctrine: 2.1.0
+      es-iterator-helpers: 1.0.15
+      eslint: 8.57.0
+      estraverse: 5.3.0
+      jsx-ast-utils: 3.3.5
+      minimatch: 3.1.2
+      object.entries: 1.1.7
+      object.fromentries: 2.0.7
+      object.hasown: 1.1.3
+      object.values: 1.1.7
+      prop-types: 15.8.1
+      resolve: 2.0.0-next.5
+      semver: 6.3.1
+      string.prototype.matchall: 4.0.10
+    dev: true
+
+  /eslint-plugin-storybook@0.8.0(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-CZeVO5EzmPY7qghO2t64oaFM+8FTaD4uzOEjHKp516exyTKo+skKAL9GI3QALS2BXhyALJjNtwbmr1XinGE8bA==}
+    engines: {node: '>= 18'}
     peerDependencies:
       eslint: '>=6'
     dependencies:
       '@storybook/csf': 0.0.1
-      '@typescript-eslint/utils': 5.62.0(eslint@8.53.0)(typescript@5.2.2)
-      eslint: 8.53.0
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.2.2)
+      eslint: 8.57.0
       requireindex: 1.2.0
       ts-dedent: 2.2.0
     transitivePeerDependencies:
@@ -24224,6 +24824,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - typescript
+    dev: false
 
   /eslint-plugin-testing-library@5.11.1(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-5eX9e1Kc2PqVRed3taaLnAAqPZGEX75C+M/rXzUAI3wIg/ZxzUm1OVAwfe/O+vE+6YXOLetSe9g5GKD2ecXipw==}
@@ -24238,6 +24839,19 @@ packages:
       - typescript
     dev: true
 
+  /eslint-plugin-testing-library@5.11.1(eslint@8.57.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-5eX9e1Kc2PqVRed3taaLnAAqPZGEX75C+M/rXzUAI3wIg/ZxzUm1OVAwfe/O+vE+6YXOLetSe9g5GKD2ecXipw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0, npm: '>=6'}
+    peerDependencies:
+      eslint: ^7.5.0 || ^8.0.0
+    dependencies:
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.2.2)
+      eslint: 8.57.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   /eslint-scope@5.1.1:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
     engines: {node: '>=8.0.0'}
@@ -24275,7 +24889,7 @@ packages:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.2
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
@@ -24321,7 +24935,54 @@ packages:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.2
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      globals: 13.23.0
+      graphemer: 1.4.0
+      ignore: 5.3.0
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      is-path-inside: 3.0.3
+      js-yaml: 4.1.0
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.3
+      strip-ansi: 6.0.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint@8.57.0:
+    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/regexpp': 4.10.0
+      '@eslint/eslintrc': 2.1.4
+      '@eslint/js': 8.57.0
+      '@humanwhocodes/config-array': 0.11.14
+      '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
+      '@ungap/structured-clone': 1.2.0
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.2
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
@@ -24355,8 +25016,8 @@ packages:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      acorn: 8.11.2
-      acorn-jsx: 5.3.2(acorn@8.11.2)
+      acorn: 8.11.3
+      acorn-jsx: 5.3.2(acorn@8.11.3)
       eslint-visitor-keys: 3.4.3
 
   /esprima@4.0.1:
@@ -24788,7 +25449,7 @@ packages:
     engines: {node: '>= 10.17.0'}
     hasBin: true
     dependencies:
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       get-stream: 5.2.0
       yauzl: 2.10.0
     optionalDependencies:
@@ -24911,7 +25572,6 @@ packages:
 
   /figgy-pudding@3.5.2:
     resolution: {integrity: sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==}
-    deprecated: This module is no longer supported.
 
   /figures@3.2.0:
     resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
@@ -24933,12 +25593,11 @@ packages:
     dependencies:
       flat-cache: 3.2.0
 
-  /file-entry-cache@7.0.2:
-    resolution: {integrity: sha512-TfW7/1iI4Cy7Y8L6iqNdZQVvdXn0f8B4QcIXmkIbtTIe/Okm/nSlHb4IwGzRVOd3WfSieCgvf5cMzEfySAIl0g==}
-    engines: {node: '>=12.0.0'}
+  /file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
     dependencies:
-      flat-cache: 3.2.0
-    dev: true
+      flat-cache: 4.0.0
 
   /file-loader@4.3.0(webpack@5.90.1):
     resolution: {integrity: sha512-aKrYPYjF1yG3oX0kWRrqrSMfgftm7oJW5M+m4owoldH5C51C0RkIwB++JbRvEW3IU6/ZG5n8UvEcdgwOt2UOWA==}
@@ -25071,6 +25730,7 @@ packages:
 
   /find-parent-dir@0.3.1:
     resolution: {integrity: sha512-o4UcykWV/XN9wm+jMEtWLPlV8RXCZnMhQI6F6OdHeSez7iiJWePw8ijOlskJZMsaQoGR/b7dH6lO02HhaTN7+A==}
+    dev: false
 
   /find-root@1.1.0:
     resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==}
@@ -25133,6 +25793,14 @@ packages:
       keyv: 4.5.4
       rimraf: 3.0.2
 
+  /flat-cache@4.0.0:
+    resolution: {integrity: sha512-EryKbCE/wxpxKniQlyas6PY1I9vwtF3uCBweX+N8KYTCn3Y12RTGtQAJ/bd5pl7kxUAc8v/R3Ake/N17OZiFqA==}
+    engines: {node: '>=16'}
+    dependencies:
+      flatted: 3.2.9
+      keyv: 4.5.4
+      rimraf: 5.0.5
+
   /flat@5.0.2:
     resolution: {integrity: sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==}
     hasBin: true
@@ -25155,7 +25823,7 @@ packages:
       debug:
         optional: true
     dependencies:
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.2
 
   /follow-redirects@1.15.5(debug@4.3.2):
     resolution: {integrity: sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==}
@@ -25166,7 +25834,18 @@ packages:
       debug:
         optional: true
     dependencies:
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.2
+
+  /follow-redirects@1.15.5(debug@4.3.4):
+    resolution: {integrity: sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+    dependencies:
+      debug: 4.3.4(supports-color@8.1.1)
 
   /for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
@@ -25222,6 +25901,34 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /fork-ts-checker-webpack-plugin@4.1.6(eslint@8.57.0)(typescript@5.2.2)(webpack@5.90.1):
+    resolution: {integrity: sha512-DUxuQaKoqfNne8iikd14SAkh5uw4+8vNifp6gmA73yYNS6ywLIWSLD/n/mBzHQRpW3J7rbATEakmiA8JvkTyZw==}
+    engines: {node: '>=6.11.5', yarn: '>=1.0.0'}
+    peerDependencies:
+      eslint: '>= 6'
+      typescript: '>= 2.7'
+      vue-template-compiler: '*'
+      webpack: 5.90.1
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+      vue-template-compiler:
+        optional: true
+    dependencies:
+      '@babel/code-frame': 7.22.13
+      chalk: 2.4.2
+      eslint: 8.57.0
+      micromatch: 3.1.10
+      minimatch: 3.1.2
+      semver: 5.7.2
+      tapable: 1.1.3
+      typescript: 5.2.2
+      webpack: 5.90.1
+      worker-rpc: 0.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /fork-ts-checker-webpack-plugin@6.5.3(eslint@8.49.0)(typescript@5.2.2)(webpack@5.90.1):
     resolution: {integrity: sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==}
     engines: {node: '>=10', yarn: '>=1.0.0'}
@@ -25254,6 +25961,38 @@ packages:
       webpack: 5.90.1
     dev: true
 
+  /fork-ts-checker-webpack-plugin@6.5.3(eslint@8.57.0)(typescript@5.2.2)(webpack@5.90.1):
+    resolution: {integrity: sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==}
+    engines: {node: '>=10', yarn: '>=1.0.0'}
+    peerDependencies:
+      eslint: '>= 6'
+      typescript: '>= 2.7'
+      vue-template-compiler: '*'
+      webpack: 5.90.1
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+      vue-template-compiler:
+        optional: true
+    dependencies:
+      '@babel/code-frame': 7.22.13
+      '@types/json-schema': 7.0.15
+      chalk: 4.1.2
+      chokidar: 3.5.3
+      cosmiconfig: 6.0.0
+      deepmerge: 4.3.1
+      eslint: 8.57.0
+      fs-extra: 9.1.0
+      glob: 7.1.6
+      memfs: 3.5.3
+      minimatch: 3.1.2
+      schema-utils: 2.7.0
+      semver: 7.6.0
+      tapable: 1.1.3
+      typescript: 5.2.2
+      webpack: 5.90.1
+    dev: true
+
   /form-data-encoder@2.1.4:
     resolution: {integrity: sha512-yDYSgNMraqvnxiEXO4hi88+YZxaHC6QKzb5N84iRCTDeRO7ZALpir/lVmf/uXUhnwUr2O4HU8s/n6x+yNjQkHw==}
     engines: {node: '>= 14.17'}
@@ -25643,21 +26382,6 @@ packages:
     dependencies:
       assert-plus: 1.0.0
 
-  /giget@1.1.3:
-    resolution: {integrity: sha512-zHuCeqtfgqgDwvXlR84UNgnJDuUHQcNI5OqWqFxxuk2BshuKbYhJWdxBsEo4PvKqoGh23lUAIvBNpChMLv7/9Q==}
-    hasBin: true
-    dependencies:
-      colorette: 2.0.20
-      defu: 6.1.3
-      https-proxy-agent: 7.0.4
-      mri: 1.2.0
-      node-fetch-native: 1.4.1
-      pathe: 1.1.2
-      tar: 6.2.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /giget@1.2.1:
     resolution: {integrity: sha512-4VG22mopWtIeHwogGSy1FViXVo0YT+m6BrqZfz0JJFwbSsePsCdOzdLIIli5BtMp7Xe8f/o2OmBpQX2NBOC24g==}
     hasBin: true
@@ -25670,7 +26394,6 @@ packages:
       ohash: 1.1.3
       pathe: 1.1.2
       tar: 6.2.0
-    dev: false
 
   /git-up@7.0.0:
     resolution: {integrity: sha512-ONdIrbBCFusq1Oy0sC71F5azx8bVkvtZtMJAsv+a6lz5YAmbNnLD6HAB4gptHZVLPR8S2/kVN6Gab7lryq5+lQ==}
@@ -25709,7 +26432,7 @@ packages:
   /gitly@2.0.3:
     resolution: {integrity: sha512-xpbBJ4IZJbLXmggispcRlppo9hsYI90lxzYuLPEYQ4FaOG5j+o1K1823MD54KFIyMgBzS5lnlInvXgEibG2uuA==}
     dependencies:
-      axios: 0.21.4(debug@4.3.2)
+      axios: 0.21.4
       tar: 6.2.0
     transitivePeerDependencies:
       - debug
@@ -25782,17 +26505,6 @@ packages:
       once: 1.4.0
       path-is-absolute: 1.0.1
 
-  /glob@7.1.7:
-    resolution: {integrity: sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==}
-    dependencies:
-      fs.realpath: 1.0.0
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 3.1.2
-      once: 1.4.0
-      path-is-absolute: 1.0.1
-    dev: true
-
   /glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     dependencies:
@@ -25953,6 +26665,14 @@ packages:
     resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
     dev: false
 
+  /goober@2.1.14(csstype@3.1.2):
+    resolution: {integrity: sha512-4UpC0NdGyAFqLNPnhCT2iHpza2q+RAY3GV85a/mRPdzyPQMsj0KmMMuetdIkzWRbJ+Hgau1EZztq8ImmiMGhsg==}
+    peerDependencies:
+      csstype: ^3.0.10
+    dependencies:
+      csstype: 3.1.2
+    dev: false
+
   /gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
     dependencies:
@@ -26074,7 +26794,7 @@ packages:
     dependencies:
       cookie-es: 1.0.0
       defu: 6.1.4
-      destr: 2.0.2
+      destr: 2.0.3
       iron-webcrypto: 1.0.0
       ohash: 1.1.3
       radix3: 1.1.0
@@ -26083,6 +26803,23 @@ packages:
       unenv: 1.9.0
     dev: false
 
+  /h3@1.11.1:
+    resolution: {integrity: sha512-AbaH6IDnZN6nmbnJOH72y3c5Wwh9P97soSVdGSBbcDACRdkC0FEWf25pzx4f/NuOCK6quHmW18yF2Wx+G4Zi1A==}
+    dependencies:
+      cookie-es: 1.0.0
+      crossws: 0.2.4
+      defu: 6.1.4
+      destr: 2.0.3
+      iron-webcrypto: 1.0.0
+      ohash: 1.1.3
+      radix3: 1.1.0
+      ufo: 1.4.0
+      uncrypto: 0.1.3
+      unenv: 1.9.0
+    transitivePeerDependencies:
+      - uWebSockets.js
+    dev: false
+
   /handle-thing@2.0.1:
     resolution: {integrity: sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==}
 
@@ -26116,6 +26853,7 @@ packages:
   /hard-rejection@2.1.0:
     resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
     engines: {node: '>=6'}
+    dev: true
 
   /harmony-reflect@1.6.2:
     resolution: {integrity: sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==}
@@ -26434,7 +27172,7 @@ packages:
       he: 1.2.0
       param-case: 3.0.4
       relateurl: 0.2.7
-      terser: 5.27.0
+      terser: 5.24.0
 
   /html-tags@3.3.1:
     resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
@@ -26475,7 +27213,7 @@ packages:
       tapable: 2.2.1
       webpack: 5.90.1
 
-  /htmlnano@2.1.0(postcss@8.4.31)(svgo@2.8.0)(typescript@5.2.2):
+  /htmlnano@2.1.0(postcss@8.4.35)(svgo@2.8.0)(typescript@5.2.2):
     resolution: {integrity: sha512-jVGRE0Ep9byMBKEu0Vxgl8dhXYOUk0iNQ2pjsG+BcRB0u0oDF5A9p/iBGMg/PGKYUyMD0OAGu8dVT5Lzj8S58g==}
     peerDependencies:
       cssnano: ^6.0.0
@@ -26505,7 +27243,7 @@ packages:
         optional: true
     dependencies:
       cosmiconfig: 8.3.6(typescript@5.2.2)
-      postcss: 8.4.31
+      postcss: 8.4.35
       posthtml: 0.16.6
       svgo: 2.8.0
       timsort: 0.3.0
@@ -26574,7 +27312,7 @@ packages:
     dependencies:
       '@tootallnate/once': 1.1.2
       agent-base: 6.0.2
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -26584,7 +27322,7 @@ packages:
     dependencies:
       '@tootallnate/once': 2.0.0
       agent-base: 6.0.2
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -26639,6 +27377,17 @@ packages:
     transitivePeerDependencies:
       - debug
 
+  /http-proxy@1.18.1:
+    resolution: {integrity: sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      eventemitter3: 4.0.7
+      follow-redirects: 1.15.5(debug@4.3.4)
+      requires-port: 1.0.0
+    transitivePeerDependencies:
+      - debug
+    dev: false
+
   /http-proxy@1.18.1(debug@4.3.2):
     resolution: {integrity: sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==}
     engines: {node: '>=8.0.0'}
@@ -26684,7 +27433,7 @@ packages:
     engines: {node: '>= 6.0.0'}
     dependencies:
       agent-base: 5.1.1
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -26694,7 +27443,7 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       agent-base: 6.0.2
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -26703,7 +27452,7 @@ packages:
     engines: {node: '>= 14'}
     dependencies:
       agent-base: 7.1.0
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -26713,7 +27462,7 @@ packages:
     engines: {node: '>= 14'}
     dependencies:
       agent-base: 7.1.0
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -26743,9 +27492,9 @@ packages:
     dependencies:
       ms: 2.1.3
 
-  /husky@8.0.3:
-    resolution: {integrity: sha512-+dQSyqPh4x1hlO1swXBiNb2HzTDN1I2IGLQx1GrBuiqFJfoMrnZWwVmatvSiO+Iz8fBUnf+lekwNo4c2LlXItg==}
-    engines: {node: '>=14'}
+  /husky@9.0.11:
+    resolution: {integrity: sha512-AB6lFlbwwyIqMdHYhwPe+kjOC3Oc5P3nThEoW/AaO2BX3vJDjWPFxYLxokUZOo6RNX20He3AaT8sESs9NJcmEw==}
+    engines: {node: '>=18'}
     hasBin: true
     dev: true
 
@@ -26841,6 +27590,7 @@ packages:
 
   /immutable@4.3.4:
     resolution: {integrity: sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==}
+    dev: false
 
   /import-fresh@2.0.0:
     resolution: {integrity: sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==}
@@ -26864,6 +27614,7 @@ packages:
   /import-lazy@4.0.0:
     resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
     engines: {node: '>=8'}
+    dev: true
 
   /import-local@2.0.0:
     resolution: {integrity: sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==}
@@ -26902,6 +27653,7 @@ packages:
   /indent-string@5.0.0:
     resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==}
     engines: {node: '>=12'}
+    dev: true
 
   /indexes-of@1.0.1:
     resolution: {integrity: sha512-bup+4tap3Hympa+JBJUG7XuOsdNQ6fxt0MHyXMKuLBKn0OqsTfvUxkUrroEX1+B2VsSHvCjiIcZVxRtYa4nllA==}
@@ -27107,6 +27859,10 @@ packages:
   /ip@2.0.0:
     resolution: {integrity: sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==}
 
+  /ip@2.0.1:
+    resolution: {integrity: sha512-lJUL9imLTNi1ZfXT+DU6rBBdbiKGBuay9B6xGSPVjUeQwaH1RIGqef8RZkUtHioLmSNpPR5M4HVKJGm1j8FWVQ==}
+    dev: true
+
   /ipaddr.js@1.9.1:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
@@ -27352,6 +28108,13 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
+  /is-fullwidth-code-point@5.0.0:
+    resolution: {integrity: sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA==}
+    engines: {node: '>=18'}
+    dependencies:
+      get-east-asian-width: 1.2.0
+    dev: true
+
   /is-function@1.0.2:
     resolution: {integrity: sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ==}
     dev: true
@@ -27506,6 +28269,7 @@ packages:
   /is-plain-obj@1.1.0:
     resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /is-plain-obj@2.1.0:
     resolution: {integrity: sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==}
@@ -27804,7 +28568,7 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       '@babel/generator': 7.23.6
-      '@babel/parser': 7.23.3
+      '@babel/parser': 7.23.9
       '@babel/template': 7.22.15
       '@babel/traverse': 7.23.3
       '@babel/types': 7.20.5
@@ -27830,7 +28594,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       '@babel/core': 7.23.9
-      '@babel/parser': 7.23.3
+      '@babel/parser': 7.23.9
       '@istanbuljs/schema': 0.1.3
       istanbul-lib-coverage: 3.2.2
       semver: 6.3.1
@@ -27858,7 +28622,7 @@ packages:
     resolution: {integrity: sha512-R47KzMtDJH6X4/YW9XTx+jrLnZnscW4VpNN+1PViSYTejLVPWv7oov+Duf8YQSPyVRUvueQqz1TcsC6mooZTXw==}
     engines: {node: '>=6'}
     dependencies:
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       istanbul-lib-coverage: 2.0.5
       make-dir: 2.1.0
       rimraf: 2.7.1
@@ -27871,7 +28635,7 @@ packages:
     resolution: {integrity: sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==}
     engines: {node: '>=10'}
     dependencies:
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       istanbul-lib-coverage: 3.2.2
       source-map: 0.6.1
     transitivePeerDependencies:
@@ -28950,6 +29714,18 @@ packages:
       react: 17.0.2
     dev: false
 
+  /jotai@2.0.3(react@18.2.0):
+    resolution: {integrity: sha512-MMjhSPAL3RoeZD9WbObufRT2quThEAEknHHridf2ma8Ml7ZVQmUiHk0ssdbR3F0h3kcwhYqSGJ59OjhPge7RRg==}
+    engines: {node: '>=12.20.0'}
+    peerDependencies:
+      react: '>=17.0.0'
+    peerDependenciesMeta:
+      react:
+        optional: true
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /joycon@3.1.1:
     resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
     engines: {node: '>=10'}
@@ -29002,7 +29778,7 @@ packages:
         optional: true
     dependencies:
       '@babel/core': 7.23.9
-      '@babel/parser': 7.23.3
+      '@babel/parser': 7.23.9
       '@babel/plugin-transform-class-properties': 7.23.3(@babel/core@7.23.9)
       '@babel/plugin-transform-modules-commonjs': 7.23.3(@babel/core@7.23.9)
       '@babel/plugin-transform-nullish-coalescing-operator': 7.23.3(@babel/core@7.23.9)
@@ -29070,7 +29846,7 @@ packages:
         optional: true
     dependencies:
       abab: 2.0.6
-      acorn: 8.11.2
+      acorn: 8.11.3
       acorn-globals: 6.0.0
       cssom: 0.4.4
       cssstyle: 2.3.0
@@ -29251,10 +30027,6 @@ packages:
   /jsonc-parser@3.2.0:
     resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
 
-  /jsonc-parser@3.2.1:
-    resolution: {integrity: sha512-AilxAyFOAcK5wA1+LeaySVBrHsGQvUFCDWXKpZjzaL0PqW+xfBOttn8GNtWKFWqneyMZj41MWF9Kl6iPWLwgOA==}
-    dev: false
-
   /jsonfile@3.0.1:
     resolution: {integrity: sha512-oBko6ZHlubVB5mRFkur5vgYR1UyqX+S6Y/oCfLhqNdcc2fYFlDpIoNc7AfKS1KOGcnNAkvsr0grLck9ANM815w==}
     optionalDependencies:
@@ -29336,6 +30108,10 @@ packages:
     resolution: {integrity: sha512-Q8206k8pTY7krW32cdmPsP+DqqLgWx/hYPSj9/+7SYqSqz7UuwPbfSe07lQtvuuaVyiSJveXk0E5RydOuWwsEg==}
     dev: false
 
+  /just-curry-it@5.3.0:
+    resolution: {integrity: sha512-silMIRiFjUWlfaDhkgSzpuAyQ6EX/o09Eu8ZBfmFwQMbax7+LQzeIU2CBrICT6Ne4l86ITCGvUCBpCubWYy0Yw==}
+    dev: false
+
   /just-diff-apply@5.5.0:
     resolution: {integrity: sha512-OYTthRfSh55WOItVqwpefPtNt2VdKsq5AnAK6apdtR6yCH8pr0CmSr710J0Mf+WdQy7K/OzMy7K2MgAfdQURDw==}
 
@@ -29414,10 +30190,10 @@ packages:
 
   /known-css-properties@0.28.0:
     resolution: {integrity: sha512-9pSL5XB4J+ifHP0e0jmmC98OGC1nL8/JjS+fi6mnTlIf//yt/MfVLtKg7S6nCtj/8KTcWX7nRlY0XywoYY1ISQ==}
+    dev: true
 
   /known-css-properties@0.29.0:
     resolution: {integrity: sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==}
-    dev: true
 
   /kolorist@1.8.0:
     resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
@@ -29464,7 +30240,7 @@ packages:
     engines: {node: '>=14.0.0'}
     dependencies:
       app-root-dir: 1.0.2
-      dotenv: 16.3.1
+      dotenv: 16.4.5
       dotenv-expand: 10.0.0
     dev: true
 
@@ -29532,8 +30308,8 @@ packages:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
-  /lightningcss-cli-darwin-arm64@1.23.0:
-    resolution: {integrity: sha512-uZvy0I7lf5dt/Ti4egRuSpd3OEPA9I0+aQ/iXUB9pFl4enD6+EmGtfjfEwvOFgcECTO8SZW0tSaRgwhXtHz0qg==}
+  /lightningcss-cli-darwin-arm64@1.24.0:
+    resolution: {integrity: sha512-ryzm4Sc0JP4Dsz3L6GLpVCd8UQD5dY/skMy5WXIIMpMX+YwNfm02vgAwjddk3y0zENCHVyY/K0cnszVvhK65uQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
@@ -29541,8 +30317,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-cli-darwin-x64@1.23.0:
-    resolution: {integrity: sha512-VTOPUVnL+znA1LktTK5jo+3qNhaU0hUYF2u8znJr07vG0NGy8KsZffimYUvWSKi7qid6M8CGAaY9Tw6zMqIniw==}
+  /lightningcss-cli-darwin-x64@1.24.0:
+    resolution: {integrity: sha512-CmJSNmKwfFIbzbK0TBQpJsnEYczed8Y9U5hFGSxVE4CTcQXFAJXvMbj5ST4lv/VxcnvyfyJNPl78cfUfA24M/Q==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
@@ -29550,8 +30326,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-cli-freebsd-x64@1.23.0:
-    resolution: {integrity: sha512-dPeiQjfatVfTJA06Hb2ou6jtk/mbYmBM4YLro8bh6FWMNRKmglwR12kog4Dj/2umNtbLcf4OVDe5+/UhSL+Atw==}
+  /lightningcss-cli-freebsd-x64@1.24.0:
+    resolution: {integrity: sha512-c/qRQahVMq5T+N9p6ct01QN2PZfM65Kxc91EQGSvBmYVDBJK8Z/EOIwu11F6asNbe7V/2OCTmAa29if5lXl9RA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [freebsd]
@@ -29559,8 +30335,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-cli-linux-arm-gnueabihf@1.23.0:
-    resolution: {integrity: sha512-bq7Lbn3btKbeV/6UTS0MucHF0cpnCAVUycvmTrNTB1VF0JvekUStORAhqRlhgMYsjgklGFvQSaBPX1pozYGp8Q==}
+  /lightningcss-cli-linux-arm-gnueabihf@1.24.0:
+    resolution: {integrity: sha512-JebGRmOMfestjpu/74LgvzLC6blzNQjL2PeUpz43d5O/WT0ssaygZuo6VqzZt3nYGW0NueZQwWIMSyryh3LW0A==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
@@ -29568,8 +30344,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-cli-linux-arm64-gnu@1.23.0:
-    resolution: {integrity: sha512-CbRzSK4tH2KpqoFuFLAb0DZgRIA7RsYYYKrDAdsC/S0kq6VBR/rSeISsczfCtMRSBTjqYwnZAdQXQO0YQrfsrA==}
+  /lightningcss-cli-linux-arm64-gnu@1.24.0:
+    resolution: {integrity: sha512-0Q6WflV2Q+Y0TjkBbegt/2oQbyFhpERMiR3YcoLaulUN/pnesCKmlC08cPDQ/vX5xQF9Y9sYHcd2QXs2cLhpMA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
@@ -29577,8 +30353,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-cli-linux-arm64-musl@1.23.0:
-    resolution: {integrity: sha512-bkhubISbHj/G3+BuOMclC+V5k82PTYuWdGAvqrMB3HOd/yIcOxP1uX3O/KLo7qxrLw0m729RCo8Lk7Cd54Z6jg==}
+  /lightningcss-cli-linux-arm64-musl@1.24.0:
+    resolution: {integrity: sha512-m1mi/+TaVFZ44l9pMfMn3u1soZOINdljJ8bCUWN+cqeOyZrNY8hUIy7dZXd+HWkrdzUaMYjdzlgEV0PB7wwSBA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
@@ -29586,8 +30362,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-cli-linux-x64-gnu@1.23.0:
-    resolution: {integrity: sha512-uWiB/7m1pI+UcpmrikD+r8T4b1hcjNHe43/GX2zkx+BtzzUhDwwW1/bXbatGar4K6BVDtSGP8B0diOtONsm2KQ==}
+  /lightningcss-cli-linux-x64-gnu@1.24.0:
+    resolution: {integrity: sha512-4SL/ogzO9iVK6fHEZ7qaCrKgZck3uFJFAPOEKYbA7d+lzByiOG+e9tW/8t+JpbNHu693X32u502AG9ZyXrxurg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
@@ -29595,8 +30371,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-cli-linux-x64-musl@1.23.0:
-    resolution: {integrity: sha512-2GQKReVX2BLM+2vXdp9pUt8NzPy5PKyEU3PKNuAaKAW6gEMFRUWiISir6faSlMm6lCjEoqfrvAtrenELudhQCA==}
+  /lightningcss-cli-linux-x64-musl@1.24.0:
+    resolution: {integrity: sha512-u7lgtntJZH/8AWwT5+TBS3fj2OO/tcYJsrxZHzWumz7UaT6Etogh9Vehzlxb/U9yUl/yfeAfLQp93g0nM7ZyaA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
@@ -29604,8 +30380,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-cli-win32-x64-msvc@1.23.0:
-    resolution: {integrity: sha512-5xAaw/S1cTywwGZGBFtNSnb5YH67toEualXjlKH2RpmtaWPYvxwtXr86BCnZotAqx0KNESMjE27tIWDvYAQNKQ==}
+  /lightningcss-cli-win32-x64-msvc@1.24.0:
+    resolution: {integrity: sha512-i90UzVhYMwYYKQQqkjsGv6whr2RHuBFPzh4k9N8sg+jI5JwskXAnSBattQPCt+lICJoaBdT0gBSRvepGUMVf4w==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
@@ -29613,36 +30389,27 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-cli@1.23.0:
-    resolution: {integrity: sha512-STwsFaVtiGwBCAl3swVvs/ido0ZzhcLFWn0KEkZv1DQNtNppJrULjqap/yaxCooDI5bfjJGj70Ne1tt3AwaQ+g==}
+  /lightningcss-cli@1.24.0:
+    resolution: {integrity: sha512-doj/5w6LlZUjDDg3RCRKwTu5duQCrKEHGL8DXLi0rEau58aehmKgf2dfj+9zshCkJTj+a+OpHDyPU1J2GO/aBg==}
     engines: {node: '>= 12.0.0'}
     hasBin: true
     requiresBuild: true
     dependencies:
       detect-libc: 1.0.3
     optionalDependencies:
-      lightningcss-cli-darwin-arm64: 1.23.0
-      lightningcss-cli-darwin-x64: 1.23.0
-      lightningcss-cli-freebsd-x64: 1.23.0
-      lightningcss-cli-linux-arm-gnueabihf: 1.23.0
-      lightningcss-cli-linux-arm64-gnu: 1.23.0
-      lightningcss-cli-linux-arm64-musl: 1.23.0
-      lightningcss-cli-linux-x64-gnu: 1.23.0
-      lightningcss-cli-linux-x64-musl: 1.23.0
-      lightningcss-cli-win32-x64-msvc: 1.23.0
-    dev: true
-
-  /lightningcss-darwin-arm64@1.22.1:
-    resolution: {integrity: sha512-ldvElu+R0QimNTjsKpaZkUv3zf+uefzLy/R1R19jtgOfSRM+zjUCUgDhfEDRmVqJtMwYsdhMI2aJtJChPC6Osg==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /lightningcss-darwin-arm64@1.23.0:
-    resolution: {integrity: sha512-kl4Pk3Q2lnE6AJ7Qaij47KNEfY2/UXRZBT/zqGA24B8qwkgllr/j7rclKOf1axcslNXvvUdztjo4Xqh39Yq1aA==}
+      lightningcss-cli-darwin-arm64: 1.24.0
+      lightningcss-cli-darwin-x64: 1.24.0
+      lightningcss-cli-freebsd-x64: 1.24.0
+      lightningcss-cli-linux-arm-gnueabihf: 1.24.0
+      lightningcss-cli-linux-arm64-gnu: 1.24.0
+      lightningcss-cli-linux-arm64-musl: 1.24.0
+      lightningcss-cli-linux-x64-gnu: 1.24.0
+      lightningcss-cli-linux-x64-musl: 1.24.0
+      lightningcss-cli-win32-x64-msvc: 1.24.0
+    dev: true
+
+  /lightningcss-darwin-arm64@1.24.0:
+    resolution: {integrity: sha512-rTNPkEiynOu4CfGdd5ZfVOQe2gd2idfQd4EfX1l2ZUUwd+2SwSdbb7cG4rlwfnZckbzCAygm85xkpekRE5/wFw==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
@@ -29650,8 +30417,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-darwin-x64@1.22.1:
-    resolution: {integrity: sha512-5p2rnlVTv6Gpw4PlTLq925nTVh+HFh4MpegX8dPDYJae+NFVjQ67gY7O6iHIzQjLipDiYejFF0yHrhjU3XgLBQ==}
+  /lightningcss-darwin-x64@1.24.0:
+    resolution: {integrity: sha512-4KCeF2RJjzp9xdGY8zIH68CUtptEg8uz8PfkHvsIdrP4t9t5CIgfDBhiB8AmuO75N6SofdmZexDZIKdy9vA7Ww==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
@@ -29659,26 +30426,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-darwin-x64@1.23.0:
-    resolution: {integrity: sha512-KeRFCNoYfDdcolcFXvokVw+PXCapd2yHS1Diko1z1BhRz/nQuD5XyZmxjWdhmhN/zj5sH8YvWsp0/lPLVzqKpg==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /lightningcss-freebsd-x64@1.22.1:
-    resolution: {integrity: sha512-1FaBtcFrZqB2hkFbAxY//Pnp8koThvyB6AhjbdVqKD4/pu13Rl91fKt2N9qyeQPUt3xy7ORUvSO+dPk3J6EjXg==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /lightningcss-freebsd-x64@1.23.0:
-    resolution: {integrity: sha512-xhnhf0bWPuZxcqknvMDRFFo2TInrmQRWZGB0f6YoAsZX8Y+epfjHeeOIGCfAmgF0DgZxHwYc8mIR5tQU9/+ROA==}
+  /lightningcss-freebsd-x64@1.24.0:
+    resolution: {integrity: sha512-FJAYlek1wXuVTsncNU0C6YD41q126dXcIUm97KAccMn9C4s/JfLSqGWT2gIzAblavPFkyGG2gIADTWp3uWfN1g==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [freebsd]
@@ -29686,17 +30435,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-linux-arm-gnueabihf@1.22.1:
-    resolution: {integrity: sha512-6rub98tYGfE5I5j0BP8t/2d4BZyu1S7Iz9vUkm0H26snAFHYxLfj3RbQn0xHHIePSetjLnhcg3QlfwUAkD/FYg==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /lightningcss-linux-arm-gnueabihf@1.23.0:
-    resolution: {integrity: sha512-fBamf/bULvmWft9uuX+bZske236pUZEoUlaHNBjnueaCTJ/xd8eXgb0cEc7S5o0Nn6kxlauMBnqJpF70Bgq3zg==}
+  /lightningcss-linux-arm-gnueabihf@1.24.0:
+    resolution: {integrity: sha512-N55K6JqzMx7C0hYUu1YmWqhkHwzEJlkQRMA6phY65noO0I1LOAvP4wBIoFWrzRE+O6zL0RmXJ2xppqyTbk3sYw==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
@@ -29704,17 +30444,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-linux-arm64-gnu@1.22.1:
-    resolution: {integrity: sha512-nYO5qGtb/1kkTZu3FeTiM+2B2TAb7m2DkLCTgQIs2bk2o9aEs7I96fwySKcoHWQAiQDGR9sMux9vkV4KQXqPaQ==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /lightningcss-linux-arm64-gnu@1.23.0:
-    resolution: {integrity: sha512-RS7sY77yVLOmZD6xW2uEHByYHhQi5JYWmgVumYY85BfNoVI3DupXSlzbw+b45A9NnVKq45+oXkiN6ouMMtTwfg==}
+  /lightningcss-linux-arm64-gnu@1.24.0:
+    resolution: {integrity: sha512-MqqUB2TpYtFWeBvvf5KExDdClU3YGLW5bHKs50uKKootcvG9KoS7wYwd5UichS+W3mYLc5yXUPGD1DNWbLiYKw==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
@@ -29722,8 +30453,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-linux-arm64-musl@1.22.1:
-    resolution: {integrity: sha512-MCV6RuRpzXbunvzwY644iz8cw4oQxvW7oer9xPkdadYqlEyiJJ6wl7FyJOH7Q6ZYH4yjGAUCvxDBxPbnDu9ZVg==}
+  /lightningcss-linux-arm64-musl@1.24.0:
+    resolution: {integrity: sha512-5wn4d9tFwa5bS1ao9mLexYVJdh3nn09HNIipsII6ZF7z9ZA5J4dOEhMgKoeCl891axTGTUYd8Kxn+Hn3XUSYRQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
@@ -29731,26 +30462,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-linux-arm64-musl@1.23.0:
-    resolution: {integrity: sha512-cU00LGb6GUXCwof6ACgSMKo3q7XYbsyTj0WsKHLi1nw7pV0NCq8nFTn6ZRBYLoKiV8t+jWl0Hv8KkgymmK5L5g==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /lightningcss-linux-x64-gnu@1.22.1:
-    resolution: {integrity: sha512-RjNgpdM20VUXgV7us/VmlO3Vn2ZRiDnc3/bUxCVvySZWPiVPprpqW/QDWuzkGa+NCUf6saAM5CLsZLSxncXJwg==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /lightningcss-linux-x64-gnu@1.23.0:
-    resolution: {integrity: sha512-q4jdx5+5NfB0/qMbXbOmuC6oo7caPnFghJbIAV90cXZqgV8Am3miZhC4p+sQVdacqxfd+3nrle4C8icR3p1AYw==}
+  /lightningcss-linux-x64-gnu@1.24.0:
+    resolution: {integrity: sha512-3j5MdTh+LSDF3o6uDwRjRUgw4J+IfDCVtdkUrJvKxL79qBLUujXY7CTe5X3IQDDLKEe/3wu49r8JKgxr0MfjbQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
@@ -29758,8 +30471,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-linux-x64-musl@1.22.1:
-    resolution: {integrity: sha512-ZgO4C7Rd6Hv/5MnyY2KxOYmIlzk4rplVolDt3NbkNR8DndnyX0Q5IR4acJWNTBICQ21j3zySzKbcJaiJpk/4YA==}
+  /lightningcss-linux-x64-musl@1.24.0:
+    resolution: {integrity: sha512-HI+rNnvaLz0o36z6Ki0gyG5igVGrJmzczxA5fznr6eFTj3cHORoR/j2q8ivMzNFR4UKJDkTWUH5LMhacwOHWBA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
@@ -29767,26 +30480,8 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss-linux-x64-musl@1.23.0:
-    resolution: {integrity: sha512-G9Ri3qpmF4qef2CV/80dADHKXRAQeQXpQTLx7AiQrBYQHqBjB75oxqj06FCIe5g4hNCqLPnM9fsO4CyiT1sFSQ==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /lightningcss-win32-x64-msvc@1.22.1:
-    resolution: {integrity: sha512-4pozV4eyD0MDET41ZLHAeBo+H04Nm2UEYIk5w/ts40231dRFV7E0cjwbnZvSoc1DXFgecAhiC0L16ruv/ZDCpg==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /lightningcss-win32-x64-msvc@1.23.0:
-    resolution: {integrity: sha512-1rcBDJLU+obPPJM6qR5fgBUiCdZwZLafZM5f9kwjFLkb/UBNIzmae39uCSmh71nzPCTXZqHbvwu23OWnWEz+eg==}
+  /lightningcss-win32-x64-msvc@1.24.0:
+    resolution: {integrity: sha512-oeije/t7OZ5N9vSs6amyW/34wIYoBCpE6HUlsSKcP2SR1CVgx9oKEM00GtQmtqNnYiMIfsSm7+ppMb4NLtD5vg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
@@ -29794,38 +30489,21 @@ packages:
     dev: true
     optional: true
 
-  /lightningcss@1.22.1:
-    resolution: {integrity: sha512-Fy45PhibiNXkm0cK5FJCbfO8Y6jUpD/YcHf/BtuI+jvYYqSXKF4muk61jjE8YxCR9y+hDYIWSzHTc+bwhDE6rQ==}
-    engines: {node: '>= 12.0.0'}
-    dependencies:
-      detect-libc: 1.0.3
-    optionalDependencies:
-      lightningcss-darwin-arm64: 1.22.1
-      lightningcss-darwin-x64: 1.22.1
-      lightningcss-freebsd-x64: 1.22.1
-      lightningcss-linux-arm-gnueabihf: 1.22.1
-      lightningcss-linux-arm64-gnu: 1.22.1
-      lightningcss-linux-arm64-musl: 1.22.1
-      lightningcss-linux-x64-gnu: 1.22.1
-      lightningcss-linux-x64-musl: 1.22.1
-      lightningcss-win32-x64-msvc: 1.22.1
-    dev: true
-
-  /lightningcss@1.23.0:
-    resolution: {integrity: sha512-SEArWKMHhqn/0QzOtclIwH5pXIYQOUEkF8DgICd/105O+GCgd7jxjNod/QPnBCSWvpRHQBGVz5fQ9uScby03zA==}
+  /lightningcss@1.24.0:
+    resolution: {integrity: sha512-y36QEEDVx4IM7/yIZNsZJMRREIu26WzTsauIysf5s76YeCmlSbRZS7aC97IGPuoFRnyZ5Wx43OBsQBFB5Ne7ng==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       detect-libc: 1.0.3
     optionalDependencies:
-      lightningcss-darwin-arm64: 1.23.0
-      lightningcss-darwin-x64: 1.23.0
-      lightningcss-freebsd-x64: 1.23.0
-      lightningcss-linux-arm-gnueabihf: 1.23.0
-      lightningcss-linux-arm64-gnu: 1.23.0
-      lightningcss-linux-arm64-musl: 1.23.0
-      lightningcss-linux-x64-gnu: 1.23.0
-      lightningcss-linux-x64-musl: 1.23.0
-      lightningcss-win32-x64-msvc: 1.23.0
+      lightningcss-darwin-arm64: 1.24.0
+      lightningcss-darwin-x64: 1.24.0
+      lightningcss-freebsd-x64: 1.24.0
+      lightningcss-linux-arm-gnueabihf: 1.24.0
+      lightningcss-linux-arm64-gnu: 1.24.0
+      lightningcss-linux-arm64-musl: 1.24.0
+      lightningcss-linux-x64-gnu: 1.24.0
+      lightningcss-linux-x64-musl: 1.24.0
+      lightningcss-win32-x64-msvc: 1.24.0
     dev: true
 
   /lilconfig@2.1.0:
@@ -29853,7 +30531,7 @@ packages:
       chalk: 4.1.2
       commander: 5.1.0
       cosmiconfig: 6.0.0
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       dedent: 0.7.0
       execa: 4.1.0
       listr2: 1.3.8
@@ -29869,8 +30547,8 @@ packages:
       - zenObservable
     dev: false
 
-  /lint-staged@15.0.2:
-    resolution: {integrity: sha512-vnEy7pFTHyVuDmCAIFKR5QDO8XLVlPFQQyujQ/STOxe40ICWqJ6knS2wSJ/ffX/Lw0rz83luRDh+ET7toN+rOw==}
+  /lint-staged@15.2.2:
+    resolution: {integrity: sha512-TiTt93OPh1OZOsb5B7k96A/ATl2AjIZo+vnzFZ6oHK5FuTk63ByDtxGQpHm+kFETjEWqgkF95M8FRXKR/LEBcw==}
     engines: {node: '>=18.12.0'}
     hasBin: true
     dependencies:
@@ -29878,38 +30556,40 @@ packages:
       commander: 11.1.0
       debug: 4.3.4(supports-color@8.1.1)
       execa: 8.0.1
-      lilconfig: 2.1.0
-      listr2: 7.0.2
+      lilconfig: 3.0.0
+      listr2: 8.0.1
       micromatch: 4.0.5
       pidtree: 0.6.0
       string-argv: 0.3.2
-      yaml: 2.3.3
+      yaml: 2.3.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /listhen@1.6.0:
-    resolution: {integrity: sha512-z0RcEXVX5oTpY1bO02SKoTU/kmZSrFSngNNzHRM6KICR17PTq7ANush6AE6ztGJwJD4RLpBrVHd9GnV51J7s3w==}
+  /listhen@1.7.2:
+    resolution: {integrity: sha512-7/HamOm5YD9Wb7CFgAZkKgVPA96WwhcTQoqtm2VTZGVbVVn3IWKRBTgrU7cchA3Q8k9iCsG8Osoi9GX4JsGM9g==}
     hasBin: true
     dependencies:
-      '@parcel/watcher': 2.4.0
-      '@parcel/watcher-wasm': 2.4.0
+      '@parcel/watcher': 2.4.1
+      '@parcel/watcher-wasm': 2.4.1
       citty: 0.1.6
       clipboardy: 4.0.0
       consola: 3.2.3
-      crossws: 0.1.1
+      crossws: 0.2.4
       defu: 6.1.4
       get-port-please: 3.1.2
-      h3: 1.10.1
+      h3: 1.11.1
       http-shutdown: 1.2.2
       jiti: 1.21.0
-      mlly: 1.5.0
+      mlly: 1.6.1
       node-forge: 1.3.1
       pathe: 1.1.2
       std-env: 3.7.0
-      ufo: 1.3.2
+      ufo: 1.4.0
       untun: 0.1.3
       uqr: 0.1.2
+    transitivePeerDependencies:
+      - uWebSockets.js
     dev: false
 
   /listr2@1.3.8:
@@ -29954,16 +30634,16 @@ packages:
       through: 2.3.8
       wrap-ansi: 7.0.0
 
-  /listr2@7.0.2:
-    resolution: {integrity: sha512-rJysbR9GKIalhTbVL2tYbF2hVyDnrf7pFUZBwjPaMIdadYHmeT+EVi/Bu3qd7ETQPahTotg2WRCatXwRBW554g==}
-    engines: {node: '>=16.0.0'}
+  /listr2@8.0.1:
+    resolution: {integrity: sha512-ovJXBXkKGfq+CwmKTjluEqFi3p4h8xvkxGQQAQan22YCgef4KZ1mKGjzfGh6PL6AW5Csw0QiQPNuQyH+6Xk3hA==}
+    engines: {node: '>=18.0.0'}
     dependencies:
-      cli-truncate: 3.1.0
+      cli-truncate: 4.0.0
       colorette: 2.0.20
       eventemitter3: 5.0.1
-      log-update: 5.0.1
+      log-update: 6.0.0
       rfdc: 1.3.0
-      wrap-ansi: 8.1.0
+      wrap-ansi: 9.0.0
     dev: true
 
   /lmdb@2.8.5:
@@ -30063,7 +30743,7 @@ packages:
     resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
     engines: {node: '>=14'}
     dependencies:
-      mlly: 1.5.0
+      mlly: 1.6.1
       pkg-types: 1.0.3
 
   /locale@0.1.0:
@@ -30231,15 +30911,15 @@ packages:
       slice-ansi: 4.0.0
       wrap-ansi: 6.2.0
 
-  /log-update@5.0.1:
-    resolution: {integrity: sha512-5UtUDQ/6edw4ofyljDNcOVJQ4c7OjDro4h3y8e1GQL5iYElYclVHJ3zeWchylvMaKnDbDilC8irOVyexnA/Slw==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  /log-update@6.0.0:
+    resolution: {integrity: sha512-niTvB4gqvtof056rRIrTZvjNYE4rCUzO6X/X+kYjd7WFxXeJ0NwEFnRxX6ehkvv3jTwrXnNdtAak5XYZuIyPFw==}
+    engines: {node: '>=18'}
     dependencies:
-      ansi-escapes: 5.0.0
+      ansi-escapes: 6.2.0
       cli-cursor: 4.0.0
-      slice-ansi: 5.0.0
+      slice-ansi: 7.1.0
       strip-ansi: 7.1.0
-      wrap-ansi: 8.1.0
+      wrap-ansi: 9.0.0
     dev: true
 
   /longest-streak@3.1.0:
@@ -30345,6 +31025,14 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
+  /magicast@0.3.3:
+    resolution: {integrity: sha512-ZbrP1Qxnpoes8sz47AM0z08U+jW6TyRgZzcWy3Ma3vDhJttwMwAFDMMQFobwdBxByBD46JYmxRzeF7w2+wJEuw==}
+    dependencies:
+      '@babel/parser': 7.23.9
+      '@babel/types': 7.23.9
+      source-map-js: 1.0.2
+    dev: true
+
   /make-dir@2.1.0:
     resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
     engines: {node: '>=6'}
@@ -30458,10 +31146,12 @@ packages:
   /map-obj@1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /map-obj@4.3.0:
     resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
     engines: {node: '>=8'}
+    dev: true
 
   /map-or-similar@1.5.0:
     resolution: {integrity: sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==}
@@ -30485,10 +31175,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /markdown-table@3.0.3:
-    resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
-    dev: true
-
   /markdown-to-jsx@7.3.2(react@17.0.2):
     resolution: {integrity: sha512-B+28F5ucp83aQm+OxNrPkS8z0tMKaeHiy0lHJs3LqCyDQFtWuenaIrkaVTgAm1pf1AU85LXltva86hlaT17i8Q==}
     engines: {node: '>= 10'}
@@ -30530,15 +31216,6 @@ packages:
       unist-util-visit: 4.1.2
     dev: true
 
-  /mdast-util-find-and-replace@2.2.2:
-    resolution: {integrity: sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==}
-    dependencies:
-      '@types/mdast': 3.0.15
-      escape-string-regexp: 5.0.0
-      unist-util-is: 5.2.1
-      unist-util-visit-parents: 5.1.3
-    dev: true
-
   /mdast-util-from-markdown@1.3.1:
     resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==}
     dependencies:
@@ -30566,62 +31243,6 @@ packages:
       micromark-extension-frontmatter: 1.1.1
     dev: true
 
-  /mdast-util-gfm-autolink-literal@1.0.3:
-    resolution: {integrity: sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==}
-    dependencies:
-      '@types/mdast': 3.0.15
-      ccount: 2.0.1
-      mdast-util-find-and-replace: 2.2.2
-      micromark-util-character: 1.2.0
-    dev: true
-
-  /mdast-util-gfm-footnote@1.0.2:
-    resolution: {integrity: sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==}
-    dependencies:
-      '@types/mdast': 3.0.15
-      mdast-util-to-markdown: 1.5.0
-      micromark-util-normalize-identifier: 1.1.0
-    dev: true
-
-  /mdast-util-gfm-strikethrough@1.0.3:
-    resolution: {integrity: sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==}
-    dependencies:
-      '@types/mdast': 3.0.15
-      mdast-util-to-markdown: 1.5.0
-    dev: true
-
-  /mdast-util-gfm-table@1.0.7:
-    resolution: {integrity: sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==}
-    dependencies:
-      '@types/mdast': 3.0.15
-      markdown-table: 3.0.3
-      mdast-util-from-markdown: 1.3.1
-      mdast-util-to-markdown: 1.5.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /mdast-util-gfm-task-list-item@1.0.2:
-    resolution: {integrity: sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==}
-    dependencies:
-      '@types/mdast': 3.0.15
-      mdast-util-to-markdown: 1.5.0
-    dev: true
-
-  /mdast-util-gfm@2.0.2:
-    resolution: {integrity: sha512-qvZ608nBppZ4icQlhQQIAdc6S3Ffj9RGmzwUKUWuEICFnd1LVkN3EktF7ZHAgfcEdvZB5owU9tQgt99e2TlLjg==}
-    dependencies:
-      mdast-util-from-markdown: 1.3.1
-      mdast-util-gfm-autolink-literal: 1.0.3
-      mdast-util-gfm-footnote: 1.0.2
-      mdast-util-gfm-strikethrough: 1.0.3
-      mdast-util-gfm-table: 1.0.7
-      mdast-util-gfm-task-list-item: 1.0.2
-      mdast-util-to-markdown: 1.5.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /mdast-util-mdx-expression@1.3.2:
     resolution: {integrity: sha512-xIPmR5ReJDu/DHH1OoIT1HkuybIfRGYRywC+gJtI7qHjCJp/M9jrmBEJW22O8lskDWm562BX2W8TiAwRTb0rKA==}
     dependencies:
@@ -30833,6 +31454,11 @@ packages:
       trim-newlines: 4.1.1
       type-fest: 1.4.0
       yargs-parser: 20.2.9
+    dev: true
+
+  /meow@13.2.0:
+    resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
+    engines: {node: '>=18'}
 
   /meow@3.7.0:
     resolution: {integrity: sha512-TNdwZs0skRlpPpCUK25StC4VH+tP5GgeY1HQOOGP+lQ2xtdkN2VtT/5tiX9k3IWpkBPV9b3LsAWXn4GGi/PrSA==}
@@ -30869,6 +31495,10 @@ packages:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
+  /merge@2.1.1:
+    resolution: {integrity: sha512-jz+Cfrg9GWOZbQAnDQ4hlVnQky+341Yk5ru8bZSe6sIDTCIg8n9i/u7hSQGSVOF3C7lH6mGtqjkiT9G4wFLL0w==}
+    dev: false
+
   /methods@1.1.2:
     resolution: {integrity: sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==}
     engines: {node: '>= 0.6'}
@@ -30906,78 +31536,6 @@ packages:
       micromark-util-types: 1.1.0
     dev: true
 
-  /micromark-extension-gfm-autolink-literal@1.0.5:
-    resolution: {integrity: sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==}
-    dependencies:
-      micromark-util-character: 1.2.0
-      micromark-util-sanitize-uri: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-    dev: true
-
-  /micromark-extension-gfm-footnote@1.1.2:
-    resolution: {integrity: sha512-Yxn7z7SxgyGWRNa4wzf8AhYYWNrwl5q1Z8ii+CSTTIqVkmGZF1CElX2JI8g5yGoM3GAman9/PVCUFUSJ0kB/8Q==}
-    dependencies:
-      micromark-core-commonmark: 1.1.0
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-normalize-identifier: 1.1.0
-      micromark-util-sanitize-uri: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    dev: true
-
-  /micromark-extension-gfm-strikethrough@1.0.7:
-    resolution: {integrity: sha512-sX0FawVE1o3abGk3vRjOH50L5TTLr3b5XMqnP9YDRb34M0v5OoZhG+OHFz1OffZ9dlwgpTBKaT4XW/AsUVnSDw==}
-    dependencies:
-      micromark-util-chunked: 1.1.0
-      micromark-util-classify-character: 1.1.0
-      micromark-util-resolve-all: 1.1.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    dev: true
-
-  /micromark-extension-gfm-table@1.0.7:
-    resolution: {integrity: sha512-3ZORTHtcSnMQEKtAOsBQ9/oHp9096pI/UvdPtN7ehKvrmZZ2+bbWhi0ln+I9drmwXMt5boocn6OlwQzNXeVeqw==}
-    dependencies:
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    dev: true
-
-  /micromark-extension-gfm-tagfilter@1.0.2:
-    resolution: {integrity: sha512-5XWB9GbAUSHTn8VPU8/1DBXMuKYT5uOgEjJb8gN3mW0PNW5OPHpSdojoqf+iq1xo7vWzw/P8bAHY0n6ijpXF7g==}
-    dependencies:
-      micromark-util-types: 1.1.0
-    dev: true
-
-  /micromark-extension-gfm-task-list-item@1.0.5:
-    resolution: {integrity: sha512-RMFXl2uQ0pNQy6Lun2YBYT9g9INXtWJULgbt01D/x8/6yJ2qpKyzdZD3pi6UIkzF++Da49xAelVKUeUMqd5eIQ==}
-    dependencies:
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    dev: true
-
-  /micromark-extension-gfm@2.0.3:
-    resolution: {integrity: sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==}
-    dependencies:
-      micromark-extension-gfm-autolink-literal: 1.0.5
-      micromark-extension-gfm-footnote: 1.1.2
-      micromark-extension-gfm-strikethrough: 1.0.7
-      micromark-extension-gfm-table: 1.0.7
-      micromark-extension-gfm-tagfilter: 1.0.2
-      micromark-extension-gfm-task-list-item: 1.0.5
-      micromark-util-combine-extensions: 1.1.0
-      micromark-util-types: 1.1.0
-    dev: true
-
   /micromark-extension-mdx-expression@1.0.8:
     resolution: {integrity: sha512-zZpeQtc5wfWKdzDsHRBY003H2Smg+PUi2REhqgIhdzAa5xonhP03FcXxqFSerFiNUr5AWmHpaNPQTBVOS4lrXw==}
     dependencies:
@@ -31199,7 +31757,7 @@ packages:
     resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==}
     dependencies:
       '@types/debug': 4.1.12
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       decode-named-character-reference: 1.0.2
       micromark-core-commonmark: 1.1.0
       micromark-factory-space: 1.1.0
@@ -31328,6 +31886,19 @@ packages:
       tiny-warning: 1.0.3
     dev: false
 
+  /mini-create-react-context@0.4.1(prop-types@15.7.2)(react@18.2.0):
+    resolution: {integrity: sha512-YWCYEmd5CQeHGSAKrYvXgmzzkrvssZcuuQDDeqkT+PziKGMgE+0MCCtcKbROzocGBG1meBLl2FotlRwf4gAzbQ==}
+    deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
+    peerDependencies:
+      prop-types: ^15.0.0
+      react: ^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0
+    dependencies:
+      '@babel/runtime': 7.20.6
+      prop-types: 15.7.2
+      react: 18.2.0
+      tiny-warning: 1.0.3
+    dev: false
+
   /mini-css-extract-plugin@0.12.0(webpack@5.90.1):
     resolution: {integrity: sha512-z6PQCe9rd1XUwZ8gMaEVwwRyZlrYy8Ba1gRjFP5HcV51HkXX+XlwZ+a1iAYTjSYwgNBXoNR7mhx79mDpOn5fdw==}
     engines: {node: '>= 6.9.0'}
@@ -31389,6 +31960,7 @@ packages:
       arrify: 1.0.1
       is-plain-obj: 1.1.0
       kind-of: 6.0.3
+    dev: true
 
   /minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
@@ -31514,13 +32086,13 @@ packages:
   /mlly@1.4.2:
     resolution: {integrity: sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==}
     dependencies:
-      acorn: 8.11.2
-      pathe: 1.1.1
+      acorn: 8.11.3
+      pathe: 1.1.2
       pkg-types: 1.0.3
       ufo: 1.3.2
 
-  /mlly@1.5.0:
-    resolution: {integrity: sha512-NPVQvAY1xr1QoVeG0cy8yUYC7FQcOx6evl/RjT1wL5FvzPnzOysoqB/jmx/DhssT2dYa8nxECLAaFI/+gVLhDQ==}
+  /mlly@1.6.1:
+    resolution: {integrity: sha512-vLgaHvaeunuOXHSmEbZ9izxPx3USsk8KCQ8iC+aTlp5sKRSoZvwhHh5L9VbKSaVC6sJDqbyohIS76E2VmHIPAA==}
     dependencies:
       acorn: 8.11.3
       pathe: 1.1.2
@@ -31740,8 +32312,8 @@ packages:
     resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
     dev: false
 
-  /next@14.0.4(react-dom@18.2.0)(react@18.2.0)(sass@1.69.5):
-    resolution: {integrity: sha512-qbwypnM7327SadwFtxXnQdGiKpkuhaRLE2uq62/nRul9cj9KhQ5LhHmlziTNqUidZotw/Q1I9OjirBROdUJNgA==}
+  /next@14.1.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-McrGJqlGSHeaz2yTRPkEucxQKe5Zq7uPwyeHNmJaZNY4wx9E9QdxmTp310agFRoMuIYgQrCrT3petg13fSVOww==}
     engines: {node: '>=18.17.0'}
     hasBin: true
     peerDependencies:
@@ -31755,27 +32327,25 @@ packages:
       sass:
         optional: true
     dependencies:
-      '@next/env': 14.0.4
+      '@next/env': 14.1.1
       '@swc/helpers': 0.5.2
       busboy: 1.6.0
-      caniuse-lite: 1.0.30001562
+      caniuse-lite: 1.0.30001591
       graceful-fs: 4.2.11
       postcss: 8.4.31
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      sass: 1.69.5
       styled-jsx: 5.1.1(react@18.2.0)
-      watchpack: 2.4.0
     optionalDependencies:
-      '@next/swc-darwin-arm64': 14.0.4
-      '@next/swc-darwin-x64': 14.0.4
-      '@next/swc-linux-arm64-gnu': 14.0.4
-      '@next/swc-linux-arm64-musl': 14.0.4
-      '@next/swc-linux-x64-gnu': 14.0.4
-      '@next/swc-linux-x64-musl': 14.0.4
-      '@next/swc-win32-arm64-msvc': 14.0.4
-      '@next/swc-win32-ia32-msvc': 14.0.4
-      '@next/swc-win32-x64-msvc': 14.0.4
+      '@next/swc-darwin-arm64': 14.1.1
+      '@next/swc-darwin-x64': 14.1.1
+      '@next/swc-linux-arm64-gnu': 14.1.1
+      '@next/swc-linux-arm64-musl': 14.1.1
+      '@next/swc-linux-x64-gnu': 14.1.1
+      '@next/swc-linux-x64-musl': 14.1.1
+      '@next/swc-win32-arm64-msvc': 14.1.1
+      '@next/swc-win32-ia32-msvc': 14.1.1
+      '@next/swc-win32-x64-msvc': 14.1.1
     transitivePeerDependencies:
       - '@babel/core'
       - babel-plugin-macros
@@ -31817,15 +32387,15 @@ packages:
       '@rollup/pluginutils': 5.1.0(rollup@4.8.0)
       '@types/http-proxy': 1.17.14
       '@vercel/nft': 0.24.4
-      archiver: 6.0.1
-      c12: 1.8.0
+      archiver: 6.0.2
+      c12: 1.9.0
       chalk: 5.3.0
       chokidar: 3.5.3
       citty: 0.1.6
       consola: 3.2.3
       cookie-es: 1.0.0
       defu: 6.1.3
-      destr: 2.0.2
+      destr: 2.0.3
       dot-prop: 8.0.2
       esbuild: 0.19.9
       escape-string-regexp: 5.0.0
@@ -31841,7 +32411,7 @@ packages:
       jiti: 1.21.0
       klona: 2.0.6
       knitwork: 1.0.0
-      listhen: 1.6.0
+      listhen: 1.7.2
       magic-string: 0.30.5
       mime: 3.0.0
       mlly: 1.4.2
@@ -31883,6 +32453,7 @@ packages:
       - encoding
       - idb-keyval
       - supports-color
+      - uWebSockets.js
     dev: false
 
   /no-case@3.0.4:
@@ -31911,10 +32482,10 @@ packages:
 
   /node-fetch-native@1.4.1:
     resolution: {integrity: sha512-NsXBU0UgBxo2rQLOeWNZqS3fvflWePMECr8CoSWoSTqCqGbVVsvl9vZu1HfQicYN0g5piV9Gh8RTEvo/uP752w==}
+    dev: false
 
   /node-fetch-native@1.6.2:
     resolution: {integrity: sha512-69mtXOFZ6hSkYiXAVB5SqaRvrbITC/NPyqv7yuu/qw0nmgPyYbIMYYNIDhNtwPrzk0ptrimrLz/hhjvm4w5Z+w==}
-    dev: false
 
   /node-fetch@1.7.3:
     resolution: {integrity: sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==}
@@ -32074,6 +32645,7 @@ packages:
       is-core-module: 2.13.1
       semver: 7.6.0
       validate-npm-package-license: 3.0.4
+    dev: true
 
   /normalize-package-data@5.0.0:
     resolution: {integrity: sha512-h9iPVIfrVZ9wVYQnxFgtw1ugSvGEMOlyPWWtm8BMJhnwyEL/FLbYbTY3V3PpjI/BUK67n9PEWDu6eHzu1fB15Q==}
@@ -32321,8 +32893,7 @@ packages:
       citty: 0.1.6
       execa: 8.0.1
       pathe: 1.1.2
-      ufo: 1.3.2
-    dev: false
+      ufo: 1.4.0
 
   /oauth-sign@0.9.0:
     resolution: {integrity: sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==}
@@ -32444,14 +33015,13 @@ packages:
   /ofetch@1.3.3:
     resolution: {integrity: sha512-s1ZCMmQWXy4b5K/TW9i/DtiN8Ku+xCiHcjQ6/J/nDdssirrQNOoB165Zu8EqLMA2lln1JUth9a0aW9Ap2ctrUg==}
     dependencies:
-      destr: 2.0.2
+      destr: 2.0.3
       node-fetch-native: 1.4.1
-      ufo: 1.3.2
+      ufo: 1.4.0
     dev: false
 
   /ohash@1.1.3:
     resolution: {integrity: sha512-zuHHiGTYTA1sYJ/wZN+t5HKZaH23i4yI1HMwbuXm24Nid7Dv0KcuRlKoNKS9UNfAVSBlnGLcuQrnOKWOZoEGaw==}
-    dev: false
 
   /on-finished@2.3.0:
     resolution: {integrity: sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==}
@@ -32795,7 +33365,7 @@ packages:
     resolution: {integrity: sha512-UJKdSzgd3KOnXXAtqN5+/eeHcvTn1hBkesEmElVgvO/NAYcxAvmjzIGmnNd3Tb/gRAvMBdNRFD4qAWdHxY6QXg==}
     engines: {node: '>=12.10.0'}
     dependencies:
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       p-queue: 6.6.2
     transitivePeerDependencies:
       - supports-color
@@ -32812,8 +33382,8 @@ packages:
       agent-base: 7.1.0
       debug: 4.3.4(supports-color@8.1.1)
       get-uri: 6.0.2
-      http-proxy-agent: 7.0.0
-      https-proxy-agent: 7.0.2
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.4
       pac-resolver: 7.0.0
       socks-proxy-agent: 8.0.2
     transitivePeerDependencies:
@@ -32921,15 +33491,12 @@ packages:
       dot-case: 3.0.4
       tslib: 2.6.2
 
-  /parcel@2.10.2(postcss@8.4.31)(typescript@5.2.2):
+  /parcel@2.10.2(postcss@8.4.35)(typescript@5.2.2):
     resolution: {integrity: sha512-wRvsK9v12Nt2/EIjLp/uvxd3UeRSN9DRoSofDn21Ot+rEw4e98ODvbdSHi6dYr82s4oo6mF823ACmOp1hXd4wg==}
     engines: {node: '>= 12.0.0'}
     hasBin: true
-    peerDependenciesMeta:
-      '@parcel/core':
-        optional: true
     dependencies:
-      '@parcel/config-default': 2.10.2(@parcel/core@2.10.2)(postcss@8.4.31)(typescript@5.2.2)
+      '@parcel/config-default': 2.10.2(@parcel/core@2.10.2)(postcss@8.4.35)(typescript@5.2.2)
       '@parcel/core': 2.10.2
       '@parcel/diagnostic': 2.10.2
       '@parcel/events': 2.10.2
@@ -32955,25 +33522,22 @@ packages:
       - uncss
     dev: true
 
-  /parcel@2.11.0(postcss@8.4.31)(typescript@5.2.2):
-    resolution: {integrity: sha512-H/RI1/DmuOkL8RuG/EpNPvtzrbF+7jA/R56ydEEm+lqFbYktKB4COR7JXdHkZXRgbSJyimrFB8d0r9+SaRnj0Q==}
+  /parcel@2.12.0(postcss@8.4.35)(typescript@5.2.2):
+    resolution: {integrity: sha512-W+gxAq7aQ9dJIg/XLKGcRT0cvnStFAQHPaI0pvD0U2l6IVLueUAm3nwN7lkY62zZNmlvNx6jNtE4wlbS+CyqSg==}
     engines: {node: '>= 12.0.0'}
     hasBin: true
-    peerDependenciesMeta:
-      '@parcel/core':
-        optional: true
     dependencies:
-      '@parcel/config-default': 2.11.0(@parcel/core@2.11.0)(postcss@8.4.31)(typescript@5.2.2)
-      '@parcel/core': 2.11.0
-      '@parcel/diagnostic': 2.11.0
-      '@parcel/events': 2.11.0
-      '@parcel/fs': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/logger': 2.11.0
-      '@parcel/package-manager': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/reporter-cli': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/reporter-dev-server': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/reporter-tracer': 2.11.0(@parcel/core@2.11.0)
-      '@parcel/utils': 2.11.0
+      '@parcel/config-default': 2.12.0(@parcel/core@2.12.0)(postcss@8.4.35)(typescript@5.2.2)
+      '@parcel/core': 2.12.0
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/events': 2.12.0
+      '@parcel/fs': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/logger': 2.12.0
+      '@parcel/package-manager': 2.12.0(@parcel/core@2.12.0)(@swc/helpers@0.5.3)
+      '@parcel/reporter-cli': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/reporter-dev-server': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/reporter-tracer': 2.12.0(@parcel/core@2.12.0)
+      '@parcel/utils': 2.12.0
       chalk: 4.1.2
       commander: 7.2.0
       get-port: 4.2.0
@@ -33298,7 +33862,7 @@ packages:
     resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
     dependencies:
       jsonc-parser: 3.2.0
-      mlly: 1.4.2
+      mlly: 1.6.1
       pathe: 1.1.2
 
   /pkg-up@3.1.0:
@@ -33353,7 +33917,7 @@ packages:
     resolution: {integrity: sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==}
     dependencies:
       postcss: 7.0.39
-      postcss-selector-parser: 6.0.13
+      postcss-selector-parser: 6.0.15
       postcss-value-parser: 4.2.0
 
   /postcss-colormin@4.0.3:
@@ -33460,6 +34024,23 @@ packages:
       yaml: 2.3.4
     dev: true
 
+  /postcss-load-config@4.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
+    engines: {node: '>= 14'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+    dependencies:
+      lilconfig: 3.0.0
+      postcss: 8.4.35
+      yaml: 2.3.4
+    dev: true
+
   /postcss-loader@4.3.0(postcss@7.0.39)(webpack@5.90.1):
     resolution: {integrity: sha512-M/dSoIiNDOo8Rk0mUqoj4kpGq91gcxCfb9PoyZVdZ76/AuhxylHDYZblNE8o+EQ9AMSASeMFEKxZf5aU6wlx1Q==}
     engines: {node: '>= 10.13.0'}
@@ -33585,7 +34166,7 @@ packages:
     dependencies:
       icss-utils: 4.1.1
       postcss: 7.0.39
-      postcss-selector-parser: 6.0.13
+      postcss-selector-parser: 6.0.15
       postcss-value-parser: 4.2.0
     dev: true
 
@@ -33599,25 +34180,13 @@ packages:
       postcss: 8.4.31
       postcss-selector-parser: 6.0.13
       postcss-value-parser: 4.2.0
-    dev: true
-
-  /postcss-modules-local-by-default@4.0.4(postcss@8.4.31):
-    resolution: {integrity: sha512-L4QzMnOdVwRm1Qb8m4x8jsZzKAaPAgrUF1r/hjDR2Xj7R+8Zsf97jAlSQzWtKx5YNiNGN8QxmPFIc/sh+RQl+Q==}
-    engines: {node: ^10 || ^12 || >= 14}
-    peerDependencies:
-      postcss: ^8.1.0
-    dependencies:
-      icss-utils: 5.1.0(postcss@8.4.31)
-      postcss: 8.4.31
-      postcss-selector-parser: 6.0.13
-      postcss-value-parser: 4.2.0
 
   /postcss-modules-scope@2.2.0:
     resolution: {integrity: sha512-YyEgsTMRpNd+HmyC7H/mh3y+MeFWevy7V1evVhJWewmMbjDHIbZbOXICC2y+m1xI1UVfIT1HMW/O04Hxyu9oXQ==}
     engines: {node: '>= 6'}
     dependencies:
       postcss: 7.0.39
-      postcss-selector-parser: 6.0.13
+      postcss-selector-parser: 6.0.15
     dev: true
 
   /postcss-modules-scope@3.0.0(postcss@8.4.31):
@@ -33628,16 +34197,6 @@ packages:
     dependencies:
       postcss: 8.4.31
       postcss-selector-parser: 6.0.13
-    dev: true
-
-  /postcss-modules-scope@3.1.1(postcss@8.4.31):
-    resolution: {integrity: sha512-uZgqzdTleelWjzJY+Fhti6F3C9iF1JR/dODLs/JDefozYcKTBCdD8BIl6nNPbTbcLnGrk56hzwZC2DaGNvYjzA==}
-    engines: {node: ^10 || ^12 || >= 14}
-    peerDependencies:
-      postcss: ^8.1.0
-    dependencies:
-      postcss: 8.4.31
-      postcss-selector-parser: 6.0.13
 
   /postcss-modules-values@3.0.0:
     resolution: {integrity: sha512-1//E5jCBrZ9DmRX+zCtmQtRSV6PV42Ix7Bzj9GbwJceduuf7IqP8MgeTXuRDHOWj2m0VzZD5+roFWDuU8RQjcg==}
@@ -33785,6 +34344,15 @@ packages:
       postcss: ^8.3.3
     dependencies:
       postcss: 8.4.31
+    dev: true
+
+  /postcss-safe-parser@7.0.0(postcss@8.4.35):
+    resolution: {integrity: sha512-ovehqRNVCpuFzbXoTb4qLtyzK3xn3t/CUBxOs8LsnQjQrShaB4lKiHoVqY8ANaC0hBMHq5QVWk77rwGklFUDrg==}
+    engines: {node: '>=18.0'}
+    peerDependencies:
+      postcss: ^8.4.31
+    dependencies:
+      postcss: 8.4.35
 
   /postcss-scss@3.0.5:
     resolution: {integrity: sha512-3e0qYk87eczfzg5P73ZVuuxEGCBfatRhPze6KrSaIbEKVtmnFI1RYp1Fv+AyZi+w8kcNRSPeNX6ap4b65zEkiA==}
@@ -33834,12 +34402,27 @@ packages:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
+  /postcss-selector-parser@6.0.15:
+    resolution: {integrity: sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==}
+    engines: {node: '>=4'}
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
   /postcss-sorting@7.0.1(postcss@8.4.31):
     resolution: {integrity: sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==}
     peerDependencies:
       postcss: ^8.3.9
     dependencies:
       postcss: 8.4.31
+    dev: true
+
+  /postcss-sorting@8.0.2(postcss@8.4.35):
+    resolution: {integrity: sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q==}
+    peerDependencies:
+      postcss: ^8.4.20
+    dependencies:
+      postcss: 8.4.35
 
   /postcss-svgo@4.0.3:
     resolution: {integrity: sha512-NoRbrcMWTtUghzuKSoIm6XV+sJdvZ7GZSc3wdBN0W19FTtp2ko8NqLsgoh/m9CzNhU3KLPvQmjIwtaNFkaFTvw==}
@@ -33894,7 +34477,6 @@ packages:
       nanoid: 3.3.7
       picocolors: 1.0.0
       source-map-js: 1.0.2
-    dev: true
 
   /posthtml-parser@0.10.2:
     resolution: {integrity: sha512-PId6zZ/2lyJi9LiKfe+i2xv57oEjJgWbsHGGANwos5AvdQp98i6AtamAl8gzSVFGfQ43Glb5D614cvZf012VKg==}
@@ -33925,8 +34507,8 @@ packages:
       posthtml-render: 3.0.0
     dev: true
 
-  /preact@10.19.4:
-    resolution: {integrity: sha512-dwaX5jAh0Ga8uENBX1hSOujmKWgx9RtL80KaKUFLc6jb4vCEAc3EeZ0rnQO/FO4VgjfPMfoLFWnNG8bHuZ9VLw==}
+  /preact@10.19.6:
+    resolution: {integrity: sha512-gympg+T2Z1fG1unB8NH29yHJwnEaCH37Z32diPDku316OTnRPeMbiRV9kTrfZpocXjdfnWuFUl/Mj4BHaf6gnw==}
     dev: false
 
   /preferred-pm@3.1.2:
@@ -33979,12 +34561,12 @@ packages:
     resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
     engines: {node: '>=14'}
     hasBin: true
+    dev: true
 
   /prettier@3.2.5:
     resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
     engines: {node: '>=14'}
     hasBin: true
-    dev: false
 
   /pretty-bytes@5.3.0:
     resolution: {integrity: sha512-hjGrh+P926p4R4WbaB6OckyRtO0F0/lQBiT+0gnxjV+5kjPBrfVBFCsCLbMqVQeydvIoouYTCmmEURiH3R1Bdg==}
@@ -34313,7 +34895,7 @@ packages:
     engines: {node: '>=8.16.0'}
     dependencies:
       '@types/mime-types': 2.1.4
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       extract-zip: 1.7.0
       https-proxy-agent: 4.0.0
       mime: 2.6.0
@@ -34377,9 +34959,9 @@ packages:
       strict-uri-encode: 2.0.0
     dev: false
 
-  /query-string@8.1.0:
-    resolution: {integrity: sha512-BFQeWxJOZxZGix7y+SByG3F36dA0AbTy9o6pSmKFcFz7DAj0re9Frkty3saBn3nHo3D0oZJ/+rx3r8H8r8Jbpw==}
-    engines: {node: '>=14.16'}
+  /query-string@9.0.0:
+    resolution: {integrity: sha512-4EWwcRGsO2H+yzq6ddHcVqkCQ2EFUSfDMEjF8ryp8ReymyZhIuaFRGLomeOQLkrzacMHoyky2HW0Qe30UbzkKw==}
+    engines: {node: '>=18'}
     dependencies:
       decode-uri-component: 0.4.1
       filter-obj: 5.1.0
@@ -34404,6 +34986,7 @@ packages:
   /quick-lru@5.1.1:
     resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
     engines: {node: '>=10'}
+    dev: true
 
   /radix3@1.1.0:
     resolution: {integrity: sha512-pNsHDxbGORSvuSScqNJ+3Km6QAVqk8CfsCBIEoDgpqLrkD2f3QM4I7d1ozJJ172OmIcoUcerZaNWqtLkRXTV3A==}
@@ -34489,6 +35072,33 @@ packages:
       - supports-color
       - typescript
       - vue-template-compiler
+    dev: false
+
+  /razzle-dev-utils@4.2.18(eslint@8.57.0)(typescript@5.2.2)(webpack-dev-server@4.11.1)(webpack@5.90.1):
+    resolution: {integrity: sha512-WOXpAUAJaR3JJYhhb6iQKa+i25Ab2lAGiJXdbkDAXWDFRikpnojoUaZ2VuoNluSo0Xd7OKeaX8Ge29LW4mjEEg==}
+    peerDependencies:
+      webpack: 5.90.1
+      webpack-dev-server: ~3||~4
+    dependencies:
+      '@babel/code-frame': 7.22.13
+      chalk: 4.1.2
+      filesize: 6.4.0
+      gzip-size: 6.0.0
+      jest-message-util: 26.6.2
+      react-dev-utils: 11.0.4(eslint@8.57.0)(typescript@5.2.2)(webpack@5.90.1)
+      react-error-overlay: 6.0.9
+      recursive-readdir: 2.2.3
+      resolve: 1.22.8
+      sockjs-client: 1.4.0
+      strip-ansi: 6.0.1
+      webpack: 5.90.1
+      webpack-dev-server: 4.11.1(debug@4.3.2)(webpack@5.90.1)
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - typescript
+      - vue-template-compiler
+    dev: true
 
   /razzle-plugin-scss@4.2.18(mini-css-extract-plugin@2.7.2)(postcss@8.4.31)(razzle-dev-utils@4.2.18)(razzle@4.2.18)(webpack@5.90.1):
     resolution: {integrity: sha512-G3Vwunt3kWJk117fS9hue7+cDNVIUyJrGLY0qdHwJPgceRggZR9XlKT9U09lCZan0UoaASLVfQmZVITiLIGodA==}
@@ -34599,7 +35209,7 @@ packages:
       - webpack-plugin-serve
     dev: false
 
-  /razzle@4.2.18(@babel/core@7.23.9)(babel-preset-razzle@4.2.18)(eslint@8.49.0)(html-webpack-plugin@5.5.0)(mini-css-extract-plugin@0.12.0)(razzle-dev-utils@4.2.18)(typescript@5.2.2)(webpack-dev-server@4.11.1)(webpack@5.90.1):
+  /razzle@4.2.18(@babel/core@7.23.9)(babel-preset-razzle@4.2.18)(eslint@8.57.0)(html-webpack-plugin@5.5.0)(mini-css-extract-plugin@0.12.0)(razzle-dev-utils@4.2.18)(typescript@5.2.2)(webpack-dev-server@4.11.1)(webpack@5.90.1):
     resolution: {integrity: sha512-lgumXubb/rs5oQVcmu3UDSObbWQ2H1FLf2/VLal25yusotEbyePVLAw9f9QGu+bbUohvEY0rfYyJtnQNE8J4Og==}
     hasBin: true
     peerDependencies:
@@ -34639,9 +35249,9 @@ packages:
       postcss-load-config: 3.1.4(postcss@8.4.31)
       postcss-loader: 4.3.0(postcss@8.4.31)(webpack@5.90.1)
       process: 0.11.10
-      razzle-dev-utils: 4.2.18(eslint@8.49.0)(typescript@5.2.2)(webpack-dev-server@4.11.1)(webpack@5.90.1)
+      razzle-dev-utils: 4.2.18(eslint@8.57.0)(typescript@5.2.2)(webpack-dev-server@4.11.1)(webpack@5.90.1)
       razzle-start-server-webpack-plugin: 4.2.18(webpack@5.90.1)
-      react-dev-utils: 11.0.4(eslint@8.49.0)(typescript@5.2.2)(webpack@5.90.1)
+      react-dev-utils: 11.0.4(eslint@8.57.0)(typescript@5.2.2)(webpack@5.90.1)
       react-refresh: 0.9.0
       resolve: 1.22.8
       sade: 1.8.1
@@ -34700,6 +35310,23 @@ packages:
       react-lifecycles-compat: 3.0.4
     dev: false
 
+  /rc-animate@2.11.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-1NyuCGFJG/0Y+9RKh5y/i/AalUCA51opyyS/jO2seELpgymZm2u9QV3xwODwEuzkmeQ1BDPxMLmYLcTJedPlkQ==}
+    peerDependencies:
+      react: '>=16.9.0'
+      react-dom: '>=16.9.0'
+    dependencies:
+      babel-runtime: 6.26.0
+      classnames: 2.3.2
+      css-animation: 1.6.1
+      prop-types: 15.7.2
+      raf: 3.4.1
+      rc-util: 4.21.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-lifecycles-compat: 3.0.4
+    dev: false
+
   /rc-time-picker@3.7.3(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-Lv1Mvzp9fRXhXEnRLO4nW6GLNxUkfAZ3RsiIBsWjGjXXvMNjdr4BX/ayElHAFK0DoJqOhm7c5tjmIYpEOwcUXg==}
     dependencies:
@@ -34714,6 +35341,20 @@ packages:
       - react-dom
     dev: false
 
+  /rc-time-picker@3.7.3(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Lv1Mvzp9fRXhXEnRLO4nW6GLNxUkfAZ3RsiIBsWjGjXXvMNjdr4BX/ayElHAFK0DoJqOhm7c5tjmIYpEOwcUXg==}
+    dependencies:
+      classnames: 2.2.6
+      moment: 2.29.4
+      prop-types: 15.7.2
+      raf: 3.4.1
+      rc-trigger: 2.6.5(react-dom@18.2.0)(react@18.2.0)
+      react-lifecycles-compat: 3.0.4
+    transitivePeerDependencies:
+      - react
+      - react-dom
+    dev: false
+
   /rc-trigger@2.6.5(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-m6Cts9hLeZWsTvWnuMm7oElhf+03GOjOLfTuU0QmdB9ZrW7jR2IpI5rpNM7i9MvAAlMAmTx5Zr7g3uu/aMvZAw==}
     dependencies:
@@ -34729,6 +35370,21 @@ packages:
       - react-dom
     dev: false
 
+  /rc-trigger@2.6.5(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-m6Cts9hLeZWsTvWnuMm7oElhf+03GOjOLfTuU0QmdB9ZrW7jR2IpI5rpNM7i9MvAAlMAmTx5Zr7g3uu/aMvZAw==}
+    dependencies:
+      babel-runtime: 6.26.0
+      classnames: 2.3.2
+      prop-types: 15.7.2
+      rc-align: 2.4.5
+      rc-animate: 2.11.1(react-dom@18.2.0)(react@18.2.0)
+      rc-util: 4.21.1
+      react-lifecycles-compat: 3.0.4
+    transitivePeerDependencies:
+      - react
+      - react-dom
+    dev: false
+
   /rc-util@4.21.1:
     resolution: {integrity: sha512-Z+vlkSQVc1l8O2UjR3WQ+XdWlhj5q9BMQNLk2iOBch75CqPfrJyGtcWMcnhRlNuDu0Ndtt4kLVO8JI8BrABobg==}
     dependencies:
@@ -34743,7 +35399,7 @@ packages:
     resolution: {integrity: sha512-lNeOl38Ws0eNxpO3+wD1I9rkHGQyj1NU1jlzv4go2CtEnEQEUfqnIvZG7W+bC/aXdJ27n5x/yUjb6RoT9tko+Q==}
     dependencies:
       defu: 6.1.4
-      destr: 2.0.2
+      destr: 2.0.3
       flat: 5.0.2
     dev: false
 
@@ -34772,28 +35428,16 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
-  /react-aria-components@1.0.0-rc.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-N8fE1iMd8dBxKOmN3XEk+RloHGOcOMEJyeabZCJRDY2F4M2GWYpZ4vCYad1jDD+UByumGW4JZInnDh1FlXdDZw==}
+  /react-animate-height@2.0.17(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-cumTv/vCZ1MudkqXsLXGW6XO7EbGWIV0uZzkZVBf5HlHQ7n1GkbCsQl44SVo9nlA9/p+4XqWh4yn1Cc37Gri6A==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+      react: '>=15.6.2'
+      react-dom: '>=15.6.2'
     dependencies:
-      '@internationalized/date': 3.5.0
-      '@react-aria/focus': 3.15.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.0(react@18.2.0)
-      '@react-aria/toolbar': 3.0.0-beta.0(react@18.2.0)
-      '@react-aria/utils': 3.22.0(react@18.2.0)
-      '@react-stately/table': 3.11.3(react@18.2.0)
-      '@react-types/form': 3.6.0(react@18.2.0)
-      '@react-types/grid': 3.2.3(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      '@react-types/table': 3.9.1(react@18.2.0)
-      '@swc/helpers': 0.5.3
+      classnames: 2.2.6
+      prop-types: 15.7.2
       react: 18.2.0
-      react-aria: 3.31.0(react-dom@18.2.0)(react@18.2.0)
       react-dom: 18.2.0(react@18.2.0)
-      react-stately: 3.28.0(react@18.2.0)
-      use-sync-external-store: 1.2.0(react@18.2.0)
     dev: false
 
   /react-aria-components@1.1.1(react-dom@18.2.0)(react@18.2.0):
@@ -34825,53 +35469,6 @@ packages:
       use-sync-external-store: 1.2.0(react@18.2.0)
     dev: false
 
-  /react-aria@3.31.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-fdmiEhopCq4TIP0BMMsDh92RMfGzVyNaSPdYLs5qqhDlVmaVL3NqWcK8RVstgI13ST/DIM+h9jgtp8+X1EDHMw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-    dependencies:
-      '@internationalized/string': 3.2.0
-      '@react-aria/breadcrumbs': 3.5.9(react@18.2.0)
-      '@react-aria/button': 3.9.1(react@18.2.0)
-      '@react-aria/calendar': 3.5.4(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/checkbox': 3.13.0(react@18.2.0)
-      '@react-aria/combobox': 3.8.1(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/datepicker': 3.9.1(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/dialog': 3.5.9(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/dnd': 3.5.1(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/focus': 3.16.0(react@18.2.0)
-      '@react-aria/gridlist': 3.7.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/i18n': 3.10.0(react@18.2.0)
-      '@react-aria/interactions': 3.20.1(react@18.2.0)
-      '@react-aria/label': 3.7.4(react@18.2.0)
-      '@react-aria/link': 3.6.3(react@18.2.0)
-      '@react-aria/listbox': 3.11.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/menu': 3.12.0(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/meter': 3.4.9(react@18.2.0)
-      '@react-aria/numberfield': 3.10.1(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/overlays': 3.20.0(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/progress': 3.4.9(react@18.2.0)
-      '@react-aria/radio': 3.10.0(react@18.2.0)
-      '@react-aria/searchfield': 3.7.0(react@18.2.0)
-      '@react-aria/select': 3.14.1(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/selection': 3.17.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/separator': 3.3.9(react@18.2.0)
-      '@react-aria/slider': 3.7.4(react@18.2.0)
-      '@react-aria/ssr': 3.9.1(react@18.2.0)
-      '@react-aria/switch': 3.6.0(react@18.2.0)
-      '@react-aria/table': 3.13.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/tabs': 3.8.3(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/tag': 3.3.1(react-dom@18.2.0)(react@18.2.0)
-      '@react-aria/textfield': 3.14.0(react@18.2.0)
-      '@react-aria/tooltip': 3.7.0(react@18.2.0)
-      '@react-aria/utils': 3.23.0(react@18.2.0)
-      '@react-aria/visually-hidden': 3.8.8(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /react-aria@3.32.1(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-7KCJg4K5vlRqiXdGjgCT05Du8RhGBYC+2ok4GOh/Znmg8aMwOk7t0YwxaT5i1z30+fmDcJS/pk/ipUPUg28CXg==}
     peerDependencies:
@@ -34932,12 +35529,31 @@ packages:
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
       react-redux: 7.2.4(react-dom@17.0.2)(react@17.0.2)
-      redux: 4.1.0
+      redux: 4.2.1
       use-memo-one: 1.1.3(react@17.0.2)
     transitivePeerDependencies:
       - react-native
     dev: false
 
+  /react-beautiful-dnd@13.0.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-87It8sN0ineoC3nBW0SbQuTFXM6bUqM62uJGY4BtTf0yzPl8/3+bHMWkgIe0Z6m8e+gJgjWxefGRVfpE3VcdEg==}
+    peerDependencies:
+      react: ^16.8.5
+      react-dom: ^16.8.5
+    dependencies:
+      '@babel/runtime': 7.20.6
+      css-box-model: 1.2.1
+      memoize-one: 5.2.1
+      raf-schd: 4.0.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-redux: 7.2.4(react-dom@18.2.0)(react@18.2.0)
+      redux: 4.2.1
+      use-memo-one: 1.1.3(react@18.2.0)
+    transitivePeerDependencies:
+      - react-native
+    dev: false
+
   /react-colorful@5.6.1(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==}
     peerDependencies:
@@ -34969,6 +35585,17 @@ packages:
       universal-cookie: 4.0.4
     dev: false
 
+  /react-cookie@4.1.1(react@18.2.0):
+    resolution: {integrity: sha512-ffn7Y7G4bXiFbnE+dKhHhbP+b8I34mH9jqnm8Llhj89zF4nPxPutxHT1suUqMeCEhLDBI7InYwf1tpaSoK5w8A==}
+    peerDependencies:
+      react: '>= 16.3.0'
+    dependencies:
+      '@types/hoist-non-react-statics': 3.3.5
+      hoist-non-react-statics: 3.3.2
+      react: 18.2.0
+      universal-cookie: 4.0.4
+    dev: false
+
   /react-dates@21.5.1(@babel/runtime@7.20.6)(moment@2.29.4)(react-dom@17.0.2)(react-with-direction@1.4.0)(react@17.0.2):
     resolution: {integrity: sha512-1Lplx6T5U2Gu1vN1jh8Nrb+nyA5Uw7LdVVKGqjIoO9Kj6F3mU2budB6DlkxB5hAcjxk3KNzcSHPMYcWPUxvL0g==}
     peerDependencies:
@@ -34999,6 +35626,36 @@ packages:
       react-with-styles-interface-css: 6.0.0(@babel/runtime@7.20.6)(react-with-styles@4.2.0)
     dev: false
 
+  /react-dates@21.5.1(@babel/runtime@7.20.6)(moment@2.29.4)(react-dom@18.2.0)(react-with-direction@1.4.0)(react@18.2.0):
+    resolution: {integrity: sha512-1Lplx6T5U2Gu1vN1jh8Nrb+nyA5Uw7LdVVKGqjIoO9Kj6F3mU2budB6DlkxB5hAcjxk3KNzcSHPMYcWPUxvL0g==}
+    peerDependencies:
+      '@babel/runtime': ^7.0.0
+      moment: ^2.18.1
+      react: ^0.14 || ^15.5.4 || ^16.1.1
+      react-dom: ^0.14 || ^15.5.4 || ^16.1.1
+      react-with-direction: ^1.3.1
+    dependencies:
+      '@babel/runtime': 7.20.6
+      airbnb-prop-types: 2.16.0(react@18.2.0)
+      consolidated-events: 2.0.2
+      enzyme-shallow-equal: 1.0.5
+      is-touch-device: 1.0.1
+      lodash: 4.17.21
+      moment: 2.29.4
+      object.assign: 4.1.4
+      object.values: 1.1.7
+      prop-types: 15.7.2
+      raf: 3.4.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-moment-proptypes: 1.8.1(moment@2.29.4)
+      react-outside-click-handler: 1.3.0(react-dom@18.2.0)(react@18.2.0)
+      react-portal: 4.2.1(react-dom@18.2.0)(react@18.2.0)
+      react-with-direction: 1.4.0(react-dom@18.2.0)(react@18.2.0)
+      react-with-styles: 4.2.0(@babel/runtime@7.20.6)(react-with-direction@1.4.0)(react@18.2.0)
+      react-with-styles-interface-css: 6.0.0(@babel/runtime@7.20.6)(react-with-styles@4.2.0)
+    dev: false
+
   /react-detect-click-outside@1.1.1(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-1MqRw9+RaA3dF4zJePSngxBqXut/RgHajFLR91cTV7PRmQyCIrQAUtv979IhQoaoWhVM8rdSx9Eg4/vc/hcReQ==}
     peerDependencies:
@@ -35009,6 +35666,16 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
+  /react-detect-click-outside@1.1.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-1MqRw9+RaA3dF4zJePSngxBqXut/RgHajFLR91cTV7PRmQyCIrQAUtv979IhQoaoWhVM8rdSx9Eg4/vc/hcReQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17
+      react-dom: ^16.8.0 || ^17
+    dependencies:
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /react-dev-utils@11.0.4(eslint@8.49.0)(typescript@5.2.2)(webpack@5.90.1):
     resolution: {integrity: sha512-dx0LvIGHcOPtKbeiSUM4jqpBl3TcY7CDjZdfOIcKeznE7BWr9dg0iPG90G5yfVQ+p/rGNMXdbfStvzQZEVEi4A==}
     engines: {node: '>=10'}
@@ -35049,6 +35716,49 @@ packages:
       - eslint
       - supports-color
       - vue-template-compiler
+    dev: false
+
+  /react-dev-utils@11.0.4(eslint@8.57.0)(typescript@5.2.2)(webpack@5.90.1):
+    resolution: {integrity: sha512-dx0LvIGHcOPtKbeiSUM4jqpBl3TcY7CDjZdfOIcKeznE7BWr9dg0iPG90G5yfVQ+p/rGNMXdbfStvzQZEVEi4A==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      typescript: '>=2.7'
+      webpack: 5.90.1
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@babel/code-frame': 7.10.4
+      address: 1.1.2
+      browserslist: 4.14.2
+      chalk: 2.4.2
+      cross-spawn: 7.0.3
+      detect-port-alt: 1.1.6
+      escape-string-regexp: 2.0.0
+      filesize: 6.1.0
+      find-up: 4.1.0
+      fork-ts-checker-webpack-plugin: 4.1.6(eslint@8.57.0)(typescript@5.2.2)(webpack@5.90.1)
+      global-modules: 2.0.0
+      globby: 11.0.1
+      gzip-size: 5.1.1
+      immer: 8.0.1
+      is-root: 2.1.0
+      loader-utils: 2.0.0
+      open: 7.4.2
+      pkg-up: 3.1.0
+      prompts: 2.4.0
+      react-error-overlay: 6.0.9
+      recursive-readdir: 2.2.2
+      shell-quote: 1.7.2
+      strip-ansi: 6.0.0
+      text-table: 0.2.0
+      typescript: 5.2.2
+      webpack: 5.90.1
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - vue-template-compiler
+    dev: true
 
   /react-dnd-html5-backend@5.0.1:
     resolution: {integrity: sha1-C1eNecXAExfHBBTI1xf2MrkZ1PE=}
@@ -35073,13 +35783,27 @@ packages:
       shallowequal: 1.1.0
     dev: false
 
+  /react-dnd@5.0.0(react@18.2.0):
+    resolution: {integrity: sha1-xKF8cBCeRW2tiQa+g45u6PMrBrU=}
+    peerDependencies:
+      react: '>= 16.3'
+    dependencies:
+      dnd-core: 4.0.5
+      hoist-non-react-statics: 2.5.5
+      invariant: 2.2.4
+      lodash: 4.17.21
+      react: 18.2.0
+      recompose: 0.27.1(react@18.2.0)
+      shallowequal: 1.1.0
+    dev: false
+
   /react-docgen-typescript-plugin@1.0.5(typescript@5.2.2)(webpack@5.90.1):
     resolution: {integrity: sha512-Ds6s2ioyIlH45XSfEVMNwRcDkzuff3xQCPxDFOzTc8GEshy+hksas8RYlmV4JEQREI+OGEGybhMCJk3vFbQZNQ==}
     peerDependencies:
       typescript: '>= 4.x'
       webpack: 5.90.1
     dependencies:
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       endent: 2.1.0
       find-cache-dir: 3.3.2
       flat-cache: 3.2.0
@@ -35124,7 +35848,7 @@ packages:
     engines: {node: '>=16.14.0'}
     dependencies:
       '@babel/core': 7.23.9
-      '@babel/traverse': 7.23.3
+      '@babel/traverse': 7.23.9
       '@babel/types': 7.20.5
       '@types/babel__core': 7.20.4
       '@types/babel__traverse': 7.20.4
@@ -35137,17 +35861,6 @@ packages:
       - supports-color
     dev: true
 
-  /react-dom@17.0.2(react@16.14.0):
-    resolution: {integrity: sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==}
-    peerDependencies:
-      react: 17.0.2
-    dependencies:
-      loose-envify: 1.4.0
-      object-assign: 4.1.1
-      react: 16.14.0
-      scheduler: 0.20.2
-    dev: false
-
   /react-dom@17.0.2(react@17.0.2):
     resolution: {integrity: sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==}
     peerDependencies:
@@ -35179,6 +35892,18 @@ packages:
       react: 17.0.2
     dev: false
 
+  /react-dropzone@11.1.0(react@18.2.0):
+    resolution: {integrity: sha512-gJT6iJadyTbevrigm6KZFaei/yNWfokzs1idumO7fXtRNPiGFDUpsQ+trHWwUO3yWOtJibpbo5tLZggjm+KV5w==}
+    engines: {node: '>= 8'}
+    peerDependencies:
+      react: '>= 16.8'
+    dependencies:
+      attr-accept: 2.2.2
+      file-selector: 0.1.19
+      prop-types: 15.7.2
+      react: 18.2.0
+    dev: false
+
   /react-element-to-jsx-string@14.3.4(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-t4ZwvV6vwNxzujDQ+37bspnLwA4JlgUPWhLjBJWsNIDceAf6ZKUTCjdm08cN6WeZ5pTMKiCJkmAYnpmR4Bm+dg==}
     peerDependencies:
@@ -35192,6 +35917,19 @@ packages:
       react-is: 17.0.2
     dev: true
 
+  /react-element-to-jsx-string@14.3.4(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-t4ZwvV6vwNxzujDQ+37bspnLwA4JlgUPWhLjBJWsNIDceAf6ZKUTCjdm08cN6WeZ5pTMKiCJkmAYnpmR4Bm+dg==}
+    peerDependencies:
+      react: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1
+      react-dom: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1
+    dependencies:
+      '@base2/pretty-print-object': 1.0.1
+      is-plain-object: 5.0.0
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-is: 17.0.2
+    dev: true
+
   /react-element-to-jsx-string@15.0.0(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-UDg4lXB6BzlobN60P8fHWVPX3Kyw8ORrTeBtClmIlGdkOOE+GYQSFvmEU5iLLpwp/6v42DINwNcwOhOLfQ//FQ==}
     peerDependencies:
@@ -35205,14 +35943,14 @@ packages:
       react-is: 18.1.0
     dev: true
 
-  /react-error-boundary@3.1.4(react@17.0.2):
+  /react-error-boundary@3.1.4(react@18.2.0):
     resolution: {integrity: sha512-uM9uPzZJTF6wRQORmSrvOIgt4lJ9MC1sNgEOj2XGsDTRE4kmpWxg7ENK9EWNKJRMAOY9z0MuF4yIfl6gp4sotA==}
     engines: {node: '>=10', npm: '>=6'}
     peerDependencies:
       react: '>=16.13.1'
     dependencies:
       '@babel/runtime': 7.20.6
-      react: 17.0.2
+      react: 18.2.0
     dev: true
 
   /react-error-overlay@6.0.9:
@@ -35233,6 +35971,14 @@ packages:
       react: 17.0.2
     dev: false
 
+  /react-image-gallery@1.2.7(react@18.2.0):
+    resolution: {integrity: sha512-ts7yMWykvZhslGMuvVAUk7a1dJIx9QtIwK6Clv8dOGxPsJid92FRrLvXbZDvkYcUyj48sHalnBhqU6mZNCB2jg==}
+    peerDependencies:
+      react: ^16.0.0 || ^17.0.0
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /react-input-autosize@3.0.0(react@17.0.2):
     resolution: {integrity: sha512-nL9uS7jEs/zu8sqwFE5MAPx6pPkNAriACQ2rGLlqmKr2sPGtN7TXTyDdQt4lbNXVx7Uzadb40x8qotIuru6Rhg==}
     peerDependencies:
@@ -35242,6 +35988,15 @@ packages:
       react: 17.0.2
     dev: false
 
+  /react-input-autosize@3.0.0(react@18.2.0):
+    resolution: {integrity: sha512-nL9uS7jEs/zu8sqwFE5MAPx6pPkNAriACQ2rGLlqmKr2sPGtN7TXTyDdQt4lbNXVx7Uzadb40x8qotIuru6Rhg==}
+    peerDependencies:
+      react: ^16.3.0 || ^17.0.0
+    dependencies:
+      prop-types: 15.7.2
+      react: 18.2.0
+    dev: false
+
   /react-inspector@5.1.1(react@17.0.2):
     resolution: {integrity: sha512-GURDaYzoLbW8pMGXwYPDBIv6nqei4kK7LPRZ9q9HCZF54wqXz/dnylBp/kfE9XmekBhHvLDdcYeyIwSrvtOiWg==}
     peerDependencies:
@@ -35253,6 +36008,17 @@ packages:
       react: 17.0.2
     dev: true
 
+  /react-inspector@5.1.1(react@18.2.0):
+    resolution: {integrity: sha512-GURDaYzoLbW8pMGXwYPDBIv6nqei4kK7LPRZ9q9HCZF54wqXz/dnylBp/kfE9XmekBhHvLDdcYeyIwSrvtOiWg==}
+    peerDependencies:
+      react: ^16.8.4 || ^17.0.0
+    dependencies:
+      '@babel/runtime': 7.20.6
+      is-dom: 1.1.0
+      prop-types: 15.7.2
+      react: 18.2.0
+    dev: true
+
   /react-intersection-observer@9.1.0(react@17.0.2):
     resolution: {integrity: sha512-XSDWQGzgJ4/B4eW39+qa3S+uc4Gb+m6lxXR54m/uD5lqeL5sLrgYdntbjl4BlTYAblgUhz+JB5obINhZaD+c0Q==}
     peerDependencies:
@@ -35261,6 +36027,14 @@ packages:
       react: 17.0.2
     dev: false
 
+  /react-intersection-observer@9.1.0(react@18.2.0):
+    resolution: {integrity: sha512-XSDWQGzgJ4/B4eW39+qa3S+uc4Gb+m6lxXR54m/uD5lqeL5sLrgYdntbjl4BlTYAblgUhz+JB5obINhZaD+c0Q==}
+    peerDependencies:
+      react: ^15.0.0 || ^16.0.0 || ^17.0.0|| ^18.0.0
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /react-intl-redux@2.2.0(react-intl@3.8.0)(react-redux@7.2.4):
     resolution: {integrity: sha512-coiNaVbc6Wy9S98oI3cohjsRRkBYu9O0Os0IRGcBVYfHek4u1i8VKXa3rVQM52UzOpCIchcmXMHvC8znLStuWg==}
     peerDependencies:
@@ -35272,7 +36046,23 @@ packages:
       react-redux: 7.2.4(react-dom@17.0.2)(react@17.0.2)
     dev: false
 
-  /react-intl@3.8.0(react@16.14.0):
+  /react-intl-redux@2.3.0(@babel/runtime@7.20.6)(prop-types@15.7.2)(react-intl@3.8.0)(react-redux@8.1.2)(react@18.2.0):
+    resolution: {integrity: sha512-lIAco0dlVIn8Dzc+epHpZZD8oM2TD62SJTkJ+x33KnvYB5l9ouLTvgz1ztajHuhiIBFq6n2mWwnS74Vim8CMuQ==}
+    peerDependencies:
+      '@babel/runtime': ^7.17.9
+      prop-types: ^15.8.1
+      react: ^16.12.0 || ^17.0.2 || ^18.0.0
+      react-intl: "^2.2.2 ||\_^3.0.0 || ^4.0.0 || ^5.0.0"
+      react-redux: ^5.0.1 || ^6.0.0 || ^7.0.0
+    dependencies:
+      '@babel/runtime': 7.20.6
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-intl: 3.8.0(react@18.2.0)
+      react-redux: 8.1.2(@types/react-dom@18.2.19)(@types/react@18.2.60)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
+    dev: false
+
+  /react-intl@3.8.0(react@17.0.2):
     resolution: {integrity: sha512-jWSbc7PUJOpmy0gC9LzTyERpt/auYmMyY0jtCmczgmRns5MIKG9Bav+NpCyZ6XG2jJQgJNWpLkMFy8u7MgjuqA==}
     peerDependencies:
       react: ^16.3.0
@@ -35289,11 +36079,11 @@ packages:
       intl-messageformat: 7.8.4
       intl-messageformat-parser: 3.6.4
       invariant: 2.2.4
-      react: 16.14.0
+      react: 17.0.2
       shallow-equal: 1.2.1
-    dev: true
+    dev: false
 
-  /react-intl@3.8.0(react@17.0.2):
+  /react-intl@3.8.0(react@18.2.0):
     resolution: {integrity: sha512-jWSbc7PUJOpmy0gC9LzTyERpt/auYmMyY0jtCmczgmRns5MIKG9Bav+NpCyZ6XG2jJQgJNWpLkMFy8u7MgjuqA==}
     peerDependencies:
       react: ^16.3.0
@@ -35310,9 +36100,8 @@ packages:
       intl-messageformat: 7.8.4
       intl-messageformat-parser: 3.6.4
       invariant: 2.2.4
-      react: 17.0.2
+      react: 18.2.0
       shallow-equal: 1.2.1
-    dev: false
 
   /react-is-mounted-hook@1.1.2(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-yjq3Tj34CiFcdVOS/h6JerWLOLdJqEGKMNpTHc4kWebzz2YtIpgqMRrqxdmQhewM1KJREojdAV2tsNvBsUWyhA==}
@@ -35324,6 +36113,16 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
+  /react-is-mounted-hook@1.1.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-yjq3Tj34CiFcdVOS/h6JerWLOLdJqEGKMNpTHc4kWebzz2YtIpgqMRrqxdmQhewM1KJREojdAV2tsNvBsUWyhA==}
+    peerDependencies:
+      react: ^16.8.6 || ^17
+      react-dom: ^16.8.6 || ^17
+    dependencies:
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
@@ -35352,6 +36151,18 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
+  /react-medium-image-zoom@3.0.15(prop-types@15.7.2)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-OJc6XXmSFr0ApniFdCL1TliP6BG9eQabkcahWA9CbHha3y2IJXo1aAsQs7Irc2Wcek/N9QCeAY4wTitoMg5iLg==}
+    peerDependencies:
+      prop-types: ^15.5.8
+      react: ^16.0.0
+      react-dom: ^16.0.0
+    dependencies:
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /react-moment-proptypes@1.8.1(moment@2.29.4):
     resolution: {integrity: sha512-Er940DxWoObfIqPrZNfwXKugjxMIuk1LAuEzn23gytzV6hKS/sw108wibi9QubfMN4h+nrlje8eUCSbQRJo2fQ==}
     peerDependencies:
@@ -35375,6 +36186,21 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
+  /react-outside-click-handler@1.3.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Te/7zFU0oHpAnctl//pP3hEAeobfeHMyygHB8MnjP6sX5OR8KHT1G3jmLsV3U9RnIYo+Yn+peJYWu+D5tUS8qQ==}
+    peerDependencies:
+      react: ^0.14 || >=15
+      react-dom: ^0.14 || >=15
+    dependencies:
+      airbnb-prop-types: 2.16.0(react@18.2.0)
+      consolidated-events: 2.0.2
+      document.contains: 1.0.2
+      object.values: 1.1.7
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /react-popper-tooltip@3.1.1(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-EnERAnnKRptQBJyaee5GJScWNUKQPDD2ywvzZyUjst/wj5U64C8/CnSYLNEmP2hG0IJ3ZhtDxE8oDN+KOyavXQ==}
     peerDependencies:
@@ -35401,6 +36227,20 @@ packages:
       react-fast-compare: 3.2.2
       warning: 4.0.3
 
+  /react-popper@2.3.0(@popperjs/core@2.11.8)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==}
+    peerDependencies:
+      '@popperjs/core': ^2.0.0
+      react: ^16.8.0 || ^17 || ^18
+      react-dom: ^16.8.0 || ^17 || ^18
+    dependencies:
+      '@popperjs/core': 2.11.8
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-fast-compare: 3.2.2
+      warning: 4.0.3
+    dev: false
+
   /react-portal@4.2.1(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-fE9kOBagwmTXZ3YGRYb4gcMy+kSA+yLO0xnPankjRlfBv4uCpFXqKPfkpsGQQR15wkZ9EssnvTOl1yMzbkxhPQ==}
     peerDependencies:
@@ -35412,6 +36252,17 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
+  /react-portal@4.2.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-fE9kOBagwmTXZ3YGRYb4gcMy+kSA+yLO0xnPankjRlfBv4uCpFXqKPfkpsGQQR15wkZ9EssnvTOl1yMzbkxhPQ==}
+    peerDependencies:
+      react: ^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0
+      react-dom: ^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0
+    dependencies:
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /react-redux@7.2.4(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-hOQ5eOSkEJEXdpIKbnRyl04LhaWabkDPV+Ix97wqQX3T3d2NQ8DUblNXXtNMavc7DpswyQM6xfaN4HQDKNY2JA==}
     peerDependencies:
@@ -35434,6 +36285,62 @@ packages:
       react-is: 16.13.1
     dev: false
 
+  /react-redux@7.2.4(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-hOQ5eOSkEJEXdpIKbnRyl04LhaWabkDPV+Ix97wqQX3T3d2NQ8DUblNXXtNMavc7DpswyQM6xfaN4HQDKNY2JA==}
+    peerDependencies:
+      react: ^16.8.3 || ^17
+      react-dom: '*'
+      react-native: '*'
+    peerDependenciesMeta:
+      react-dom:
+        optional: true
+      react-native:
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.20.6
+      '@types/react-redux': 7.1.30
+      hoist-non-react-statics: 3.3.2
+      loose-envify: 1.4.0
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-is: 16.13.1
+    dev: false
+
+  /react-redux@8.1.2(@types/react-dom@18.2.19)(@types/react@18.2.60)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1):
+    resolution: {integrity: sha512-xJKYI189VwfsFc4CJvHqHlDrzyFTY/3vZACbE+rr/zQ34Xx1wQfB4OTOSeOSNrF6BDVe8OOdxIrAnMGXA3ggfw==}
+    peerDependencies:
+      '@types/react': ^16.8 || ^17.0 || ^18.0
+      '@types/react-dom': ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+      react-native: '>=0.59'
+      redux: ^4 || ^5.0.0-beta.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+      react-dom:
+        optional: true
+      react-native:
+        optional: true
+      redux:
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.20.6
+      '@types/hoist-non-react-statics': 3.3.5
+      '@types/react': 18.2.60
+      '@types/react-dom': 18.2.19
+      '@types/use-sync-external-store': 0.0.3
+      hoist-non-react-statics: 3.3.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-is: 18.2.0
+      redux: 4.2.1
+      use-sync-external-store: 1.2.0(react@18.2.0)
+    dev: false
+
   /react-refresh@0.11.0:
     resolution: {integrity: sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==}
     engines: {node: '>=0.10.0'}
@@ -35494,6 +36401,17 @@ packages:
       react-router: 5.2.0(react@17.0.2)
     dev: false
 
+  /react-router-config@5.1.1(react-router@5.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-DuanZjaD8mQp1ppHjgnnUnyOlqYXZVjnov/JzFhjLEwd3Z4dYjMSnqrEzzGThH47vpCOqPPwJM2FtthLeJ8Pbg==}
+    peerDependencies:
+      react: '>=15'
+      react-router: '>=5'
+    dependencies:
+      '@babel/runtime': 7.20.6
+      react: 18.2.0
+      react-router: 5.2.0(react@18.2.0)
+    dev: false
+
   /react-router-dom@5.2.0(react@17.0.2):
     resolution: {integrity: sha512-gxAmfylo2QUjcwxI63RhQ5G85Qqt4voZpUXSEqCwykV0baaOTQDR1f0PmY8AELqIyVc0NEZUj0Gov5lNGcXgsA==}
     peerDependencies:
@@ -35509,6 +36427,21 @@ packages:
       tiny-warning: 1.0.3
     dev: false
 
+  /react-router-dom@5.2.0(react@18.2.0):
+    resolution: {integrity: sha512-gxAmfylo2QUjcwxI63RhQ5G85Qqt4voZpUXSEqCwykV0baaOTQDR1f0PmY8AELqIyVc0NEZUj0Gov5lNGcXgsA==}
+    peerDependencies:
+      react: '>=15'
+    dependencies:
+      '@babel/runtime': 7.20.6
+      history: 4.10.1
+      loose-envify: 1.4.0
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-router: 5.2.0(react@18.2.0)
+      tiny-invariant: 1.3.1
+      tiny-warning: 1.0.3
+    dev: false
+
   /react-router-dom@6.21.0(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-1dUdVj3cwc1npzJaf23gulB562ESNvxf7E4x8upNJycqyUm5BRRZ6dd3LrlzhtLaMrwOCO8R0zoiYxdaJx4LlQ==}
     engines: {node: '>=14.0.0'}
@@ -35533,6 +36466,17 @@ packages:
       react-router-dom: 5.2.0(react@17.0.2)
     dev: false
 
+  /react-router-hash-link@2.4.3(react-router-dom@5.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-NU7GWc265m92xh/aYD79Vr1W+zAIXDWp3L2YZOYP4rCqPnJ6LI6vh3+rKgkidtYijozHclaEQTAHaAaMWPVI4A==}
+    peerDependencies:
+      react: '>=15'
+      react-router-dom: '>=4'
+    dependencies:
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-router-dom: 5.2.0(react@18.2.0)
+    dev: false
+
   /react-router@5.2.0(react@17.0.2):
     resolution: {integrity: sha512-smz1DUuFHRKdcJC0jobGo8cVbhO3x50tCL4icacOlcwDOEQPq4TMqwx3sY1TP+DvtTgz4nm3thuo7A+BK2U0Dw==}
     peerDependencies:
@@ -35551,6 +36495,24 @@ packages:
       tiny-warning: 1.0.3
     dev: false
 
+  /react-router@5.2.0(react@18.2.0):
+    resolution: {integrity: sha512-smz1DUuFHRKdcJC0jobGo8cVbhO3x50tCL4icacOlcwDOEQPq4TMqwx3sY1TP+DvtTgz4nm3thuo7A+BK2U0Dw==}
+    peerDependencies:
+      react: '>=15'
+    dependencies:
+      '@babel/runtime': 7.20.6
+      history: 4.10.1
+      hoist-non-react-statics: 3.3.2
+      loose-envify: 1.4.0
+      mini-create-react-context: 0.4.1(prop-types@15.7.2)(react@18.2.0)
+      path-to-regexp: 1.8.0
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-is: 16.13.1
+      tiny-invariant: 1.3.1
+      tiny-warning: 1.0.3
+    dev: false
+
   /react-router@6.21.0(react@18.2.0):
     resolution: {integrity: sha512-hGZ0HXbwz3zw52pLZV3j3+ec+m/PQ9cTpBvqjFQmy2XVUWGn5MD+31oXHb6dVTxYzmAeaiUBYjkoNz66n3RGCg==}
     engines: {node: '>=14.0.0'}
@@ -35571,13 +36533,48 @@ packages:
       '@seznam/compose-react-refs': 1.0.6
       react: 17.0.2
       react-is-mounted-hook: 1.1.2(react-dom@17.0.2)(react@17.0.2)
-      react-select: 4.3.1(@types/react@17.0.70)(react-dom@17.0.2)(react@17.0.2)
+      react-select: 4.3.1(react-dom@17.0.2)(react@17.0.2)
       sleep-promise: 9.1.0
     transitivePeerDependencies:
       - react-dom
     dev: false
 
-  /react-select@4.3.1(@types/react@17.0.70)(react-dom@17.0.2)(react@17.0.2):
+  /react-select-async-paginate@0.5.3(react-dom@18.2.0)(react-select@4.3.1)(react@18.2.0):
+    resolution: {integrity: sha512-SWX1twi/jzViDpQa1nS+xyjrFtn9RBezbL4aIjcJXCABKMY+8JhH4iAKqAW3pryZbm439/DaMtQeZADH17v7bQ==}
+    peerDependencies:
+      react: ^16.14.0 || ^17.0.0
+      react-select: ^2.0.0 || ^3.0.0 || ^4.0.0
+    dependencies:
+      '@babel/runtime': 7.20.6
+      '@seznam/compose-react-refs': 1.0.6
+      react: 18.2.0
+      react-is-mounted-hook: 1.1.2(react-dom@18.2.0)(react@18.2.0)
+      react-select: 4.3.1(@types/react@18.2.60)(react-dom@18.2.0)(react@18.2.0)
+      sleep-promise: 9.1.0
+    transitivePeerDependencies:
+      - react-dom
+    dev: false
+
+  /react-select@4.3.1(@types/react@18.2.60)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-HBBd0dYwkF5aZk1zP81Wx5UsLIIT2lSvAY2JiJo199LjoLHoivjn9//KsmvQMEFGNhe58xyuOITjfxKCcGc62Q==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0
+      react-dom: ^16.8.0 || ^17.0.0
+    dependencies:
+      '@babel/runtime': 7.20.6
+      '@emotion/cache': 11.11.0
+      '@emotion/react': 11.11.1(@types/react@18.2.60)(react@18.2.0)
+      memoize-one: 5.2.1
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-input-autosize: 3.0.0(react@18.2.0)
+      react-transition-group: 4.4.5(react-dom@18.2.0)(react@18.2.0)
+    transitivePeerDependencies:
+      - '@types/react'
+    dev: false
+
+  /react-select@4.3.1(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-HBBd0dYwkF5aZk1zP81Wx5UsLIIT2lSvAY2JiJo199LjoLHoivjn9//KsmvQMEFGNhe58xyuOITjfxKCcGc62Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0
@@ -35585,7 +36582,7 @@ packages:
     dependencies:
       '@babel/runtime': 7.20.6
       '@emotion/cache': 11.11.0
-      '@emotion/react': 11.11.1(@types/react@17.0.70)(react@17.0.2)
+      '@emotion/react': 11.11.1(react@17.0.2)
       memoize-one: 5.2.1
       prop-types: 15.7.2
       react: 17.0.2
@@ -35603,7 +36600,17 @@ packages:
     dependencies:
       object-assign: 4.1.1
       react: 17.0.2
-      react-is: 16.13.1
+      react-is: 18.2.0
+    dev: false
+
+  /react-shallow-renderer@16.15.0(react@18.2.0):
+    resolution: {integrity: sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==}
+    peerDependencies:
+      react: ^16.0.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      object-assign: 4.1.1
+      react: 18.2.0
+      react-is: 18.2.0
 
   /react-share@2.3.1(react@17.0.2):
     resolution: {integrity: sha512-iLUQwCaeVgOkXJxa+8B0iyIIlUajY6BxO9TRb2j8erM+q1ORe0akQZ1gtjEfWYMG4UnGTMU1fOstqes+X0AStw==}
@@ -35620,6 +36627,21 @@ packages:
       - supports-color
     dev: false
 
+  /react-share@2.3.1(react@18.2.0):
+    resolution: {integrity: sha512-iLUQwCaeVgOkXJxa+8B0iyIIlUajY6BxO9TRb2j8erM+q1ORe0akQZ1gtjEfWYMG4UnGTMU1fOstqes+X0AStw==}
+    engines: {node: '>=6.9.0', npm: '>=5.0.0'}
+    peerDependencies:
+      react: ^0.13.0 || ^0.14.0 || ^15.0.0 || ^16.0.0-0
+    dependencies:
+      babel-runtime: 6.26.0
+      classnames: 2.2.6
+      jsonp: 0.2.1
+      prop-types: 15.7.2
+      react: 18.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
   /react-side-effect@2.1.0(react@17.0.2):
     resolution: {integrity: sha512-IgmcegOSi5SNX+2Snh1vqmF0Vg/CbkycU9XZbOHJlZ6kMzTmi3yc254oB1WCkgA7OQtIAoLmcSFuHTc/tlcqXg==}
     peerDependencies:
@@ -35628,6 +36650,14 @@ packages:
       react: 17.0.2
     dev: false
 
+  /react-side-effect@2.1.2(react@18.2.0):
+    resolution: {integrity: sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==}
+    peerDependencies:
+      react: ^16.3.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /react-simple-code-editor@0.7.1(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-AgvT7j7UfFa7b/DRDvFad6Y9/bda8ogXKG2ozElCWbWWj3itu05LS7bmLu63ohjfJDTWbm9Kq0PwIdL7pw3mBg==}
     peerDependencies:
@@ -35638,6 +36668,16 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
+  /react-simple-code-editor@0.7.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-AgvT7j7UfFa7b/DRDvFad6Y9/bda8ogXKG2ozElCWbWWj3itu05LS7bmLu63ohjfJDTWbm9Kq0PwIdL7pw3mBg==}
+    peerDependencies:
+      react: ^16.0.0
+      react-dom: ^16.0.0
+    dependencies:
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /react-sortable-hoc@2.0.0(prop-types@15.7.2)(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-JZUw7hBsAHXK7PTyErJyI7SopSBFRcFHDjWW5SWjcugY0i6iH7f+eJkY8cJmGMlZ1C9xz1J3Vjz0plFpavVeRg==}
     peerDependencies:
@@ -35652,35 +36692,18 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
-  /react-stately@3.28.0(react@18.2.0):
-    resolution: {integrity: sha512-owEHRGS1zRMwtiR/jeXUjUWyqk8oe53wNtedMvg9+8+NNhDKL4/DXHcIp2A13q08v09xYWgVPtnu8fsF53x2PQ==}
+  /react-sortable-hoc@2.0.0(prop-types@15.7.2)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-JZUw7hBsAHXK7PTyErJyI7SopSBFRcFHDjWW5SWjcugY0i6iH7f+eJkY8cJmGMlZ1C9xz1J3Vjz0plFpavVeRg==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+      prop-types: ^15.5.7
+      react: ^16.3.0 || ^17.0.0
+      react-dom: ^16.3.0 || ^17.0.0
     dependencies:
-      '@react-stately/calendar': 3.4.2(react@18.2.0)
-      '@react-stately/checkbox': 3.6.0(react@18.2.0)
-      '@react-stately/collections': 3.10.3(react@18.2.0)
-      '@react-stately/combobox': 3.8.0(react@18.2.0)
-      '@react-stately/data': 3.11.0(react@18.2.0)
-      '@react-stately/datepicker': 3.9.0(react@18.2.0)
-      '@react-stately/dnd': 3.2.6(react@18.2.0)
-      '@react-stately/form': 3.0.0(react@18.2.0)
-      '@react-stately/list': 3.10.1(react@18.2.0)
-      '@react-stately/menu': 3.5.7(react@18.2.0)
-      '@react-stately/numberfield': 3.7.0(react@18.2.0)
-      '@react-stately/overlays': 3.6.4(react@18.2.0)
-      '@react-stately/radio': 3.10.0(react@18.2.0)
-      '@react-stately/searchfield': 3.5.0(react@18.2.0)
-      '@react-stately/select': 3.6.0(react@18.2.0)
-      '@react-stately/selection': 3.14.1(react@18.2.0)
-      '@react-stately/slider': 3.4.5(react@18.2.0)
-      '@react-stately/table': 3.11.3(react@18.2.0)
-      '@react-stately/tabs': 3.6.2(react@18.2.0)
-      '@react-stately/toggle': 3.7.0(react@18.2.0)
-      '@react-stately/tooltip': 3.4.6(react@18.2.0)
-      '@react-stately/tree': 3.7.4(react@18.2.0)
-      '@react-types/shared': 3.22.0(react@18.2.0)
+      '@babel/runtime': 7.20.6
+      invariant: 2.2.4
+      prop-types: 15.7.2
       react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
   /react-stately@3.30.1(react@18.2.0):
@@ -35754,6 +36777,17 @@ packages:
       react-is: 17.0.2
       react-shallow-renderer: 16.15.0(react@17.0.2)
       scheduler: 0.20.2
+    dev: false
+
+  /react-test-renderer@18.2.0(react@18.2.0):
+    resolution: {integrity: sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==}
+    peerDependencies:
+      react: ^18.2.0
+    dependencies:
+      react: 18.2.0
+      react-is: 18.2.0
+      react-shallow-renderer: 16.15.0(react@18.2.0)
+      scheduler: 0.23.0
 
   /react-textarea-autosize@8.5.3(react@17.0.2):
     resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==}
@@ -35783,6 +36817,20 @@ packages:
       react-transition-group: 4.4.5(react-dom@17.0.2)(react@17.0.2)
     dev: false
 
+  /react-toastify@5.4.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-24EwkWrj47Id/HGjYfdcntaZpAQ3J5NX31SnGRD66hM/KvPKVJzPiDBPZ+/RZ3SvNkbNWfHpPKFWzenJjC26hg==}
+    peerDependencies:
+      react: '>=15.0.0'
+      react-dom: '>=15.0.0'
+    dependencies:
+      '@babel/runtime': 7.20.6
+      classnames: 2.2.6
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-transition-group: 4.4.5(react-dom@18.2.0)(react@18.2.0)
+    dev: false
+
   /react-transition-group@4.4.5(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
     peerDependencies:
@@ -35797,6 +36845,20 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
+  /react-transition-group@4.4.5(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
+    peerDependencies:
+      react: '>=16.6.0'
+      react-dom: '>=16.6.0'
+    dependencies:
+      '@babel/runtime': 7.20.6
+      dom-helpers: 5.2.1
+      loose-envify: 1.4.0
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /react-virtualized@9.22.3(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-MKovKMxWTcwPSxE1kK1HcheQTWfuCxAuBoSTf2gwyMM21NdX/PXUhnoP8Uc5dRKd+nKm8v41R36OellhdCpkrw==}
     peerDependencies:
@@ -35813,6 +36875,22 @@ packages:
       react-lifecycles-compat: 3.0.4
     dev: false
 
+  /react-virtualized@9.22.3(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-MKovKMxWTcwPSxE1kK1HcheQTWfuCxAuBoSTf2gwyMM21NdX/PXUhnoP8Uc5dRKd+nKm8v41R36OellhdCpkrw==}
+    peerDependencies:
+      react: ^15.3.0 || ^16.0.0-alpha
+      react-dom: ^15.3.0 || ^16.0.0-alpha
+    dependencies:
+      '@babel/runtime': 7.20.6
+      clsx: 1.2.1
+      dom-helpers: 5.2.1
+      loose-envify: 1.4.0
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-lifecycles-compat: 3.0.4
+    dev: false
+
   /react-with-direction@1.4.0(react-dom@17.0.2)(react@17.0.2):
     resolution: {integrity: sha512-ybHNPiAmaJpoWwugwqry9Hd1Irl2hnNXlo/2SXQBwbLn/jGMauMS2y9jw+ydyX5V9ICryCqObNSthNt5R94xpg==}
     peerDependencies:
@@ -35831,6 +36909,24 @@ packages:
       react-dom: 17.0.2(react@17.0.2)
     dev: false
 
+  /react-with-direction@1.4.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-ybHNPiAmaJpoWwugwqry9Hd1Irl2hnNXlo/2SXQBwbLn/jGMauMS2y9jw+ydyX5V9ICryCqObNSthNt5R94xpg==}
+    peerDependencies:
+      react: ^0.14 || ^15 || ^16
+      react-dom: ^0.14 || ^15 || ^16
+    dependencies:
+      airbnb-prop-types: 2.16.0(react@18.2.0)
+      brcast: 2.0.2
+      deepmerge: 1.5.2
+      direction: 1.0.4
+      hoist-non-react-statics: 3.3.2
+      object.assign: 4.1.4
+      object.values: 1.1.7
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /react-with-styles-interface-css@6.0.0(@babel/runtime@7.20.6)(react-with-styles@4.2.0):
     resolution: {integrity: sha512-6khSG1Trf4L/uXOge/ZAlBnq2O2PEXlQEqAhCRbvzaQU4sksIkdwpCPEl6d+DtP3+IdhyffTWuHDO9lhe1iYvA==}
     peerDependencies:
@@ -35859,13 +36955,21 @@ packages:
       react-with-direction: 1.4.0(react-dom@17.0.2)(react@17.0.2)
     dev: false
 
-  /react@16.14.0:
-    resolution: {integrity: sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==}
-    engines: {node: '>=0.10.0'}
+  /react-with-styles@4.2.0(@babel/runtime@7.20.6)(react-with-direction@1.4.0)(react@18.2.0):
+    resolution: {integrity: sha512-tZCTY27KriRNhwHIbg1NkSdTTOSfXDg6Z7s+Q37mtz0Ym7Sc7IOr3PzVt4qJhJMW6Nkvfi3g34FuhtiGAJCBQA==}
+    peerDependencies:
+      '@babel/runtime': ^7.0.0
+      react: '>=0.14'
+      react-with-direction: ^1.3.1
     dependencies:
-      loose-envify: 1.4.0
-      object-assign: 4.1.1
+      '@babel/runtime': 7.20.6
+      airbnb-prop-types: 2.16.0(react@18.2.0)
+      hoist-non-react-statics: 3.3.2
+      object.assign: 4.1.4
       prop-types: 15.7.2
+      react: 18.2.0
+      react-with-direction: 1.4.0(react-dom@18.2.0)(react@18.2.0)
+    dev: false
 
   /react@17.0.2:
     resolution: {integrity: sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==}
@@ -35940,6 +37044,7 @@ packages:
       find-up: 5.0.0
       read-pkg: 6.0.0
       type-fest: 1.4.0
+    dev: true
 
   /read-pkg@1.1.0:
     resolution: {integrity: sha512-7BGwRHqt4s/uVbuyoeejRn4YmFnYZiFl4AuaeXHlgZf3sONF0SOGlxs2Pw8g6hCKupo08RafIO5YXFNOKTfwsQ==}
@@ -35978,6 +37083,7 @@ packages:
       normalize-package-data: 3.0.3
       parse-json: 5.2.0
       type-fest: 1.4.0
+    dev: true
 
   /readable-stream@2.3.8:
     resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
@@ -36067,6 +37173,20 @@ packages:
       symbol-observable: 1.2.0
     dev: false
 
+  /recompose@0.27.1(react@18.2.0):
+    resolution: {integrity: sha512-p7xsyi/rfNjHfdP7vPU02uSFa+Q1eHhjKrvO+3+kRP4Ortj+MxEmpmd+UQtBGM2D2iNAjzNI5rCyBKp9Ob5McA==}
+    peerDependencies:
+      react: ^0.14.0 || ^15.0.0 || ^16.0.0
+    dependencies:
+      babel-runtime: 6.26.0
+      change-emitter: 0.1.6
+      fbjs: 0.8.18
+      hoist-non-react-statics: 2.5.5
+      react: 18.2.0
+      react-lifecycles-compat: 3.0.4
+      symbol-observable: 1.2.0
+    dev: false
+
   /recursive-readdir@2.2.2:
     resolution: {integrity: sha512-nRCcW9Sj7NuZwa2XvH9co8NPeXUBhZP7CRKJtU+cS6PW9FpCIFoI5ib0NT1ZrbNuPoRy0ylyCaUL8Gih4LSyFg==}
     engines: {node: '>=0.10.0'}
@@ -36102,6 +37222,7 @@ packages:
     dependencies:
       indent-string: 5.0.0
       strip-indent: 4.0.0
+    dev: true
 
   /redis-errors@1.2.0:
     resolution: {integrity: sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==}
@@ -36125,6 +37246,10 @@ packages:
     resolution: {integrity: sha512-+CNMnI8QhgVMtAt54uQs3kUxC3Sybpa7Y63HR14uGLgI9/QR5ggHvpxwhGGe3wmx5V91YwqQIblN9k5lspAmGw==}
     dev: false
 
+  /reduce-reducers@1.0.4:
+    resolution: {integrity: sha512-Mb2WZ2bJF597exiqX7owBzrqJ74DHLK3yOQjCyPAaNifRncE8OD0wFIuoMhXxTnHK07+8zZ2SJEKy/qtiyR7vw==}
+    dev: false
+
   /redux-actions@2.6.5:
     resolution: {integrity: sha512-pFhEcWFTYNk7DhQgxMGnbsB1H2glqhQJRQrtPb96kD3hWiZRzXHwwmFPswg6V2MjraXRXWNmuP9P84tvdLAJmw==}
     dependencies:
@@ -36135,6 +37260,13 @@ packages:
       to-camel-case: 1.0.0
     dev: false
 
+  /redux-actions@3.0.0:
+    resolution: {integrity: sha512-5r+G8JizsTfyfWolVDkCLL2SpZA0Sk9ao2MXwfdXkG5+72s0PcO9qEqpo51D2o8dZY2gXLjNmY5yoRB+BuizRw==}
+    dependencies:
+      just-curry-it: 5.3.0
+      reduce-reducers: 1.0.4
+    dev: false
+
   /redux-connect@10.0.0(prop-types@15.7.2)(react-redux@7.2.4)(react-router-config@5.1.1)(react-router-dom@5.2.0)(react-router@5.2.0)(react@17.0.2)(redux-actions@2.6.5):
     resolution: {integrity: sha512-lLyIuXKRLSXvdpOBEhNDsBwsf2NApEsvpxKQ+oGhL8jL0W9xzkqv35zcRTiPAAPreHQa1imY8OqpZ6h9nMoU5w==}
     peerDependencies:
@@ -36155,13 +37287,24 @@ packages:
       redux-actions: 2.6.5
     dev: false
 
-  /redux-devtools-extension@2.13.8(redux@4.1.0):
-    resolution: {integrity: sha512-8qlpooP2QqPtZHQZRhx3x3OP5skEV1py/zUdMY28WNAocbafxdG2tRD1MWE7sp8obGMNYuLWanhhQ7EQvT1FBg==}
-    deprecated: Package moved to @redux-devtools/extension.
+  /redux-connect@10.0.0(prop-types@15.7.2)(react-redux@8.1.2)(react-router-config@5.1.1)(react-router-dom@5.2.0)(react-router@5.2.0)(react@18.2.0)(redux-actions@3.0.0):
+    resolution: {integrity: sha512-lLyIuXKRLSXvdpOBEhNDsBwsf2NApEsvpxKQ+oGhL8jL0W9xzkqv35zcRTiPAAPreHQa1imY8OqpZ6h9nMoU5w==}
     peerDependencies:
-      redux: ^3.1.0 || ^4.0.0
+      prop-types: 15.x.x
+      react: ^16.8.4
+      react-redux: 7.x.x
+      react-router: 5.x.x
+      react-router-config: 5.x.x
+      react-router-dom: 5.x.x
+      redux-actions: 2.x.x
     dependencies:
-      redux: 4.1.0
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-redux: 8.1.2(@types/react-dom@18.2.19)(@types/react@18.2.60)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
+      react-router: 5.2.0(react@18.2.0)
+      react-router-config: 5.1.1(react-router@5.2.0)(react@18.2.0)
+      react-router-dom: 5.2.0(react@18.2.0)
+      redux-actions: 3.0.0
     dev: false
 
   /redux-localstorage-simple@2.3.1:
@@ -36170,6 +37313,12 @@ packages:
       object-merge: 2.5.1
     dev: false
 
+  /redux-localstorage-simple@2.5.1:
+    resolution: {integrity: sha512-8HbqBzHoZ4nfL8qyELt4hLd9hNmESCvmXTEBk2mGT23lX8/miJbXz4ZGIF7Eoa1UHikjv+bne3pjC95ub737vA==}
+    dependencies:
+      merge: 2.1.1
+    dev: false
+
   /redux-mock-store@1.5.4:
     resolution: {integrity: sha512-xmcA0O/tjCLXhh9Fuiq6pMrJCwFRaouA8436zcikdIpYWWCjU76CRk+i2bHx8EeiSiMGnB85/lZdU3wIJVXHTA==}
     dependencies:
@@ -36184,11 +37333,25 @@ packages:
       redux: 4.1.0
     dev: false
 
+  /redux-thunk@2.4.2(redux@4.2.1):
+    resolution: {integrity: sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==}
+    peerDependencies:
+      redux: ^4
+    dependencies:
+      redux: 4.2.1
+    dev: false
+
   /redux@4.1.0:
     resolution: {integrity: sha512-uI2dQN43zqLWCt6B/BMGRMY6db7TTY4qeHHfGeKb3EOhmOKjU3KdWvNLJyqaHRksv/ErdNH7cFZWg9jXtewy4g==}
     dependencies:
       '@babel/runtime': 7.20.6
 
+  /redux@4.2.1:
+    resolution: {integrity: sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==}
+    dependencies:
+      '@babel/runtime': 7.20.6
+    dev: false
+
   /reflect.getprototypeof@1.0.4:
     resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==}
     engines: {node: '>= 0.4'}
@@ -36476,17 +37639,6 @@ packages:
       unified: 10.1.2
     dev: true
 
-  /remark-gfm@3.0.1:
-    resolution: {integrity: sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==}
-    dependencies:
-      '@types/mdast': 3.0.15
-      mdast-util-gfm: 2.0.2
-      micromark-extension-gfm: 2.0.3
-      unified: 10.1.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /remark-mdx-frontmatter@1.1.1:
     resolution: {integrity: sha512-7teX9DW4tI2WZkXS4DBxneYSY7NHiXl4AKdWDO9LXVweULlCT8OPWsOjLEnMIXViN1j+QcY8mfbq3k0EK6x3uA==}
     engines: {node: '>=12.2.0'}
@@ -36878,6 +38030,13 @@ packages:
     dependencies:
       glob: 7.1.6
 
+  /rimraf@5.0.5:
+    resolution: {integrity: sha512-CqDakW+hMe/Bz202FPEymy68P+G50RfMQK+Qo5YUqc9SPipvbGjCGKd0RSKEelbsfQuw3g5NZDSrlZZAJurH1A==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      glob: 10.3.10
+
   /rollup-plugin-visualizer@5.12.0(rollup@4.8.0):
     resolution: {integrity: sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==}
     engines: {node: '>=14'}
@@ -37068,6 +38227,7 @@ packages:
       chokidar: 3.5.3
       immutable: 4.3.4
       source-map-js: 1.0.2
+    dev: false
 
   /sax@1.2.4:
     resolution: {integrity: sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==}
@@ -37191,31 +38351,54 @@ packages:
       prop-types: 15.7.2
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
-      react-is: 16.13.1
+      react-is: 17.0.2
       react-popper: 2.3.0(@popperjs/core@2.11.8)(react-dom@17.0.2)(react@17.0.2)
       shallowequal: 1.1.0
     dev: false
 
-  /semantic-ui-react@2.1.5(react-dom@17.0.2)(react@17.0.2):
+  /semantic-ui-react@2.0.3(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-a0hGN6XXw64sRSKwWqMCKSI/AGLohxNeWuErS39eswvBbUnLjBij8ZoEdiqDiz/PuWpwYIRjgmQVrut+7h3b2g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0
+      react-dom: ^16.8.0 || ^17.0.0
+    dependencies:
+      '@babel/runtime': 7.20.6
+      '@fluentui/react-component-event-listener': 0.51.7(react-dom@18.2.0)(react@18.2.0)
+      '@fluentui/react-component-ref': 0.51.7(react-dom@18.2.0)(react@18.2.0)
+      '@popperjs/core': 2.11.8
+      '@semantic-ui-react/event-stack': 3.1.3(react-dom@18.2.0)(react@18.2.0)
+      clsx: 1.2.1
+      keyboard-key: 1.1.0
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+      prop-types: 15.7.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-is: 17.0.2
+      react-popper: 2.3.0(@popperjs/core@2.11.8)(react-dom@18.2.0)(react@18.2.0)
+      shallowequal: 1.1.0
+    dev: false
+
+  /semantic-ui-react@2.1.5(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-nIqmmUNpFHfovEb+RI2w3E2/maZQutd8UIWyRjf1SLse+XF51hI559xbz/sLN3O6RpLjr/echLOOXwKCirPy3Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
       '@babel/runtime': 7.20.6
-      '@fluentui/react-component-event-listener': 0.63.1(react-dom@17.0.2)(react@17.0.2)
-      '@fluentui/react-component-ref': 0.63.1(react-dom@17.0.2)(react@17.0.2)
+      '@fluentui/react-component-event-listener': 0.63.1(react-dom@18.2.0)(react@18.2.0)
+      '@fluentui/react-component-ref': 0.63.1(react-dom@18.2.0)(react@18.2.0)
       '@popperjs/core': 2.11.8
-      '@semantic-ui-react/event-stack': 3.1.3(react-dom@17.0.2)(react@17.0.2)
+      '@semantic-ui-react/event-stack': 3.1.3(react-dom@18.2.0)(react@18.2.0)
       clsx: 1.2.1
       keyboard-key: 1.1.0
       lodash: 4.17.21
       lodash-es: 4.17.21
       prop-types: 15.7.2
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
-      react-is: 16.13.1
-      react-popper: 2.3.0(@popperjs/core@2.11.8)(react-dom@17.0.2)(react@17.0.2)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-is: 18.2.0
+      react-popper: 2.3.0(@popperjs/core@2.11.8)(react-dom@18.2.0)(react@18.2.0)
       shallowequal: 1.1.0
     dev: false
 
@@ -37466,6 +38649,10 @@ packages:
   /shell-quote@1.7.2:
     resolution: {integrity: sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==}
 
+  /shell-quote@1.8.1:
+    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
+    dev: true
+
   /shelljs@0.8.5:
     resolution: {integrity: sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==}
     engines: {node: '>=4'}
@@ -37524,13 +38711,6 @@ packages:
     dependencies:
       is-arrayish: 0.3.2
 
-  /simple-update-notifier@2.0.0:
-    resolution: {integrity: sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==}
-    engines: {node: '>=10'}
-    dependencies:
-      semver: 7.6.0
-    dev: true
-
   /sinon@10.0.1:
     resolution: {integrity: sha512-1rf86mvW4Mt7JitEIgmNaLXaWnrWd/UrVKZZlL+kbeOujXVf9fmC4kQEQ/YeHoiIA23PLNngYWK+dngIx/AumA==}
     deprecated: 16.1.1
@@ -37615,6 +38795,27 @@ packages:
       tiny-invariant: 1.0.6
     dev: false
 
+  /slate-react@0.98.4(react-dom@18.2.0)(react@18.2.0)(slate@0.100.0):
+    resolution: {integrity: sha512-8Of3v9hFuX8rIRc86LuuBhU9t8ps+9ARKL4yyhCrKQYZ93Ep/LFA3GvPGvtf3zYuVadZ8tkhRH8tbHOGNAndLw==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+      slate: '>=0.65.3'
+    dependencies:
+      '@juggle/resize-observer': 3.4.0
+      '@types/is-hotkey': 0.1.9
+      '@types/lodash': 4.14.201
+      direction: 1.0.4
+      is-hotkey: 0.1.8
+      is-plain-object: 5.0.0
+      lodash: 4.17.21
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      scroll-into-view-if-needed: 2.2.31
+      slate: 0.100.0
+      tiny-invariant: 1.0.6
+    dev: false
+
   /slate@0.100.0:
     resolution: {integrity: sha512-cK+xwLBrbQof4rEfTzgC8loBWsDFEXq8nOBY7QahwY59Zq4bsBNcwiMw2VIzTv+WGNsmyHp4eAk/HJbz2aAUkQ==}
     dependencies:
@@ -37651,6 +38852,14 @@ packages:
       is-fullwidth-code-point: 4.0.0
     dev: true
 
+  /slice-ansi@7.1.0:
+    resolution: {integrity: sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==}
+    engines: {node: '>=18'}
+    dependencies:
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 5.0.0
+    dev: true
+
   /smart-buffer@4.2.0:
     resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==}
     engines: {node: '>= 6.0.0', npm: '>= 3.0.0'}
@@ -37800,6 +39009,7 @@ packages:
     dependencies:
       atob: 2.1.2
       decode-uri-component: 0.2.2
+    dev: false
 
   /source-map-support@0.5.21:
     resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
@@ -37838,6 +39048,10 @@ packages:
     resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
     dev: true
 
+  /spawn-command@0.0.2:
+    resolution: {integrity: sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ==}
+    dev: true
+
   /spdx-correct@3.2.0:
     resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
     dependencies:
@@ -37859,7 +39073,7 @@ packages:
   /spdy-transport@3.0.0:
     resolution: {integrity: sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==}
     dependencies:
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       detect-node: 2.1.0
       hpack.js: 2.1.6
       obuf: 1.1.2
@@ -37872,7 +39086,7 @@ packages:
     resolution: {integrity: sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==}
     engines: {node: '>=6.0.0'}
     dependencies:
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       handle-thing: 2.0.1
       http-deceiver: 1.2.7
       select-hose: 2.0.0
@@ -37984,7 +39198,7 @@ packages:
     dependencies:
       bluebird: 3.7.2
       check-more-types: 2.24.0
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.2
       execa: 5.1.1
       lazy-ass: 1.6.0
       ps-tree: 1.2.0
@@ -38044,11 +39258,11 @@ packages:
     resolution: {integrity: sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==}
     dev: true
 
-  /storybook@7.6.5:
-    resolution: {integrity: sha512-uHPrL+g/0v6iIVtDA8J0uWd3jDZcdr51lCR/vPXTkrCY1uVaFjswzl8EMy5PR05I7jMpKUzkJWZtFbgbh9e1Bw==}
+  /storybook@7.6.17:
+    resolution: {integrity: sha512-8+EIo91bwmeFWPg1eysrxXlhIYv3OsXrznTr4+4Eq0NikqAoq6oBhtlN5K2RGS2lBVF537eN+9jTCNbR+WrzDA==}
     hasBin: true
     dependencies:
-      '@storybook/cli': 7.6.5
+      '@storybook/cli': 7.6.17
     transitivePeerDependencies:
       - bufferutil
       - encoding
@@ -38073,8 +39287,8 @@ packages:
     engines: {node: '>=10.0.0'}
     dev: false
 
-  /streamx@2.15.8:
-    resolution: {integrity: sha512-6pwMeMY/SuISiRsuS8TeIrAzyFbG5gGPHFQsYjUr/pbBadaL1PCWmzKw+CHZSwainfvcF6Si6cVLq4XTEwswFQ==}
+  /streamx@2.16.1:
+    resolution: {integrity: sha512-m9QYj6WygWyWa3H1YY69amr4nVgy61xfjys7xO7kviL5rfIEc2naf+ewFiOA+aEJD7y0JO3h2GoiUv4TDwEGzQ==}
     dependencies:
       fast-fifo: 1.3.2
       queue-tick: 1.0.1
@@ -38353,6 +39567,7 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       min-indent: 1.0.1
+    dev: true
 
   /strip-json-comments@2.0.1:
     resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
@@ -38404,6 +39619,7 @@ packages:
 
   /style-search@0.1.0:
     resolution: {integrity: sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==}
+    dev: true
 
   /style-to-object@0.3.0:
     resolution: {integrity: sha512-CzFnRRXhzWIdItT3OmF8SQfWyahHhjq3HwcMNCNLn+N7klOOqPjMeG/4JSu77D7ypZdGvSzvkrbyeTMizz2VrA==}
@@ -38442,33 +39658,33 @@ packages:
       postcss: 7.0.39
       postcss-selector-parser: 3.1.2
 
-  /stylelint-config-idiomatic-order@9.0.0(stylelint@15.10.3):
-    resolution: {integrity: sha512-+LtfPycY1Paayf1MaERyh6BzVPnZxemX5NtzdUPqi4u8hyAR7859f/4EL02+Kr9va76iX7mbYC4HendocXKJZQ==}
+  /stylelint-config-idiomatic-order@10.0.0(stylelint@16.2.1):
+    resolution: {integrity: sha512-gJjT1nwhgnHS52+mRn+5Iw6keZIPRN4W+vbzct9Elb+tWOo61jC/CzXzAJHvvOYQZqUYItfs2aQ8fU5hnCvuGg==}
     engines: {node: '>=12'}
     peerDependencies:
       stylelint: '>=11'
     dependencies:
-      stylelint: 15.10.3(typescript@5.2.2)
-      stylelint-order: 5.0.0(stylelint@15.10.3)
+      stylelint: 16.2.1(typescript@5.2.2)
+      stylelint-order: 6.0.4(stylelint@16.2.1)
 
-  /stylelint-config-idiomatic-order@9.0.0(stylelint@15.11.0):
+  /stylelint-config-idiomatic-order@9.0.0(stylelint@15.10.3):
     resolution: {integrity: sha512-+LtfPycY1Paayf1MaERyh6BzVPnZxemX5NtzdUPqi4u8hyAR7859f/4EL02+Kr9va76iX7mbYC4HendocXKJZQ==}
     engines: {node: '>=12'}
     peerDependencies:
       stylelint: '>=11'
     dependencies:
-      stylelint: 15.11.0(typescript@5.2.2)
-      stylelint-order: 5.0.0(stylelint@15.11.0)
+      stylelint: 15.10.3(typescript@5.3.3)
+      stylelint-order: 5.0.0(stylelint@15.10.3)
     dev: true
 
-  /stylelint-config-prettier@9.0.5(stylelint@15.11.0):
+  /stylelint-config-prettier@9.0.5(stylelint@16.2.1):
     resolution: {integrity: sha512-U44lELgLZhbAD/xy/vncZ2Pq8sh2TnpiPvo38Ifg9+zeioR+LAkHu0i6YORIOxFafZoVg0xqQwex6e6F25S5XA==}
     engines: {node: '>= 12'}
     hasBin: true
     peerDependencies:
       stylelint: '>= 11.x < 15'
     dependencies:
-      stylelint: 15.11.0(typescript@5.2.2)
+      stylelint: 16.2.1(typescript@5.2.2)
     dev: true
 
   /stylelint-config-sass-guidelines@10.0.0(postcss@8.4.31)(stylelint@15.10.3):
@@ -38491,17 +39707,17 @@ packages:
     dependencies:
       postcss: 8.4.31
       postcss-sorting: 7.0.1(postcss@8.4.31)
-      stylelint: 15.10.3(typescript@5.2.2)
+      stylelint: 15.10.3(typescript@5.3.3)
+    dev: true
 
-  /stylelint-order@5.0.0(stylelint@15.11.0):
-    resolution: {integrity: sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==}
+  /stylelint-order@6.0.4(stylelint@16.2.1):
+    resolution: {integrity: sha512-0UuKo4+s1hgQ/uAxlYU4h0o0HS4NiQDud0NAUNI0aa8FJdmYHA5ZZTFHiV5FpmE3071e9pZx5j0QpVJW5zOCUA==}
     peerDependencies:
-      stylelint: ^14.0.0
+      stylelint: ^14.0.0 || ^15.0.0 || ^16.0.1
     dependencies:
-      postcss: 8.4.31
-      postcss-sorting: 7.0.1(postcss@8.4.31)
-      stylelint: 15.11.0(typescript@5.2.2)
-    dev: true
+      postcss: 8.4.35
+      postcss-sorting: 8.0.2(postcss@8.4.35)
+      stylelint: 16.2.1(typescript@5.2.2)
 
   /stylelint-prettier@4.0.2(prettier@3.0.3)(stylelint@15.10.3):
     resolution: {integrity: sha512-EoHnR2PiaWgpGtoI4VW7AzneMfwmwQsNwQ+3/E2k/a+ju5yO6rfPfop4vzPQKcJN4ZM1YbspEOPu88D8538sbg==}
@@ -38512,19 +39728,19 @@ packages:
     dependencies:
       prettier: 3.0.3
       prettier-linter-helpers: 1.0.0
-      stylelint: 15.10.3(typescript@5.2.2)
+      stylelint: 15.10.3(typescript@5.3.3)
+    dev: true
 
-  /stylelint-prettier@4.0.2(prettier@3.0.3)(stylelint@15.11.0):
-    resolution: {integrity: sha512-EoHnR2PiaWgpGtoI4VW7AzneMfwmwQsNwQ+3/E2k/a+ju5yO6rfPfop4vzPQKcJN4ZM1YbspEOPu88D8538sbg==}
-    engines: {node: ^14.17.0 || >=16.0.0}
+  /stylelint-prettier@5.0.0(prettier@3.2.5)(stylelint@16.2.1):
+    resolution: {integrity: sha512-RHfSlRJIsaVg5Br94gZVdWlz/rBTyQzZflNE6dXvSxt/GthWMY3gEHsWZEBaVGg7GM+XrtVSp4RznFlB7i0oyw==}
+    engines: {node: '>=18.12.0'}
     peerDependencies:
       prettier: '>=3.0.0'
-      stylelint: '>=15.8.0'
+      stylelint: '>=16.0.0'
     dependencies:
-      prettier: 3.0.3
+      prettier: 3.2.5
       prettier-linter-helpers: 1.0.0
-      stylelint: 15.11.0(typescript@5.2.2)
-    dev: true
+      stylelint: 16.2.1(typescript@5.2.2)
 
   /stylelint-scss@4.7.0(stylelint@15.10.3):
     resolution: {integrity: sha512-TSUgIeS0H3jqDZnby1UO1Qv3poi1N8wUYIJY6D1tuUq2MN3lwp/rITVo0wD+1SWTmRm0tNmGO0b7nKInnqF6Hg==}
@@ -38538,55 +39754,6 @@ packages:
       stylelint: 15.10.3(typescript@5.3.3)
     dev: true
 
-  /stylelint@15.10.3(typescript@5.2.2):
-    resolution: {integrity: sha512-aBQMMxYvFzJJwkmg+BUUg3YfPyeuCuKo2f+LOw7yYbU8AZMblibwzp9OV4srHVeQldxvSFdz0/Xu8blq2AesiA==}
-    engines: {node: ^14.13.1 || >=16.0.0}
-    hasBin: true
-    dependencies:
-      '@csstools/css-parser-algorithms': 2.3.2(@csstools/css-tokenizer@2.2.1)
-      '@csstools/css-tokenizer': 2.2.1
-      '@csstools/media-query-list-parser': 2.1.5(@csstools/css-parser-algorithms@2.3.2)(@csstools/css-tokenizer@2.2.1)
-      '@csstools/selector-specificity': 3.0.0(postcss-selector-parser@6.0.13)
-      balanced-match: 2.0.0
-      colord: 2.9.3
-      cosmiconfig: 8.3.6(typescript@5.2.2)
-      css-functions-list: 3.2.1
-      css-tree: 2.3.1
-      debug: 4.3.4(supports-color@8.1.1)
-      fast-glob: 3.3.2
-      fastest-levenshtein: 1.0.16
-      file-entry-cache: 6.0.1
-      global-modules: 2.0.0
-      globby: 11.1.0
-      globjoin: 0.1.4
-      html-tags: 3.3.1
-      ignore: 5.3.0
-      import-lazy: 4.0.0
-      imurmurhash: 0.1.4
-      is-plain-object: 5.0.0
-      known-css-properties: 0.28.0
-      mathml-tag-names: 2.1.3
-      meow: 10.1.5
-      micromatch: 4.0.5
-      normalize-path: 3.0.0
-      picocolors: 1.0.0
-      postcss: 8.4.31
-      postcss-resolve-nested-selector: 0.1.1
-      postcss-safe-parser: 6.0.0(postcss@8.4.31)
-      postcss-selector-parser: 6.0.13
-      postcss-value-parser: 4.2.0
-      resolve-from: 5.0.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      style-search: 0.1.0
-      supports-hyperlinks: 3.0.0
-      svg-tags: 1.0.0
-      table: 6.8.1
-      write-file-atomic: 5.0.1
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
   /stylelint@15.10.3(typescript@5.3.3):
     resolution: {integrity: sha512-aBQMMxYvFzJJwkmg+BUUg3YfPyeuCuKo2f+LOw7yYbU8AZMblibwzp9OV4srHVeQldxvSFdz0/Xu8blq2AesiA==}
     engines: {node: ^14.13.1 || >=16.0.0}
@@ -38637,47 +39804,45 @@ packages:
       - typescript
     dev: true
 
-  /stylelint@15.11.0(typescript@5.2.2):
-    resolution: {integrity: sha512-78O4c6IswZ9TzpcIiQJIN49K3qNoXTM8zEJzhaTE/xRTCZswaovSEVIa/uwbOltZrk16X4jAxjaOhzz/hTm1Kw==}
-    engines: {node: ^14.13.1 || >=16.0.0}
+  /stylelint@16.2.1(typescript@5.2.2):
+    resolution: {integrity: sha512-SfIMGFK+4n7XVAyv50CpVfcGYWG4v41y6xG7PqOgQSY8M/PgdK0SQbjWFblxjJZlN9jNq879mB4BCZHJRIJ1hA==}
+    engines: {node: '>=18.12.0'}
     hasBin: true
     dependencies:
-      '@csstools/css-parser-algorithms': 2.3.2(@csstools/css-tokenizer@2.2.1)
-      '@csstools/css-tokenizer': 2.2.1
-      '@csstools/media-query-list-parser': 2.1.5(@csstools/css-parser-algorithms@2.3.2)(@csstools/css-tokenizer@2.2.1)
-      '@csstools/selector-specificity': 3.0.0(postcss-selector-parser@6.0.13)
+      '@csstools/css-parser-algorithms': 2.6.0(@csstools/css-tokenizer@2.2.3)
+      '@csstools/css-tokenizer': 2.2.3
+      '@csstools/media-query-list-parser': 2.1.8(@csstools/css-parser-algorithms@2.6.0)(@csstools/css-tokenizer@2.2.3)
+      '@csstools/selector-specificity': 3.0.2(postcss-selector-parser@6.0.15)
       balanced-match: 2.0.0
       colord: 2.9.3
-      cosmiconfig: 8.3.6(typescript@5.2.2)
+      cosmiconfig: 9.0.0(typescript@5.2.2)
       css-functions-list: 3.2.1
       css-tree: 2.3.1
       debug: 4.3.4(supports-color@8.1.1)
       fast-glob: 3.3.2
       fastest-levenshtein: 1.0.16
-      file-entry-cache: 7.0.2
+      file-entry-cache: 8.0.0
       global-modules: 2.0.0
       globby: 11.1.0
       globjoin: 0.1.4
       html-tags: 3.3.1
       ignore: 5.3.0
-      import-lazy: 4.0.0
       imurmurhash: 0.1.4
       is-plain-object: 5.0.0
       known-css-properties: 0.29.0
       mathml-tag-names: 2.1.3
-      meow: 10.1.5
+      meow: 13.2.0
       micromatch: 4.0.5
       normalize-path: 3.0.0
       picocolors: 1.0.0
-      postcss: 8.4.31
+      postcss: 8.4.35
       postcss-resolve-nested-selector: 0.1.1
-      postcss-safe-parser: 6.0.0(postcss@8.4.31)
-      postcss-selector-parser: 6.0.13
+      postcss-safe-parser: 7.0.0(postcss@8.4.35)
+      postcss-selector-parser: 6.0.15
       postcss-value-parser: 4.2.0
       resolve-from: 5.0.0
       string-width: 4.2.3
-      strip-ansi: 6.0.1
-      style-search: 0.1.0
+      strip-ansi: 7.1.0
       supports-hyperlinks: 3.0.0
       svg-tags: 1.0.0
       table: 6.8.1
@@ -38685,7 +39850,6 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - typescript
-    dev: true
 
   /stylis@4.2.0:
     resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==}
@@ -38848,6 +40012,14 @@ packages:
     dependencies:
       '@pkgr/utils': 2.4.2
       tslib: 2.6.2
+    dev: true
+
+  /synckit@0.8.8:
+    resolution: {integrity: sha512-HwOKAP7Wc5aRGYdKH+dw0PRRpbO841v2DENBtjnR5HFWoiNByAl7vrx3p0G/rCyYXQsrxqtX48TImFtPcIHSpQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    dependencies:
+      '@pkgr/core': 0.1.1
+      tslib: 2.6.2
 
   /synthetic-dom@1.4.0:
     resolution: {integrity: sha512-mHv51ZsmZ+ShT/4s5kg+MGUIhY7Ltq4v03xpN1c8T1Krb5pScsh/lzEjyhrVD0soVDbThbd2e+4dD9vnDG4rhg==}
@@ -38901,7 +40073,7 @@ packages:
     dependencies:
       b4a: 1.6.6
       fast-fifo: 1.3.2
-      streamx: 2.15.8
+      streamx: 2.16.1
     dev: false
 
   /tar@6.2.0:
@@ -39020,7 +40192,7 @@ packages:
       schema-utils: 3.3.0
       serialize-javascript: 5.0.1
       source-map: 0.6.1
-      terser: 5.27.0
+      terser: 5.24.0
       webpack: 5.90.1
       webpack-sources: 1.4.3
     transitivePeerDependencies:
@@ -39047,7 +40219,7 @@ packages:
       jest-worker: 27.5.1
       schema-utils: 3.3.0
       serialize-javascript: 6.0.1
-      terser: 5.27.0
+      terser: 5.28.1
       webpack: 5.90.1
 
   /terser-webpack-plugin@5.3.6(webpack@5.90.1):
@@ -39070,9 +40242,8 @@ packages:
       jest-worker: 27.5.1
       schema-utils: 3.3.0
       serialize-javascript: 6.0.1
-      terser: 5.27.0
+      terser: 5.24.0
       webpack: 5.90.1
-    dev: false
 
   /terser@4.8.1:
     resolution: {integrity: sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==}
@@ -39084,8 +40255,18 @@ packages:
       source-map: 0.6.1
       source-map-support: 0.5.21
 
-  /terser@5.27.0:
-    resolution: {integrity: sha512-bi1HRwVRskAjheeYl291n3JC4GgO/Ty4z1nVs5AAsmonJulGxpSektecnNedrwK9C7vpvVtcX3cw00VSLt7U2A==}
+  /terser@5.24.0:
+    resolution: {integrity: sha512-ZpGR4Hy3+wBEzVEnHvstMvqpD/nABNelQn/z2r0fjVWGQsN3bpOLzQlqDxmb4CDZnXq5lpjnQ+mHQLAOpfM5iw==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      '@jridgewell/source-map': 0.3.5
+      acorn: 8.11.2
+      commander: 2.20.3
+      source-map-support: 0.5.21
+
+  /terser@5.28.1:
+    resolution: {integrity: sha512-wM+bZp54v/E9eRRGXb5ZFDvinrJIOaTapx3WUokyVGZu5ucVCK55zEgGd5Dl2fSr3jUo5sDiERErUWLY6QPFyA==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
@@ -39183,11 +40364,6 @@ packages:
     resolution: {integrity: sha512-65NKvSuAVDP/n4CqH+a9w2kTlLReS9vhsAP06MWx+/89nMinJyB2icyl58RIcqCmIggpojIGeuJGhjU1aGMBSg==}
     dev: true
 
-  /tinypool@0.3.1:
-    resolution: {integrity: sha512-zLA1ZXlstbU2rlpA4CIeVaqvWq41MTWqLY3FfsAXgC8+f7Pk7zroaJQxDgxn1xNudKW6Kmj4808rPFShUlIRmQ==}
-    engines: {node: '>=14.0.0'}
-    dev: true
-
   /tinypool@0.7.0:
     resolution: {integrity: sha512-zSYNUlYSMhJ6Zdou4cJwo/p7w5nmAH17GRfU/ui3ctvjXFErXXkruT4MWW6poDeXgCaIBlGLrfU6TbTXxyGMww==}
     engines: {node: '>=14.0.0'}
@@ -39198,11 +40374,6 @@ packages:
     engines: {node: '>=14.0.0'}
     dev: true
 
-  /tinyspy@1.1.1:
-    resolution: {integrity: sha512-UVq5AXt/gQlti7oxoIg5oi/9r0WpF7DGEVwXgqWSMmyN16+e3tl5lIvTaOpJ3TAtu5xFzWccFRM4R5NaWHF+4g==}
-    engines: {node: '>=14.0.0'}
-    dev: true
-
   /tinyspy@2.2.0:
     resolution: {integrity: sha512-d2eda04AN/cPOR89F7Xv5bK/jrQEhmcLFe6HFldoeO9AJtps+fqEnh486vnT/8y4bw38pSyxDcTCAq+Ks2aJTg==}
     engines: {node: '>=14.0.0'}
@@ -39371,6 +40542,7 @@ packages:
   /trim-newlines@4.1.1:
     resolution: {integrity: sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==}
     engines: {node: '>=12'}
+    dev: true
 
   /trim-trailing-lines@1.1.4:
     resolution: {integrity: sha512-rjUWSqnfTNrjbB9NQWfPMH/xRK1deHeGsHoVfpxJ++XeYXE0d6B1En37AHfw3jtfTU7dzMzZL2jjpe8Qb5gLIQ==}
@@ -39405,6 +40577,15 @@ packages:
     dependencies:
       typescript: 5.2.2
 
+  /ts-api-utils@1.0.3(typescript@5.3.3):
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+    dependencies:
+      typescript: 5.3.3
+    dev: true
+
   /ts-dedent@2.2.0:
     resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==}
     engines: {node: '>=6.10'}
@@ -39469,6 +40650,15 @@ packages:
       json5: 1.0.2
       minimist: 1.2.8
       strip-bom: 3.0.0
+    dev: true
+
+  /tsconfig-paths@3.15.0:
+    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
+    dependencies:
+      '@types/json5': 0.0.29
+      json5: 1.0.2
+      minimist: 1.2.8
+      strip-bom: 3.0.0
 
   /tsconfig-paths@4.2.0:
     resolution: {integrity: sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==}
@@ -39494,8 +40684,8 @@ packages:
   /tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
-  /tsup@8.0.1(postcss@8.4.31)(typescript@5.2.2):
-    resolution: {integrity: sha512-hvW7gUSG96j53ZTSlT4j/KL0q1Q2l6TqGBFc6/mu/L46IoNWqLLUzLRLP1R8Q7xrJTmkDxxDoojV5uCVs1sVOg==}
+  /tsup@8.0.2(postcss@8.4.35)(typescript@5.2.2):
+    resolution: {integrity: sha512-NY8xtQXdH7hDUAZwcQdY/Vzlw9johQsaqf7iwZ6g1DOUlFYQ5/AtVAjTvihhEyeRlGo4dLRVHtrRaL35M1daqQ==}
     engines: {node: '>=18'}
     hasBin: true
     peerDependencies:
@@ -39516,13 +40706,13 @@ packages:
       bundle-require: 4.0.2(esbuild@0.19.9)
       cac: 6.7.14
       chokidar: 3.5.3
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       esbuild: 0.19.9
       execa: 5.1.1
       globby: 11.1.0
       joycon: 3.1.1
-      postcss: 8.4.31
-      postcss-load-config: 4.0.2(postcss@8.4.31)
+      postcss: 8.4.35
+      postcss-load-config: 4.0.2(postcss@8.4.35)
       resolve-from: 5.0.0
       rollup: 4.8.0
       source-map: 0.8.0-beta.0
@@ -39551,7 +40741,6 @@ packages:
     dependencies:
       tslib: 1.14.1
       typescript: 5.3.3
-    dev: true
 
   /tuf-js@1.1.7:
     resolution: {integrity: sha512-i3P9Kgw3ytjELUfpuKVDNBJvk4u5bXL6gskv572mcevPbSKCV3zt3djhmlEQ65yERjIbOSncy7U4cQJaB1CBCg==}
@@ -39568,66 +40757,6 @@ packages:
     dependencies:
       safe-buffer: 5.2.1
 
-  /turbo-darwin-64@1.10.16:
-    resolution: {integrity: sha512-+Jk91FNcp9e9NCLYlvDDlp2HwEDp14F9N42IoW3dmHI5ZkGSXzalbhVcrx3DOox3QfiNUHxzWg4d7CnVNCuuMg==}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /turbo-darwin-arm64@1.10.16:
-    resolution: {integrity: sha512-jqGpFZipIivkRp/i+jnL8npX0VssE6IAVNKtu573LXtssZdV/S+fRGYA16tI46xJGxSAivrZ/IcgZrV6Jk80bw==}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /turbo-linux-64@1.10.16:
-    resolution: {integrity: sha512-PpqEZHwLoizQ6sTUvmImcRmACyRk9EWLXGlqceogPZsJ1jTRK3sfcF9fC2W56zkSIzuLEP07k5kl+ZxJd8JMcg==}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /turbo-linux-arm64@1.10.16:
-    resolution: {integrity: sha512-TMjFYz8to1QE0fKVXCIvG/4giyfnmqcQIwjdNfJvKjBxn22PpbjeuFuQ5kNXshUTRaTJihFbuuCcb5OYFNx4uw==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /turbo-windows-64@1.10.16:
-    resolution: {integrity: sha512-+jsf68krs0N66FfC4/zZvioUap/Tq3sPFumnMV+EBo8jFdqs4yehd6+MxIwYTjSQLIcpH8KoNMB0gQYhJRLZzw==}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /turbo-windows-arm64@1.10.16:
-    resolution: {integrity: sha512-sKm3hcMM1bl0B3PLG4ifidicOGfoJmOEacM5JtgBkYM48ncMHjkHfFY7HrJHZHUnXM4l05RQTpLFoOl/uIo2HQ==}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /turbo@1.10.16:
-    resolution: {integrity: sha512-2CEaK4FIuSZiP83iFa9GqMTQhroW2QryckVqUydmg4tx78baftTOS0O+oDAhvo9r9Nit4xUEtC1RAHoqs6ZEtg==}
-    hasBin: true
-    optionalDependencies:
-      turbo-darwin-64: 1.10.16
-      turbo-darwin-arm64: 1.10.16
-      turbo-linux-64: 1.10.16
-      turbo-linux-arm64: 1.10.16
-      turbo-windows-64: 1.10.16
-      turbo-windows-arm64: 1.10.16
-    dev: true
-
   /tweetnacl@0.14.5:
     resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
     requiresBuild: true
@@ -39673,6 +40802,7 @@ packages:
   /type-fest@1.4.0:
     resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==}
     engines: {node: '>=10'}
+    dev: true
 
   /type-fest@2.19.0:
     resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
@@ -39681,7 +40811,6 @@ packages:
   /type-fest@3.13.1:
     resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
     engines: {node: '>=14.16'}
-    dev: false
 
   /type-is@1.6.18:
     resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==}
@@ -39745,6 +40874,7 @@ packages:
     resolution: {integrity: sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==}
     engines: {node: '>=12.20'}
     hasBin: true
+    dev: false
 
   /typescript@5.2.2:
     resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
@@ -39755,7 +40885,6 @@ packages:
     resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==}
     engines: {node: '>=14.17'}
     hasBin: true
-    dev: true
 
   /ua-parser-js@0.7.37:
     resolution: {integrity: sha512-xV8kqRKM+jhMvcHWUKthV9fNebIzrNy//2O9ZwWcfiBFR5f25XVZPLlEajk/sf3Ra15V92isyQqnIEXRDaZWEA==}
@@ -39768,6 +40897,9 @@ packages:
   /ufo@1.3.2:
     resolution: {integrity: sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==}
 
+  /ufo@1.4.0:
+    resolution: {integrity: sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==}
+
   /uglify-js@3.17.4:
     resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
     engines: {node: '>=0.8.0'}
@@ -40160,10 +41292,10 @@ packages:
     dependencies:
       anymatch: 3.1.3
       chokidar: 3.5.3
-      destr: 2.0.2
+      destr: 2.0.3
       h3: 1.10.1
       ioredis: 5.3.2
-      listhen: 1.6.0
+      listhen: 1.7.2
       lru-cache: 10.0.2
       mri: 1.2.0
       node-fetch-native: 1.4.1
@@ -40171,6 +41303,7 @@ packages:
       ufo: 1.3.2
     transitivePeerDependencies:
       - supports-color
+      - uWebSockets.js
     dev: false
 
   /untildify@2.1.0:
@@ -40382,6 +41515,17 @@ packages:
       react: 17.0.2
     dev: false
 
+  /use-deep-compare-effect@1.8.1(react@18.2.0):
+    resolution: {integrity: sha512-kbeNVZ9Zkc0RFGpfMN3MNfaKNvcLNyxOAAd9O4CBZ+kCBXXscn9s/4I+8ytUER4RDpEYs5+O6Rs4PqiZ+rHr5Q==}
+    engines: {node: '>=10', npm: '>=6'}
+    peerDependencies:
+      react: '>=16.13'
+    dependencies:
+      '@babel/runtime': 7.20.6
+      dequal: 2.0.3
+      react: 18.2.0
+    dev: false
+
   /use-isomorphic-layout-effect@1.1.2(react@17.0.2):
     resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==}
     peerDependencies:
@@ -40415,6 +41559,14 @@ packages:
       react: 17.0.2
     dev: false
 
+  /use-memo-one@1.1.3(react@18.2.0):
+    resolution: {integrity: sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /use-resize-observer@9.1.0(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow==}
     peerDependencies:
@@ -40539,8 +41691,8 @@ packages:
       convert-source-map: 1.9.0
       source-map: 0.7.4
 
-  /v8-to-istanbul@9.1.3:
-    resolution: {integrity: sha512-9lDD+EVI2fjFsMWXc6dy5JJzBsVTcQ2fVkfBvncZ6xJWG9wtBhOldG+mHkSL0+V1K/xgZz0JDO5UT5hFwHUghg==}
+  /v8-to-istanbul@9.2.0:
+    resolution: {integrity: sha512-/EH/sDgxU2eGxajKdwLCDmQ4FWq+kpi3uCmBGpw1xJtnAxEjlD8j8PEiGWpCIMIs3ciNAgH0d3TTJiUkYzyZjA==}
     engines: {node: '>=10.12.0'}
     dependencies:
       '@jridgewell/trace-mapping': 0.3.20
@@ -40629,7 +41781,7 @@ packages:
       vfile-message: 3.1.4
     dev: true
 
-  /vinxi@0.2.1(preact@10.19.4):
+  /vinxi@0.2.1(preact@10.19.6):
     resolution: {integrity: sha512-zrgFO2XuKpdoW5VwlbieeQ0YhzMuuYCJyFWFyj41h9BnymHZ5dnKElALvFQn5JVzHhyrsdmlm8GU7tIuH786hw==}
     hasBin: true
     dependencies:
@@ -40639,10 +41791,10 @@ packages:
       '@types/micromatch': 4.0.6
       '@types/serve-static': 1.15.5
       '@types/ws': 8.5.9
-      '@vinxi/devtools': 0.2.0(@babel/core@7.23.9)(preact@10.19.4)(vite@4.5.0)
+      '@vinxi/devtools': 0.2.0(@babel/core@7.23.9)(preact@10.19.6)(vite@4.5.0)
       '@vinxi/listhen': 1.5.6
       boxen: 7.1.1
-      c12: 1.8.0
+      c12: 1.9.0
       chokidar: 3.5.3
       citty: 0.1.6
       consola: 3.2.3
@@ -40656,7 +41808,7 @@ packages:
       get-port-please: 3.1.2
       h3: 1.10.1
       hookable: 5.5.3
-      http-proxy: 1.18.1(debug@4.3.2)
+      http-proxy: 1.18.1
       micromatch: 4.0.5
       mri: 1.2.0
       nitropack: 2.8.1
@@ -40706,6 +41858,7 @@ packages:
       - sugarss
       - supports-color
       - terser
+      - uWebSockets.js
       - utf-8-validate
       - xml2js
     dev: false
@@ -40731,7 +41884,7 @@ packages:
       remove-trailing-separator: 1.1.0
       replace-ext: 1.0.1
 
-  /vite-node@0.28.5(@types/node@20.9.0):
+  /vite-node@0.28.5:
     resolution: {integrity: sha512-LmXb9saMGlrMZbXTvOveJKwMTBTNUH66c8rJnQ0ZPNX+myPEol64+szRzXtV5ORb0Hb/91yq+/D3oERoyAt6LA==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -40743,7 +41896,7 @@ packages:
       picocolors: 1.0.0
       source-map: 0.6.1
       source-map-support: 0.5.21
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
+      vite: 4.5.1
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -40765,7 +41918,7 @@ packages:
       mlly: 1.4.2
       pathe: 1.1.1
       picocolors: 1.0.0
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
+      vite: 5.1.4(@types/node@20.9.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -40777,17 +41930,16 @@ packages:
       - terser
     dev: true
 
-  /vite-node@0.34.6(@types/node@20.9.0)(lightningcss@1.23.0):
-    resolution: {integrity: sha512-nlBMJ9x6n7/Amaz6F3zJ97EBwR2FkzhBRxF5e+jE6LA3yi6Wtc2lyTij1OnDMIr34v5g/tVQtsVAzhT0jc5ygA==}
-    engines: {node: '>=v14.18.0'}
+  /vite-node@1.3.1:
+    resolution: {integrity: sha512-azbRrqRxlWTJEVbzInZCTchx0X69M/XPTCz4H+TLvlTcR/xH/3hkRqhOakT41fMJCMzXTu4UvegkZiEoJAWvng==}
+    engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     dependencies:
       cac: 6.7.14
       debug: 4.3.4(supports-color@8.1.1)
-      mlly: 1.5.0
       pathe: 1.1.2
       picocolors: 1.0.0
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
+      vite: 5.1.4(@types/node@20.9.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -40799,7 +41951,7 @@ packages:
       - terser
     dev: true
 
-  /vite-node@1.3.1:
+  /vite-node@1.3.1(lightningcss@1.24.0):
     resolution: {integrity: sha512-azbRrqRxlWTJEVbzInZCTchx0X69M/XPTCz4H+TLvlTcR/xH/3hkRqhOakT41fMJCMzXTu4UvegkZiEoJAWvng==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -40808,7 +41960,7 @@ packages:
       debug: 4.3.4(supports-color@8.1.1)
       pathe: 1.1.2
       picocolors: 1.0.0
-      vite: 5.1.4
+      vite: 5.1.4(lightningcss@1.24.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -40827,11 +41979,11 @@ packages:
       vite: ^2.7.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
     dependencies:
       '@babel/core': 7.23.9
-      vite: 5.1.4
+      vite: 5.1.4(@types/node@20.9.0)
     dev: true
 
-  /vite-plugin-dts@3.6.4(typescript@5.2.2)(vite@4.5.1):
-    resolution: {integrity: sha512-yOVhUI/kQhtS6lCXRYYLv2UUf9bftcwQK9ROxCX2ul17poLQs02ctWX7+vXB8GPRzH8VCK3jebEFtPqqijXx6w==}
+  /vite-plugin-dts@3.7.3(typescript@5.2.2)(vite@5.1.4):
+    resolution: {integrity: sha512-26eTlBYdpjRLWCsTJebM8vkCieE+p9gP3raf+ecDnzzK5E3FG6VE1wcy55OkRpfWWVlVvKkYFe6uvRHYWx7Nog==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -40840,14 +41992,14 @@ packages:
       vite:
         optional: true
     dependencies:
-      '@microsoft/api-extractor': 7.38.3
+      '@microsoft/api-extractor': 7.39.0
       '@rollup/pluginutils': 5.1.0(rollup@4.8.0)
-      '@vue/language-core': 1.8.24(typescript@5.2.2)
+      '@vue/language-core': 1.8.27(typescript@5.2.2)
       debug: 4.3.4(supports-color@8.1.1)
       kolorist: 1.8.0
       typescript: 5.2.2
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
-      vue-tsc: 1.8.24(typescript@5.2.2)
+      vite: 5.1.4(@types/node@20.9.0)
+      vue-tsc: 1.8.27(typescript@5.2.2)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
@@ -40935,7 +42087,7 @@ packages:
       fsevents: 2.3.3
     dev: false
 
-  /vite@4.5.1(@types/node@20.9.0)(lightningcss@1.23.0):
+  /vite@4.5.1:
     resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
@@ -40963,16 +42115,50 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 20.9.0
       esbuild: 0.18.20
-      lightningcss: 1.23.0
       postcss: 8.4.31
       rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /vite@5.1.4:
+  /vite@5.1.4(@types/node@20.9.0):
+    resolution: {integrity: sha512-n+MPqzq+d9nMVTKyewqw6kSt+R3CkvF9QAKY8obiQn8g1fwTscKxyfaYnC632HtBXAQGc1Yjomphwn1dtwGAHg==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': 20.9.0
+      esbuild: 0.19.9
+      postcss: 8.4.35
+      rollup: 4.8.0
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /vite@5.1.4(lightningcss@1.24.0):
     resolution: {integrity: sha512-n+MPqzq+d9nMVTKyewqw6kSt+R3CkvF9QAKY8obiQn8g1fwTscKxyfaYnC632HtBXAQGc1Yjomphwn1dtwGAHg==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -41001,6 +42187,7 @@ packages:
         optional: true
     dependencies:
       esbuild: 0.19.9
+      lightningcss: 1.24.0
       postcss: 8.4.35
       rollup: 4.8.0
     optionalDependencies:
@@ -41018,7 +42205,7 @@ packages:
       vite: 4.5.0
     dev: false
 
-  /vitest-axe@0.1.0(vitest@0.34.6):
+  /vitest-axe@0.1.0(vitest@1.3.1):
     resolution: {integrity: sha512-jvtXxeQPg8R/2ANTY8QicA5pvvdRP4F0FsVUAHANJ46YCDASie/cuhlSzu0DGcLmZvGBSBNsNuK3HqfaeknyvA==}
     peerDependencies:
       vitest: '>=0.16.0'
@@ -41029,67 +42216,10 @@ packages:
       dom-accessibility-api: 0.5.16
       lodash-es: 4.17.21
       redent: 3.0.0
-      vitest: 0.34.6(jsdom@22.1.0)(lightningcss@1.23.0)
+      vitest: 1.3.1(jsdom@22.1.0)(lightningcss@1.24.0)
     dev: true
 
-  /vitest@0.28.5(jsdom@21.1.2):
-    resolution: {integrity: sha512-pyCQ+wcAOX7mKMcBNkzDwEHRGqQvHUl0XnoHR+3Pb1hytAHISgSxv9h0gUiSiYtISXUU3rMrKiKzFYDrI6ZIHA==}
-    engines: {node: '>=v14.16.0'}
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@vitest/browser': '*'
-      '@vitest/ui': '*'
-      happy-dom: '*'
-      jsdom: '*'
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@vitest/browser':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
-    dependencies:
-      '@types/chai': 4.3.10
-      '@types/chai-subset': 1.3.5
-      '@types/node': 20.9.0
-      '@vitest/expect': 0.28.5
-      '@vitest/runner': 0.28.5
-      '@vitest/spy': 0.28.5
-      '@vitest/utils': 0.28.5
-      acorn: 8.11.2
-      acorn-walk: 8.3.0
-      cac: 6.7.14
-      chai: 4.3.10
-      debug: 4.3.4(supports-color@8.1.1)
-      jsdom: 21.1.2
-      local-pkg: 0.4.3
-      pathe: 1.1.1
-      picocolors: 1.0.0
-      source-map: 0.6.1
-      std-env: 3.5.0
-      strip-literal: 1.3.0
-      tinybench: 2.5.1
-      tinypool: 0.3.1
-      tinyspy: 1.1.1
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
-      vite-node: 0.28.5(@types/node@20.9.0)
-      why-is-node-running: 2.2.2
-    transitivePeerDependencies:
-      - less
-      - lightningcss
-      - sass
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-    dev: true
-
-  /vitest@0.34.6(jsdom@21.1.2):
+  /vitest@0.34.6:
     resolution: {integrity: sha512-+5CALsOvbNKnS+ZHMXtuUC7nL8/7F1F2DnHGjSsszX8zCjWSSviphCb/NuS9Nzf4Q03KyyDRBAXhF/8lffME4Q==}
     engines: {node: '>=v14.18.0'}
     hasBin: true
@@ -41133,7 +42263,6 @@ packages:
       cac: 6.7.14
       chai: 4.3.10
       debug: 4.3.4(supports-color@8.1.1)
-      jsdom: 21.1.2
       local-pkg: 0.4.3
       magic-string: 0.30.5
       pathe: 1.1.1
@@ -41142,7 +42271,7 @@ packages:
       strip-literal: 1.3.0
       tinybench: 2.5.1
       tinypool: 0.7.0
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
+      vite: 5.1.4(@types/node@20.9.0)
       vite-node: 0.34.6(@types/node@20.9.0)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
@@ -41155,22 +42284,22 @@ packages:
       - terser
     dev: true
 
-  /vitest@0.34.6(jsdom@22.1.0)(lightningcss@1.23.0):
-    resolution: {integrity: sha512-+5CALsOvbNKnS+ZHMXtuUC7nL8/7F1F2DnHGjSsszX8zCjWSSviphCb/NuS9Nzf4Q03KyyDRBAXhF/8lffME4Q==}
-    engines: {node: '>=v14.18.0'}
+  /vitest@1.3.1(jsdom@21.1.2):
+    resolution: {integrity: sha512-/1QJqXs8YbCrfv/GPQ05wAZf2eakUPLPa18vkJAKE7RXOKfVHqMZZ1WlTjiwl6Gcn65M5vpNUB6EFLnEdRdEXQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
-      '@vitest/browser': '*'
-      '@vitest/ui': '*'
+      '@types/node': ^18.0.0 || >=20.0.0
+      '@vitest/browser': 1.3.1
+      '@vitest/ui': 1.3.1
       happy-dom: '*'
       jsdom: '*'
-      playwright: '*'
-      safaridriver: '*'
-      webdriverio: '*'
     peerDependenciesMeta:
       '@edge-runtime/vm':
         optional: true
+      '@types/node':
+        optional: true
       '@vitest/browser':
         optional: true
       '@vitest/ui':
@@ -41179,37 +42308,27 @@ packages:
         optional: true
       jsdom:
         optional: true
-      playwright:
-        optional: true
-      safaridriver:
-        optional: true
-      webdriverio:
-        optional: true
     dependencies:
-      '@types/chai': 4.3.10
-      '@types/chai-subset': 1.3.5
-      '@types/node': 20.9.0
-      '@vitest/expect': 0.34.6
-      '@vitest/runner': 0.34.6
-      '@vitest/snapshot': 0.34.6
-      '@vitest/spy': 0.34.6
-      '@vitest/utils': 0.34.6
-      acorn: 8.11.2
-      acorn-walk: 8.3.0
-      cac: 6.7.14
+      '@vitest/expect': 1.3.1
+      '@vitest/runner': 1.3.1
+      '@vitest/snapshot': 1.3.1
+      '@vitest/spy': 1.3.1
+      '@vitest/utils': 1.3.1
+      acorn-walk: 8.3.2
       chai: 4.3.10
       debug: 4.3.4(supports-color@8.1.1)
-      jsdom: 22.1.0
-      local-pkg: 0.4.3
+      execa: 8.0.1
+      jsdom: 21.1.2
+      local-pkg: 0.5.0
       magic-string: 0.30.5
       pathe: 1.1.1
       picocolors: 1.0.0
       std-env: 3.5.0
-      strip-literal: 1.3.0
+      strip-literal: 2.0.0
       tinybench: 2.5.1
-      tinypool: 0.7.0
-      vite: 4.5.1(@types/node@20.9.0)(lightningcss@1.23.0)
-      vite-node: 0.34.6(@types/node@20.9.0)(lightningcss@1.23.0)
+      tinypool: 0.8.2
+      vite: 5.1.4(@types/node@20.9.0)
+      vite-node: 1.3.1
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
       - less
@@ -41221,7 +42340,7 @@ packages:
       - terser
     dev: true
 
-  /vitest@1.3.1:
+  /vitest@1.3.1(jsdom@22.1.0)(lightningcss@1.24.0):
     resolution: {integrity: sha512-/1QJqXs8YbCrfv/GPQ05wAZf2eakUPLPa18vkJAKE7RXOKfVHqMZZ1WlTjiwl6Gcn65M5vpNUB6EFLnEdRdEXQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -41255,16 +42374,17 @@ packages:
       chai: 4.3.10
       debug: 4.3.4(supports-color@8.1.1)
       execa: 8.0.1
+      jsdom: 22.1.0
       local-pkg: 0.5.0
       magic-string: 0.30.5
-      pathe: 1.1.2
+      pathe: 1.1.1
       picocolors: 1.0.0
-      std-env: 3.7.0
+      std-env: 3.5.0
       strip-literal: 2.0.0
       tinybench: 2.5.1
       tinypool: 0.8.2
-      vite: 5.1.4
-      vite-node: 1.3.1
+      vite: 5.1.4(lightningcss@1.24.0)
+      vite-node: 1.3.1(lightningcss@1.24.0)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
       - less
@@ -41283,14 +42403,14 @@ packages:
       he: 1.2.0
     dev: true
 
-  /vue-tsc@1.8.24(typescript@5.2.2):
-    resolution: {integrity: sha512-eH1CSj231OzVEY5Hi7wS6ubzyOEwgr5jCptR0Ddf2SitGcaXIsPVDvrprm3eolCdyhDt3WS1Eb2F4fGX9BsUUw==}
+  /vue-tsc@1.8.27(typescript@5.2.2):
+    resolution: {integrity: sha512-WesKCAZCRAbmmhuGl3+VrdWItEvfoFIPXOvUJkjULi+x+6G/Dy69yO3TBRJDr9eUlmsNAwVmxsNZxvHKzbkKdg==}
     hasBin: true
     peerDependencies:
       typescript: '*'
     dependencies:
       '@volar/typescript': 1.11.1
-      '@vue/language-core': 1.8.24(typescript@5.2.2)
+      '@vue/language-core': 1.8.27(typescript@5.2.2)
       semver: 7.6.0
       typescript: 5.2.2
     dev: true
@@ -41331,19 +42451,18 @@ packages:
     transitivePeerDependencies:
       - debug
 
-  /wait-on@7.2.0(debug@4.3.2):
+  /wait-on@7.2.0(debug@4.3.4):
     resolution: {integrity: sha512-wCQcHkRazgjG5XoAq9jbTMLpNIjoSlZslrJ2+N9MxDsGEv1HnFoVjOCexL0ESva7Y9cu350j+DWADdk54s4AFQ==}
     engines: {node: '>=12.0.0'}
     hasBin: true
     dependencies:
-      axios: 1.6.7(debug@4.3.2)
+      axios: 1.6.7(debug@4.3.4)
       joi: 17.11.0
       lodash: 4.17.21
       minimist: 1.2.8
       rxjs: 7.8.1
     transitivePeerDependencies:
       - debug
-    dev: true
 
   /walk-up-path@1.0.0:
     resolution: {integrity: sha512-hwj/qMDUEjCU5h0xr90KGCf0tg0/LgJbmOWgrWKYlcJZM7XvquvUJZ0G/HMGr7F7OQMOUuPHWP9JpriinkAlkg==}
@@ -41618,7 +42737,7 @@ packages:
       '@webassemblyjs/wasm-parser': 1.11.6
       acorn: 8.11.2
       acorn-import-assertions: 1.9.0(acorn@8.11.2)
-      browserslist: 4.22.1
+      browserslist: 4.23.0
       chrome-trace-event: 1.0.3
       enhanced-resolve: 5.15.0
       es-module-lexer: 1.4.1
@@ -41890,6 +43009,15 @@ packages:
       string-width: 5.1.2
       strip-ansi: 7.1.0
 
+  /wrap-ansi@9.0.0:
+    resolution: {integrity: sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==}
+    engines: {node: '>=18'}
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 7.1.0
+      strip-ansi: 7.1.0
+    dev: true
+
   /wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
@@ -42046,11 +43174,6 @@ packages:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
 
-  /yaml@2.3.3:
-    resolution: {integrity: sha512-zw0VAJxgeZ6+++/su5AFoqBbZbrEakwu+X0M5HmcwUiBL7AzcuPKjj5we4xfQLp78LkEMpD0cOnUhmgOVy3KdQ==}
-    engines: {node: '>= 14'}
-    dev: true
-
   /yaml@2.3.4:
     resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
     engines: {node: '>= 14'}
@@ -42073,6 +43196,7 @@ packages:
   /yargs-parser@20.2.9:
     resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
     engines: {node: '>=10'}
+    dev: true
 
   /yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
@@ -42133,23 +43257,6 @@ packages:
       string-width: 4.2.3
       y18n: 5.0.8
       yargs-parser: 21.1.1
-    dev: false
-
-  /yarnhook@0.5.1:
-    resolution: {integrity: sha512-YPLLXO/PzsFXKvRfsOG/r60WBz8RT7VbkkQv2oHDb6o+EjX0vcUSeA3aw5el2AEWjbcg1sgemjHyCwRIvQxZWw==}
-    hasBin: true
-    dependencies:
-      execa: 4.1.0
-      find-parent-dir: 0.3.1
-    dev: false
-
-  /yarnhook@0.6.1:
-    resolution: {integrity: sha512-dfsDNNDQE+3fh8ugRATeDO/KRSAeDfLcMn9C0tXXOdzEFpycVGsgK87wZpKa2fgJXM1KI94u04K19XrYFK1sig==}
-    hasBin: true
-    dependencies:
-      execa: 4.1.0
-      find-parent-dir: 0.3.1
-    dev: true
 
   /yauzl@2.10.0:
     resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
@@ -42175,7 +43282,7 @@ packages:
       cli-table: 0.3.11
       commander: 7.1.0
       dateformat: 4.6.3
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       diff: 5.1.0
       error: 10.4.0
       escape-string-regexp: 4.0.0
@@ -42219,7 +43326,7 @@ packages:
     dependencies:
       chalk: 4.1.2
       dargs: 7.0.0
-      debug: 4.3.2(supports-color@8.1.1)
+      debug: 4.3.4(supports-color@8.1.1)
       execa: 5.1.1
       github-username: 6.0.0
       lodash: 4.17.21
@@ -42278,12 +43385,12 @@ packages:
       commander: 9.5.0
     dev: true
 
-  /zip-stream@5.0.1:
-    resolution: {integrity: sha512-UfZ0oa0C8LI58wJ+moL46BDIMgCQbnsb+2PoiJYtonhBsMh2bq1eRBVkvjfVsqbEHd9/EgKPUuL9saSSsec8OA==}
+  /zip-stream@5.0.2:
+    resolution: {integrity: sha512-LfOdrUvPB8ZoXtvOBz6DlNClfvi//b5d56mSWyJi7XbH/HfhOHfUhOqxhT/rUiR7yiktlunqRo+jY6y/cWC/5g==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       archiver-utils: 4.0.1
-      compress-commons: 5.0.1
+      compress-commons: 5.0.3
       readable-stream: 3.6.2
     dev: false
 
diff --git a/turbo.json b/turbo.json
deleted file mode 100644
index f48ca8f796..0000000000
--- a/turbo.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "$schema": "https://turbo.build/schema.json",
-  "globalDependencies": ["**/.env.*local"],
-  "pipeline": {
-    "build:next": {
-      "dependsOn": ["^build"],
-      "outputs": [".next/**", "!.next/cache/**"]
-    },
-    "build": {
-      "outputs": ["dist/**"]
-    },
-    "lint": {},
-    "start": {},
-    "prettier": {},
-    "test:ci": {},
-    "i18n": {},
-    "i18n:ci": {},
-    "watch": {}
-  }
-}