build(deps): bump actions/checkout from 4 to 6

Bumps [actions/checkout](https://github.com/actions/checkout) from 4 to 6. - [Release notes](https://github.com/actions/checkout/releases) - [Changelog](https://github.com/actions/checkout/blob/main/CHANGELOG.md) - [Commits](https://github.com/actions/checkout/compare/v4...v6) --- updated-dependencies: - dependency-name: actions/checkout dependency-version: '6' dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>
chore: update browserslist DB (#525 )
2025-11-24 13:09:57 +00:00 · 2025-11-24 00:31:09 +00:00 · 2025-11-17 00:29:35 +00:00 · 2025-11-10 00:30:20 +00:00 · 2025-11-03 00:30:18 +00:00 · 2025-10-20 00:30:49 +00:00
114 changed files with 4758 additions and 4555 deletions
--- a/.env
+++ b/.env
@@ -34,3 +34,5 @@ ENTERPRISE_MARKETING_FOOTER_UTM_MEDIUM=''
 APP_ID=''
 MFE_CONFIG_API_URL=''
 DISPLAY_FEEDBACK_WIDGET='true'
+# Fallback in local style files
+PARAGON_THEME_URLS={}
--- a/.env.development
+++ b/.env.development
@@ -40,3 +40,5 @@ ENTERPRISE_MARKETING_FOOTER_UTM_MEDIUM='Footer'
 APP_ID=''
 MFE_CONFIG_API_URL=''
 DISPLAY_FEEDBACK_WIDGET='false'
+# Fallback in local style files
+PARAGON_THEME_URLS={}
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -1,6 +0,0 @@
-# Code owners for frontend-app-gradebook, editable gradebook micro-frontend (MFE)
-
-# These owners will be the default owners for everything in
-# the repo. Unless a later match takes precedence, they will
-# be requested for review when someone opens a pull request.
-*       @openedx/content-aurora
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -14,7 +14,7 @@ jobs:

    steps:
    - name: Checkout
-      uses: actions/checkout@v4
+      uses: actions/checkout@v6

    - name: Setup Nodejs
      uses: actions/setup-node@v4
@@ -47,7 +47,7 @@ jobs:

    - name: Send failure notification
      if: ${{ failure() }}
-      uses: dawidd6/action-send-mail@v4
+      uses: dawidd6/action-send-mail@v6
      with:
        server_address: email-smtp.us-east-1.amazonaws.com
        server_port: 465
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-20
+24
--- a/jest.config.js
+++ b/jest.config.js
@@ -9,5 +9,6 @@ module.exports = createConfig('jest', {
    'src/segment.js',
    'src/postcss.config.js',
    'testUtils', // don't unit test jest mocking tools
+    'testUtilsExtra', // don't unit test jest mocking tools
  ],
 });
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,27 +1,25 @@
 {
  "name": "@edx/frontend-app-gradebook",
-  "version": "1.6.2",
+  "version": "1.6.3",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "@edx/frontend-app-gradebook",
-      "version": "1.6.2",
+      "version": "1.6.3",
      "license": "AGPL-3.0",
      "dependencies": {
        "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
        "@edx/frontend-component-footer": "^14.6.0",
-        "@edx/frontend-component-header": "^6.4.0",
-        "@edx/frontend-platform": "^8.3.1",
+        "@edx/frontend-component-header": "^6.6.1",
+        "@edx/frontend-platform": "^8.3.7",
        "@edx/openedx-atlas": "^0.6.0",
-        "@edx/react-unit-test-utils": "^4.0.0",
-        "@edx/reactifex": "^2.1.1",
        "@fortawesome/fontawesome-svg-core": "^1.2.25",
        "@fortawesome/free-brands-svg-icons": "^5.11.2",
        "@fortawesome/free-solid-svg-icons": "^5.11.2",
        "@fortawesome/react-fontawesome": "^0.1.5",
        "@openedx/frontend-plugin-framework": "^1.6.0",
-        "@openedx/paragon": "^22.16.0",
+        "@openedx/paragon": "^23.4.5",
        "@redux-beacon/segment": "^1.0.0",
        "@reduxjs/toolkit": "^1.5.1",
        "classnames": "^2.2.6",
@@ -49,15 +47,16 @@
      },
      "devDependencies": {
        "@edx/browserslist-config": "^1.1.1",
-        "@openedx/frontend-build": "^14.3.3",
-        "@testing-library/react": "^16.2.0",
+        "@openedx/frontend-build": "^14.6.2",
+        "@testing-library/jest-dom": "^6.6.4",
+        "@testing-library/react": "^16.3.0",
+        "@testing-library/user-event": "^14.6.1",
        "es-check": "^2.3.0",
        "fetch-mock": "^12.2.0",
        "identity-obj-proxy": "^3.0.0",
        "jest": "^29.7.0",
        "react-dev-utils": "^12.0.1",
        "react-test-renderer": "^18.3.1",
-        "reactifex": "1.1.1",
        "redux-mock-store": "^1.5.3"
      }
    },
@@ -65,6 +64,7 @@
      "version": "4.4.2",
      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.2.tgz",
      "integrity": "sha512-baYZExFpsdkBNuvGKTKWCwKH57HRZLVtycZS05WTQNVOiXVSeAki3nU35zlRbToeMW8aHlJfyS+1C4BOv27q0A==",
+      "dev": true,
      "license": "MIT"
    },
    "node_modules/@ampproject/remapping": {
@@ -137,6 +137,7 @@
      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.9.tgz",
      "integrity": "sha512-5e3FI4Q3M3Pbr21+5xJwCv6ZT6KmGkI0vw3Tozy5ODAQFTIWe37iT8Cr7Ice2Ntb+M3iSKCEWMB1MBgKrW3whg==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@ampproject/remapping": "^2.2.0",
        "@babel/code-frame": "^7.24.7",
@@ -1938,6 +1939,206 @@
      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
      "license": "MIT"
    },
+    "node_modules/@bundled-es-modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-Rk453EklPUPC3NRWc3VUNI/SSUjdBaFoaQvFRmNBNtMHVtOFD5AntiWg5kEE1hqcPqedYFDzxE3ZcMYPcA195w==",
+      "license": "ISC",
+      "dependencies": {
+        "deepmerge": "^4.3.1"
+      }
+    },
+    "node_modules/@bundled-es-modules/glob": {
+      "version": "10.4.2",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/glob/-/glob-10.4.2.tgz",
+      "integrity": "sha512-740y5ofkzydsFao5EXJrGilcIL6EFEw/cmPf2uhTw9J6G1YOhiIFjNFCHdpgEiiH5VlU3G0SARSjlFlimRRSMA==",
+      "hasInstallScript": true,
+      "license": "ISC",
+      "dependencies": {
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "glob": "^10.4.2",
+        "patch-package": "^8.0.0",
+        "path": "^0.12.7",
+        "stream": "^0.0.3",
+        "string_decoder": "^1.3.0",
+        "url": "^0.11.3"
+      }
+    },
+    "node_modules/@bundled-es-modules/glob/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@bundled-es-modules/glob/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/@bundled-es-modules/glob/node_modules/glob": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@bundled-es-modules/glob/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@bundled-es-modules/memfs": {
+      "version": "4.17.0",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/memfs/-/memfs-4.17.0.tgz",
+      "integrity": "sha512-ykdrkEmQr9BV804yd37ikXfNnvxrwYfY9Z2/EtMHFEFadEjsQXJ1zL9bVZrKNLDtm91UdUOEHso6Aweg93K6xQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "assert": "^2.1.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "memfs": "^4.17.0",
+        "path": "^0.12.7",
+        "stream": "^0.0.3",
+        "util": "^0.12.5"
+      }
+    },
+    "node_modules/@bundled-es-modules/memfs/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/@bundled-es-modules/memfs/node_modules/memfs": {
+      "version": "4.17.0",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.17.0.tgz",
+      "integrity": "sha512-4eirfZ7thblFmqFjywlTmuWVSvccHAJbn1r8qQLzmTO11qcqpohOjmY2mFce6x7x7WtskzRqApPD0hv+Oa74jg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/json-pack": "^1.0.3",
+        "@jsonjoy.com/util": "^1.3.0",
+        "tree-dump": "^1.0.1",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      }
+    },
+    "node_modules/@bundled-es-modules/postcss-calc-ast-parser": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/@bundled-es-modules/postcss-calc-ast-parser/-/postcss-calc-ast-parser-0.1.6.tgz",
+      "integrity": "sha512-y65TM5zF+uaxo9OeekJ3rxwTINlQvrkbZLogYvQYVoLtxm4xEiHfZ7e/MyiWbStYyWZVZkVqsaVU6F4SUK5XUA==",
+      "license": "ISC",
+      "dependencies": {
+        "postcss-calc-ast-parser": "^0.1.4"
+      }
+    },
+    "node_modules/@chevrotain/cst-dts-gen": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/cst-dts-gen/-/cst-dts-gen-11.0.3.tgz",
+      "integrity": "sha512-BvIKpRLeS/8UbfxXxgC33xOumsacaeCKAjAeLyOn7Pcp95HiRbrpl14S+9vaZLolnbssPIUuiUd8IvgkRyt6NQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@chevrotain/gast": "11.0.3",
+        "@chevrotain/types": "11.0.3",
+        "lodash-es": "4.17.21"
+      }
+    },
+    "node_modules/@chevrotain/gast": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/gast/-/gast-11.0.3.tgz",
+      "integrity": "sha512-+qNfcoNk70PyS/uxmj3li5NiECO+2YKZZQMbmjTqRI3Qchu8Hig/Q9vgkHpI3alNjr7M+a2St5pw5w5F6NL5/Q==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@chevrotain/types": "11.0.3",
+        "lodash-es": "4.17.21"
+      }
+    },
+    "node_modules/@chevrotain/regexp-to-ast": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/regexp-to-ast/-/regexp-to-ast-11.0.3.tgz",
+      "integrity": "sha512-1fMHaBZxLFvWI067AVbGJav1eRY7N8DDvYCTwGBiE/ytKBgP8azTdgyrKyWZ9Mfh09eHWb5PgTSO8wi7U824RA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@chevrotain/types": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-11.0.3.tgz",
+      "integrity": "sha512-gsiM3G8b58kZC2HaWR50gu6Y1440cHiJ+i3JUvcp/35JchYejb2+5MVeJK0iKThYpAa/P2PYFV4hoi44HD+aHQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@chevrotain/utils": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/utils/-/utils-11.0.3.tgz",
+      "integrity": "sha512-YslZMgtJUyuMbZ+aKvfF3x1f5liK4mWNxghFRv7jqRR9C3R3fAOGTTKvxXDa2Y1s9zSbcpuO0cAxDYsc9SrXoQ==",
+      "license": "Apache-2.0"
+    },
    "node_modules/@cospired/i18n-iso-languages": {
      "version": "4.2.0",
      "resolved": "https://registry.npmjs.org/@cospired/i18n-iso-languages/-/i18n-iso-languages-4.2.0.tgz",
@@ -1985,6 +2186,7 @@
        }
      ],
      "license": "MIT",
+      "peer": true,
      "engines": {
        "node": "^14 || ^16 || >=18"
      },
@@ -2007,6 +2209,7 @@
        }
      ],
      "license": "MIT",
+      "peer": true,
      "engines": {
        "node": "^14 || ^16 || >=18"
      }
@@ -2054,6 +2257,7 @@
      "version": "1.5.0",
      "resolved": "https://registry.npmjs.org/@edx/browserslist-config/-/browserslist-config-1.5.0.tgz",
      "integrity": "sha512-d2ggwi5j4DOBJOwhWZxBWQSDR0DhT4ke/1PbzRauICdFkuOyax+PsFjK8GUh443K2OaQpy9PGfiCzZ1Yg37AUA==",
+      "dev": true,
      "license": "AGPL-3.0"
    },
    "node_modules/@edx/eslint-config": {
@@ -2074,9 +2278,9 @@
      }
    },
    "node_modules/@edx/frontend-component-footer": {
-      "version": "14.6.0",
-      "resolved": "https://registry.npmjs.org/@edx/frontend-component-footer/-/frontend-component-footer-14.6.0.tgz",
-      "integrity": "sha512-cgRhom6W/WErQ9yvLmfgB6ANBs+rBDLOH73NcvJIhfwWgAg67q+MLUscIbcX9N/9Yykk+kb7Ytr3CDefiKS7HA==",
+      "version": "14.7.0",
+      "resolved": "https://registry.npmjs.org/@edx/frontend-component-footer/-/frontend-component-footer-14.7.0.tgz",
+      "integrity": "sha512-cnJT8MlxfT3QRgh3Jfn28dSBMvDpuARK4Z0sD45tBI9LMgtuaP0kDq2Etn/ueRQGgV1yB1r/EPb/m5R7EUvPLQ==",
      "license": "AGPL-3.0",
      "dependencies": {
        "@fortawesome/fontawesome-svg-core": "6.7.2",
@@ -2112,6 +2316,7 @@
      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.7.2.tgz",
      "integrity": "sha512-yxtOBWDrdi5DD5o1pmVdq3WMCvnobT0LU6R8RyyVXPvFRd2o79/0NCuQoCjNTeZz9EzA9xS3JxNWfv54RIHFEA==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@fortawesome/fontawesome-common-types": "6.7.2"
      },
@@ -2157,21 +2362,18 @@
      }
    },
    "node_modules/@edx/frontend-component-header": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/@edx/frontend-component-header/-/frontend-component-header-6.4.0.tgz",
-      "integrity": "sha512-RNV3XRXhhN9QlhAoP26CjzoRIPlLSYDp3PZCnK6g6kIHgxC9dCpu2PTZdxV2AVChqVuxtZK5zLbk9yeAtf4U/A==",
+      "version": "6.6.1",
+      "resolved": "https://registry.npmjs.org/@edx/frontend-component-header/-/frontend-component-header-6.6.1.tgz",
+      "integrity": "sha512-ETGIpCyXq1YWR/wvc4fGzPUtGsdYfXKDtuH45sgiRx7Zt9spgNm0KYO1tah1TF1UrPjIkQErm+8LFh8me/kJCg==",
      "license": "AGPL-3.0",
      "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "6.6.0",
-        "@fortawesome/free-brands-svg-icons": "6.6.0",
-        "@fortawesome/free-regular-svg-icons": "6.6.0",
-        "@fortawesome/free-solid-svg-icons": "6.6.0",
+        "@fortawesome/fontawesome-svg-core": "6.7.2",
+        "@fortawesome/free-brands-svg-icons": "6.7.2",
+        "@fortawesome/free-regular-svg-icons": "6.7.2",
+        "@fortawesome/free-solid-svg-icons": "6.7.2",
        "@fortawesome/react-fontawesome": "^0.2.0",
        "@openedx/frontend-plugin-framework": "^1.7.0",
-        "axios-mock-adapter": "1.22.0",
-        "babel-polyfill": "6.26.0",
        "classnames": "^2.5.1",
-        "jest-environment-jsdom": "^29.7.0",
        "react-responsive": "8.2.0",
        "react-transition-group": "4.4.5"
      },
@@ -2185,57 +2387,46 @@
      }
    },
    "node_modules/@edx/frontend-component-header/node_modules/@fortawesome/fontawesome-common-types": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.6.0.tgz",
-      "integrity": "sha512-xyX0X9mc0kyz9plIyryrRbl7ngsA9jz77mCZJsUkLl+ZKs0KWObgaEBoSgQiYWAsSmjz/yjl0F++Got0Mdp4Rw==",
+      "version": "6.7.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.7.2.tgz",
+      "integrity": "sha512-Zs+YeHUC5fkt7Mg1l6XTniei3k4bwG/yo3iFUtZWd/pMx9g3fdvkSK9E0FOC+++phXOka78uJcYb8JaFkW52Xg==",
      "license": "MIT",
      "engines": {
        "node": ">=6"
      }
    },
    "node_modules/@edx/frontend-component-header/node_modules/@fortawesome/fontawesome-svg-core": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.6.0.tgz",
-      "integrity": "sha512-KHwPkCk6oRT4HADE7smhfsKudt9N/9lm6EJ5BVg0tD1yPA5hht837fB87F8pn15D8JfTqQOjhKTktwmLMiD7Kg==",
+      "version": "6.7.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.7.2.tgz",
+      "integrity": "sha512-yxtOBWDrdi5DD5o1pmVdq3WMCvnobT0LU6R8RyyVXPvFRd2o79/0NCuQoCjNTeZz9EzA9xS3JxNWfv54RIHFEA==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.6.0"
+        "@fortawesome/fontawesome-common-types": "6.7.2"
      },
      "engines": {
        "node": ">=6"
      }
    },
    "node_modules/@edx/frontend-component-header/node_modules/@fortawesome/free-brands-svg-icons": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.6.0.tgz",
-      "integrity": "sha512-1MPD8lMNW/earme4OQi1IFHtmHUwAKgghXlNwWi9GO7QkTfD+IIaYpIai4m2YJEzqfEji3jFHX1DZI5pbY/biQ==",
+      "version": "6.7.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.7.2.tgz",
+      "integrity": "sha512-zu0evbcRTgjKfrr77/2XX+bU+kuGfjm0LbajJHVIgBWNIDzrhpRxiCPNT8DW5AdmSsq7Mcf9D1bH0aSeSUSM+Q==",
      "license": "(CC-BY-4.0 AND MIT)",
      "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.6.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@edx/frontend-component-header/node_modules/@fortawesome/free-regular-svg-icons": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.6.0.tgz",
-      "integrity": "sha512-Yv9hDzL4aI73BEwSEh20clrY8q/uLxawaQ98lekBx6t9dQKDHcDzzV1p2YtBGTtolYtNqcWdniOnhzB+JPnQEQ==",
-      "license": "(CC-BY-4.0 AND MIT)",
-      "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.6.0"
+        "@fortawesome/fontawesome-common-types": "6.7.2"
      },
      "engines": {
        "node": ">=6"
      }
    },
    "node_modules/@edx/frontend-component-header/node_modules/@fortawesome/free-solid-svg-icons": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.6.0.tgz",
-      "integrity": "sha512-IYv/2skhEDFc2WGUcqvFJkeK39Q+HyPf5GHUrT/l2pKbtgEIv1al1TKd6qStR5OIwQdN1GZP54ci3y4mroJWjA==",
+      "version": "6.7.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.7.2.tgz",
+      "integrity": "sha512-GsBrnOzU8uj0LECDfD5zomZJIjrPhIlWU82AHwa2s40FKH+kcxQaBvBo3Z4TxyZHIyX8XTDxsyA33/Vx9eFuQA==",
      "license": "(CC-BY-4.0 AND MIT)",
      "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.6.0"
+        "@fortawesome/fontawesome-common-types": "6.7.2"
      },
      "engines": {
        "node": ">=6"
@@ -2255,16 +2446,17 @@
      }
    },
    "node_modules/@edx/frontend-platform": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@edx/frontend-platform/-/frontend-platform-8.3.4.tgz",
-      "integrity": "sha512-V3XtTo3KP8QSmId+Vvi4+qzpOVkxvTMNA6jH/i3Bfz+/jHjHBRnmp/Cc2pjTxiTgGNoKX4D1twiZkOBO+kWw1Q==",
+      "version": "8.3.7",
+      "resolved": "https://registry.npmjs.org/@edx/frontend-platform/-/frontend-platform-8.3.7.tgz",
+      "integrity": "sha512-ya5ObMvtJlfQmoeL36OtzjFBh0hzJgXN/R2ppyIJ+IbCtY2BCfv5NqvmKD7CplwnSGJTBugpv5hQHeGmi+v97w==",
      "license": "AGPL-3.0",
+      "peer": true,
      "dependencies": {
        "@cospired/i18n-iso-languages": "4.2.0",
        "@formatjs/intl-pluralrules": "4.3.3",
        "@formatjs/intl-relativetimeformat": "10.0.1",
-        "axios": "1.8.4",
-        "axios-cache-interceptor": "1.6.2",
+        "axios": "1.9.0",
+        "axios-cache-interceptor": "1.8.0",
        "form-urlencoded": "4.1.4",
        "glob": "7.2.3",
        "history": "4.10.1",
@@ -2313,52 +2505,6 @@
        "atlas": "atlas"
      }
    },
-    "node_modules/@edx/react-unit-test-utils": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@edx/react-unit-test-utils/-/react-unit-test-utils-4.0.0.tgz",
-      "integrity": "sha512-QlVYhYD9L2bzx1eAtf8BbCJr00ek9rrHrG+/pW2bVSt+t0uvKHQpX1CNdMrDePv18DsMeC7IOB00t8ZIn4mi7w==",
-      "license": "AGPL-3.0",
-      "dependencies": {
-        "@edx/browserslist-config": "^1.1.1",
-        "@reduxjs/toolkit": "^1.5.1",
-        "@testing-library/dom": "^10.4.0",
-        "@testing-library/jest-dom": "^6.6.3",
-        "@testing-library/react": "^16.2.0",
-        "classnames": "^2.2.6",
-        "core-js": "3.6.5",
-        "lodash": "^4.17.21",
-        "react-dev-utils": "^12.0.1",
-        "react-test-renderer": "^18.3.1"
-      },
-      "peerDependencies": {
-        "@edx/frontend-platform": "^8.3.1",
-        "@openedx/frontend-build": "^14.3.0",
-        "@openedx/paragon": "^22.0.0 || ^23.0.0",
-        "react": "^18.0.0"
-      }
-    },
-    "node_modules/@edx/reactifex": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@edx/reactifex/-/reactifex-2.2.0.tgz",
-      "integrity": "sha512-vyGDtx3BwCr6Gjbm4y6gJ8Bzc2TOSNBlBa2hMerz59HoXaot14MihxxiDU+JDNybGLLcKDBiK511bOi/77i1lw==",
-      "license": "MIT",
-      "dependencies": {
-        "axios": "^0.21.1",
-        "yargs": "^17.1.1"
-      },
-      "bin": {
-        "edx_reactifex": "main.js"
-      }
-    },
-    "node_modules/@edx/reactifex/node_modules/axios": {
-      "version": "0.21.4",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz",
-      "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==",
-      "license": "MIT",
-      "dependencies": {
-        "follow-redirects": "^1.14.0"
-      }
-    },
    "node_modules/@edx/typescript-config": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/@edx/typescript-config/-/typescript-config-1.1.0.tgz",
@@ -2380,9 +2526,9 @@
      }
    },
    "node_modules/@emnapi/runtime": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.4.3.tgz",
-      "integrity": "sha512-pBPWdu6MLKROBX05wSNKcNb++m5Er+KQ9QkB+WVM+pW2Kx9hoSrVTnu3BdkI5eBLZoKu/J6mW/B6i6bJB2ytXQ==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.5.0.tgz",
+      "integrity": "sha512-97/BJ3iXHww3djw6hYIfErCZFee7qCtrneuLa20UXFCOTCfBM2cvQHjWJ2EG0s0MtdNwInarqCTz35i4wWXHsQ==",
      "license": "MIT",
      "optional": true,
      "dependencies": {
@@ -2872,6 +3018,7 @@
      "integrity": "sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==",
      "hasInstallScript": true,
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@fortawesome/fontawesome-common-types": "^0.2.36"
      },
@@ -2986,6 +3133,520 @@
      "deprecated": "Use @eslint/object-schema instead",
      "license": "BSD-3-Clause"
    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.3.tgz",
+      "integrity": "sha512-ryFMfvxxpQRsgZJqBd4wsttYQbCxsJksrv9Lw/v798JcQ8+w84mBWuXwl+TT0WJ/WrYOLaYpwQXi3sA9nTIaIg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.3.tgz",
+      "integrity": "sha512-yHpJYynROAj12TA6qil58hmPmAwxKKC7reUqtGLzsOHfP7/rniNGTL8tjWX6L3CTV4+5P4ypcS7Pp+7OB+8ihA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.0.tgz",
+      "integrity": "sha512-sBZmpwmxqwlqG9ueWFXtockhsxefaV6O84BMOrhtg/YqbTaRdqDE7hxraVE3y6gVM4eExmfzW4a8el9ArLeEiQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.0.tgz",
+      "integrity": "sha512-M64XVuL94OgiNHa5/m2YvEQI5q2cl9d/wk0qFTDVXcYzi43lxuiFTftMR1tOnFQovVXNZJ5TURSDK2pNe9Yzqg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.0.tgz",
+      "integrity": "sha512-mWd2uWvDtL/nvIzThLq3fr2nnGfyr/XMXlq8ZJ9WMR6PXijHlC3ksp0IpuhK6bougvQrchUAfzRLnbsen0Cqvw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.0.tgz",
+      "integrity": "sha512-RXwd0CgG+uPRX5YYrkzKyalt2OJYRiJQ8ED/fi1tq9WQW2jsQIn0tqrlR5l5dr/rjqq6AHAxURhj2DVjyQWSOA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.0.tgz",
+      "integrity": "sha512-Xod/7KaDDHkYu2phxxfeEPXfVXFKx70EAFZ0qyUdOjCcxbjqyJOEUpDe6RIyaunGxT34Anf9ue/wuWOqBW2WcQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.0.tgz",
+      "integrity": "sha512-eMKfzDxLGT8mnmPJTNMcjfO33fLiTDsrMlUVcp6b96ETbnJmd4uvZxVJSKPQfS+odwfVaGifhsB07J1LynFehw==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.0.tgz",
+      "integrity": "sha512-ZW3FPWIc7K1sH9E3nxIGB3y3dZkpJlMnkk7z5tu1nSkBoCgw2nSRTFHI5pB/3CQaJM0pdzMF3paf9ckKMSE9Tg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.0.tgz",
+      "integrity": "sha512-UG+LqQJbf5VJ8NWJ5Z3tdIe/HXjuIdo4JeVNADXBFuG7z9zjoegpzzGIyV5zQKi4zaJjnAd2+g2nna8TZvuW9Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.0.tgz",
+      "integrity": "sha512-SRYOLR7CXPgNze8akZwjoGBoN1ThNZoqpOgfnOxmWsklTGVfJiGJoC/Lod7aNMGA1jSsKWM1+HRX43OP6p9+6Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.3.tgz",
+      "integrity": "sha512-oBK9l+h6KBN0i3dC8rYntLiVfW8D8wH+NPNT3O/WBHeW0OQWCjfWksLUaPidsrDKpJgXp3G3/hkmhptAW0I3+A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.3.tgz",
+      "integrity": "sha512-QdrKe3EvQrqwkDrtuTIjI0bu6YEJHTgEeqdzI3uWJOH6G1O8Nl1iEeVYRGdj1h5I21CqxSvQp1Yv7xeU3ZewbA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.3.tgz",
+      "integrity": "sha512-GLtbLQMCNC5nxuImPR2+RgrviwKwVql28FWZIW1zWruy6zLgA5/x2ZXk3mxj58X/tszVF69KK0Is83V8YgWhLA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.3.tgz",
+      "integrity": "sha512-3gahT+A6c4cdc2edhsLHmIOXMb17ltffJlxR0aC2VPZfwKoTGZec6u5GrFgdR7ciJSsHT27BD3TIuGcuRT0KmQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.3.tgz",
+      "integrity": "sha512-8kYso8d806ypnSq3/Ly0QEw90V5ZoHh10yH0HnrzOCr6DKAPI6QVHvwleqMkVQ0m+fc7EH8ah0BB0QPuWY6zJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.3.tgz",
+      "integrity": "sha512-vAjbHDlr4izEiXM1OTggpCcPg9tn4YriK5vAjowJsHwdBIdx0fYRsURkxLG2RLm9gyBq66gwtWI8Gx0/ov+JKQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.3.tgz",
+      "integrity": "sha512-gCWUn9547K5bwvOn9l5XGAEjVTTRji4aPTqLzGXHvIr6bIDZKNTA34seMPgM0WmSf+RYBH411VavCejp3PkOeQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.0"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.3.tgz",
+      "integrity": "sha512-+CyRcpagHMGteySaWos8IbnXcHgfDn7pO2fiC2slJxvNq9gDipYBN42/RagzctVRKgxATmfqOSulgZv5e1RdMg==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.4.4"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.3.tgz",
+      "integrity": "sha512-MjnHPnbqMXNC2UgeLJtX4XqoVHHlZNd+nPt1kRPmj63wURegwBhZlApELdtxM2OIZDRv/DFtLcNhVbd1z8GYXQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.3.tgz",
+      "integrity": "sha512-xuCdhH44WxuXgOM714hn4amodJMZl3OEvf0GVTm0BEyMeA2to+8HEdRPShH0SLYptJY1uBw+SCFP9WVQi1Q/cw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.3.tgz",
+      "integrity": "sha512-OWwz05d++TxzLEv4VnsTz5CmZ6mI6S05sfQGEMrNrQcOEERbX46332IvE7pO/EUiw7jUrrS40z/M7kPyjfl04g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "license": "MIT"
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
    "node_modules/@istanbuljs/load-nyc-config": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -3356,6 +4017,7 @@
      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
      "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@babel/core": "^7.11.6",
        "@jest/types": "^29.6.3",
@@ -3391,6 +4053,7 @@
      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@jest/schemas": "^29.6.3",
        "@types/istanbul-lib-coverage": "^2.0.0",
@@ -3461,6 +4124,60 @@
        "@jridgewell/sourcemap-codec": "^1.4.14"
      }
    },
+    "node_modules/@jsonjoy.com/base64": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/json-pack": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.2.0.tgz",
+      "integrity": "sha512-io1zEbbYcElht3tdlqEOFxZ0dMTYrHz9iMf0gqn1pPjZFTCgM5R4R5IMA20Chb2UPYYsxjzs8CgZ7Nb5n2K2rA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/base64": "^1.1.1",
+        "@jsonjoy.com/util": "^1.1.2",
+        "hyperdyperid": "^1.2.0",
+        "thingies": "^1.20.0"
+      },
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/util": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.5.0.tgz",
+      "integrity": "sha512-ojoNsrIuPI9g6o8UxhraZQSyF2ByJanAY4cTFbc8Mf2AXEF4aQRGY1dJxyJpuyav8r9FGflEt/Ff3u5Nt6YMPA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
    "node_modules/@leichtgewicht/ip-codec": {
      "version": "2.0.5",
      "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
@@ -3505,35 +4222,6 @@
        "wrap-ansi": "^7.0.0"
      }
    },
-    "node_modules/@newrelic/publish-sourcemap/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
-    },
-    "node_modules/@newrelic/publish-sourcemap/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@newrelic/publish-sourcemap/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/@newrelic/publish-sourcemap/node_modules/wrap-ansi": {
      "version": "7.0.0",
      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
@@ -3642,10 +4330,11 @@
      }
    },
    "node_modules/@openedx/frontend-build": {
-      "version": "14.5.0",
-      "resolved": "https://registry.npmjs.org/@openedx/frontend-build/-/frontend-build-14.5.0.tgz",
-      "integrity": "sha512-HY0PdXvXBxrvJHj8HsRA+VNCHDePENFhqOIvbSz9Ke7HDwHpfDjg2CeKk41aU/8iTyj3eESfPwKQr5fTE0A3Ww==",
+      "version": "14.6.2",
+      "resolved": "https://registry.npmjs.org/@openedx/frontend-build/-/frontend-build-14.6.2.tgz",
+      "integrity": "sha512-Iu4/GPq90Xr/MSWnonn2qX8VDhI89HN7KOYBZ0/sxmAQgvXXNc7OYNC7kumvzbYzKueJQTyZoUYS7UjKB/n1WA==",
      "license": "AGPL-3.0",
+      "peer": true,
      "dependencies": {
        "@babel/cli": "7.24.8",
        "@babel/core": "7.24.9",
@@ -3690,7 +4379,7 @@
        "file-loader": "6.2.0",
        "html-webpack-plugin": "5.6.3",
        "identity-obj-proxy": "3.0.0",
-        "image-minimizer-webpack-plugin": "3.8.3",
+        "image-minimizer-webpack-plugin": "4.1.4",
        "jest": "29.7.0",
        "jest-environment-jsdom": "29.7.0",
        "mini-css-extract-plugin": "1.6.2",
@@ -3698,13 +4387,13 @@
        "postcss": "8.4.49",
        "postcss-custom-media": "10.0.8",
        "postcss-loader": "7.3.4",
-        "postcss-rtlcss": "5.1.2",
+        "postcss-rtlcss": "5.7.1",
        "react-dev-utils": "12.0.1",
        "react-refresh": "0.16.0",
        "resolve-url-loader": "5.0.0",
        "sass": "1.85.1",
        "sass-loader": "13.3.3",
-        "sharp": "0.32.6",
+        "sharp": "0.34.3",
        "source-map-loader": "4.0.2",
        "style-loader": "3.3.4",
        "ts-jest": "29.1.4",
@@ -3914,15 +4603,17 @@
      "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
      "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@babel/runtime": "^7.9.2"
      }
    },
    "node_modules/@openedx/paragon": {
-      "version": "22.17.0",
-      "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-22.17.0.tgz",
-      "integrity": "sha512-MzOLQ0myaOErwumPJwxVZXTw7zJKrARtu4YMSaISF5Sz6pE1/dYz9qfRcqaraYRcJGNdbPRzOG0v3iqbZo1uHQ==",
+      "version": "23.4.5",
+      "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-23.4.5.tgz",
+      "integrity": "sha512-baBTZDO6hdCjI+Jj3oSQaz5GkFTR2TEs94pPMOls7bc/Fsv4zQIN8xDPo4NzAVo/2+3eSuEzUz3xzBeb+94rtw==",
      "license": "Apache-2.0",
+      "peer": true,
      "workspaces": [
        "example",
        "component-generator",
@@ -3931,20 +4622,32 @@
        "dependent-usage-analyzer"
      ],
      "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "^6.1.1",
-        "@fortawesome/react-fontawesome": "^0.1.18",
        "@popperjs/core": "^2.11.4",
+        "@tokens-studio/sd-transforms": "^1.2.4",
+        "axios": "^0.27.2",
        "bootstrap": "^4.6.2",
        "chalk": "^4.1.2",
        "child_process": "^1.0.2",
+        "chroma-js": "^2.4.2",
        "classnames": "^2.3.1",
+        "cli-progress": "^3.12.0",
+        "commander": "^9.4.1",
        "email-prop-type": "^3.0.0",
        "file-selector": "^0.6.0",
-        "font-awesome": "^4.7.0",
        "glob": "^8.0.3",
        "inquirer": "^8.2.5",
+        "js-toml": "^1.0.0",
        "lodash.uniqby": "^4.7.0",
+        "log-update": "^4.0.0",
        "mailto-link": "^2.0.0",
+        "minimist": "^1.2.8",
+        "ora": "^5.4.1",
+        "postcss": "^8.4.21",
+        "postcss-combine-duplicated-selectors": "^10.0.3",
+        "postcss-custom-media": "^9.1.2",
+        "postcss-import": "^15.1.0",
+        "postcss-map": "^0.11.0",
+        "postcss-minify": "^1.1.0",
        "prop-types": "^15.8.1",
        "react-bootstrap": "^1.6.5",
        "react-colorful": "^5.6.1",
@@ -3957,6 +4660,8 @@
        "react-responsive": "^8.2.0",
        "react-table": "^7.7.0",
        "react-transition-group": "^4.4.2",
+        "sass": "^1.58.3",
+        "style-dictionary": "^4.3.2",
        "tabbable": "^5.3.3",
        "uncontrollable": "^7.2.1",
        "uuid": "^9.0.0"
@@ -3970,25 +4675,14 @@
        "react-intl": "^5.25.1 || ^6.4.0"
      }
    },
-    "node_modules/@openedx/paragon/node_modules/@fortawesome/fontawesome-common-types": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.7.2.tgz",
-      "integrity": "sha512-Zs+YeHUC5fkt7Mg1l6XTniei3k4bwG/yo3iFUtZWd/pMx9g3fdvkSK9E0FOC+++phXOka78uJcYb8JaFkW52Xg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@openedx/paragon/node_modules/@fortawesome/fontawesome-svg-core": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.7.2.tgz",
-      "integrity": "sha512-yxtOBWDrdi5DD5o1pmVdq3WMCvnobT0LU6R8RyyVXPvFRd2o79/0NCuQoCjNTeZz9EzA9xS3JxNWfv54RIHFEA==",
+    "node_modules/@openedx/paragon/node_modules/axios": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
+      "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
      "license": "MIT",
      "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.7.2"
-      },
-      "engines": {
-        "node": ">=6"
+        "follow-redirects": "^1.14.9",
+        "form-data": "^4.0.0"
      }
    },
    "node_modules/@openedx/paragon/node_modules/brace-expansion": {
@@ -4000,6 +4694,15 @@
        "balanced-match": "^1.0.0"
      }
    },
+    "node_modules/@openedx/paragon/node_modules/commander": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || >=14"
+      }
+    },
    "node_modules/@openedx/paragon/node_modules/email-prop-type": {
      "version": "3.0.1",
      "resolved": "https://registry.npmjs.org/email-prop-type/-/email-prop-type-3.0.1.tgz",
@@ -4041,6 +4744,34 @@
        "node": ">=10"
      }
    },
+    "node_modules/@openedx/paragon/node_modules/postcss-custom-media": {
+      "version": "9.1.5",
+      "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-9.1.5.tgz",
+      "integrity": "sha512-GStyWMz7Qbo/Gtw1xVspzVSX8eipgNg4lpsO3CAeY4/A1mzok+RV6MCv3fg62trWijh/lYEj6vps4o8JcBBpDA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/cascade-layer-name-parser": "^1.0.2",
+        "@csstools/css-parser-algorithms": "^2.2.0",
+        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/media-query-list-parser": "^2.1.1"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
    "node_modules/@paralleldrive/cuid2": {
      "version": "2.2.2",
      "resolved": "https://registry.npmjs.org/@paralleldrive/cuid2/-/cuid2-2.2.2.tgz",
@@ -4346,6 +5077,16 @@
        "url": "https://opencollective.com/parcel"
      }
    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
    "node_modules/@pmmmwh/react-refresh-webpack-plugin": {
      "version": "0.5.15",
      "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.15.tgz",
@@ -4405,6 +5146,7 @@
      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
      "license": "MIT",
+      "peer": true,
      "funding": {
        "type": "opencollective",
        "url": "https://opencollective.com/popperjs"
@@ -4451,6 +5193,7 @@
      "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
      "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@babel/runtime": "^7.9.2"
      }
@@ -4683,6 +5426,7 @@
      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-8.1.0.tgz",
      "integrity": "sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@babel/core": "^7.21.3",
        "@svgr/babel-preset": "8.1.0",
@@ -4785,7 +5529,9 @@
      "version": "10.4.0",
      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz",
      "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==",
+      "dev": true,
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@babel/code-frame": "^7.10.4",
        "@babel/runtime": "^7.12.5",
@@ -4801,17 +5547,17 @@
      }
    },
    "node_modules/@testing-library/jest-dom": {
-      "version": "6.6.3",
-      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.6.3.tgz",
-      "integrity": "sha512-IteBhl4XqYNkM54f4ejhLRJiZNqcSCoXUOG2CPK7qbD322KjQozM4kHQOfkG2oln9b9HTYqs+Sae8vBATubxxA==",
-      "license": "MIT",
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.6.4.tgz",
+      "integrity": "sha512-xDXgLjVunjHqczScfkCJ9iyjdNOVHvvCdqHSSxwM9L0l/wHkTRum67SDc020uAlCoqktJplgO2AAQeLP1wgqDQ==",
+      "dev": true,
      "dependencies": {
        "@adobe/css-tools": "^4.4.0",
        "aria-query": "^5.0.0",
-        "chalk": "^3.0.0",
        "css.escape": "^1.5.1",
        "dom-accessibility-api": "^0.6.3",
        "lodash": "^4.17.21",
+        "picocolors": "^1.1.1",
        "redent": "^3.0.0"
      },
      "engines": {
@@ -4820,30 +5566,18 @@
        "yarn": ">=1"
      }
    },
-    "node_modules/@testing-library/jest-dom/node_modules/chalk": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
-      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
      "version": "0.6.3",
      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
+      "dev": true,
      "license": "MIT"
    },
    "node_modules/@testing-library/react": {
      "version": "16.3.0",
      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.3.0.tgz",
      "integrity": "sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==",
-      "license": "MIT",
+      "dev": true,
      "dependencies": {
        "@babel/runtime": "^7.12.5"
      },
@@ -4866,6 +5600,46 @@
        }
      }
    },
+    "node_modules/@testing-library/user-event": {
+      "version": "14.6.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.6.1.tgz",
+      "integrity": "sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": ">=7.21.4"
+      }
+    },
+    "node_modules/@tokens-studio/sd-transforms": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@tokens-studio/sd-transforms/-/sd-transforms-1.3.0.tgz",
+      "integrity": "sha512-zVbiYjTGWpSuwzZwiuvcWf79CQEcTMKSxrOaQJ0zHXFxEmrpETWeIRxv2IO8rtMos/cS8mvnDwPngoHQOMs1SA==",
+      "license": "MIT",
+      "dependencies": {
+        "@bundled-es-modules/deepmerge": "^4.3.1",
+        "@bundled-es-modules/postcss-calc-ast-parser": "^0.1.6",
+        "@tokens-studio/types": "^0.5.1",
+        "colorjs.io": "^0.5.2",
+        "expr-eval-fork": "^2.0.2",
+        "is-mergeable-object": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "style-dictionary": "^4.3.0 || ^5.0.0-rc.0"
+      }
+    },
+    "node_modules/@tokens-studio/types": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@tokens-studio/types/-/types-0.5.2.tgz",
+      "integrity": "sha512-rzMcZP0bj2E5jaa7Fj0LGgYHysoCrbrxILVbT0ohsCUH5uCHY/u6J7Qw/TE0n6gR9Js/c9ZO9T8mOoz0HdLMbA==",
+      "license": "MIT"
+    },
    "node_modules/@tootallnate/once": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
@@ -4898,6 +5672,7 @@
      "version": "5.0.4",
      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+      "dev": true,
      "license": "MIT"
    },
    "node_modules/@types/babel__core": {
@@ -5227,9 +6002,9 @@
      "license": "MIT"
    },
    "node_modules/@types/node": {
-      "version": "22.14.1",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.14.1.tgz",
-      "integrity": "sha512-u0HuPQwe/dHrItgHHpmw3N2fYCR6x4ivMNbPHRkBVP4CvN+kiRrKHWk3i8tXiO/joPwXLMYvF9TTF0eqgHIuOw==",
+      "version": "22.15.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.2.tgz",
+      "integrity": "sha512-uKXqKN9beGoMdBfcaTY1ecwz6ctxuJAcUlwE55938g0ZJ8lRxwAZqRz2AJ4pzpt5dHdTPMB863UZ0ESiFUcP7A==",
      "license": "MIT",
      "dependencies": {
        "undici-types": "~6.21.0"
@@ -5279,6 +6054,7 @@
      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.20.tgz",
      "integrity": "sha512-IPaCZN7PShZK/3t6Q87pfTkRm6oLTd4vztyoj+cbHUF1g3FfVb2tFIL79uCRKEfv16AhqDMBywP2VW3KIZUvcg==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@types/prop-types": "*",
        "csstype": "^3.0.2"
@@ -5409,6 +6185,7 @@
      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
      "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@eslint-community/regexpp": "^4.4.0",
        "@typescript-eslint/scope-manager": "5.62.0",
@@ -5455,6 +6232,7 @@
      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
      "license": "BSD-2-Clause",
+      "peer": true,
      "dependencies": {
        "@typescript-eslint/scope-manager": "5.62.0",
        "@typescript-eslint/types": "5.62.0",
@@ -5641,9 +6419,9 @@
      }
    },
    "node_modules/@unrs/resolver-binding-darwin-arm64": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.7.0.tgz",
-      "integrity": "sha512-vIWAU56r2lZAmUsljp6m9+hrTlwNkZH6pqnSPff2WxzofV+jWRSHLmZRUS+g+VE+LlyPByifmGGHpJmhWetatg==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.7.2.tgz",
+      "integrity": "sha512-vxtBno4xvowwNmO/ASL0Y45TpHqmNkAaDtz4Jqb+clmcVSSl8XCG/PNFFkGsXXXS6AMjP+ja/TtNCFFa1QwLRg==",
      "cpu": [
        "arm64"
      ],
@@ -5654,9 +6432,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-darwin-x64": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.7.0.tgz",
-      "integrity": "sha512-+bShFLgtdwuNteQbKq3X230754AouNMXSLDZ56EssgDyckDt6Ld7wRaJjZF0pY671HnY2pk9/amO4amAFzfN1A==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.7.2.tgz",
+      "integrity": "sha512-qhVa8ozu92C23Hsmv0BF4+5Dyyd5STT1FolV4whNgbY6mj3kA0qsrGPe35zNR3wAN7eFict3s4Rc2dDTPBTuFQ==",
      "cpu": [
        "x64"
      ],
@@ -5667,9 +6445,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-freebsd-x64": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.7.0.tgz",
-      "integrity": "sha512-HJjXb3aIptDZQ0saSmk2S4W1pWNVZ2iNpAbNGZOfsUXbi8xwCmHdVjErNS92hRp7djuDLup1OLrzOMtTdw5BmA==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.7.2.tgz",
+      "integrity": "sha512-zKKdm2uMXqLFX6Ac7K5ElnnG5VIXbDlFWzg4WJ8CGUedJryM5A3cTgHuGMw1+P5ziV8CRhnSEgOnurTI4vpHpg==",
      "cpu": [
        "x64"
      ],
@@ -5680,9 +6458,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.7.0.tgz",
-      "integrity": "sha512-NF3lk7KHulLD97UE+MHjH0mrOjeZG8Hz10h48YcFz2V0rlxBdRSRcMbGer8iH/1mIlLqxtvXJfGLUr4SMj0XZg==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.7.2.tgz",
+      "integrity": "sha512-8N1z1TbPnHH+iDS/42GJ0bMPLiGK+cUqOhNbMKtWJ4oFGzqSJk/zoXFzcQkgtI63qMcUI7wW1tq2usZQSb2jxw==",
      "cpu": [
        "arm"
      ],
@@ -5693,9 +6471,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.7.0.tgz",
-      "integrity": "sha512-Gn1c/t24irDgU8yYj4vVG6qHplwUM42ti9/zYWgfmFjoXCH6L4Ab9hh6HuO7bfDSvGDRGWQt1IVaBpgbKHdh3Q==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.7.2.tgz",
+      "integrity": "sha512-tjYzI9LcAXR9MYd9rO45m1s0B/6bJNuZ6jeOxo1pq1K6OBuRMMmfyvJYval3s9FPPGmrldYA3mi4gWDlWuTFGA==",
      "cpu": [
        "arm"
      ],
@@ -5706,9 +6484,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.7.0.tgz",
-      "integrity": "sha512-XRrVXRIUP++qyqAqgiXUpOv0GP3cHx7aA7NrzVFf6Cc8FoYuwtnmT+vctfSo4wRZN71MNU4xq2BEFxI4qvSerg==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.7.2.tgz",
+      "integrity": "sha512-jon9M7DKRLGZ9VYSkFMflvNqu9hDtOCEnO2QAryFWgT6o6AXU8du56V7YqnaLKr6rAbZBWYsYpikF226v423QA==",
      "cpu": [
        "arm64"
      ],
@@ -5719,9 +6497,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.7.0.tgz",
-      "integrity": "sha512-Sligg+vTDAYTXkUtgviPjGEFIh57pkvlfdyRw21i9gkjp/eCNOAi2o5e7qLGTkoYdJHZJs5wVMViPEmAbw2/Tg==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.7.2.tgz",
+      "integrity": "sha512-c8Cg4/h+kQ63pL43wBNaVMmOjXI/X62wQmru51qjfTvI7kmCy5uHTJvK/9LrF0G8Jdx8r34d019P1DVJmhXQpA==",
      "cpu": [
        "arm64"
      ],
@@ -5732,9 +6510,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.7.0.tgz",
-      "integrity": "sha512-Apek8/x+7Rg33zUJlQV44Bvq8/t1brfulk0veNJrk9wprF89bCYFMUHF7zQYcpf2u+m1+qs3mYQrBd43fGXhMA==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.7.2.tgz",
+      "integrity": "sha512-A+lcwRFyrjeJmv3JJvhz5NbcCkLQL6Mk16kHTNm6/aGNc4FwPHPE4DR9DwuCvCnVHvF5IAd9U4VIs/VvVir5lg==",
      "cpu": [
        "ppc64"
      ],
@@ -5745,9 +6523,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.7.0.tgz",
-      "integrity": "sha512-kBale8CFX5clfV9VmI9EwKw2ZACMEx1ecjV92F9SeWTUoxl9d+LGzS6zMSX3kGYqcfJB3NXMwLCTwIDBLG1y4g==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.7.2.tgz",
+      "integrity": "sha512-hQQ4TJQrSQW8JlPm7tRpXN8OCNP9ez7PajJNjRD1ZTHQAy685OYqPrKjfaMw/8LiHCt8AZ74rfUVHP9vn0N69Q==",
      "cpu": [
        "riscv64"
      ],
@@ -5758,9 +6536,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.7.0.tgz",
-      "integrity": "sha512-s/Q33xQjeFHSCvGl1sZztFZF6xhv7coMvFz6wa/x/ZlEArjiQoMMwGa/Aieq1Kp/6+S13iU3/IJF0ga6/451ow==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.7.2.tgz",
+      "integrity": "sha512-NoAGbiqrxtY8kVooZ24i70CjLDlUFI7nDj3I9y54U94p+3kPxwd2L692YsdLa+cqQ0VoqMWoehDFp21PKRUoIQ==",
      "cpu": [
        "riscv64"
      ],
@@ -5771,9 +6549,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.7.0.tgz",
-      "integrity": "sha512-7PuNXAo97ydaxVNrIYJzPipvINJafDpB8pt5CoZHfu8BmqcU6d7kl6/SABTnqNffNkd6Cfhuo70jvGB2P7oJ/Q==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.7.2.tgz",
+      "integrity": "sha512-KaZByo8xuQZbUhhreBTW+yUnOIHUsv04P8lKjQ5otiGoSJ17ISGYArc+4vKdLEpGaLbemGzr4ZeUbYQQsLWFjA==",
      "cpu": [
        "s390x"
      ],
@@ -5784,9 +6562,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.7.0.tgz",
-      "integrity": "sha512-fNosEzDMYItA4It+R0tioHwKlEfx/3TkkJdP2x9B5o9R946NDC4ZZj5ZjA+Y4NQD2V/imB3QPAKmeh3vHQGQyA==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.7.2.tgz",
+      "integrity": "sha512-dEidzJDubxxhUCBJ/SHSMJD/9q7JkyfBMT77Px1npl4xpg9t0POLvnWywSk66BgZS/b2Hy9Y1yFaoMTFJUe9yg==",
      "cpu": [
        "x64"
      ],
@@ -5797,9 +6575,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.7.0.tgz",
-      "integrity": "sha512-gHIw42dmnVcw7osjNPRybaXhONhggWkkzqiOZzXco1q3OKkn4KsbDylATeemnq3TP+L1BrzSqzl0H9UTJ6ji+w==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.7.2.tgz",
+      "integrity": "sha512-RvP+Ux3wDjmnZDT4XWFfNBRVG0fMsc+yVzNFUqOflnDfZ9OYujv6nkh+GOr+watwrW4wdp6ASfG/e7bkDradsw==",
      "cpu": [
        "x64"
      ],
@@ -5810,9 +6588,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.7.0.tgz",
-      "integrity": "sha512-yq7POusv63/yTkNTaNsnXU/SAcBzckHyk1oYrDXqjS1m/goaWAaU9J9HrsovgTHkljxTcDd6PMAsJ5WZVBuGEQ==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.7.2.tgz",
+      "integrity": "sha512-y797JBmO9IsvXVRCKDXOxjyAE4+CcZpla2GSoBQ33TVb3ILXuFnMrbR/QQZoauBYeOFuu4w3ifWLw52sdHGz6g==",
      "cpu": [
        "wasm32"
      ],
@@ -5826,9 +6604,9 @@
      }
    },
    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.7.0.tgz",
-      "integrity": "sha512-/IPZPbdri9jglHonwB3F7EpQZvBK3ObH+g4ma/KDrqTEAECwvgE10Unvo0ox3LQFR/iMMAkVY+sGNMrMiIV/QQ==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.7.2.tgz",
+      "integrity": "sha512-gtYTh4/VREVSLA+gHrfbWxaMO/00y+34htY7XpioBTy56YN2eBjkPrY1ML1Zys89X3RJDKVaogzwxlM1qU7egg==",
      "cpu": [
        "arm64"
      ],
@@ -5839,9 +6617,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.7.0.tgz",
-      "integrity": "sha512-NGVKbHEdrLuJdpcuGqV5zXO3v8t4CWOs0qeCGjO47RiwwufOi/yYcrtxtCzZAaMPBrffHL7c6tJ1Hxr17cPUGg==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.7.2.tgz",
+      "integrity": "sha512-Ywv20XHvHTDRQs12jd3MY8X5C8KLjDbg/jyaal/QLKx3fAShhJyD4blEANInsjxW3P7isHx1Blt56iUDDJO3jg==",
      "cpu": [
        "ia32"
      ],
@@ -5852,9 +6630,9 @@
      ]
    },
    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.7.0.tgz",
-      "integrity": "sha512-Jf14pKofg58DIwcZv4Wt9AyVVe7bSJP8ODz+EP9nG/rho08FQzan0VOJk1g6/BNE1RkoYd+lRTWK+/BgH12qoQ==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.7.2.tgz",
+      "integrity": "sha512-friS8NEQfHaDbkThxopGk+LuE5v3iY0StruifjQEt7SLbA46OnfgMO15sOTkbpJkol6RB+1l1TYPXh0sCddpvA==",
      "cpu": [
        "x64"
      ],
@@ -6066,6 +6844,23 @@
      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
      "license": "Apache-2.0"
    },
+    "node_modules/@yarnpkg/lockfile": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
+      "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/@zip.js/zip.js": {
+      "version": "2.7.60",
+      "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.7.60.tgz",
+      "integrity": "sha512-vA3rLyqdxBrVo1FWSsbyoecaqWTV+vgPRf0QKeM7kVDG0r+lHUqd7zQDv1TO9k4BcAoNzNDSNrrel24Mk6addA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "bun": ">=0.7.0",
+        "deno": ">=1.0.0",
+        "node": ">=16.5.0"
+      }
+    },
    "node_modules/abab": {
      "version": "2.0.6",
      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
@@ -6184,6 +6979,7 @@
      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "fast-deep-equal": "^3.1.1",
        "fast-json-stable-stringify": "^2.0.0",
@@ -6581,6 +7377,19 @@
      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
      "license": "MIT"
    },
+    "node_modules/assert": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz",
+      "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-nan": "^1.3.2",
+        "object-is": "^1.1.5",
+        "object.assign": "^4.1.4",
+        "util": "^0.12.5"
+      }
+    },
    "node_modules/assert-ok": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/assert-ok/-/assert-ok-1.0.0.tgz",
@@ -6593,6 +7402,15 @@
      "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==",
      "license": "ISC"
    },
+    "node_modules/astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
    "node_modules/async": {
      "version": "3.2.6",
      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
@@ -6694,10 +7512,11 @@
      }
    },
    "node_modules/axios": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
-      "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.9.0.tgz",
+      "integrity": "sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "follow-redirects": "^1.15.6",
        "form-data": "^4.0.0",
@@ -6705,9 +7524,9 @@
      }
    },
    "node_modules/axios-cache-interceptor": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/axios-cache-interceptor/-/axios-cache-interceptor-1.6.2.tgz",
-      "integrity": "sha512-YLbAODIHZZIcD4b3WYFVQOa5W2TY/WnJ6sBHqAg6Z+hx+RVj8/OcjQyRopO6awn7/kOkGL5X9TP16AucnlJ/lw==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/axios-cache-interceptor/-/axios-cache-interceptor-1.8.0.tgz",
+      "integrity": "sha512-cTNnPGJyQkxnWp0EWvE3NRvgURU5cWw/Qx3dIhXyHSM4Ip0c7EEe0I3an0Jwa549m1CAOg57ibj27YRNLmQCcg==",
      "license": "MIT",
      "dependencies": {
        "cache-parser": "1.2.5",
@@ -6724,19 +7543,6 @@
        "axios": "^1"
      }
    },
-    "node_modules/axios-mock-adapter": {
-      "version": "1.22.0",
-      "resolved": "https://registry.npmjs.org/axios-mock-adapter/-/axios-mock-adapter-1.22.0.tgz",
-      "integrity": "sha512-dmI0KbkyAhntUR05YY96qg2H6gg0XMl2+qTW0xmYg6Up+BFBAJYRLROMXRdDEL06/Wqwa0TJThAYvFtSFdRCZw==",
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "is-buffer": "^2.0.5"
-      },
-      "peerDependencies": {
-        "axios": ">= 0.17.0"
-      }
-    },
    "node_modules/axobject-query": {
      "version": "3.2.4",
      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.4.tgz",
@@ -6746,17 +7552,12 @@
        "node": ">= 0.4"
      }
    },
-    "node_modules/b4a": {
-      "version": "1.6.7",
-      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.7.tgz",
-      "integrity": "sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg==",
-      "license": "Apache-2.0"
-    },
    "node_modules/babel-jest": {
      "version": "29.7.0",
      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz",
      "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@jest/transform": "^29.7.0",
        "@types/babel__core": "^7.1.14",
@@ -7025,78 +7826,6 @@
      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
      "license": "MIT"
    },
-    "node_modules/bare-events": {
-      "version": "2.5.4",
-      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.5.4.tgz",
-      "integrity": "sha512-+gFfDkR8pj4/TrWCGUGWmJIkBwuxPS5F+a5yWjOHQt2hHvNZd5YLzadjmDUtFmMM4y429bnKLa8bYBMHcYdnQA==",
-      "license": "Apache-2.0",
-      "optional": true
-    },
-    "node_modules/bare-fs": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.1.2.tgz",
-      "integrity": "sha512-8wSeOia5B7LwD4+h465y73KOdj5QHsbbuoUfPBi+pXgFJIPuG7SsiOdJuijWMyfid49eD+WivpfY7KT8gbAzBA==",
-      "license": "Apache-2.0",
-      "optional": true,
-      "dependencies": {
-        "bare-events": "^2.5.4",
-        "bare-path": "^3.0.0",
-        "bare-stream": "^2.6.4"
-      },
-      "engines": {
-        "bare": ">=1.16.0"
-      },
-      "peerDependencies": {
-        "bare-buffer": "*"
-      },
-      "peerDependenciesMeta": {
-        "bare-buffer": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/bare-os": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.6.1.tgz",
-      "integrity": "sha512-uaIjxokhFidJP+bmmvKSgiMzj2sV5GPHaZVAIktcxcpCyBFFWO+YlikVAdhmUo2vYFvFhOXIAlldqV29L8126g==",
-      "license": "Apache-2.0",
-      "optional": true,
-      "engines": {
-        "bare": ">=1.14.0"
-      }
-    },
-    "node_modules/bare-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.0.0.tgz",
-      "integrity": "sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==",
-      "license": "Apache-2.0",
-      "optional": true,
-      "dependencies": {
-        "bare-os": "^3.0.1"
-      }
-    },
-    "node_modules/bare-stream": {
-      "version": "2.6.5",
-      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.6.5.tgz",
-      "integrity": "sha512-jSmxKJNJmHySi6hC42zlZnq00rga4jjxcgNZjY9N5WlOe/iOoGRtdwGsHzQv2RlH2KOYMwGUXhf2zXd32BA9RA==",
-      "license": "Apache-2.0",
-      "optional": true,
-      "dependencies": {
-        "streamx": "^2.21.0"
-      },
-      "peerDependencies": {
-        "bare-buffer": "*",
-        "bare-events": "*"
-      },
-      "peerDependenciesMeta": {
-        "bare-buffer": {
-          "optional": true
-        },
-        "bare-events": {
-          "optional": true
-        }
-      }
-    },
    "node_modules/base64-js": {
      "version": "1.5.1",
      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -7278,6 +8007,7 @@
        }
      ],
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "caniuse-lite": "^1.0.30001688",
        "electron-to-chromium": "^1.5.73",
@@ -7448,9 +8178,9 @@
      }
    },
    "node_modules/caniuse-lite": {
-      "version": "1.0.30001715",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001715.tgz",
-      "integrity": "sha512-7ptkFGMm2OAOgvZpwgA4yjQ5SQbrNVGdRjzH0pBdy1Fasvcr+KAeECmbCAECzTuDuoX0FCY8KzUxjf9+9kfZEw==",
+      "version": "1.0.30001756",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001756.tgz",
+      "integrity": "sha512-4HnCNKbMLkLdhJz3TToeVWHSnfJvPaq6vu/eRP0Ahub/07n484XHhBF5AJoSGHdVrS8tKFauUQz8Bp9P7LVx7A==",
      "funding": [
        {
          "type": "opencollective",
@@ -7592,6 +8322,12 @@
        "url": "https://github.com/chalk/chalk?sponsor=1"
      }
    },
+    "node_modules/change-case": {
+      "version": "5.4.4",
+      "resolved": "https://registry.npmjs.org/change-case/-/change-case-5.4.4.tgz",
+      "integrity": "sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==",
+      "license": "MIT"
+    },
    "node_modules/char-regex": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
@@ -7607,6 +8343,20 @@
      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
      "license": "MIT"
    },
+    "node_modules/chevrotain": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/chevrotain/-/chevrotain-11.0.3.tgz",
+      "integrity": "sha512-ci2iJH6LeIkvP9eJW6gpueU8cnZhv85ELY8w8WiFtNjMHA5ad6pQLaJo9mEly/9qUyCpvqX8/POVUTf18/HFdw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@chevrotain/cst-dts-gen": "11.0.3",
+        "@chevrotain/gast": "11.0.3",
+        "@chevrotain/regexp-to-ast": "11.0.3",
+        "@chevrotain/types": "11.0.3",
+        "@chevrotain/utils": "11.0.3",
+        "lodash-es": "4.17.21"
+      }
+    },
    "node_modules/child_process": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/child_process/-/child_process-1.0.2.tgz",
@@ -7637,11 +8387,11 @@
        "fsevents": "~2.3.2"
      }
    },
-    "node_modules/chownr": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-      "license": "ISC"
+    "node_modules/chroma-js": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/chroma-js/-/chroma-js-2.6.0.tgz",
+      "integrity": "sha512-BLHvCB9s8Z1EV4ethr6xnkl/P2YRFOGqfgvuMG/MyCbZPrTA+NeiByY6XvgF0zP4/2deU2CXnWyMa3zu1LqQ3A==",
+      "license": "(BSD-3-Clause AND Apache-2.0)"
    },
    "node_modules/chrome-trace-event": {
      "version": "1.0.4",
@@ -7727,6 +8477,18 @@
        "node": ">=8"
      }
    },
+    "node_modules/cli-progress": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/cli-progress/-/cli-progress-3.12.0.tgz",
+      "integrity": "sha512-tRkV3HJ1ASwm19THiiLIXLO7Im7wlTuKnvkYaTkyoAPefqjNg7W7DHKUlGRxy9vxDvbyCYQkQozvptuMkGCg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^4.2.3"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
    "node_modules/cli-spinners": {
      "version": "2.9.2",
      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
@@ -7753,6 +8515,29 @@
        "colors": "^1.1.2"
      }
    },
+    "node_modules/cli-table2/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cli-table2/node_modules/is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+      "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "number-is-nan": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/cli-table2/node_modules/lodash": {
      "version": "3.10.1",
      "resolved": "https://registry.npmjs.org/lodash/-/lodash-3.10.1.tgz",
@@ -7760,6 +8545,34 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/cli-table2/node_modules/string-width": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+      "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "code-point-at": "^1.0.0",
+        "is-fullwidth-code-point": "^1.0.0",
+        "strip-ansi": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cli-table2/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/cli-width": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
@@ -7783,35 +8596,6 @@
        "node": ">=12"
      }
    },
-    "node_modules/cliui/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
-    },
-    "node_modules/cliui/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cliui/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/cliui/node_modules/wrap-ansi": {
      "version": "7.0.0",
      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
@@ -7931,6 +8715,12 @@
      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
      "license": "MIT"
    },
+    "node_modules/colorjs.io": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.5.2.tgz",
+      "integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==",
+      "license": "MIT"
+    },
    "node_modules/colors": {
      "version": "1.4.0",
      "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
@@ -7969,10 +8759,13 @@
      "license": "ISC"
    },
    "node_modules/component-emitter": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
-      "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-2.0.0.tgz",
+      "integrity": "sha512-4m5s3Me2xxlVKG9PkZpQqHQR7bgpnN7joDMJ4yvVkVXngjoITG76IaZmzmywSeRTeTpc6N6r3H3+KyUurV8OYw==",
      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
      "funding": {
        "url": "https://github.com/sponsors/sindresorhus"
      }
@@ -8398,6 +9191,7 @@
      "version": "1.5.1",
      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+      "dev": true,
      "license": "MIT"
    },
    "node_modules/cssesc": {
@@ -8669,21 +9463,6 @@
        "node": ">=0.10"
      }
    },
-    "node_modules/decompress-response": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
-      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
-      "license": "MIT",
-      "dependencies": {
-        "mimic-response": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
    "node_modules/dedent": {
      "version": "1.5.3",
      "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.3.tgz",
@@ -8704,15 +9483,6 @@
      "integrity": "sha512-yVn6RZmHiGnxRKR9sJb3iVV2XTF1Ghh2DiWRZ3dMnGc43yUdWWF/kX6lQyk3+P84iprfWKU/8zFTrlkvtFm1ug==",
      "license": "MIT"
    },
-    "node_modules/deep-extend": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
-      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
    "node_modules/deep-is": {
      "version": "0.1.4",
      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -9025,6 +9795,7 @@
      "version": "0.5.16",
      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "dev": true,
      "license": "MIT"
    },
    "node_modules/dom-converter": {
@@ -9186,6 +9957,12 @@
      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
      "license": "MIT"
    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "license": "MIT"
+    },
    "node_modules/ee-first": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -9208,9 +9985,9 @@
      }
    },
    "node_modules/electron-to-chromium": {
-      "version": "1.5.141",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.141.tgz",
-      "integrity": "sha512-qS+qH9oqVYc1ooubTiB9l904WVyM6qNYxtOEEGReoZXw3xlqeYdFr5GclNzbkAufWgwWLEPoDi3d9MoRwwIjGw==",
+      "version": "1.5.143",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.143.tgz",
+      "integrity": "sha512-QqklJMOFBMqe46k8iIOwA9l2hz57V2OKMmP5eSWcUvwx+mASAsbU+wkF1pHjn9ZVSBPrsYWr4/W/95y5SwYg2g==",
      "license": "ISC"
    },
    "node_modules/email-prop-type": {
@@ -9275,15 +10052,6 @@
        "node": ">= 0.8"
      }
    },
-    "node_modules/end-of-stream": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
-      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
-      "license": "MIT",
-      "dependencies": {
-        "once": "^1.4.0"
-      }
-    },
    "node_modules/enhanced-resolve": {
      "version": "5.18.1",
      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
@@ -9593,6 +10361,7 @@
      "integrity": "sha512-0wpHoUbDUHgNCyvFB5aXLiQVfK9B0at6gUvzy83k4kAsQ/u769TQDX6iKC+aO4upIHO9WSaA3QoXYQDHbNwf1A==",
      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@eslint-community/eslint-utils": "^4.2.0",
        "@eslint-community/regexpp": "^4.4.0",
@@ -9649,6 +10418,7 @@
      "resolved": "https://registry.npmjs.org/eslint-config-airbnb/-/eslint-config-airbnb-19.0.4.tgz",
      "integrity": "sha512-T75QYQVQX57jiNgpF9r1KegMICE94VYwoFQyMGhrvc+lB8YF2E/M/PYDaQe1AJcWaEgqLE+ErXV1Og/+6Vyzew==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "eslint-config-airbnb-base": "^15.0.0",
        "object.assign": "^4.1.2",
@@ -9689,6 +10459,7 @@
      "resolved": "https://registry.npmjs.org/eslint-config-airbnb-typescript/-/eslint-config-airbnb-typescript-17.1.0.tgz",
      "integrity": "sha512-GPxI5URre6dDpJ0CtcthSZVBAfI+Uw7un5OYNVxP2EYi3H81Jw701yFP7AU+/vCE7xBtFmjge7kfhhk4+RAiig==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "eslint-config-airbnb-base": "^15.0.0"
      },
@@ -10041,6 +10812,7 @@
      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@rtsao/scc": "^1.1.0",
        "array-includes": "^3.1.8",
@@ -10095,6 +10867,7 @@
      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@babel/runtime": "^7.20.7",
        "aria-query": "^5.1.3",
@@ -10131,6 +10904,7 @@
      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "array-includes": "^3.1.6",
        "array.prototype.flatmap": "^1.3.1",
@@ -10161,6 +10935,7 @@
      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.1.tgz",
      "integrity": "sha512-Ck77j8hF7l9N4S/rzSLOWEKpn994YH6iwUK8fr9mXIaQvGpQYmOnQLbiue1u5kI5T1y+gdgqosnEAO9NCz0DBg==",
      "license": "MIT",
+      "peer": true,
      "engines": {
        "node": ">=10"
      },
@@ -10381,6 +11156,7 @@
      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
      "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
      "license": "MIT",
+      "peer": true,
      "bin": {
        "acorn": "bin/acorn"
      },
@@ -10529,15 +11305,6 @@
        "node": ">=0.10.0"
      }
    },
-    "node_modules/expand-template": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
-      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
-      "license": "(MIT OR WTFPL)",
-      "engines": {
-        "node": ">=6"
-      }
-    },
    "node_modules/expect": {
      "version": "29.7.0",
      "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz",
@@ -10554,6 +11321,12 @@
        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
      }
    },
+    "node_modules/expr-eval-fork": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/expr-eval-fork/-/expr-eval-fork-2.0.2.tgz",
+      "integrity": "sha512-NaAnObPVwHEYrODd7Jzp3zzT9pgTAlUUL4MZiZu9XAYPDpx89cPsfyEImFb2XY0vQNbrqg2CG7CLiI+Rs3seaQ==",
+      "license": "MIT"
+    },
    "node_modules/express": {
      "version": "4.21.2",
      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
@@ -10657,12 +11430,6 @@
      "integrity": "sha512-lEJeOH5VL5R09j6AA0D4Uvq7AgsHw0dAImQQ+F3iSyHZuAxyQfWobsagGpTcOPvJr3urmKRHrs+Gs9hV+/Qm/Q==",
      "license": "MIT"
    },
-    "node_modules/fast-fifo": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
-      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
-      "license": "MIT"
-    },
    "node_modules/fast-glob": {
      "version": "3.3.3",
      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
@@ -10976,6 +11743,15 @@
        "node": ">=8"
      }
    },
+    "node_modules/find-yarn-workspace-root": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz",
+      "integrity": "sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "micromatch": "^4.0.2"
+      }
+    },
    "node_modules/flat": {
      "version": "5.0.2",
      "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
@@ -11077,6 +11853,34 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/foreground-child/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
    "node_modules/fork-ts-checker-webpack-plugin": {
      "version": "6.5.3",
      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz",
@@ -11171,6 +11975,15 @@
        "node": ">=6"
      }
    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
    "node_modules/form-data": {
      "version": "4.0.2",
      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
@@ -11240,12 +12053,6 @@
        "node": ">= 0.6"
      }
    },
-    "node_modules/fs-constants": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
-      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
-      "license": "MIT"
-    },
    "node_modules/fs-extra": {
      "version": "9.1.0",
      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
@@ -11460,12 +12267,6 @@
        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
      }
    },
-    "node_modules/github-from-package": {
-      "version": "0.0.0",
-      "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
-      "integrity": "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==",
-      "license": "MIT"
-    },
    "node_modules/glob": {
      "version": "7.2.3",
      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -12064,6 +12865,18 @@
        }
      }
    },
+    "node_modules/http-proxy-middleware/node_modules/is-plain-obj": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
    "node_modules/https-proxy-agent": {
      "version": "5.0.1",
      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
@@ -12086,6 +12899,15 @@
        "node": ">=10.17.0"
      }
    },
+    "node_modules/hyperdyperid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/hyperdyperid/-/hyperdyperid-1.2.0.tgz",
+      "integrity": "sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.18"
+      }
+    },
    "node_modules/hyphenate-style-name": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.1.0.tgz",
@@ -12170,16 +12992,16 @@
      }
    },
    "node_modules/image-minimizer-webpack-plugin": {
-      "version": "3.8.3",
-      "resolved": "https://registry.npmjs.org/image-minimizer-webpack-plugin/-/image-minimizer-webpack-plugin-3.8.3.tgz",
-      "integrity": "sha512-Ex0cjNJc2FUSuwN7WHNyxkIZINP0M9lrN+uWJznMcsehiM5Z7ELwk+SEkSGEookK1GUd2wf+09jy1PEH5a5XmQ==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/image-minimizer-webpack-plugin/-/image-minimizer-webpack-plugin-4.1.4.tgz",
+      "integrity": "sha512-A2DLYuCyu7icbGdv8OMGFQKPXvsztWAueBkT3yQ7KVW1YGnAJKtgLYELkN7/aUday05DzEdKRaLE5Bnh/9S2UQ==",
      "license": "MIT",
      "dependencies": {
        "schema-utils": "^4.2.0",
-        "serialize-javascript": "^6.0.1"
+        "serialize-javascript": "^6.0.2"
      },
      "engines": {
-        "node": ">= 12.13.0"
+        "node": ">= 18.12.0"
      },
      "funding": {
        "type": "opencollective",
@@ -12306,6 +13128,7 @@
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
      "license": "MIT",
      "engines": {
        "node": ">=8"
@@ -12360,35 +13183,6 @@
        "node": ">=12.0.0"
      }
    },
-    "node_modules/inquirer/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
-    },
-    "node_modules/inquirer/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/inquirer/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/internal-slot": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
@@ -12483,6 +13277,22 @@
        "node": ">= 0.10"
      }
    },
+    "node_modules/is-arguments": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
+      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
    "node_modules/is-array-buffer": {
      "version": "3.0.5",
      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
@@ -12568,29 +13378,6 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
-    "node_modules/is-buffer": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
-      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
    "node_modules/is-bun-module": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
@@ -12712,16 +13499,12 @@
      }
    },
    "node_modules/is-fullwidth-code-point": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
-      "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
-      "dev": true,
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
      "license": "MIT",
-      "dependencies": {
-        "number-is-nan": "^1.0.0"
-      },
      "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
      }
    },
    "node_modules/is-generator-fn": {
@@ -12817,6 +13600,28 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/is-mergeable-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-mergeable-object/-/is-mergeable-object-1.1.1.tgz",
+      "integrity": "sha512-CPduJfuGg8h8vW74WOxHtHmtQutyQBzR+3MjQ6iDHIYdbOnm1YC7jv43SqCoU8OPGTJD4nibmiryA4kmogbGrA==",
+      "license": "MIT"
+    },
+    "node_modules/is-nan": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz",
+      "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
    "node_modules/is-number": {
      "version": "7.0.0",
      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -12885,12 +13690,12 @@
      }
    },
    "node_modules/is-plain-obj": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
-      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
      "license": "MIT",
      "engines": {
-        "node": ">=10"
+        "node": ">=12"
      },
      "funding": {
        "url": "https://github.com/sponsors/sindresorhus"
@@ -13254,6 +14059,21 @@
        "node": ">= 0.4"
      }
    },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
    "node_modules/jake": {
      "version": "10.9.2",
      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.2.tgz",
@@ -14209,6 +15029,16 @@
      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
      "license": "MIT"
    },
+    "node_modules/js-toml": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/js-toml/-/js-toml-1.0.1.tgz",
+      "integrity": "sha512-rHd/IolpFm2V5BmHCEY8CckHs8NDsYZZ64H5RNgA6Opsr9vX4QyTiQPplgtqg7b3ztqYShZC38nl6CUg7QuhXg==",
+      "license": "MIT",
+      "dependencies": {
+        "chevrotain": "^11.0.3",
+        "xregexp": "^5.1.1"
+      }
+    },
    "node_modules/js-yaml": {
      "version": "3.14.1",
      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
@@ -14406,6 +15236,15 @@
        "node": ">=0.10.0"
      }
    },
+    "node_modules/klaw-sync": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz",
+      "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.1.11"
+      }
+    },
    "node_modules/kleur": {
      "version": "3.0.3",
      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
@@ -14547,6 +15386,12 @@
      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
      "license": "MIT"
    },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "license": "MIT"
+    },
    "node_modules/lodash.camelcase": {
      "version": "4.3.0",
      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
@@ -14647,6 +15492,24 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/log-update": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
+      "integrity": "sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^4.3.0",
+        "cli-cursor": "^3.1.0",
+        "slice-ansi": "^4.0.0",
+        "wrap-ansi": "^6.2.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
    "node_modules/loose-envify": {
      "version": "1.4.0",
      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -14681,6 +15544,7 @@
      "version": "1.5.0",
      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true,
      "license": "MIT",
      "bin": {
        "lz-string": "bin/bin.js"
@@ -14908,22 +15772,11 @@
        "node": ">=6"
      }
    },
-    "node_modules/mimic-response": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
-      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
    "node_modules/min-indent": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
      "license": "MIT",
      "engines": {
        "node": ">=4"
@@ -14995,6 +15848,15 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
    "node_modules/mkdirp": {
      "version": "0.5.6",
      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
@@ -15008,12 +15870,6 @@
        "mkdirp": "bin/cmd.js"
      }
    },
-    "node_modules/mkdirp-classic": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
-      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
-      "license": "MIT"
-    },
    "node_modules/mrmime": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
@@ -15066,16 +15922,10 @@
        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
      }
    },
-    "node_modules/napi-build-utils": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-2.0.0.tgz",
-      "integrity": "sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==",
-      "license": "MIT"
-    },
    "node_modules/napi-postinstall": {
-      "version": "0.1.6",
-      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.1.6.tgz",
-      "integrity": "sha512-w1bClprmjwpybo+7M1Rd0N4QK5Ein8kH/1CQ0Wv8Q9vrLbDMakxc4rZpv8zYc8RVErUELJlFhM8UzOF3IqlYKw==",
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.2.2.tgz",
+      "integrity": "sha512-Wy1VI/hpKHwy1MsnFxHCJxqFwmmxD0RA/EKPL7e6mfbsY01phM2SZyJnRdU0bLvhu0Quby1DCcAZti3ghdl4/A==",
      "license": "MIT",
      "bin": {
        "napi-postinstall": "lib/cli.js"
@@ -15124,30 +15974,6 @@
        "tslib": "^2.0.3"
      }
    },
-    "node_modules/node-abi": {
-      "version": "3.74.0",
-      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.74.0.tgz",
-      "integrity": "sha512-c5XK0MjkGBrQPGYG24GBADZud0NCbznxNx0ZkS+ebUTrmV1qTDxPxSL8zEAPURXSbLRWVexxmP4986BziahL5w==",
-      "license": "MIT",
-      "dependencies": {
-        "semver": "^7.3.5"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/node-abi/node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
    "node_modules/node-addon-api": {
      "version": "7.1.1",
      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
@@ -15280,6 +16106,22 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/object-is": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
+      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
    "node_modules/object-keys": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -15616,6 +16458,12 @@
        "node": ">=6"
      }
    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "license": "BlueOak-1.0.0"
+    },
    "node_modules/param-case": {
      "version": "3.0.4",
      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
@@ -15687,6 +16535,74 @@
        "tslib": "^2.0.3"
      }
    },
+    "node_modules/patch-package": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/patch-package/-/patch-package-8.0.0.tgz",
+      "integrity": "sha512-da8BVIhzjtgScwDJ2TtKsfT5JFWz1hYoBl9rUQ1f38MC2HwnEIkK8VN3dKMKcP7P7bvvgzNDbfNHtx3MsQb5vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@yarnpkg/lockfile": "^1.1.0",
+        "chalk": "^4.1.2",
+        "ci-info": "^3.7.0",
+        "cross-spawn": "^7.0.3",
+        "find-yarn-workspace-root": "^2.0.0",
+        "fs-extra": "^9.0.0",
+        "json-stable-stringify": "^1.0.2",
+        "klaw-sync": "^6.0.0",
+        "minimist": "^1.2.6",
+        "open": "^7.4.2",
+        "rimraf": "^2.6.3",
+        "semver": "^7.5.3",
+        "slash": "^2.0.0",
+        "tmp": "^0.0.33",
+        "yaml": "^2.2.2"
+      },
+      "bin": {
+        "patch-package": "index.js"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">5"
+      }
+    },
+    "node_modules/patch-package/node_modules/open": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0",
+        "is-wsl": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/patch-package/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/path": {
+      "version": "0.12.7",
+      "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz",
+      "integrity": "sha512-aXXC6s+1w7otVF9UletFkFcDsJeO7lSZBPUQhtb5O0xJe8LtYhj/GxldoL09bBj9+ZmE2hNoHqQSFMN5fikh4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "process": "^0.11.1",
+        "util": "^0.10.3"
+      }
+    },
    "node_modules/path-exists": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -15726,6 +16642,28 @@
      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
      "license": "MIT"
    },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "license": "ISC"
+    },
    "node_modules/path-to-regexp": {
      "version": "0.1.12",
      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
@@ -15741,6 +16679,27 @@
        "node": ">=8"
      }
    },
+    "node_modules/path-unified": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/path-unified/-/path-unified-0.2.0.tgz",
+      "integrity": "sha512-MNKqvrKbbbb5p7XHXV6ZAsf/1f/yJQa13S/fcX0uua8ew58Tgc6jXV+16JyAbnR/clgCH+euKDxrF2STxMHdrg==",
+      "license": "MIT"
+    },
+    "node_modules/path/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "license": "ISC"
+    },
+    "node_modules/path/node_modules/util": {
+      "version": "0.10.4",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz",
+      "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "2.0.3"
+      }
+    },
    "node_modules/picocolors": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -16008,6 +16967,7 @@
        }
      ],
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "nanoid": "^3.3.7",
        "picocolors": "^1.1.1",
@@ -16033,6 +16993,24 @@
        "postcss": "^8.2.2"
      }
    },
+    "node_modules/postcss-calc-ast-parser": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-calc-ast-parser/-/postcss-calc-ast-parser-0.1.4.tgz",
+      "integrity": "sha512-CebpbHc96zgFjGgdQ6BqBy6XIUgRx1xXWCAAk6oke02RZ5nxwo9KQejTg8y7uYEeI9kv8jKQPYjoe6REsY23vw==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^3.3.1"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/postcss-calc-ast-parser/node_modules/postcss-value-parser": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+      "license": "MIT"
+    },
    "node_modules/postcss-colormin": {
      "version": "6.1.0",
      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-6.1.0.tgz",
@@ -16051,6 +17029,21 @@
        "postcss": "^8.4.31"
      }
    },
+    "node_modules/postcss-combine-duplicated-selectors": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-combine-duplicated-selectors/-/postcss-combine-duplicated-selectors-10.0.3.tgz",
+      "integrity": "sha512-IP0BmwFloCskv7DV7xqvzDXqMHpwdczJa6ZvIW8abgHdcIHs9mCJX2ltFhu3EwA51ozp13DByng30+Ke+eIExA==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.4"
+      },
+      "engines": {
+        "node": "^10.0.0 || ^12.0.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
    "node_modules/postcss-convert-values": {
      "version": "6.1.0",
      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-6.1.0.tgz",
@@ -16143,6 +17136,23 @@
        "postcss": "^8.4.31"
      }
    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
    "node_modules/postcss-loader": {
      "version": "7.3.4",
      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-7.3.4.tgz",
@@ -16177,6 +17187,52 @@
        "node": ">=10"
      }
    },
+    "node_modules/postcss-map": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/postcss-map/-/postcss-map-0.11.0.tgz",
+      "integrity": "sha512-cgHYZrH9aAMds90upYUPhYz8xnAcRD45SwuNns/nQHONIrPQDhpwk3JLsAQGOndQxnRVXfB6nB+3WqSMy8fqlA==",
+      "license": "Unlicense",
+      "dependencies": {
+        "js-yaml": "^3.12.0",
+        "postcss": "^7.0.2",
+        "reduce-function-call": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/postcss-map/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "license": "ISC"
+    },
+    "node_modules/postcss-map/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/postcss-map/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/postcss-merge-longhand": {
      "version": "6.0.5",
      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-6.0.5.tgz",
@@ -16211,6 +17267,19 @@
        "postcss": "^8.4.31"
      }
    },
+    "node_modules/postcss-minify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify/-/postcss-minify-1.1.0.tgz",
+      "integrity": "sha512-9D64ueIW0DL2FdLajQTlXrnTN8Ox9NjuXqigKMmB819RhdClNPYx5Zp3i5x0ghjjy3vGrLBBYEYvJjY/1eMNbw==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0",
+        "postcss-value-parser": "^4.1"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0"
+      }
+    },
    "node_modules/postcss-minify-font-values": {
      "version": "6.1.0",
      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-6.1.0.tgz",
@@ -16541,12 +17610,12 @@
      }
    },
    "node_modules/postcss-rtlcss": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-rtlcss/-/postcss-rtlcss-5.1.2.tgz",
-      "integrity": "sha512-cmcgRoO1wL7IJyVHw0RneWI/5Oe75NLC2NLlQLsNI7hcui+yRcW4RrILfQa4FqKQRLTU4r5eF0YPi1qZpMzQpA==",
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/postcss-rtlcss/-/postcss-rtlcss-5.7.1.tgz",
+      "integrity": "sha512-zE68CuARv5StOG/UQLa0W1Y/raUTzgJlfjtas43yh3/G1BFmoPEaHxPRHgeowXRFFhW33FehrNgsljxRLmPVWw==",
      "license": "Apache-2.0",
      "dependencies": {
-        "rtlcss": "4.1.1"
+        "rtlcss": "4.3.0"
      },
      "engines": {
        "node": ">=18.0.0"
@@ -16605,69 +17674,6 @@
      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
      "license": "MIT"
    },
-    "node_modules/prebuild-install": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.3.tgz",
-      "integrity": "sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==",
-      "license": "MIT",
-      "dependencies": {
-        "detect-libc": "^2.0.0",
-        "expand-template": "^2.0.3",
-        "github-from-package": "0.0.0",
-        "minimist": "^1.2.3",
-        "mkdirp-classic": "^0.5.3",
-        "napi-build-utils": "^2.0.0",
-        "node-abi": "^3.3.0",
-        "pump": "^3.0.0",
-        "rc": "^1.2.7",
-        "simple-get": "^4.0.0",
-        "tar-fs": "^2.0.0",
-        "tunnel-agent": "^0.6.0"
-      },
-      "bin": {
-        "prebuild-install": "bin.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/prebuild-install/node_modules/detect-libc": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
-      "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/prebuild-install/node_modules/tar-fs": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.2.tgz",
-      "integrity": "sha512-EsaAXwxmx8UB7FRKqeozqEPop69DXcmYwTQwXvyAPF352HJsPdkVhvTaDPYqfNgruveJIJy3TA2l+2zj8LJIJA==",
-      "license": "MIT",
-      "dependencies": {
-        "chownr": "^1.1.1",
-        "mkdirp-classic": "^0.5.2",
-        "pump": "^3.0.0",
-        "tar-stream": "^2.1.4"
-      }
-    },
-    "node_modules/prebuild-install/node_modules/tar-stream": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
-      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
-      "license": "MIT",
-      "dependencies": {
-        "bl": "^4.0.3",
-        "end-of-stream": "^1.4.1",
-        "fs-constants": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^3.1.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
    "node_modules/prelude-ls": {
      "version": "1.2.1",
      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -16677,6 +17683,21 @@
        "node": ">= 0.8.0"
      }
    },
+    "node_modules/prettier": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
+      "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
    "node_modules/pretty-error": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
@@ -16691,6 +17712,7 @@
      "version": "27.5.1",
      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
      "license": "MIT",
      "dependencies": {
        "ansi-regex": "^5.0.1",
@@ -16705,6 +17727,7 @@
      "version": "5.2.0",
      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
      "license": "MIT",
      "engines": {
        "node": ">=10"
@@ -16727,6 +17750,15 @@
        "prettyjson": "bin/prettyjson"
      }
    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
    "node_modules/process-nextick-args": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -16751,6 +17783,7 @@
      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "loose-envify": "^1.4.0",
        "object-assign": "^4.1.1",
@@ -16819,16 +17852,6 @@
      "integrity": "sha512-5MZ0I9i5JWVO7SizvOviKvZU2qaBbl2KQX150FAA+fJBwYpwOUId7aNygURWSdPzlsA/xZ/InUKXqBbzM0czTA==",
      "license": "MIT"
    },
-    "node_modules/pump": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.2.tgz",
-      "integrity": "sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==",
-      "license": "MIT",
-      "dependencies": {
-        "end-of-stream": "^1.1.0",
-        "once": "^1.3.1"
-      }
-    },
    "node_modules/punycode": {
      "version": "2.3.1",
      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -17010,35 +18033,12 @@
        "node": ">= 0.8"
      }
    },
-    "node_modules/rc": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
-      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
-      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
-      "dependencies": {
-        "deep-extend": "^0.6.0",
-        "ini": "~1.3.0",
-        "minimist": "^1.2.0",
-        "strip-json-comments": "~2.0.1"
-      },
-      "bin": {
-        "rc": "cli.js"
-      }
-    },
-    "node_modules/rc/node_modules/strip-json-comments": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
-      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
    "node_modules/react": {
      "version": "18.3.1",
      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "loose-envify": "^1.1.0"
      },
@@ -17192,6 +18192,7 @@
      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "loose-envify": "^1.1.0",
        "scheduler": "^0.23.2"
@@ -17469,6 +18470,7 @@
      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz",
      "integrity": "sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@babel/runtime": "^7.15.4",
        "@types/react-redux": "^7.1.20",
@@ -17494,6 +18496,7 @@
      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.16.0.tgz",
      "integrity": "sha512-FPvF2XxTSikpJxcr+bHut2H4gJ17+18Uy20D5/F+SKzFap62R3cM5wH6b8WN3LyGSYeQilLEcJcR1fjBSI2S1A==",
      "license": "MIT",
+      "peer": true,
      "engines": {
        "node": ">=0.10.0"
      }
@@ -17583,6 +18586,7 @@
      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.15.0.tgz",
      "integrity": "sha512-aR42t0fs7brintwBGAv2+mGlCtgtFQeOzK0BM1/OiqEzRejOZtpMZepvgkscpMUnKb8YO84G7s3LsHnnDNonbQ==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@remix-run/router": "1.8.0",
        "react-router": "6.15.0"
@@ -17653,6 +18657,7 @@
      "version": "16.15.0",
      "resolved": "https://registry.npmjs.org/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz",
      "integrity": "sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==",
+      "dev": true,
      "license": "MIT",
      "dependencies": {
        "object-assign": "^4.1.1",
@@ -17710,6 +18715,7 @@
      "version": "18.3.1",
      "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.3.1.tgz",
      "integrity": "sha512-KkAgygexHUkQqtvvx/otwxtuFu5cVjfzTCtjXLH9boS19/Nbtg84zS7wIQn39G8IlrhThBpQsMKkq5ZHZIYFXA==",
+      "dev": true,
      "license": "MIT",
      "dependencies": {
        "react-is": "^18.3.1",
@@ -17724,6 +18730,7 @@
      "version": "18.3.1",
      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
      "license": "MIT"
    },
    "node_modules/react-transition-group": {
@@ -17742,14 +18749,22 @@
        "react-dom": ">=16.6.0"
      }
    },
-    "node_modules/reactifex": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/reactifex/-/reactifex-1.1.1.tgz",
-      "integrity": "sha512-HH2N/b5tRxh7ypIgCRsiBl/CTxRkTEPf9DhIstaM6hne4WiwM5/bBbWuvVlRZc/i3FdqZED3pZ//6n4mtxma4w==",
-      "dev": true,
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
      "license": "MIT",
-      "bin": {
-        "reactifex": "main.js"
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/read-cache/node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
      }
    },
    "node_modules/readable-stream": {
@@ -17806,6 +18821,7 @@
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
      "license": "MIT",
      "dependencies": {
        "indent-string": "^4.0.0",
@@ -17815,11 +18831,21 @@
        "node": ">=8"
      }
    },
+    "node_modules/reduce-function-call": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/reduce-function-call/-/reduce-function-call-1.0.3.tgz",
+      "integrity": "sha512-Hl/tuV2VDgWgCSEeWMLwxLZqX7OK59eU1guxXsRKTAyeYimivsKdtcV4fu3r710tpG5GmDKDhQ0HSZLExnNmyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
    "node_modules/redux": {
      "version": "4.0.5",
      "resolved": "https://registry.npmjs.org/redux/-/redux-4.0.5.tgz",
      "integrity": "sha512-VSz1uMAH24DM6MF72vcojpYPtrTUu3ByVWfPL1nPfVRb5mZVTve5GnNCUV53QM/BZ66xfWrm0CTWoM+Xlz8V1w==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "loose-envify": "^1.4.0",
        "symbol-observable": "^1.2.0"
@@ -17830,6 +18856,7 @@
      "resolved": "https://registry.npmjs.org/redux-beacon/-/redux-beacon-2.1.0.tgz",
      "integrity": "sha512-KMbopAM7YLnQdospn5ClG3o8c4uhYkLBDEWSmxNbvQb4MGAJJh3sbbPKoEB00qU5rTXbwKuaaqZlWdgrY1Twxw==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "array-flatten": "2.1.1"
      },
@@ -18213,9 +19240,9 @@
      }
    },
    "node_modules/rtlcss": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/rtlcss/-/rtlcss-4.1.1.tgz",
-      "integrity": "sha512-/oVHgBtnPNcggP2aVXQjSy6N1mMAfHg4GSag0QtZBlD5bdDgAHwr4pydqJGd+SUCu9260+Pjqbjwtvu7EMH1KQ==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/rtlcss/-/rtlcss-4.3.0.tgz",
+      "integrity": "sha512-FI+pHEn7Wc4NqKXMXFM+VAYKEj/mRIcW4h24YVwVtyjI+EqGrLc2Hx/Ny0lrZ21cBWU2goLy36eqMcNj3AQJig==",
      "license": "MIT",
      "dependencies": {
        "escalade": "^3.1.1",
@@ -18486,6 +19513,7 @@
      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "fast-deep-equal": "^3.1.3",
        "fast-uri": "^3.0.1",
@@ -18764,26 +19792,45 @@
      "license": "MIT"
    },
    "node_modules/sharp": {
-      "version": "0.32.6",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz",
-      "integrity": "sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==",
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.3.tgz",
+      "integrity": "sha512-eX2IQ6nFohW4DbvHIOLRB3MHFpYqaqvXd3Tp5e/T/dSH83fxaNJQRvDMhASmkNTsNTVF2/OOopzRCt7xokgPfg==",
      "hasInstallScript": true,
      "license": "Apache-2.0",
      "dependencies": {
        "color": "^4.2.3",
-        "detect-libc": "^2.0.2",
-        "node-addon-api": "^6.1.0",
-        "prebuild-install": "^7.1.1",
-        "semver": "^7.5.4",
-        "simple-get": "^4.0.1",
-        "tar-fs": "^3.0.4",
-        "tunnel-agent": "^0.6.0"
+        "detect-libc": "^2.0.4",
+        "semver": "^7.7.2"
      },
      "engines": {
-        "node": ">=14.15.0"
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
      },
      "funding": {
        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.3",
+        "@img/sharp-darwin-x64": "0.34.3",
+        "@img/sharp-libvips-darwin-arm64": "1.2.0",
+        "@img/sharp-libvips-darwin-x64": "1.2.0",
+        "@img/sharp-libvips-linux-arm": "1.2.0",
+        "@img/sharp-libvips-linux-arm64": "1.2.0",
+        "@img/sharp-libvips-linux-ppc64": "1.2.0",
+        "@img/sharp-libvips-linux-s390x": "1.2.0",
+        "@img/sharp-libvips-linux-x64": "1.2.0",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.0",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.0",
+        "@img/sharp-linux-arm": "0.34.3",
+        "@img/sharp-linux-arm64": "0.34.3",
+        "@img/sharp-linux-ppc64": "0.34.3",
+        "@img/sharp-linux-s390x": "0.34.3",
+        "@img/sharp-linux-x64": "0.34.3",
+        "@img/sharp-linuxmusl-arm64": "0.34.3",
+        "@img/sharp-linuxmusl-x64": "0.34.3",
+        "@img/sharp-wasm32": "0.34.3",
+        "@img/sharp-win32-arm64": "0.34.3",
+        "@img/sharp-win32-ia32": "0.34.3",
+        "@img/sharp-win32-x64": "0.34.3"
      }
    },
    "node_modules/sharp/node_modules/detect-libc": {
@@ -18795,16 +19842,10 @@
        "node": ">=8"
      }
    },
-    "node_modules/sharp/node_modules/node-addon-api": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
-      "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==",
-      "license": "MIT"
-    },
    "node_modules/sharp/node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
      "license": "ISC",
      "bin": {
        "semver": "bin/semver.js"
@@ -18924,51 +19965,6 @@
      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
      "license": "ISC"
    },
-    "node_modules/simple-concat": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
-      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
-    },
-    "node_modules/simple-get": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
-      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "decompress-response": "^6.0.0",
-        "once": "^1.3.1",
-        "simple-concat": "^1.0.0"
-      }
-    },
    "node_modules/simple-swizzle": {
      "version": "0.2.2",
      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
@@ -19013,6 +20009,23 @@
        "node": ">=6"
      }
    },
+    "node_modules/slice-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
    "node_modules/snake-case": {
      "version": "3.0.4",
      "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
@@ -19227,17 +20240,13 @@
        "node": ">= 0.8"
      }
    },
-    "node_modules/streamx": {
-      "version": "2.22.0",
-      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.22.0.tgz",
-      "integrity": "sha512-sLh1evHOzBy/iWRiR6d1zRcLao4gGZr3C1kzNz4fopCOKJb6xD9ub8Mpi9Mr1R6id5o43S+d93fI48UC5uM9aw==",
+    "node_modules/stream": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/stream/-/stream-0.0.3.tgz",
+      "integrity": "sha512-aMsbn7VKrl4A2T7QAQQbzgN7NVc70vgF5INQrBXqn4dCXN1zy3L9HGgLO5s7PExmdrzTJ8uR/27aviW8or8/+A==",
      "license": "MIT",
      "dependencies": {
-        "fast-fifo": "^1.3.2",
-        "text-decoder": "^1.1.0"
-      },
-      "optionalDependencies": {
-        "bare-events": "^2.2.0"
+        "component-emitter": "^2.0.0"
      }
    },
    "node_modules/strict-uri-encode": {
@@ -19272,43 +20281,46 @@
      }
    },
    "node_modules/string-width": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
-      "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
-      "dev": true,
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
      "license": "MIT",
      "dependencies": {
-        "code-point-at": "^1.0.0",
-        "is-fullwidth-code-point": "^1.0.0",
-        "strip-ansi": "^3.0.0"
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
      },
      "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
      }
    },
-    "node_modules/string-width/node_modules/ansi-regex": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/string-width/node_modules/strip-ansi": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
-      "dev": true,
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
      "license": "MIT",
      "dependencies": {
-        "ansi-regex": "^2.0.0"
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
      },
      "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
      }
    },
+    "node_modules/string-width-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/string-width/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
    "node_modules/string.prototype.matchall": {
      "version": "4.0.12",
      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
@@ -19404,6 +20416,19 @@
        "node": ">=8"
      }
    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
    "node_modules/strip-bom": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
@@ -19426,6 +20451,7 @@
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
      "license": "MIT",
      "dependencies": {
        "min-indent": "^1.0.0"
@@ -19446,6 +20472,56 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/style-dictionary": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/style-dictionary/-/style-dictionary-4.4.0.tgz",
+      "integrity": "sha512-+xU0IA1StzqAqFs/QtXkK+XJa7wpS4X5H+JQccRKsRCElgeLGocFU1U/UMvMUylKFw6vwGV+Y/a2wb2pm5rFFQ==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "@bundled-es-modules/deepmerge": "^4.3.1",
+        "@bundled-es-modules/glob": "^10.4.2",
+        "@bundled-es-modules/memfs": "^4.9.4",
+        "@zip.js/zip.js": "^2.7.44",
+        "chalk": "^5.3.0",
+        "change-case": "^5.3.0",
+        "commander": "^12.1.0",
+        "is-plain-obj": "^4.1.0",
+        "json5": "^2.2.2",
+        "patch-package": "^8.0.0",
+        "path-unified": "^0.2.0",
+        "prettier": "^3.3.3",
+        "tinycolor2": "^1.6.0"
+      },
+      "bin": {
+        "style-dictionary": "bin/style-dictionary.js"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/style-dictionary/node_modules/chalk": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.4.1.tgz",
+      "integrity": "sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/style-dictionary/node_modules/commander": {
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
+      "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
    "node_modules/style-loader": {
      "version": "3.3.4",
      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz",
@@ -19498,6 +20574,15 @@
        "node": ">=14.18.0"
      }
    },
+    "node_modules/superagent/node_modules/component-emitter": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
+      "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
    "node_modules/superagent/node_modules/mime": {
      "version": "2.6.0",
      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
@@ -19810,6 +20895,19 @@
        "through": "^2.3.6"
      }
    },
+    "node_modules/tabtab/node_modules/is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+      "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "number-is-nan": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/tabtab/node_modules/ms": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
@@ -19848,6 +20946,21 @@
        "node": ">=0.10.0"
      }
    },
+    "node_modules/tabtab/node_modules/string-width": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+      "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "code-point-at": "^1.0.0",
+        "is-fullwidth-code-point": "^1.0.0",
+        "strip-ansi": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/tabtab/node_modules/strip-ansi": {
      "version": "3.0.1",
      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
@@ -19893,31 +21006,6 @@
        "node": ">=6"
      }
    },
-    "node_modules/tar-fs": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.8.tgz",
-      "integrity": "sha512-ZoROL70jptorGAlgAYiLoBLItEKw/fUxg9BSYK/dF/GAGYFJOJJJMvjPAKDJraCXFwadD456FCuvLWgfhMsPwg==",
-      "license": "MIT",
-      "dependencies": {
-        "pump": "^3.0.0",
-        "tar-stream": "^3.1.5"
-      },
-      "optionalDependencies": {
-        "bare-fs": "^4.0.1",
-        "bare-path": "^3.0.0"
-      }
-    },
-    "node_modules/tar-stream": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.7.tgz",
-      "integrity": "sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==",
-      "license": "MIT",
-      "dependencies": {
-        "b4a": "^1.6.4",
-        "fast-fifo": "^1.2.0",
-        "streamx": "^2.15.0"
-      }
-    },
    "node_modules/terser": {
      "version": "5.39.0",
      "resolved": "https://registry.npmjs.org/terser/-/terser-5.39.0.tgz",
@@ -20050,21 +21138,24 @@
        "node": ">=8"
      }
    },
-    "node_modules/text-decoder": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.3.tgz",
-      "integrity": "sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "b4a": "^1.6.4"
-      }
-    },
    "node_modules/text-table": {
      "version": "0.2.0",
      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
      "license": "MIT"
    },
+    "node_modules/thingies": {
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/thingies/-/thingies-1.21.0.tgz",
+      "integrity": "sha512-hsqsJsFMsV+aD4s3CWKk85ep/3I9XzYV/IXaSouJMYIoDlgyi11cBhsqYe9/geRfB0YIikBQg6raRaM+nIMP9g==",
+      "license": "Unlicense",
+      "engines": {
+        "node": ">=10.18"
+      },
+      "peerDependencies": {
+        "tslib": "^2"
+      }
+    },
    "node_modules/through": {
      "version": "2.3.8",
      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -20089,6 +21180,12 @@
      "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==",
      "license": "MIT"
    },
+    "node_modules/tinycolor2": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz",
+      "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==",
+      "license": "MIT"
+    },
    "node_modules/tinyglobby": {
      "version": "0.2.13",
      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz",
@@ -20124,6 +21221,7 @@
      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
      "license": "MIT",
+      "peer": true,
      "engines": {
        "node": ">=12"
      },
@@ -20215,6 +21313,22 @@
        "node": ">=12"
      }
    },
+    "node_modules/tree-dump": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.0.2.tgz",
+      "integrity": "sha512-dpev9ABuLWdEubk+cIaI9cHwRNNDjkBBLXTwI4UCUFdQ5xXKqNXoK4FEciw/vxf+NQ7Cb7sGUyeUtORvHIdRXQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
    "node_modules/ts-api-utils": {
      "version": "1.4.3",
      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
@@ -20289,9 +21403,9 @@
      }
    },
    "node_modules/ts-jest/node_modules/type-fest": {
-      "version": "4.40.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.40.0.tgz",
-      "integrity": "sha512-ABHZ2/tS2JkvH1PEjxFDTUWC8dB5OsIGZP4IFLhR293GqT5Y5qB1WwL2kMPYhQW9DVgVD8Hd7I8gjwPIf5GFkw==",
+      "version": "4.40.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.40.1.tgz",
+      "integrity": "sha512-9YvLNnORDpI+vghLU/Nf+zSv0kL47KbVJ1o3sKgoTefl6i+zebxbiDQWoe/oWWqPhIgQdRZRT1KA9sCPL810SA==",
      "license": "(MIT OR CC0-1.0)",
      "engines": {
        "node": ">=16"
@@ -20375,7 +21489,8 @@
      "version": "2.8.1",
      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD"
+      "license": "0BSD",
+      "peer": true
    },
    "node_modules/tsutils": {
      "version": "3.21.0",
@@ -20398,18 +21513,6 @@
      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
      "license": "0BSD"
    },
-    "node_modules/tunnel-agent": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
-      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "safe-buffer": "^5.0.1"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
    "node_modules/type-check": {
      "version": "0.4.0",
      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -20436,6 +21539,7 @@
      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
      "license": "(MIT OR CC0-1.0)",
+      "peer": true,
      "engines": {
        "node": ">=10"
      },
@@ -20676,35 +21780,35 @@
      }
    },
    "node_modules/unrs-resolver": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.7.0.tgz",
-      "integrity": "sha512-b76tVoT9KPniDY1GoYghDUQX20gjzXm/TONfHfgayLaiuo+oGyT9CsQkGCEJs+1/uryVBEOGOt3yYWDXbJhL7g==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.7.2.tgz",
+      "integrity": "sha512-BBKpaylOW8KbHsu378Zky/dGh4ckT/4NW/0SHRABdqRLcQJ2dAOjDo9g97p04sWflm0kqPqpUatxReNV/dqI5A==",
      "hasInstallScript": true,
      "license": "MIT",
      "dependencies": {
-        "napi-postinstall": "^0.1.6"
+        "napi-postinstall": "^0.2.2"
      },
      "funding": {
        "url": "https://github.com/sponsors/JounQin"
      },
      "optionalDependencies": {
-        "@unrs/resolver-binding-darwin-arm64": "1.7.0",
-        "@unrs/resolver-binding-darwin-x64": "1.7.0",
-        "@unrs/resolver-binding-freebsd-x64": "1.7.0",
-        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.7.0",
-        "@unrs/resolver-binding-linux-arm-musleabihf": "1.7.0",
-        "@unrs/resolver-binding-linux-arm64-gnu": "1.7.0",
-        "@unrs/resolver-binding-linux-arm64-musl": "1.7.0",
-        "@unrs/resolver-binding-linux-ppc64-gnu": "1.7.0",
-        "@unrs/resolver-binding-linux-riscv64-gnu": "1.7.0",
-        "@unrs/resolver-binding-linux-riscv64-musl": "1.7.0",
-        "@unrs/resolver-binding-linux-s390x-gnu": "1.7.0",
-        "@unrs/resolver-binding-linux-x64-gnu": "1.7.0",
-        "@unrs/resolver-binding-linux-x64-musl": "1.7.0",
-        "@unrs/resolver-binding-wasm32-wasi": "1.7.0",
-        "@unrs/resolver-binding-win32-arm64-msvc": "1.7.0",
-        "@unrs/resolver-binding-win32-ia32-msvc": "1.7.0",
-        "@unrs/resolver-binding-win32-x64-msvc": "1.7.0"
+        "@unrs/resolver-binding-darwin-arm64": "1.7.2",
+        "@unrs/resolver-binding-darwin-x64": "1.7.2",
+        "@unrs/resolver-binding-freebsd-x64": "1.7.2",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.7.2",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.7.2",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.7.2",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.7.2",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-x64-musl": "1.7.2",
+        "@unrs/resolver-binding-wasm32-wasi": "1.7.2",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.7.2",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.7.2",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.7.2"
      }
    },
    "node_modules/update-browserslist-db": {
@@ -20746,6 +21850,19 @@
        "punycode": "^2.1.0"
      }
    },
+    "node_modules/url": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz",
+      "integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^1.4.1",
+        "qs": "^6.12.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
    "node_modules/url-loader": {
      "version": "4.1.1",
      "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-4.1.1.tgz",
@@ -20801,6 +21918,12 @@
        "requires-port": "^1.0.0"
      }
    },
+    "node_modules/url/node_modules/punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+      "license": "MIT"
+    },
    "node_modules/use-callback-ref": {
      "version": "1.3.3",
      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
@@ -20853,6 +21976,19 @@
        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
      }
    },
+    "node_modules/util": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
+      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "is-typed-array": "^1.1.3",
+        "which-typed-array": "^1.1.2"
+      }
+    },
    "node_modules/util-deprecate": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -20987,13 +22123,15 @@
      }
    },
    "node_modules/webpack": {
-      "version": "5.99.6",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.99.6.tgz",
-      "integrity": "sha512-TJOLrJ6oeccsGWPl7ujCYuc0pIq2cNsuD6GZDma8i5o5Npvcco/z+NKvZSFsP0/x6SShVb0+X2JK/JHUjKY9dQ==",
+      "version": "5.99.7",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.99.7.tgz",
+      "integrity": "sha512-CNqKBRMQjwcmKR0idID5va1qlhrqVUKpovi+Ec79ksW8ux7iS1+A6VqzfZXgVYCFRKl7XL5ap3ZoMpwBJxcg0w==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@types/eslint-scope": "^3.7.7",
        "@types/estree": "^1.0.6",
+        "@types/json-schema": "^7.0.15",
        "@webassemblyjs/ast": "^1.14.1",
        "@webassemblyjs/wasm-edit": "^1.14.1",
        "@webassemblyjs/wasm-parser": "^1.14.1",
@@ -21010,7 +22148,7 @@
        "loader-runner": "^4.2.0",
        "mime-types": "^2.1.27",
        "neo-async": "^2.6.2",
-        "schema-utils": "^4.3.0",
+        "schema-utils": "^4.3.2",
        "tapable": "^2.1.1",
        "terser-webpack-plugin": "^5.3.11",
        "watchpack": "^2.4.1",
@@ -21105,6 +22243,7 @@
      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-5.1.4.tgz",
      "integrity": "sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@discoveryjs/json-ext": "^0.5.0",
        "@webpack-cli/configtest": "^2.1.1",
@@ -21182,6 +22321,7 @@
      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.15.2.tgz",
      "integrity": "sha512-0XavAZbNJ5sDrCbkpWL8mia0o5WPOd2YGtxrEiZkBK9FjLppIUK2TgxK6qGD2P3hUXTJNNPVibrerKcx5WkR1g==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@types/bonjour": "^3.5.9",
        "@types/connect-history-api-fallback": "^1.3.5",
@@ -21576,33 +22716,22 @@
        "node": ">=8"
      }
    },
-    "node_modules/wrap-ansi/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
-    },
-    "node_modules/wrap-ansi/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
      "license": "MIT",
      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
      },
      "engines": {
-        "node": ">=8"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
      }
    },
    "node_modules/wrappy": {
@@ -21660,6 +22789,15 @@
      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
      "license": "MIT"
    },
+    "node_modules/xregexp": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-5.1.2.tgz",
+      "integrity": "sha512-6hGgEMCGhqCTFEJbqmWrNIPqfpdirdGWkqshu7fFZddmTSfgv5Sn9D2SaKloR79s5VUiUlpwzg3CM3G6D3VIlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime-corejs3": "^7.26.9"
+      }
+    },
    "node_modules/y18n": {
      "version": "5.0.8",
      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
@@ -21676,12 +22814,15 @@
      "license": "ISC"
    },
    "node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.1.tgz",
+      "integrity": "sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==",
      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
      "engines": {
-        "node": ">= 6"
+        "node": ">= 14"
      }
    },
    "node_modules/yargs": {
@@ -21711,35 +22852,6 @@
        "node": ">=12"
      }
    },
-    "node_modules/yargs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
-    },
-    "node_modules/yargs/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yargs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/yocto-queue": {
      "version": "0.1.0",
      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@edx/frontend-app-gradebook",
-  "version": "1.6.2",
+  "version": "1.6.3",
  "description": "edx editable gradebook-ui to manipulate grade overrides on subsections",
  "repository": {
    "type": "git",
@@ -31,17 +31,15 @@
  "dependencies": {
    "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
    "@edx/frontend-component-footer": "^14.6.0",
-    "@edx/frontend-component-header": "^6.4.0",
-    "@edx/frontend-platform": "^8.3.1",
+    "@edx/frontend-component-header": "^6.6.1",
+    "@edx/frontend-platform": "^8.3.7",
    "@edx/openedx-atlas": "^0.6.0",
-    "@edx/react-unit-test-utils": "^4.0.0",
-    "@edx/reactifex": "^2.1.1",
    "@fortawesome/fontawesome-svg-core": "^1.2.25",
    "@fortawesome/free-brands-svg-icons": "^5.11.2",
    "@fortawesome/free-solid-svg-icons": "^5.11.2",
    "@fortawesome/react-fontawesome": "^0.1.5",
    "@openedx/frontend-plugin-framework": "^1.6.0",
-    "@openedx/paragon": "^22.16.0",
+    "@openedx/paragon": "^23.4.5",
    "@redux-beacon/segment": "^1.0.0",
    "@reduxjs/toolkit": "^1.5.1",
    "classnames": "^2.2.6",
@@ -69,15 +67,16 @@
  },
  "devDependencies": {
    "@edx/browserslist-config": "^1.1.1",
-    "@openedx/frontend-build": "^14.3.3",
-    "@testing-library/react": "^16.2.0",
+    "@openedx/frontend-build": "^14.6.2",
+    "@testing-library/jest-dom": "^6.6.4",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
    "es-check": "^2.3.0",
    "fetch-mock": "^12.2.0",
    "identity-obj-proxy": "^3.0.0",
    "jest": "^29.7.0",
    "react-dev-utils": "^12.0.1",
    "react-test-renderer": "^18.3.1",
-    "reactifex": "1.1.1",
    "redux-mock-store": "^1.5.3"
  }
 }
--- a/src/App.scss
+++ b/src/App.scss
@@ -1,13 +1,10 @@
 // frontend-app-*/src/index.scss
-@import "~@edx/brand/paragon/fonts";
-@import "~@edx/brand/paragon/variables";
-@import "~@openedx/paragon/scss/core/core";
-@import "~@edx/brand/paragon/overrides";
+@use "@openedx/paragon/styles/css/core/custom-media-breakpoints.css" as paragonCustomMediaBreakpoints;

 $fa-font-path: "~font-awesome/fonts";
@import "~font-awesome/scss/font-awesome";

-$input-focus-box-shadow: $input-box-shadow; // hack to get upgrade to paragon 4.0.0 to work
+$input-focus-box-shadow: var(--pgn-elevation-form-input-base); // hack to get upgrade to paragon 4.0.0 to work

@import "~@edx/frontend-component-header/dist/index";
@import "~@edx/frontend-component-footer/dist/_footer";
--- a/src/App.test.jsx
+++ b/src/App.test.jsx
@@ -1,63 +1,63 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { Route } from 'react-router-dom';
-
-import store from 'data/store';
-import GradebookPage from 'containers/GradebookPage';
-
+import { render, screen } from '@testing-library/react';
 import App from './App';

 jest.mock('react-router-dom', () => ({
-  BrowserRouter: () => 'BrowserRouter',
-  Route: () => 'Route',
-  Routes: () => 'Routes',
+  Routes: ({ children }) => children,
+  Route: ({ element }) => element,
 }));
+
 jest.mock('@edx/frontend-platform/react', () => ({
-  AppProvider: () => 'AppProvider',
+  AppProvider: ({ children }) => children,
 }));
-jest.mock('@edx/frontend-component-footer', () => ({ FooterSlot: 'FooterSlot' }));
-jest.mock('data/store', () => 'testStore');
-jest.mock('containers/GradebookPage', () => 'GradebookPage');
-jest.mock('@edx/frontend-component-header', () => 'Header');
-jest.mock('./head/Head', () => 'Head');

-let el;
-let secondChild;
+jest.mock('@edx/frontend-component-header', () => ({
+  __esModule: true,
+  default: () => <div>Header</div>,
+}));

-describe('App router component', () => {
-  test('snapshot', () => {
-    expect(shallow(<App />).snapshot).toMatchSnapshot();
+jest.mock('@edx/frontend-component-footer', () => ({
+  FooterSlot: () => <div>Footer</div>,
+}));
+
+jest.mock('./head/Head', () => ({
+  __esModule: true,
+  default: () => <div>Head</div>,
+}));
+
+jest.mock('containers/GradebookPage', () => ({
+  __esModule: true,
+  default: () => <div>Gradebook</div>,
+}));
+
+describe('App', () => {
+  beforeEach(() => {
+    render(<App />);
  });
-  describe('component', () => {
-    beforeEach(() => {
-      el = shallow(<App />);
-      secondChild = el.instance.children;
-    });
-    describe('AppProvider', () => {
-      test('AppProvider is the parent component, passed the redux store props', () => {
-        expect(el.instance.type).toBe('AppProvider');
-        expect(el.instance.props.store).toEqual(store);
-      });
-    });
-    describe('Head', () => {
-      test('first child of AppProvider', () => {
-        expect(el.instance.children[0].type).toBe('Head');
-      });
-    });
-    describe('Router', () => {
-      test('second child of AppProvider', () => {
-        expect(secondChild[1].type).toBe('div');
-      });
-      test('Header is above/outside-of the routing', () => {
-        expect(secondChild[1].children[0].type).toBe('Header');
-        expect(secondChild[1].children[1].type).toBe('main');
-      });
-      test('Routing - GradebookPage is only route', () => {
-        expect(secondChild[1].findByType(Route)).toHaveLength(1);
-        expect(secondChild[1].findByType(Route)[0].props.path).toEqual('/:courseId');
-        expect(secondChild[1].findByType(Route)[0].props.element.type).toEqual(GradebookPage);
-      });
-    });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders Head component', () => {
+    const head = screen.getByText('Head');
+    expect(head).toBeInTheDocument();
+  });
+
+  it('renders Header component', () => {
+    const header = screen.getByText('Header');
+    expect(header).toBeInTheDocument();
+  });
+
+  it('renders Footer component', () => {
+    const footer = screen.getByText('Footer');
+    expect(footer).toBeInTheDocument();
+  });
+
+  it('renders main content wrapper', () => {
+    const main = screen.getByRole('main');
+    expect(main).toBeInTheDocument();
+    const gradebook = screen.getByText('Gradebook');
+    expect(gradebook).toBeInTheDocument();
  });
 });
--- a/src/snapshots/App.test.jsx.snap
+++ b/src/snapshots/App.test.jsx.snap
@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`App router component snapshot 1`] = `
-<AppProvider
-  store="testStore"
->
-  <Head />
-  <div>
-    <Header />
-    <main>
-      <Routes>
-        <Route
-          element={<GradebookPage />}
-          path="/:courseId"
-        />
-      </Routes>
-    </main>
-    <FooterSlot />
-  </div>
-</AppProvider>
-`;
--- a/src/components/BulkManagementHistoryView/BulkManagementAlerts.test.jsx
+++ b/src/components/BulkManagementHistoryView/BulkManagementAlerts.test.jsx
@@ -1,20 +1,10 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-import { Alert } from '@openedx/paragon';
-import { FormattedMessage } from '@edx/frontend-platform/i18n';

 import selectors from 'data/selectors';
-import messages from './messages';

 import { BulkManagementAlerts, mapStateToProps } from './BulkManagementAlerts';
+import { renderWithIntl, screen } from '../../testUtilsExtra';

-jest.mock('@edx/frontend-platform/i18n', () => ({
-  defineMessages: m => m,
-  FormattedMessage: () => 'FormattedMessage',
-}));
-jest.mock('@openedx/paragon', () => ({
-  Alert: () => 'Alert',
-}));
 jest.mock('data/selectors', () => ({
  __esModule: true,
  default: {
@@ -29,47 +19,19 @@ const errorMessage = 'Oh noooooo';

 describe('BulkManagementAlerts', () => {
  describe('component', () => {
-    let el;
-    describe('no errer, no upload success', () => {
-      beforeEach(() => {
-        el = shallow(<BulkManagementAlerts />);
+    describe('states of the warnings', () => {
+      test('no alert shown', () => {
+        renderWithIntl(<BulkManagementAlerts bulkImportError="" uploadSuccess={false} />);
+        expect(document.querySelectorAll('.alert').length).toEqual(0);
      });
-      test('snapshot - bulkImportError closed, success closed', () => {
-        expect(el.snapshot).toMatchSnapshot();
+      test('Just success alert shown', () => {
+        renderWithIntl(<BulkManagementAlerts bulkImportError="" uploadSuccess />);
+        expect(document.querySelectorAll('.alert-success').length).toEqual(1);
      });
-      test('closed danger alert', () => {
-        expect(el.instance.children[0].type).toBe('Alert');
-        expect(el.instance.findByType(Alert)[0].props.show).toEqual(false);
-        expect(el.instance.findByType(Alert)[0].props.variant).toEqual('danger');
-      });
-      test('closed success alert', () => {
-        expect(el.instance.children[1].type).toBe('Alert');
-        expect(el.instance.findByType(Alert)[1].props.show).toEqual(false);
-        expect(el.instance.findByType(Alert)[1].props.variant).toEqual('success');
-      });
-    });
-    describe('no errer, no upload success', () => {
-      beforeEach(() => {
-        el = shallow(<BulkManagementAlerts uploadSuccess bulkImportError={errorMessage} />);
-      });
-      const assertions = [
-        'danger alert open with bulkImportError',
-        'success alert open with messages.successDialog',
-      ];
-      test(`snapshot - ${assertions.join(', ')}`, () => {
-        expect(el.snapshot).toMatchSnapshot();
-      });
-      test('open danger alert with bulkImportError content', () => {
-        expect(el.instance.children[0].type).toBe('Alert');
-        expect(el.instance.findByType(Alert)[0].children[0].el).toEqual(errorMessage);
-        expect(el.instance.findByType(Alert)[0].props.show).toEqual(true);
-      });
-      test('open success alert with messages.successDialog content', () => {
-        expect(el.instance.children[1].type).toBe('Alert');
-        expect(el.shallowWrapper.props.children[1].props.children).toEqual(
-          <FormattedMessage {...messages.successDialog} />,
-        );
-        expect(el.instance.children[1].props.show).toEqual(true);
+      test('Just error alert shown', () => {
+        renderWithIntl(<BulkManagementAlerts bulkImportError={errorMessage} uploadSuccess={false} />);
+        expect(document.querySelectorAll('.alert-danger').length).toEqual(1);
+        expect(screen.getByText(errorMessage)).toBeInTheDocument();
      });
    });
  });
--- a/src/components/BulkManagementHistoryView/HistoryTable.test.jsx
+++ b/src/components/BulkManagementHistoryView/HistoryTable.test.jsx
@@ -1,108 +1,187 @@
-/* eslint-disable import/no-named-as-default */
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { render, screen, initializeMocks } from 'testUtilsExtra';
 import { DataTable } from '@openedx/paragon';

 import selectors from 'data/selectors';
 import { bulkManagementColumns } from 'data/constants/app';

+import { HistoryTable, mapHistoryRows, mapStateToProps } from './HistoryTable';
 import ResultsSummary from './ResultsSummary';
-import { HistoryTable, mapStateToProps } from './HistoryTable';

-jest.mock('@openedx/paragon', () => ({ DataTable: () => 'DataTable' }));
+initializeMocks();

-jest.mock('@edx/frontend-platform/i18n', () => ({
-  defineMessages: m => m,
-  FormattedMessage: () => 'FormattedMessage',
+jest.mock('@openedx/paragon', () => ({
+  ...jest.requireActual('@openedx/paragon'),
+  DataTable: jest.fn(() => <div data-testid="data-table">DataTable</div>),
 }));
+jest.mock('./ResultsSummary', () => jest.fn(() => <div data-testid="results-summary">ResultsSummary</div>));
 jest.mock('data/selectors', () => ({
  __esModule: true,
  default: {
    grades: {
-      bulkManagementHistoryEntries: jest.fn(state => ({ historyEntries: state })),
+      bulkManagementHistoryEntries: jest.fn(),
    },
  },
 }));
-jest.mock('./ResultsSummary', () => 'ResultsSummary');

 describe('HistoryTable', () => {
-  describe('component', () => {
-    const entry1 = {
-      originalFilename: 'blue.png',
-      user: 'Eifel',
-      timeUploaded: '65',
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  const mockBulkManagementHistory = [
+    {
+      originalFilename: 'test-file-1.csv',
+      user: 'test-user-1',
+      timeUploaded: '2025-01-01T10:00:00Z',
      resultsSummary: {
-        rowId: 12,
-        courseId: 'Da Bu Dee',
-        text: 'Da ba daa',
+        rowId: 1,
+        text: 'Download results 1',
      },
-    };
-    const entry2 = {
-      originalFilename: 'allStar.jpg',
-      user: 'Smashmouth',
-      timeUploaded: '2000s?',
+    },
+    {
+      originalFilename: 'test-file-2.csv',
+      user: 'test-user-2',
+      timeUploaded: '2025-01-02T10:00:00Z',
      resultsSummary: {
-        courseId: 'rockstar',
        rowId: 2,
-        text: 'all that glitters is gold',
+        text: 'Download results 2',
      },
+    },
+  ];
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe('mapHistoryRows', () => {
+    const mockRow = {
+      resultsSummary: {
+        rowId: 1,
+        text: 'Download results',
+      },
+      originalFilename: 'test-file.csv',
+      user: 'test-user',
+      timeUploaded: '2025-01-01T10:00:00Z',
    };
-    const props = {
-      bulkManagementHistory: [entry1, entry2],
-    };
-    let el;
-    describe('snapshot', () => {
-      beforeEach(() => {
-        el = shallow(<HistoryTable {...props} />);
-      });
-      test('snapshot - loads formatted table', () => {
-        expect(el.snapshot).toMatchSnapshot();
-      });
-      describe('history table', () => {
-        let table;
-        beforeEach(() => {
-          table = el.instance.findByType(DataTable);
-        });
-        describe('data (from bulkManagementHistory.map(this.formatHistoryRow)', () => {
-          const fieldAssertions = [
-            'maps resultsSummay to ResultsSummary',
-            'wraps filename and user',
-            'forwards the rest',
-          ];
-          test(`snapshot: ${fieldAssertions.join(', ')}`, () => {
-            expect(table[0].props.data).toMatchSnapshot();
-          });
-          test(fieldAssertions.join(', '), () => {
-            const rows = table[0].props.data;
-            expect(rows[0].resultsSummary).toEqual(<ResultsSummary {...entry1.resultsSummary} />);
-            expect(rows[0].user).toEqual(<span className="wrap-text-in-cell">{entry1.user}</span>);
-            expect(
-              rows[0].filename,
-            ).toEqual(<span className="wrap-text-in-cell">{entry1.originalFilename}</span>);
-            expect(rows[1].resultsSummary).toEqual(<ResultsSummary {...entry2.resultsSummary} />);
-            expect(rows[1].user).toEqual(<span className="wrap-text-in-cell">{entry2.user}</span>);
-            expect(
-              rows[1].filename,
-            ).toEqual(<span className="wrap-text-in-cell">{entry2.originalFilename}</span>);
-          });
-        });
-        test('columns from bulkManagementColumns', () => {
-          expect(table[0].props.columns).toEqual(bulkManagementColumns);
-        });
-      });
+
+    it('transforms row data correctly', () => {
+      const result = mapHistoryRows(mockRow);
+
+      expect(result).toHaveProperty('resultsSummary');
+      expect(result).toHaveProperty('filename');
+      expect(result).toHaveProperty('user');
+      expect(result).toHaveProperty('timeUploaded');
+      expect(result.timeUploaded).toBe('2025-01-01T10:00:00Z');
+    });
+
+    it('wraps filename in span with correct class', () => {
+      const result = mapHistoryRows(mockRow);
+      render(<div>{result.filename}</div>);
+
+      const filenameSpan = screen.getByText('test-file.csv');
+      expect(filenameSpan).toBeInTheDocument();
+      expect(filenameSpan).toHaveClass('wrap-text-in-cell');
+    });
+
+    it('wraps user in span with correct class', () => {
+      const result = mapHistoryRows(mockRow);
+      render(<div>{result.user}</div>);
+
+      const userSpan = screen.getByText('test-user');
+      expect(userSpan).toBeInTheDocument();
+      expect(userSpan).toHaveClass('wrap-text-in-cell');
+    });
+
+    it('renders ResultsSummary component with correct props', () => {
+      const result = mapHistoryRows(mockRow);
+      render(<div>{result.resultsSummary}</div>);
+
+      expect(ResultsSummary).toHaveBeenCalledWith(mockRow.resultsSummary, {});
+      expect(screen.getByTestId('results-summary')).toBeInTheDocument();
+    });
+  });
+
+  describe('component', () => {
+    it('renders DataTable with empty data when no history provided', () => {
+      render(<HistoryTable />);
+
+      expect(DataTable).toHaveBeenCalledWith(
+        {
+          data: [],
+          hasFixedColumnWidths: true,
+          columns: bulkManagementColumns,
+          className: 'table-striped',
+          itemCount: 0,
+        },
+        {},
+      );
+      expect(screen.getByTestId('data-table')).toBeInTheDocument();
+    });
+
+    it('renders DataTable with mapped history data', () => {
+      render(
+        <HistoryTable bulkManagementHistory={mockBulkManagementHistory} />,
+      );
+
+      expect(DataTable).toHaveBeenCalledWith(
+        {
+          data: expect.arrayContaining([
+            expect.objectContaining({
+              filename: expect.any(Object),
+              user: expect.any(Object),
+              resultsSummary: expect.any(Object),
+              timeUploaded: '2025-01-01T10:00:00Z',
+            }),
+            expect.objectContaining({
+              filename: expect.any(Object),
+              user: expect.any(Object),
+              resultsSummary: expect.any(Object),
+              timeUploaded: '2025-01-02T10:00:00Z',
+            }),
+          ]),
+          hasFixedColumnWidths: true,
+          columns: bulkManagementColumns,
+          className: 'table-striped',
+          itemCount: 2,
+        },
+        {},
+      );
+    });
+
+    it('passes correct props to DataTable', () => {
+      render(
+        <HistoryTable bulkManagementHistory={mockBulkManagementHistory} />,
+      );
+
+      const dataTableCall = DataTable.mock.calls[0][0];
+      expect(dataTableCall.hasFixedColumnWidths).toBe(true);
+      expect(dataTableCall.columns).toBe(bulkManagementColumns);
+      expect(dataTableCall.className).toBe('table-striped');
+      expect(dataTableCall.itemCount).toBe(mockBulkManagementHistory.length);
    });
  });

  describe('mapStateToProps', () => {
-    const testState = { a: 'simple', test: 'state' };
-    let mapped;
+    const mockState = { test: 'state' };
+    const mockHistoryEntries = [
+      { originalFilename: 'file1.csv', user: 'user1' },
+      { originalFilename: 'file2.csv', user: 'user2' },
+    ];
+
    beforeEach(() => {
-      mapped = mapStateToProps(testState);
+      selectors.grades.bulkManagementHistoryEntries.mockReturnValue(
+        mockHistoryEntries,
+      );
    });
-    test('bulkManagementHistory from grades.bulkManagementHistoryEntries', () => {
+
+    it('maps bulkManagementHistory from selector', () => {
+      const result = mapStateToProps(mockState);
+
      expect(
-        mapped.bulkManagementHistory,
-      ).toEqual(selectors.grades.bulkManagementHistoryEntries(testState));
+        selectors.grades.bulkManagementHistoryEntries,
+      ).toHaveBeenCalledWith(mockState);
+      expect(result.bulkManagementHistory).toBe(mockHistoryEntries);
    });
  });
 });
--- a/src/components/BulkManagementHistoryView/ResultsSummary.jsx
+++ b/src/components/BulkManagementHistoryView/ResultsSummary.jsx
@@ -19,10 +19,8 @@ const ResultsSummary = ({
  text,
 }) => (
  <Hyperlink
-    href={lms.urls.bulkGradesUrlByRow(rowId)}
-    destination="www.edx.org"
+    destination={lms.urls.bulkGradesUrlByRow(rowId)}
    target="_blank"
-    rel="noopener noreferrer"
    showLaunchIcon={false}
  >
    <Icon src={Download} className="d-inline-block" />
--- a/src/components/BulkManagementHistoryView/ResultsSummary.test.jsx
+++ b/src/components/BulkManagementHistoryView/ResultsSummary.test.jsx
@@ -1,21 +1,12 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { Download } from '@openedx/paragon/icons';

 import lms from 'data/services/lms';
+import { renderWithIntl, screen } from '../../testUtilsExtra';
 import ResultsSummary from './ResultsSummary';

-jest.mock('@openedx/paragon', () => ({
-  Hyperlink: () => 'Hyperlink',
-  Icon: () => 'Icon',
-}));
-jest.mock('@openedx/paragon/icons', () => ({
-  Download: 'DownloadIcon',
-}));
 jest.mock('data/services/lms', () => ({
  urls: {
-    bulkGradesUrlByRow: jest.fn((rowId) => ({ url: { rowId } })),
+    bulkGradesUrlByRow: jest.fn((rowId) => (`www.edx.org/${rowId}`)),
  },
 }));

@@ -24,29 +15,21 @@ describe('ResultsSummary component', () => {
    rowId: 42,
    text: 'texty',
  };
-  let el;
-  const assertions = [
-    'safe hyperlink with bulkGradesUrl with course and row id',
-    'download icon',
-    'results text',
-  ];
+  let link;
  beforeEach(() => {
-    el = shallow(<ResultsSummary {...props} />);
-  });
-  test(`snapshot - ${assertions.join(', ')}`, () => {
-    expect(el.snapshot).toMatchSnapshot();
+    renderWithIntl(<ResultsSummary {...props} />);
+    link = screen.getByRole('link', { name: props.text });
  });
  test('Hyperlink has target="_blank" and rel="noopener noreferrer"', () => {
-    expect(el.instance.props.target).toEqual('_blank');
-    expect(el.instance.props.rel).toEqual('noopener noreferrer');
+    expect(link).toHaveAttribute('target', '_blank');
+    expect(link).toHaveAttribute('rel', 'noopener noreferrer');
  });
  test('Hyperlink has href to bulkGradesUrl', () => {
-    expect(el.instance.props.href).toEqual(lms.urls.bulkGradesUrlByRow(props.rowId));
+    expect(link).toHaveAttribute('href', lms.urls.bulkGradesUrlByRow(props.rowId));
  });
  test('displays Download Icon and text', () => {
-    const icon = el.instance.children[0];
-    expect(icon.type).toEqual('Icon');
-    expect(icon.props.src).toEqual(Download);
-    expect(el.instance.children[1].el).toEqual(props.text);
+    expect(link).toHaveTextContent(props.text);
+    const icon = screen.getByRole('img', { hidden: true });
+    expect(icon).toBeInTheDocument();
  });
 });
--- a/src/components/BulkManagementHistoryView/snapshots/BulkManagementAlerts.test.jsx.snap
+++ b/src/components/BulkManagementHistoryView/snapshots/BulkManagementAlerts.test.jsx.snap
@@ -1,45 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`BulkManagementAlerts component no errer, no upload success snapshot - bulkImportError closed, success closed 1`] = `
-<Fragment>
-  <Alert
-    dismissible={false}
-    show={false}
-    variant="danger"
-  />
-  <Alert
-    dismissible={false}
-    show={false}
-    variant="success"
-  >
-    <FormattedMessage
-      defaultMessage="CSV processing. File uploads may take several minutes to complete."
-      description="Success Dialog message in BulkManagement Tab File Upload Form"
-      id="gradebook.BulkManagementHistoryView.successDialog"
-    />
-  </Alert>
-</Fragment>
-`;
-
-exports[`BulkManagementAlerts component no errer, no upload success snapshot - danger alert open with bulkImportError, success alert open with messages.successDialog 1`] = `
-<Fragment>
-  <Alert
-    dismissible={false}
-    show={true}
-    variant="danger"
-  >
-    Oh noooooo
-  </Alert>
-  <Alert
-    dismissible={false}
-    show={true}
-    variant="success"
-  >
-    <FormattedMessage
-      defaultMessage="CSV processing. File uploads may take several minutes to complete."
-      description="Success Dialog message in BulkManagement Tab File Upload Form"
-      id="gradebook.BulkManagementHistoryView.successDialog"
-    />
-  </Alert>
-</Fragment>
-`;
--- a/src/components/BulkManagementHistoryView/snapshots/HistoryTable.test.jsx.snap
+++ b/src/components/BulkManagementHistoryView/snapshots/HistoryTable.test.jsx.snap
@@ -1,118 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`HistoryTable component snapshot history table data (from bulkManagementHistory.map(this.formatHistoryRow) snapshot: maps resultsSummay to ResultsSummary, wraps filename and user, forwards the rest 1`] = `
-[
-  {
-    "filename": <span
-      className="wrap-text-in-cell"
-    >
-      blue.png
-    </span>,
-    "resultsSummary": <ResultsSummary
-      courseId="Da Bu Dee"
-      rowId={12}
-      text="Da ba daa"
-    />,
-    "timeUploaded": "65",
-    "user": <span
-      className="wrap-text-in-cell"
-    >
-      Eifel
-    </span>,
-  },
-  {
-    "filename": <span
-      className="wrap-text-in-cell"
-    >
-      allStar.jpg
-    </span>,
-    "resultsSummary": <ResultsSummary
-      courseId="rockstar"
-      rowId={2}
-      text="all that glitters is gold"
-    />,
-    "timeUploaded": "2000s?",
-    "user": <span
-      className="wrap-text-in-cell"
-    >
-      Smashmouth
-    </span>,
-  },
-]
-`;
-
-exports[`HistoryTable component snapshot snapshot - loads formatted table 1`] = `
-<DataTable
-  className="table-striped"
-  columns={
-    [
-      {
-        "Header": "Gradebook",
-        "accessor": "filename",
-        "columnSortable": false,
-        "width": "col-5",
-      },
-      {
-        "Header": "Download Summary",
-        "accessor": "resultsSummary",
-        "columnSortable": false,
-        "width": "col",
-      },
-      {
-        "Header": "Who",
-        "accessor": "user",
-        "columnSortable": false,
-        "width": "col-1",
-      },
-      {
-        "Header": "When",
-        "accessor": "timeUploaded",
-        "columnSortable": false,
-        "width": "col",
-      },
-    ]
-  }
-  data={
-    [
-      {
-        "filename": <span
-          className="wrap-text-in-cell"
-        >
-          blue.png
-        </span>,
-        "resultsSummary": <ResultsSummary
-          courseId="Da Bu Dee"
-          rowId={12}
-          text="Da ba daa"
-        />,
-        "timeUploaded": "65",
-        "user": <span
-          className="wrap-text-in-cell"
-        >
-          Eifel
-        </span>,
-      },
-      {
-        "filename": <span
-          className="wrap-text-in-cell"
-        >
-          allStar.jpg
-        </span>,
-        "resultsSummary": <ResultsSummary
-          courseId="rockstar"
-          rowId={2}
-          text="all that glitters is gold"
-        />,
-        "timeUploaded": "2000s?",
-        "user": <span
-          className="wrap-text-in-cell"
-        >
-          Smashmouth
-        </span>,
-      },
-    ]
-  }
-  hasFixedColumnWidths={true}
-  itemCount={2}
-/>
-`;
--- a/src/components/BulkManagementHistoryView/snapshots/ResultsSummary.test.jsx.snap
+++ b/src/components/BulkManagementHistoryView/snapshots/ResultsSummary.test.jsx.snap
@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ResultsSummary component snapshot - safe hyperlink with bulkGradesUrl with course and row id, download icon, results text 1`] = `
-<Hyperlink
-  destination="www.edx.org"
-  href={
-    {
-      "url": {
-        "rowId": 42,
-      },
-    }
-  }
-  rel="noopener noreferrer"
-  showLaunchIcon={false}
-  target="_blank"
->
-  <Icon
-    className="d-inline-block"
-    src="DownloadIcon"
-  />
-  texty
-</Hyperlink>
-`;
--- a/src/components/BulkManagementHistoryView/snapshots/index.test.jsx.snap
+++ b/src/components/BulkManagementHistoryView/snapshots/index.test.jsx.snap
@@ -1,26 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`BulkManagementHistoryView component snapshot snapshot - loads heading from messages.BulkManagementHistoryView.heading, <BulkManagementAlerts />, <HistoryTable /> 1`] = `
-<div
-  className="bulk-management-history-view"
->
-  <h4>
-    <FormattedMessage
-      defaultMessage="Bulk Management History"
-      description="Heading text for BulkManagement History Tab"
-      id="gradebook.BulkManagementHistoryView.heading"
-    />
-  </h4>
-  <p
-    className="help-text"
-  >
-    <FormattedMessage
-      defaultMessage="Below is a log of previous grade imports.  To download a CSV of your gradebook and import grades for override, return to the Gradebook.  Please note, after importing grades, it may take a few seconds to process the override."
-      description="Bulk Management History View help text"
-      id="gradebook.BulkManagementHistoryView"
-    />
-  </p>
-  <BulkManagementAlerts />
-  <HistoryTable />
-</div>
-`;
--- a/src/components/BulkManagementHistoryView/index.test.jsx
+++ b/src/components/BulkManagementHistoryView/index.test.jsx
@@ -1,46 +1,24 @@
-/* eslint-disable import/no-named-as-default */
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-import { FormattedMessage } from '@edx/frontend-platform/i18n';
+import { render, initializeMocks, screen } from 'testUtilsExtra';

 import { BulkManagementHistoryView } from '.';
-import BulkManagementAlerts from './BulkManagementAlerts';
-import HistoryTable from './HistoryTable';
 import messages from './messages';

-jest.mock('./BulkManagementAlerts', () => 'BulkManagementAlerts');
-jest.mock('./HistoryTable', () => 'HistoryTable');
+jest.mock('./BulkManagementAlerts', () => jest.fn(() => <div>BulkManagementAlerts</div>));
+jest.mock('./HistoryTable', () => jest.fn(() => <div>HistoryTable</div>));
+
+initializeMocks();

 describe('BulkManagementHistoryView', () => {
  describe('component', () => {
-    let el;
    beforeEach(() => {
-      el = shallow(<BulkManagementHistoryView />);
+      render(<BulkManagementHistoryView />);
    });
-    describe('snapshot', () => {
-      const snapshotSegments = [
-        'heading from messages.BulkManagementHistoryView.heading',
-        '<BulkManagementAlerts />',
-        '<HistoryTable />',
-      ];
-      test(`snapshot - loads ${snapshotSegments.join(', ')}`, () => {
-        expect(el.snapshot).toMatchSnapshot();
-      });
-      test('heading - h4 loaded from messages', () => {
-        const heading = el.instance.findByType('h4')[0];
-        const expectedHeading = shallow(
-          <h4>
-            <FormattedMessage {...messages.heading} />
-          </h4>,
-        );
-
-        expect(heading.el.type).toEqual(expectedHeading.type);
-        expect(heading.el.props).toEqual(expectedHeading.props);
-      });
-      test('heading, then alerts, then upload form, then table', () => {
-        expect(el.instance.children[0].type).toEqual('h4');
-        expect(el.instance.children[2].type).toEqual(BulkManagementAlerts);
-        expect(el.instance.children[3].type).toEqual(HistoryTable);
+    describe('render alerts and heading', () => {
+      it('heading - h4 loaded from messages', () => {
+        expect(screen.getByText(messages.heading.defaultMessage)).toBeInTheDocument();
+        expect(screen.getByText(messages.helpText.defaultMessage)).toBeInTheDocument();
+        expect(screen.getByText('BulkManagementAlerts')).toBeInTheDocument();
+        expect(screen.getByText('HistoryTable')).toBeInTheDocument();
      });
    });
  });
--- a/src/components/BulkManagementHistoryView/messages.js
+++ b/src/components/BulkManagementHistoryView/messages.js
@@ -8,7 +8,7 @@ const messages = defineMessages({
  },
  helpText: {
    id: 'gradebook.BulkManagementHistoryView',
-    defaultMessage: 'Below is a log of previous grade imports.  To download a CSV of your gradebook and import grades for override, return to the Gradebook.  Please note, after importing grades, it may take a few seconds to process the override.',
+    defaultMessage: 'Below is a log of previous grade imports. To download a CSV of your gradebook and import grades for override, return to the Gradebook. Please note, after importing grades, it may take a few seconds to process the override.',
    description: 'Bulk Management History View help text',
  },
  successDialog: {
--- a/src/components/EdxHeader/EdxHeader.test.jsx
+++ b/src/components/EdxHeader/EdxHeader.test.jsx
@@ -0,0 +1,35 @@
+import React from 'react';
+import { getConfig } from '@edx/frontend-platform';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
+import { render, screen } from '@testing-library/react';
+
+import Header from '.';
+
+jest.mock('@edx/frontend-platform', () => ({
+  ...jest.requireActual('@edx/frontend-platform'),
+  getConfig: jest.fn(),
+}));
+
+describe('Header', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  test('has edx link with logo url', () => {
+    const url = 'www.ourLogo.url';
+    const baseUrl = 'www.lms.url';
+    getConfig.mockReturnValue({ LOGO_URL: url, LMS_BASE_URL: baseUrl });
+
+    render(
+      <IntlProvider messages={{}} locale="en">
+        <Header />
+      </IntlProvider>,
+    );
+
+    const link = screen.getByRole('link');
+    const logo = screen.getByAltText('edX logo');
+
+    expect(link).toHaveAttribute('href', `${baseUrl}/dashboard`);
+    expect(logo).toHaveAttribute('src', url);
+  });
+});
--- a/src/components/EdxHeader/snapshots/test.jsx.snap
+++ b/src/components/EdxHeader/snapshots/test.jsx.snap
@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Header snapshot - has edx link with logo url 1`] = `
-<div
-  className="mb-3"
->
-  <header
-    className="d-flex justify-content-center align-items-center p-3 border-bottom-blue"
-  >
-    <Hyperlink
-      destination="undefined/dashboard"
-    >
-      <img
-        alt="edX logo"
-        height="30"
-        src="www.ourLogo.url"
-        width="60"
-      />
-    </Hyperlink>
-    <div />
-  </header>
-</div>
-`;
--- a/src/components/EdxHeader/test.jsx
+++ b/src/components/EdxHeader/test.jsx
@@ -1,21 +0,0 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { getConfig } from '@edx/frontend-platform';
-
-import Header from '.';
-
-jest.mock('@openedx/paragon', () => ({
-  Hyperlink: () => 'Hyperlink',
-}));
-jest.mock('@edx/frontend-platform', () => ({
-  getConfig: jest.fn(),
-}));
-
-describe('Header', () => {
-  test('snapshot - has edx link with logo url', () => {
-    const url = 'www.ourLogo.url';
-    getConfig.mockReturnValue({ LOGO_URL: url });
-    expect(shallow(<Header />).snapshot).toMatchSnapshot();
-  });
-});
--- a/src/components/GradebookFilters/AssignmentFilter/snapshots/index.test.jsx.snap
+++ b/src/components/GradebookFilters/AssignmentFilter/snapshots/index.test.jsx.snap
@@ -1,52 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AssignmentFilter component render snapshot 1`] = `
-<div
-  className="student-filters"
->
-  <SelectGroup
-    disabled={false}
-    id="assignment"
-    label="Assignment"
-    onChange={[MockFunction]}
-    options={
-      [
-        <option
-          value=""
-        >
-          All
-        </option>,
-        <option
-          value="label1"
-        >
-          label1
-          : 
-          sLabel1
-        </option>,
-        <option
-          value="label2"
-        >
-          label2
-          : 
-          sLabel2
-        </option>,
-        <option
-          value="label3"
-        >
-          label3
-          : 
-          sLabel3
-        </option>,
-        <option
-          value="label4"
-        >
-          label4
-          : 
-          sLabel4
-        </option>,
-      ]
-    }
-    value="test-label"
-  />
-</div>
-`;
--- a/src/components/GradebookFilters/AssignmentFilter/index.test.jsx
+++ b/src/components/GradebookFilters/AssignmentFilter/index.test.jsx
@@ -1,12 +1,9 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-import { useIntl } from '@edx/frontend-platform/i18n';
+import { render, screen, initializeMocks } from 'testUtilsExtra';

-import SelectGroup from '../SelectGroup';
 import useAssignmentFilterData from './hooks';
 import AssignmentFilter from '.';

-jest.mock('../SelectGroup', () => 'SelectGroup');
 jest.mock('./hooks', () => ({ __esModule: true, default: jest.fn() }));

 const handleChange = jest.fn();
@@ -25,29 +22,16 @@ useAssignmentFilterData.mockReturnValue({

 const updateQueryParams = jest.fn();

-let el;
 describe('AssignmentFilter component', () => {
  beforeAll(() => {
-    el = shallow(<AssignmentFilter updateQueryParams={updateQueryParams} />);
-  });
-  describe('behavior', () => {
-    it('initializes hooks', () => {
-      expect(useAssignmentFilterData).toHaveBeenCalledWith({ updateQueryParams });
-      expect(useIntl).toHaveBeenCalledWith();
-    });
+    initializeMocks();
+    render(<AssignmentFilter updateQueryParams={updateQueryParams} />);
  });
  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-    });
    test('filter options', () => {
-      const { options } = el.instance.findByType(SelectGroup)[0].props;
-      expect(options.length).toEqual(5);
-      const testOption = assignmentFilterOptions[0];
-      const optionProps = options[1].props;
-      expect(optionProps.value).toEqual(testOption.label);
-      expect(optionProps.children.join(''))
-        .toEqual(`${testOption.label}: ${testOption.subsectionLabel}`);
+      expect(screen.getByRole('combobox', { name: 'Assignment' })).toBeInTheDocument();
+      expect(screen.getAllByRole('option')).toHaveLength(assignmentFilterOptions.length + 1); // +1 for the default option
+      expect(screen.getAllByRole('option')[assignmentFilterOptions.length]).toHaveTextContent(assignmentFilterOptions[assignmentFilterOptions.length - 1].label);
    });
  });
 });
--- a/src/components/GradebookFilters/AssignmentGradeFilter/snapshots/index.test.jsx.snap
+++ b/src/components/GradebookFilters/AssignmentGradeFilter/snapshots/index.test.jsx.snap
@@ -1,67 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AssignmentFilter component render with selected assignment snapshot 1`] = `
-<div
-  className="grade-filter-inputs"
->
-  <PercentGroup
-    disabled={false}
-    id="assignmentGradeMin"
-    label="Min Grade"
-    onChange={[MockFunction]}
-    value={23}
-  />
-  <PercentGroup
-    disabled={false}
-    id="assignmentGradeMax"
-    label="Max Grade"
-    onChange={[MockFunction]}
-    value={300}
-  />
-  <div
-    className="grade-filter-action"
-  >
-    <Button
-      disabled={false}
-      name="assignmentGradeMinMax"
-      type="submit"
-      variant="outline-secondary"
-    >
-      Apply
-    </Button>
-  </div>
-</div>
-`;
-
-exports[`AssignmentFilter component render without selected assignment snapshot 1`] = `
-<div
-  className="grade-filter-inputs"
->
-  <PercentGroup
-    disabled={true}
-    id="assignmentGradeMin"
-    label="Min Grade"
-    onChange={[MockFunction]}
-    value={23}
-  />
-  <PercentGroup
-    disabled={true}
-    id="assignmentGradeMax"
-    label="Max Grade"
-    onChange={[MockFunction]}
-    value={300}
-  />
-  <div
-    className="grade-filter-action"
-  >
-    <Button
-      disabled={true}
-      name="assignmentGradeMinMax"
-      type="submit"
-      variant="outline-secondary"
-    >
-      Apply
-    </Button>
-  </div>
-</div>
-`;
--- a/src/components/GradebookFilters/AssignmentGradeFilter/index.test.jsx
+++ b/src/components/GradebookFilters/AssignmentGradeFilter/index.test.jsx
@@ -1,17 +1,15 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-import { useIntl } from '@edx/frontend-platform/i18n';
-import { Button } from '@openedx/paragon';
+/* eslint-disable import/no-extraneous-dependencies */
+import { screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';

-import PercentGroup from '../PercentGroup';
 import useAssignmentGradeFilterData from './hooks';
 import AssignmentFilter from '.';
+import { renderWithIntl } from '../../../testUtilsExtra';

-jest.mock('../PercentGroup', () => 'PercentGroup');
 jest.mock('./hooks', () => ({ __esModule: true, default: jest.fn() }));

 const hookData = {
-  handleChange: jest.fn(),
+  handleSubmit: jest.fn(),
  handleSetMax: jest.fn(),
  handleSetMin: jest.fn(),
  selectedAssignment: 'test-assignment',
@@ -22,37 +20,39 @@ useAssignmentGradeFilterData.mockReturnValue(hookData);

 const updateQueryParams = jest.fn();

-let el;
 describe('AssignmentFilter component', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-    el = shallow(<AssignmentFilter updateQueryParams={updateQueryParams} />);
-  });
  describe('behavior', () => {
    it('initializes hooks', () => {
+      renderWithIntl(<AssignmentFilter updateQueryParams={updateQueryParams} />);
      expect(useAssignmentGradeFilterData).toHaveBeenCalledWith({ updateQueryParams });
-      expect(useIntl).toHaveBeenCalledWith();
    });
  });
  describe('render', () => {
    describe('with selected assignment', () => {
-      test('snapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
+      beforeEach(() => {
+        jest.clearAllMocks();
+        renderWithIntl(<AssignmentFilter updateQueryParams={updateQueryParams} />);
      });
-      it('renders a PercentGroup for both Max and Min filters', () => {
-        let { props } = el.instance.findByType(PercentGroup)[0];
-        expect(props.value).toEqual(hookData.assignmentGradeMin);
-        expect(props.disabled).toEqual(false);
-        expect(props.onChange).toEqual(hookData.handleSetMin);
-        props = el.instance.findByType(PercentGroup)[1].props;
-        expect(props.value).toEqual(hookData.assignmentGradeMax);
-        expect(props.disabled).toEqual(false);
-        expect(props.onChange).toEqual(hookData.handleSetMax);
+      it('renders a PercentGroup for both Max and Min filters', async () => {
+        const user = userEvent.setup();
+        const minGradeInput = screen.getByRole('spinbutton', { name: /Min Grade/i });
+        const maxGradeInput = screen.getByRole('spinbutton', { name: /Max Grade/i });
+        expect(minGradeInput).toBeInTheDocument();
+        expect(maxGradeInput).toBeInTheDocument();
+        expect(minGradeInput).toBeEnabled();
+        expect(maxGradeInput).toBeEnabled();
+        await user.type(minGradeInput, '25');
+        expect(hookData.handleSetMin).toHaveBeenCalled();
+        await user.type(maxGradeInput, '50');
+        expect(hookData.handleSetMax).toHaveBeenCalled();
      });
-      it('renders a submit button', () => {
-        const { props } = el.instance.findByType(Button)[0];
-        expect(props.disabled).toEqual(false);
-        expect(props.onClick).toEqual(hookData.handleSubmit);
+      it('renders a submit button', async () => {
+        const user = userEvent.setup();
+        const submitButton = screen.getByRole('button', { name: /Apply/ });
+        expect(submitButton).toBeInTheDocument();
+        expect(submitButton).not.toHaveAttribute('disabled');
+        await user.click(submitButton);
+        expect(hookData.handleSubmit).toHaveBeenCalled();
      });
    });
    describe('without selected assignment', () => {
@@ -61,16 +61,13 @@ describe('AssignmentFilter component', () => {
          ...hookData,
          selectedAssignment: null,
        });
-        el = shallow(<AssignmentFilter updateQueryParams={updateQueryParams} />);
-      });
-      test('snapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
+        renderWithIntl(<AssignmentFilter updateQueryParams={updateQueryParams} />);
      });
      it('disables controls', () => {
-        let { props } = el.instance.findByType(PercentGroup)[0];
-        expect(props.disabled).toEqual(true);
-        props = el.instance.findByType(PercentGroup)[1].props;
-        expect(props.disabled).toEqual(true);
+        const minGrade = screen.getByRole('spinbutton', { name: /Min Grade/ });
+        const maxGrade = screen.getByRole('spinbutton', { name: /Max Grade/ });
+        expect(minGrade).toHaveAttribute('disabled');
+        expect(maxGrade).toHaveAttribute('disabled');
      });
    });
  });
--- a/src/components/GradebookFilters/AssignmentTypeFilter/snapshots/index.test.jsx.snap
+++ b/src/components/GradebookFilters/AssignmentTypeFilter/snapshots/index.test.jsx.snap
@@ -1,44 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AssignmentFilterType component render snapshot 1`] = `
-<div
-  className="student-filters"
->
-  <SelectGroup
-    disabled={true}
-    id="assignment-types"
-    label="Assignment Types"
-    onChange={[MockFunction]}
-    options={
-      [
-        <option
-          value=""
-        >
-          All
-        </option>,
-        <option
-          value="test-type"
-        >
-          test-type
-        </option>,
-        <option
-          value="type1"
-        >
-          type1
-        </option>,
-        <option
-          value="type2"
-        >
-          type2
-        </option>,
-        <option
-          value="type3"
-        >
-          type3
-        </option>,
-      ]
-    }
-    value="test-type"
-  />
-</div>
-`;
--- a/src/components/GradebookFilters/AssignmentTypeFilter/index.test.jsx
+++ b/src/components/GradebookFilters/AssignmentTypeFilter/index.test.jsx
@@ -1,12 +1,10 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-import { useIntl } from '@edx/frontend-platform/i18n';
+import { screen } from '@testing-library/react';

-import SelectGroup from '../SelectGroup';
 import useAssignmentFilterTypeData from './hooks';
 import AssignmentFilterType from '.';
+import { renderWithIntl } from '../../../testUtilsExtra';

-jest.mock('../SelectGroup', () => 'SelectGroup');
 jest.mock('./hooks', () => ({ __esModule: true, default: jest.fn() }));

 const handleChange = jest.fn();
@@ -21,27 +19,15 @@ useAssignmentFilterTypeData.mockReturnValue({

 const updateQueryParams = jest.fn();

-let el;
 describe('AssignmentFilterType component', () => {
  beforeAll(() => {
-    el = shallow(<AssignmentFilterType updateQueryParams={updateQueryParams} />);
-  });
-  describe('behavior', () => {
-    it('initializes hooks', () => {
-      expect(useAssignmentFilterTypeData).toHaveBeenCalledWith({ updateQueryParams });
-      expect(useIntl).toHaveBeenCalledWith();
-    });
+    renderWithIntl(<AssignmentFilterType updateQueryParams={updateQueryParams} />);
  });
  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-    });
    test('filter options', () => {
-      const { options } = el.instance.findByType(SelectGroup)[0].props;
-      expect(options.length).toEqual(5);
-      const optionProps = options[1].props;
-      expect(optionProps.value).toEqual(assignmentTypes[0]);
-      expect(optionProps.children).toEqual(testType);
+      const options = screen.getAllByRole('option');
+      expect(options.length).toEqual(5); // 4 types + "All Types"
+      expect(options[1]).toHaveTextContent(testType);
    });
  });
 });
--- a/src/components/GradebookFilters/CourseGradeFilter/snapshots/index.test.jsx.snap
+++ b/src/components/GradebookFilters/CourseGradeFilter/snapshots/index.test.jsx.snap
@@ -1,63 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CourseFilter component render if disabled snapshot 1`] = `
-<Fragment>
-  <div
-    className="grade-filter-inputs"
-  >
-    <PercentGroup
-      id="minimum-grade"
-      label="Min Grade"
-      onChange={[MockFunction]}
-      value={23}
-    />
-    <PercentGroup
-      id="maximum-grade"
-      label="Max Grade"
-      onChange={[MockFunction]}
-      value={300}
-    />
-  </div>
-  <div
-    className="grade-filter-action"
-  >
-    <Button
-      disabled={true}
-      variant="outline-secondary"
-    >
-      Apply
-    </Button>
-  </div>
-</Fragment>
-`;
-
-exports[`CourseFilter component render with selected assignment snapshot 1`] = `
-<Fragment>
-  <div
-    className="grade-filter-inputs"
-  >
-    <PercentGroup
-      id="minimum-grade"
-      label="Min Grade"
-      onChange={[MockFunction]}
-      value={23}
-    />
-    <PercentGroup
-      id="maximum-grade"
-      label="Max Grade"
-      onChange={[MockFunction]}
-      value={300}
-    />
-  </div>
-  <div
-    className="grade-filter-action"
-  >
-    <Button
-      disabled={false}
-      variant="outline-secondary"
-    >
-      Apply
-    </Button>
-  </div>
-</Fragment>
-`;
--- a/src/components/GradebookFilters/CourseGradeFilter/index.test.jsx
+++ b/src/components/GradebookFilters/CourseGradeFilter/index.test.jsx
@@ -1,13 +1,10 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-import { useIntl } from '@edx/frontend-platform/i18n';
-import { Button } from '@openedx/paragon';
+import { screen } from '@testing-library/react';

-import PercentGroup from '../PercentGroup';
 import useCourseGradeFilterData from './hooks';
 import CourseFilter from '.';
+import { renderWithIntl } from '../../../testUtilsExtra';

-jest.mock('../PercentGroup', () => 'PercentGroup');
 jest.mock('./hooks', () => ({ __esModule: true, default: jest.fn() }));

 const hookData = {
@@ -27,48 +24,37 @@ useCourseGradeFilterData.mockReturnValue(hookData);

 const updateQueryParams = jest.fn();

-let el;
 describe('CourseFilter component', () => {
  beforeEach(() => {
    jest.clearAllMocks();
-    el = shallow(<CourseFilter updateQueryParams={updateQueryParams} />);
-  });
-  describe('behavior', () => {
-    it('initializes hooks', () => {
-      expect(useCourseGradeFilterData).toHaveBeenCalledWith({ updateQueryParams });
-      expect(useIntl).toHaveBeenCalledWith();
-    });
  });
  describe('render', () => {
+    beforeEach(() => {
+      jest.clearAllMocks();
+    });
    describe('with selected assignment', () => {
-      test('snapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
+      beforeEach(() => {
+        renderWithIntl(<CourseFilter updateQueryParams={updateQueryParams} />);
      });
+
      it('renders a PercentGroup for both Max and Min filters', () => {
-        let { props } = el.instance.findByType(PercentGroup)[0];
-        expect(props.value).toEqual(hookData.min.value);
-        expect(props.onChange).toEqual(hookData.min.onChange);
-        props = el.instance.findByType(PercentGroup)[1].props;
-        expect(props.value).toEqual(hookData.max.value);
-        expect(props.onChange).toEqual(hookData.max.onChange);
+        expect(screen.getByRole('spinbutton', { name: 'Min Grade' })).toHaveValue(hookData.min.value);
+        expect(screen.getByRole('spinbutton', { name: 'Max Grade' })).toHaveValue(hookData.max.value);
      });
      it('renders a submit button', () => {
-        const { props } = el.instance.findByType(Button)[0];
-        expect(props.disabled).toEqual(false);
-        expect(props.onClick).toEqual(hookData.handleApplyClick);
+        expect(screen.getByRole('button', { name: 'Apply' })).toBeInTheDocument();
+        // Expect it to be enabled
+        expect(screen.getByRole('button', { name: 'Apply' })).not.toBeDisabled();
      });
    });
    describe('if disabled', () => {
      beforeEach(() => {
+        jest.clearAllMocks();
        useCourseGradeFilterData.mockReturnValueOnce({ ...hookData, isDisabled: true });
-        el = shallow(<CourseFilter updateQueryParams={updateQueryParams} />);
-      });
-      test('snapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
+        renderWithIntl(<CourseFilter updateQueryParams={updateQueryParams} />);
      });
      it('disables submit', () => {
-        const { props } = el.instance.findByType(Button)[0];
-        expect(props.disabled).toEqual(true);
+        expect(screen.getByRole('button', { name: 'Apply' })).toBeDisabled();
      });
    });
  });
--- a/src/components/GradebookFilters/PercentGroup.test.jsx
+++ b/src/components/GradebookFilters/PercentGroup.test.jsx
@@ -1,5 +1,4 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { render, screen, initializeMocks } from 'testUtilsExtra';

 import PercentGroup from './PercentGroup';

@@ -12,6 +11,7 @@ describe('PercentGroup', () => {
  };

  beforeEach(() => {
+    initializeMocks();
    props = {
      ...props,
      onChange: jest.fn().mockName('props.onChange'),
@@ -19,15 +19,17 @@ describe('PercentGroup', () => {
  });

  describe('Component', () => {
-    describe('snapshots', () => {
-      test('basic snapshot', () => {
-        const el = shallow(<PercentGroup {...props} />);
-        expect(el.snapshot).toMatchSnapshot();
-      });
-      test('disabled', () => {
-        const el = shallow(<PercentGroup {...props} disabled />);
-        expect(el.snapshot).toMatchSnapshot();
-      });
+    test('is displayed', () => {
+      render(<PercentGroup {...props} />);
+      expect(screen.getByRole('spinbutton', { name: 'Group Label' })).toBeInTheDocument();
+      expect(screen.getByText('Group Label')).toBeVisible();
+      expect(screen.getByText('%')).toBeVisible();
+    });
+    test('disabled', () => {
+      render(<PercentGroup {...props} disabled />);
+      expect(screen.getByRole('spinbutton', { name: 'Group Label' })).toBeDisabled();
+      expect(screen.getByText('Group Label')).toBeVisible();
+      expect(screen.getByText('%')).toBeVisible();
    });
  });
 });
--- a/src/components/GradebookFilters/SelectGroup.test.jsx
+++ b/src/components/GradebookFilters/SelectGroup.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { render, screen } from '@testing-library/react';

 import SelectGroup from './SelectGroup';

@@ -24,15 +24,14 @@ describe('SelectGroup', () => {
  });

  describe('Component', () => {
-    describe('snapshots', () => {
-      test('basic snapshot', () => {
-        const el = shallow(<SelectGroup {...props} />);
-        expect(el.snapshot).toMatchSnapshot();
-      });
-      test('disabled', () => {
-        const el = shallow(<SelectGroup {...props} disabled />);
-        expect(el.snapshot).toMatchSnapshot();
-      });
+    test('rendered with all options and label', () => {
+      render(<SelectGroup {...props} />);
+      expect(screen.getAllByRole('option')).toHaveLength(props.options.length);
+      expect(screen.getByLabelText(props.label)).toBeInTheDocument();
+    });
+    test('disabled', () => {
+      render(<SelectGroup {...props} disabled />);
+      expect(screen.getByRole('combobox')).toBeDisabled();
    });
  });
 });
--- a/src/components/GradebookFilters/StudentGroupsFilter/snapshots/index.test.jsx.snap
+++ b/src/components/GradebookFilters/StudentGroupsFilter/snapshots/index.test.jsx.snap
@@ -1,72 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`StudentGroupsFilter component render snapshot 1`] = `
-<Fragment>
-  <SelectGroup
-    id="Tracks"
-    label="Tracks"
-    onChange={[MockFunction]}
-    options={
-      [
-        <option
-          value="Track-All"
-        >
-          Track-All
-        </option>,
-        <option
-          value="v1"
-        >
-          n1
-        </option>,
-        <option
-          value="v2"
-        >
-          n2
-        </option>,
-        <option
-          value="v3"
-        >
-          n3
-        </option>,
-        <option
-          value="v4"
-        >
-          n4
-        </option>,
-      ]
-    }
-    value="test-track"
-  />
-  <SelectGroup
-    disabled={false}
-    id="Cohorts"
-    label="Cohorts"
-    onChange={[MockFunction]}
-    options={
-      [
-        <option
-          value="Cohort-All"
-        >
-          Cohort-All
-        </option>,
-        <option
-          value="v1"
-        >
-          n1
-        </option>,
-        <option
-          value="v2"
-        >
-          n2
-        </option>,
-        <option
-          value="v3"
-        >
-          n3
-        </option>,
-      ]
-    }
-    value="test-cohort"
-  />
-</Fragment>
-`;
--- a/src/components/GradebookFilters/StudentGroupsFilter/index.test.jsx
+++ b/src/components/GradebookFilters/StudentGroupsFilter/index.test.jsx
@@ -1,84 +1,164 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-import { useIntl } from '@edx/frontend-platform/i18n';
+import { render, screen, initializeMocks } from 'testUtilsExtra';

 import SelectGroup from '../SelectGroup';
+import { StudentGroupsFilter } from './index';
 import useStudentGroupsFilterData from './hooks';
-import StudentGroupsFilter from '.';

-jest.mock('../SelectGroup', () => 'SelectGroup');
-jest.mock('./hooks', () => ({ __esModule: true, default: jest.fn() }));
+jest.mock('../SelectGroup', () => jest.fn(() => <div data-testid="select-group">SelectGroup</div>));
+jest.mock('./hooks', () => jest.fn());

-const props = {
-  cohorts: {
-    value: 'test-cohort',
+initializeMocks();
+
+describe('StudentGroupsFilter', () => {
+  const mockUpdateQueryParams = jest.fn();
+
+  const mockTracksData = {
+    value: 'test-track-value',
    entries: [
-      { value: 'v1', name: 'n1' },
-      { value: 'v2', name: 'n2' },
-      { value: 'v3', name: 'n3' },
+      { value: 'track1', name: 'Track 1' },
+      { value: 'track2', name: 'Track 2' },
+    ],
+    handleChange: jest.fn(),
+  };
+
+  const mockCohortsData = {
+    value: 'test-cohort-value',
+    entries: [
+      { value: 'cohort1', name: 'Cohort 1' },
+      { value: 'cohort2', name: 'Cohort 2' },
    ],
    handleChange: jest.fn(),
    isDisabled: false,
-  },
-  tracks: {
-    value: 'test-track',
-    entries: [
-      { value: 'v1', name: 'n1' },
-      { value: 'v2', name: 'n2' },
-      { value: 'v3', name: 'n3' },
-      { value: 'v4', name: 'n4' },
-    ],
-    handleChange: jest.fn(),
-  },
-};
-useStudentGroupsFilterData.mockReturnValue(props);
-const updateQueryParams = jest.fn();
+  };

-let el;
-describe('StudentGroupsFilter component', () => {
-  beforeAll(() => {
+  beforeEach(() => {
    jest.clearAllMocks();
-    el = shallow(<StudentGroupsFilter updateQueryParams={updateQueryParams} />);
-  });
-  describe('behavior', () => {
-    it('initializes hooks', () => {
-      expect(useStudentGroupsFilterData).toHaveBeenCalledWith({ updateQueryParams });
-      expect(useIntl).toHaveBeenCalledWith();
+    useStudentGroupsFilterData.mockReturnValue({
+      tracks: mockTracksData,
+      cohorts: mockCohortsData,
    });
  });
-  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
+
+  it('calls useStudentGroupsFilterData hook with updateQueryParams', () => {
+    render(<StudentGroupsFilter updateQueryParams={mockUpdateQueryParams} />);
+
+    expect(useStudentGroupsFilterData).toHaveBeenCalledWith({
+      updateQueryParams: mockUpdateQueryParams,
    });
-    test('track options', () => {
-      const {
-        options,
-        onChange,
-        value,
-      } = el.instance.findByType(SelectGroup)[0].props;
-      expect(value).toEqual(props.tracks.value);
-      expect(onChange).toEqual(props.tracks.handleChange);
-      expect(options.length).toEqual(5);
-      const testEntry = props.tracks.entries[0];
-      const optionProps = options[1].props;
-      expect(optionProps.value).toEqual(testEntry.value);
-      expect(optionProps.children).toEqual(testEntry.name);
+  });
+
+  it('renders two SelectGroup components', () => {
+    render(<StudentGroupsFilter updateQueryParams={mockUpdateQueryParams} />);
+
+    expect(SelectGroup).toHaveBeenCalledTimes(2);
+    expect(screen.getAllByTestId('select-group')).toHaveLength(2);
+  });
+
+  describe('tracks SelectGroup', () => {
+    it('renders tracks SelectGroup with correct props', () => {
+      render(<StudentGroupsFilter updateQueryParams={mockUpdateQueryParams} />);
+
+      const tracksCall = SelectGroup.mock.calls[0][0];
+      expect(tracksCall.id).toBe('Tracks');
+      expect(tracksCall.value).toBe(mockTracksData.value);
+      expect(tracksCall.onChange).toBe(mockTracksData.handleChange);
    });
-    test('cohort options', () => {
-      const {
-        options,
-        onChange,
-        disabled,
-        value,
-      } = el.instance.findByType(SelectGroup)[1].props;
-      expect(value).toEqual(props.cohorts.value);
-      expect(disabled).toEqual(false);
-      expect(onChange).toEqual(props.cohorts.handleChange);
-      expect(options.length).toEqual(4);
-      const testEntry = props.cohorts.entries[0];
-      const optionProps = options[1].props;
-      expect(optionProps.value).toEqual(testEntry.value);
-      expect(optionProps.children).toEqual(testEntry.name);
+
+    it('includes trackAll option in tracks SelectGroup', () => {
+      render(<StudentGroupsFilter updateQueryParams={mockUpdateQueryParams} />);
+
+      const tracksCall = SelectGroup.mock.calls[0][0];
+      const { options } = tracksCall;
+
+      expect(options).toHaveLength(3);
+      expect(options[0].props.value).toBeDefined();
+      expect(options[0].props.children).toBeDefined();
+    });
+
+    it('includes track entries in tracks SelectGroup options', () => {
+      render(<StudentGroupsFilter updateQueryParams={mockUpdateQueryParams} />);
+
+      const tracksCall = SelectGroup.mock.calls[0][0];
+      const { options } = tracksCall;
+
+      expect(options[1].props.value).toBe('track1');
+      expect(options[1].props.children).toBe('Track 1');
+      expect(options[2].props.value).toBe('track2');
+      expect(options[2].props.children).toBe('Track 2');
+    });
+  });
+
+  describe('cohorts SelectGroup', () => {
+    it('renders cohorts SelectGroup with correct props', () => {
+      render(<StudentGroupsFilter updateQueryParams={mockUpdateQueryParams} />);
+
+      const cohortsCall = SelectGroup.mock.calls[1][0];
+      expect(cohortsCall.id).toBe('Cohorts');
+      expect(cohortsCall.value).toBe(mockCohortsData.value);
+      expect(cohortsCall.onChange).toBe(mockCohortsData.handleChange);
+      expect(cohortsCall.disabled).toBe(mockCohortsData.isDisabled);
+    });
+
+    it('includes cohortAll option in cohorts SelectGroup', () => {
+      render(<StudentGroupsFilter updateQueryParams={mockUpdateQueryParams} />);
+
+      const cohortsCall = SelectGroup.mock.calls[1][0];
+      const { options } = cohortsCall;
+
+      expect(options).toHaveLength(3);
+      expect(options[0].props.value).toBeDefined();
+      expect(options[0].props.children).toBeDefined();
+    });
+
+    it('includes cohort entries in cohorts SelectGroup options', () => {
+      render(<StudentGroupsFilter updateQueryParams={mockUpdateQueryParams} />);
+
+      const cohortsCall = SelectGroup.mock.calls[1][0];
+      const { options } = cohortsCall;
+
+      expect(options[1].props.value).toBe('cohort1');
+      expect(options[1].props.children).toBe('Cohort 1');
+      expect(options[2].props.value).toBe('cohort2');
+      expect(options[2].props.children).toBe('Cohort 2');
+    });
+
+    it('passes disabled state to cohorts SelectGroup', () => {
+      useStudentGroupsFilterData.mockReturnValue({
+        tracks: mockTracksData,
+        cohorts: { ...mockCohortsData, isDisabled: true },
+      });
+
+      render(<StudentGroupsFilter updateQueryParams={mockUpdateQueryParams} />);
+
+      const cohortsCall = SelectGroup.mock.calls[1][0];
+      expect(cohortsCall.disabled).toBe(true);
+    });
+  });
+
+  describe('with empty entries', () => {
+    it('handles empty tracks entries', () => {
+      useStudentGroupsFilterData.mockReturnValue({
+        tracks: { ...mockTracksData, entries: [] },
+        cohorts: mockCohortsData,
+      });
+
+      render(<StudentGroupsFilter updateQueryParams={mockUpdateQueryParams} />);
+
+      const tracksCall = SelectGroup.mock.calls[0][0];
+      expect(tracksCall.options).toHaveLength(1);
+    });
+
+    it('handles empty cohorts entries', () => {
+      useStudentGroupsFilterData.mockReturnValue({
+        tracks: mockTracksData,
+        cohorts: { ...mockCohortsData, entries: [] },
+      });
+
+      render(<StudentGroupsFilter updateQueryParams={mockUpdateQueryParams} />);
+
+      const cohortsCall = SelectGroup.mock.calls[1][0];
+      expect(cohortsCall.options).toHaveLength(1);
    });
  });
 });
--- a/src/components/GradebookFilters/snapshots/PercentGroup.test.jsx.snap
+++ b/src/components/GradebookFilters/snapshots/PercentGroup.test.jsx.snap
@@ -1,57 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PercentGroup Component snapshots basic snapshot 1`] = `
-<div
-  className="percent-group"
->
-  <Form.Group
-    controlId="group id"
-  >
-    <Form.Label>
-      Group Label
-    </Form.Label>
-    <Form.Control
-      disabled={false}
-      max={100}
-      min={0}
-      onChange={[MockFunction props.onChange]}
-      step={1}
-      type="number"
-      value="group VALUE"
-    />
-  </Form.Group>
-  <span
-    className="input-percent-label"
-  >
-    %
-  </span>
-</div>
-`;
-
-exports[`PercentGroup Component snapshots disabled 1`] = `
-<div
-  className="percent-group"
->
-  <Form.Group
-    controlId="group id"
-  >
-    <Form.Label>
-      Group Label
-    </Form.Label>
-    <Form.Control
-      disabled={true}
-      max={100}
-      min={0}
-      onChange={[MockFunction props.onChange]}
-      step={1}
-      type="number"
-      value="group VALUE"
-    />
-  </Form.Group>
-  <span
-    className="input-percent-label"
-  >
-    %
-  </span>
-</div>
-`;
--- a/src/components/GradebookFilters/snapshots/SelectGroup.test.jsx.snap
+++ b/src/components/GradebookFilters/snapshots/SelectGroup.test.jsx.snap
@@ -1,79 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SelectGroup Component snapshots basic snapshot 1`] = `
-<div
-  className="student-filters"
->
-  <Form.Group
-    controlId="group id"
-  >
-    <Form.Label>
-      Group Label
-    </Form.Label>
-    <Form.Control
-      as="select"
-      disabled={false}
-      onChange={[MockFunction props.onChange]}
-      value="group VALUE"
-    >
-      <option
-        key="opt1"
-        value="opt1"
-      >
-        Option 1
-      </option>
-      <option
-        key="opt2"
-        value="opt2"
-      >
-        Option 2
-      </option>
-      <option
-        key="opt3"
-        value="opt3"
-      >
-        Option 3
-      </option>
-    </Form.Control>
-  </Form.Group>
-</div>
-`;
-
-exports[`SelectGroup Component snapshots disabled 1`] = `
-<div
-  className="student-filters"
->
-  <Form.Group
-    controlId="group id"
-  >
-    <Form.Label>
-      Group Label
-    </Form.Label>
-    <Form.Control
-      as="select"
-      disabled={true}
-      onChange={[MockFunction props.onChange]}
-      value="group VALUE"
-    >
-      <option
-        key="opt1"
-        value="opt1"
-      >
-        Option 1
-      </option>
-      <option
-        key="opt2"
-        value="opt2"
-      >
-        Option 2
-      </option>
-      <option
-        key="opt3"
-        value="opt3"
-      >
-        Option 3
-      </option>
-    </Form.Control>
-  </Form.Group>
-</div>
-`;
--- a/src/components/GradebookFilters/snapshots/index.test.jsx.snap
+++ b/src/components/GradebookFilters/snapshots/index.test.jsx.snap
@@ -1,70 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`GradebookFilters render snapshot 1`] = `
-<Fragment>
-  <div
-    className="filter-sidebar-header"
-  >
-    <h2>
-      <Icon
-        className="fa fa-filter"
-      />
-    </h2>
-    <IconButton
-      alt="Close Filters"
-      aria-label="Close Filters"
-      className="p-1"
-      iconAs="Icon"
-      onClick={[MockFunction hook.closeMenu]}
-      src="Close"
-    />
-  </div>
-  <Collapsible
-    className="filter-group mb-3"
-    defaultOpen={true}
-    title="Assignments"
-  >
-    <div>
-      <AssignmentTypeFilter
-        updateQueryParams={[MockFunction]}
-      />
-      <AssignmentFilter
-        updateQueryParams={[MockFunction]}
-      />
-      <AssignmentGradeFilter
-        updateQueryParams={[MockFunction]}
-      />
-    </div>
-  </Collapsible>
-  <Collapsible
-    className="filter-group mb-3"
-    defaultOpen={true}
-    title="Overall Grade"
-  >
-    <CourseGradeFilter
-      updateQueryParams={[MockFunction]}
-    />
-  </Collapsible>
-  <Collapsible
-    className="filter-group mb-3"
-    defaultOpen={true}
-    title="Student Groups"
-  >
-    <StudentGroupsFilter
-      updateQueryParams={[MockFunction]}
-    />
-  </Collapsible>
-  <Collapsible
-    className="filter-group mb-3"
-    defaultOpen={true}
-    title="Include Course Team Members"
-  >
-    <Form.Checkbox
-      checked={true}
-      onChange={[MockFunction hook.handleChange]}
-    >
-      Include Course Team Members
-    </Form.Checkbox>
-  </Collapsible>
-</Fragment>
-`;
--- a/src/components/GradebookFilters/index.test.jsx
+++ b/src/components/GradebookFilters/index.test.jsx
@@ -1,82 +1,30 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { render, screen, initializeMocks } from 'testUtilsExtra';

-import { useIntl } from '@edx/frontend-platform/i18n';
-import { Collapsible } from '@openedx/paragon';
-
-import { formatMessage } from 'testUtils';
-
-import AssignmentTypeFilter from './AssignmentTypeFilter';
-import AssignmentFilter from './AssignmentFilter';
-import AssignmentGradeFilter from './AssignmentGradeFilter';
-import CourseGradeFilter from './CourseGradeFilter';
-import StudentGroupsFilter from './StudentGroupsFilter';
-import messages from './messages';
-
-import useGradebookFiltersData from './hooks';
 import GradebookFilters from '.';

-jest.mock('./AssignmentTypeFilter', () => 'AssignmentTypeFilter');
-jest.mock('./AssignmentFilter', () => 'AssignmentFilter');
-jest.mock('./AssignmentGradeFilter', () => 'AssignmentGradeFilter');
-jest.mock('./CourseGradeFilter', () => 'CourseGradeFilter');
-jest.mock('./StudentGroupsFilter', () => 'StudentGroupsFilter');
-
-jest.mock('./hooks', () => ({ __esModule: true, default: jest.fn() }));
-
-const hookProps = {
-  closeMenu: jest.fn().mockName('hook.closeMenu'),
-  includeCourseTeamMembers: {
-    value: true,
-    handleChange: jest.fn().mockName('hook.handleChange'),
-  },
-};
-useGradebookFiltersData.mockReturnValue(hookProps);
-
-let el;
 const updateQueryParams = jest.fn();

+initializeMocks();
+
 describe('GradebookFilters', () => {
  beforeEach(() => {
    jest.clearAllMocks();
-    el = shallow(<GradebookFilters updateQueryParams={updateQueryParams} />);
+    render(<GradebookFilters updateQueryParams={updateQueryParams} />);
  });
-  describe('behavior', () => {
-    it('initializes hooks', () => {
-      expect(useGradebookFiltersData).toHaveBeenCalledWith({ updateQueryParams });
-      expect(useIntl).toHaveBeenCalledWith();
-    });
-  });
-  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-    });
+  describe('All filters render together', () => {
    test('Assignment filters', () => {
-      expect(el.instance.findByType(Collapsible)[0].children[0]).toMatchObject(shallow(
-        <div>
-          <AssignmentTypeFilter updateQueryParams={updateQueryParams} />
-          <AssignmentFilter updateQueryParams={updateQueryParams} />
-          <AssignmentGradeFilter updateQueryParams={updateQueryParams} />
-        </div>,
-      ));
+      expect(screen.getByRole('combobox', { name: 'Assignment Types' })).toBeInTheDocument();
+      expect(screen.getByRole('combobox', { name: 'Assignment' })).toBeInTheDocument();
    });
    test('CourseGrade filters', () => {
-      expect(el.instance.findByType(Collapsible)[1].children[0]).toMatchObject(shallow(
-        <CourseGradeFilter updateQueryParams={updateQueryParams} />,
-      ));
+      expect(screen.getByRole('button', { name: 'Overall Grade' })).toBeInTheDocument();
    });
    test('StudentGroups filters', () => {
-      expect(el.instance.findByType(Collapsible)[2].children[0]).toMatchObject(shallow(
-        <StudentGroupsFilter updateQueryParams={updateQueryParams} />,
-      ));
+      expect(screen.getByRole('button', { name: 'Student Groups' })).toBeInTheDocument();
    });
    test('includeCourseTeamMembers', () => {
-      const checkbox = el.instance.findByType(Collapsible)[3].children[0];
-      expect(checkbox.props).toEqual({
-        checked: true,
-        onChange: hookProps.includeCourseTeamMembers.handleChange,
-      });
-      expect(checkbox.children[0].el).toEqual(formatMessage(messages.includeCourseTeamMembers));
+      expect(screen.getByRole('button', { name: 'Include Course Team Members' })).toBeInTheDocument();
    });
  });
 });
--- a/src/components/GradebookHeader/snapshots/index.test.jsx.snap
+++ b/src/components/GradebookHeader/snapshots/index.test.jsx.snap
@@ -1,139 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`GradebookHeader component render default view shapshot 1`] = `
-<div
-  className="gradebook-header"
->
-  <a
-    className="mb-3"
-    href="test-dashboard-url"
-  >
-    <span
-      aria-hidden="true"
-    >
-      &lt;&lt; 
-    </span>
-    Back to Dashboard
-  </a>
-  <h1>
-    Gradebook
-  </h1>
-  <div
-    className="subtitle-row d-flex justify-content-between align-items-center"
-  >
-    <h2
-      className="text-break"
-    >
-      test-course-id
-    </h2>
-  </div>
-</div>
-`;
-
-exports[`GradebookHeader component render frozen grades snapshot: show frozen warning 1`] = `
-<div
-  className="gradebook-header"
->
-  <a
-    className="mb-3"
-    href="test-dashboard-url"
-  >
-    <span
-      aria-hidden="true"
-    >
-      &lt;&lt; 
-    </span>
-    Back to Dashboard
-  </a>
-  <h1>
-    Gradebook
-  </h1>
-  <div
-    className="subtitle-row d-flex justify-content-between align-items-center"
-  >
-    <h2
-      className="text-break"
-    >
-      test-course-id
-    </h2>
-  </div>
-  <div
-    className="alert alert-warning"
-    role="alert"
-  >
-    The grades for this course are now frozen. Editing of grades is no longer allowed.
-  </div>
-</div>
-`;
-
-exports[`GradebookHeader component render show bulk management snapshot: show toggle view message button with handleToggleViewClick method 1`] = `
-<div
-  className="gradebook-header"
->
-  <a
-    className="mb-3"
-    href="test-dashboard-url"
-  >
-    <span
-      aria-hidden="true"
-    >
-      &lt;&lt; 
-    </span>
-    Back to Dashboard
-  </a>
-  <h1>
-    Gradebook
-  </h1>
-  <div
-    className="subtitle-row d-flex justify-content-between align-items-center"
-  >
-    <h2
-      className="text-break"
-    >
-      test-course-id
-    </h2>
-    <Button
-      onClick={[MockFunction hooks.handleToggleViewClick]}
-      variant="tertiary"
-    >
-      toggle-view-message
-    </Button>
-  </div>
-</div>
-`;
-
-exports[`GradebookHeader component render user cannot view gradebook snapshot: show unauthorized warning 1`] = `
-<div
-  className="gradebook-header"
->
-  <a
-    className="mb-3"
-    href="test-dashboard-url"
-  >
-    <span
-      aria-hidden="true"
-    >
-      &lt;&lt; 
-    </span>
-    Back to Dashboard
-  </a>
-  <h1>
-    Gradebook
-  </h1>
-  <div
-    className="subtitle-row d-flex justify-content-between align-items-center"
-  >
-    <h2
-      className="text-break"
-    >
-      test-course-id
-    </h2>
-  </div>
-  <div
-    className="alert alert-warning"
-    role="alert"
-  >
-    You are not authorized to view the gradebook for this course.
-  </div>
-</div>
-`;
--- a/src/components/GradebookHeader/index.test.jsx
+++ b/src/components/GradebookHeader/index.test.jsx
@@ -1,77 +1,300 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-import { useIntl } from '@edx/frontend-platform/i18n';
-import { Button } from '@openedx/paragon';
+import { render, screen, initializeMocks } from 'testUtilsExtra';
+import userEvent from '@testing-library/user-event';

-import { formatMessage } from 'testUtils';
 import { instructorDashboardUrl } from 'data/services/lms/urls';

+import { GradebookHeader } from './index';
 import useGradebookHeaderData from './hooks';
-import GradebookHeader from '.';
+import messages from './messages';

-jest.mock('./hooks', () => ({ __esModule: true, default: jest.fn() }));
 jest.mock('data/services/lms/urls', () => ({
  instructorDashboardUrl: jest.fn(),
 }));
+jest.mock('./hooks', () => jest.fn());

-instructorDashboardUrl.mockReturnValue('test-dashboard-url');
+initializeMocks();

-const hookProps = {
-  areGradesFrozen: false,
-  canUserViewGradebook: true,
-  courseId: 'test-course-id',
-  handleToggleViewClick: jest.fn().mockName('hooks.handleToggleViewClick'),
-  showBulkManagement: false,
-  toggleViewMessage: { defaultMessage: 'toggle-view-message' },
-};
-useGradebookHeaderData.mockReturnValue(hookProps);
+describe('GradebookHeader', () => {
+  const mockHandleToggleViewClick = jest.fn();

-let el;
-describe('GradebookHeader component', () => {
-  beforeAll(() => {
-    el = shallow(<GradebookHeader />);
+  beforeEach(() => {
+    jest.clearAllMocks();
+    instructorDashboardUrl.mockReturnValue('https://example.com/dashboard');
  });
-  describe('behavior', () => {
-    it('initializes hooks', () => {
-      expect(useGradebookHeaderData).toHaveBeenCalledWith();
-      expect(useIntl).toHaveBeenCalledWith();
+
+  describe('basic rendering', () => {
+    beforeEach(() => {
+      useGradebookHeaderData.mockReturnValue({
+        areGradesFrozen: false,
+        canUserViewGradebook: true,
+        courseId: 'course-v1:TestU+CS101+2024',
+        handleToggleViewClick: mockHandleToggleViewClick,
+        showBulkManagement: false,
+        toggleViewMessage: messages.toActivityLog,
+      });
+    });
+
+    it('renders the main header container', () => {
+      render(<GradebookHeader />);
+      const header = screen.getByText('Gradebook').closest('.gradebook-header');
+      expect(header).toHaveClass('gradebook-header');
+    });
+
+    it('renders back to dashboard link', () => {
+      render(<GradebookHeader />);
+      const dashboardLink = screen.getByRole('link');
+      expect(dashboardLink).toHaveAttribute(
+        'href',
+        'https://example.com/dashboard',
+      );
+      expect(dashboardLink).toHaveClass('mb-3');
+      expect(dashboardLink).toHaveTextContent('Back to Dashboard');
+    });
+
+    it('renders gradebook title', () => {
+      render(<GradebookHeader />);
+      const title = screen.getByRole('heading', { level: 1 });
+      expect(title).toHaveTextContent('Gradebook');
+    });
+
+    it('renders course ID subtitle', () => {
+      render(<GradebookHeader />);
+      const subtitle = screen.getByRole('heading', { level: 2 });
+      expect(subtitle).toHaveTextContent('course-v1:TestU+CS101+2024');
+      expect(subtitle).toHaveClass('text-break');
+    });
+
+    it('renders subtitle row with correct classes', () => {
+      render(<GradebookHeader />);
+      const subtitleRow = screen.getByRole('heading', {
+        level: 2,
+      }).parentElement;
+      expect(subtitleRow).toHaveClass(
+        'subtitle-row',
+        'd-flex',
+        'justify-content-between',
+        'align-items-center',
+      );
+    });
+
+    it('calls instructorDashboardUrl to get dashboard URL', () => {
+      render(<GradebookHeader />);
+      expect(instructorDashboardUrl).toHaveBeenCalled();
+    });
+
+    it('calls useGradebookHeaderData hook', () => {
+      render(<GradebookHeader />);
+      expect(useGradebookHeaderData).toHaveBeenCalled();
    });
  });
-  describe('render', () => {
-    describe('default view', () => {
-      test('shapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
+
+  describe('bulk management toggle button', () => {
+    describe('when showBulkManagement is true', () => {
+      beforeEach(() => {
+        useGradebookHeaderData.mockReturnValue({
+          areGradesFrozen: false,
+          canUserViewGradebook: true,
+          courseId: 'course-v1:TestU+CS101+2024',
+          handleToggleViewClick: mockHandleToggleViewClick,
+          showBulkManagement: true,
+          toggleViewMessage: messages.toActivityLog,
+        });
+      });
+
+      it('renders toggle view button', () => {
+        render(<GradebookHeader />);
+        expect(screen.getByRole('button')).toBeInTheDocument();
+      });
+
+      it('displays correct button text from toggleViewMessage', () => {
+        render(<GradebookHeader />);
+        const toggleButton = screen.getByRole('button');
+        expect(toggleButton).toHaveTextContent('View Bulk Management History');
+      });
+
+      it('calls handleToggleViewClick when button is clicked', async () => {
+        render(<GradebookHeader />);
+        const user = userEvent.setup();
+        const toggleButton = screen.getByRole('button');
+
+        await user.click(toggleButton);
+        expect(mockHandleToggleViewClick).toHaveBeenCalledTimes(1);
+      });
+
+      it('displays correct message from toggleViewMessage', () => {
+        useGradebookHeaderData.mockReturnValue({
+          areGradesFrozen: false,
+          canUserViewGradebook: true,
+          courseId: 'course-v1:TestU+CS101+2024',
+          handleToggleViewClick: mockHandleToggleViewClick,
+          showBulkManagement: true,
+          toggleViewMessage: messages.toGradesView,
+        });
+
+        render(<GradebookHeader />);
+        const toggleButton = screen.getByRole('button');
+        expect(toggleButton).toHaveTextContent('Return to Gradebook');
      });
    });
-    describe('show bulk management', () => {
+
+    describe('when showBulkManagement is false', () => {
      beforeEach(() => {
-        useGradebookHeaderData.mockReturnValueOnce({ ...hookProps, showBulkManagement: true });
-        el = shallow(<GradebookHeader />);
+        useGradebookHeaderData.mockReturnValue({
+          areGradesFrozen: false,
+          canUserViewGradebook: true,
+          courseId: 'course-v1:TestU+CS101+2024',
+          handleToggleViewClick: mockHandleToggleViewClick,
+          showBulkManagement: false,
+          toggleViewMessage: messages.toActivityLog,
+        });
      });
-      test('snapshot: show toggle view message button with handleToggleViewClick method', () => {
-        expect(el.snapshot).toMatchSnapshot();
-        const { onClick } = el.instance.findByType(Button)[0].props;
-        expect(onClick).toEqual(hookProps.handleToggleViewClick);
-        expect(el.instance.findByType(Button)[0].children[0].el).toEqual(formatMessage(hookProps.toggleViewMessage));
+
+      it('does not render toggle view button', () => {
+        render(<GradebookHeader />);
+        expect(screen.queryByRole('button')).not.toBeInTheDocument();
      });
    });
-    describe('frozen grades', () => {
+  });
+
+  describe('frozen grades warning', () => {
+    describe('when areGradesFrozen is true', () => {
      beforeEach(() => {
-        useGradebookHeaderData.mockReturnValueOnce({ ...hookProps, areGradesFrozen: true });
-        el = shallow(<GradebookHeader />);
+        useGradebookHeaderData.mockReturnValue({
+          areGradesFrozen: true,
+          canUserViewGradebook: true,
+          courseId: 'course-v1:TestU+CS101+2024',
+          handleToggleViewClick: mockHandleToggleViewClick,
+          showBulkManagement: false,
+          toggleViewMessage: messages.toActivityLog,
+        });
      });
-      test('snapshot: show frozen warning', () => {
-        expect(el.snapshot).toMatchSnapshot();
+
+      it('renders frozen warning alert', () => {
+        render(<GradebookHeader />);
+        const alert = screen.getByRole('alert');
+        expect(alert).toHaveClass('alert', 'alert-warning');
+        expect(alert).toHaveTextContent(
+          'The grades for this course are now frozen. Editing of grades is no longer allowed.',
+        );
      });
    });
-    describe('user cannot view gradebook', () => {
+
+    describe('when areGradesFrozen is false', () => {
      beforeEach(() => {
-        useGradebookHeaderData.mockReturnValueOnce({ ...hookProps, canUserViewGradebook: false });
-        el = shallow(<GradebookHeader />);
+        useGradebookHeaderData.mockReturnValue({
+          areGradesFrozen: false,
+          canUserViewGradebook: true,
+          courseId: 'course-v1:TestU+CS101+2024',
+          handleToggleViewClick: mockHandleToggleViewClick,
+          showBulkManagement: false,
+          toggleViewMessage: messages.toActivityLog,
+        });
      });
-      test('snapshot: show unauthorized warning', () => {
-        expect(el.snapshot).toMatchSnapshot();
+
+      it('does not render frozen warning alert', () => {
+        render(<GradebookHeader />);
+        expect(
+          screen.queryByText(
+            'The grades for this course are now frozen. Editing of grades is no longer allowed.',
+          ),
+        ).not.toBeInTheDocument();
      });
    });
  });
+
+  describe('unauthorized warning', () => {
+    describe('when canUserViewGradebook is false', () => {
+      beforeEach(() => {
+        useGradebookHeaderData.mockReturnValue({
+          areGradesFrozen: false,
+          canUserViewGradebook: false,
+          courseId: 'course-v1:TestU+CS101+2024',
+          handleToggleViewClick: mockHandleToggleViewClick,
+          showBulkManagement: false,
+          toggleViewMessage: messages.toActivityLog,
+        });
+      });
+
+      it('renders unauthorized warning alert', () => {
+        render(<GradebookHeader />);
+        const alert = screen.getByRole('alert');
+        expect(alert).toHaveClass('alert', 'alert-warning');
+        expect(alert).toHaveTextContent(
+          'You are not authorized to view the gradebook for this course.',
+        );
+      });
+    });
+
+    describe('when canUserViewGradebook is true', () => {
+      beforeEach(() => {
+        useGradebookHeaderData.mockReturnValue({
+          areGradesFrozen: false,
+          canUserViewGradebook: true,
+          courseId: 'course-v1:TestU+CS101+2024',
+          handleToggleViewClick: mockHandleToggleViewClick,
+          showBulkManagement: false,
+          toggleViewMessage: messages.toActivityLog,
+        });
+      });
+
+      it('does not render unauthorized warning alert', () => {
+        render(<GradebookHeader />);
+        expect(
+          screen.queryByText(
+            'You are not authorized to view the gradebook for this course.',
+          ),
+        ).not.toBeInTheDocument();
+      });
+    });
+  });
+
+  describe('multiple warnings', () => {
+    it('renders both frozen and unauthorized warnings when both conditions are true', () => {
+      useGradebookHeaderData.mockReturnValue({
+        areGradesFrozen: true,
+        canUserViewGradebook: false,
+        courseId: 'course-v1:TestU+CS101+2024',
+        handleToggleViewClick: mockHandleToggleViewClick,
+        showBulkManagement: false,
+        toggleViewMessage: messages.toActivityLog,
+      });
+
+      render(<GradebookHeader />);
+      const alerts = screen.getAllByRole('alert');
+      expect(alerts).toHaveLength(2);
+
+      expect(
+        screen.getByText(
+          'The grades for this course are now frozen. Editing of grades is no longer allowed.',
+        ),
+      ).toBeInTheDocument();
+      expect(
+        screen.getByText(
+          'You are not authorized to view the gradebook for this course.',
+        ),
+      ).toBeInTheDocument();
+    });
+  });
+
+  describe('complete integration', () => {
+    it('renders all elements when showBulkManagement is true', () => {
+      useGradebookHeaderData.mockReturnValue({
+        areGradesFrozen: false,
+        canUserViewGradebook: true,
+        courseId: 'course-v1:TestU+CS101+2024',
+        handleToggleViewClick: mockHandleToggleViewClick,
+        showBulkManagement: true,
+        toggleViewMessage: messages.toActivityLog,
+      });
+
+      render(<GradebookHeader />);
+
+      expect(screen.getByRole('link')).toBeInTheDocument();
+      expect(screen.getByRole('heading', { level: 1 })).toBeInTheDocument();
+      expect(screen.getByRole('heading', { level: 2 })).toBeInTheDocument();
+      expect(screen.getByRole('button')).toBeInTheDocument();
+      expect(screen.queryByRole('alert')).not.toBeInTheDocument();
+    });
+  });
 });
--- a/src/components/GradesView/BulkManagementControls/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/BulkManagementControls/snapshots/index.test.jsx.snap
@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`BulkManagementControls render snapshot - show - network and import buttons 1`] = `
-<div
-  className="d-flex"
->
-  <NetworkButton
-    label={
-      {
-        "defaultMessage": "Download Grades",
-        "description": "A labeled button that allows an admin user to download course grades all at once (in bulk).",
-        "id": "gradebook.GradesView.BulkManagementControls.bulkManagementLabel",
-      }
-    }
-    onClick={[MockFunction]}
-  />
-  <ImportGradesButton />
-</div>
-`;
--- a/src/components/GradesView/BulkManagementControls/index.test.jsx
+++ b/src/components/GradesView/BulkManagementControls/index.test.jsx
@@ -1,32 +1,160 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { render, screen, initializeMocks } from 'testUtilsExtra';

+import NetworkButton from 'components/NetworkButton';
+import ImportGradesButton from '../ImportGradesButton';
+
+import { BulkManagementControls } from './index';
 import useBulkManagementControlsData from './hooks';
-import BulkManagementControls from '.';
-
-jest.mock('../ImportGradesButton', () => 'ImportGradesButton');
-jest.mock('components/NetworkButton', () => 'NetworkButton');
+import messages from './messages';

+jest.mock('components/NetworkButton', () => jest.fn(() => <div data-testid="network-button">NetworkButton</div>));
+jest.mock('../ImportGradesButton', () => jest.fn(() => (
+  <div data-testid="import-grades-button">ImportGradesButton</div>
+)));
 jest.mock('./hooks', () => jest.fn());

-const hookProps = {
-  show: true,
-  handleClickExportGrades: jest.fn(),
-};
-useBulkManagementControlsData.mockReturnValue(hookProps);
+initializeMocks();

 describe('BulkManagementControls', () => {
-  describe('behavior', () => {
-    shallow(<BulkManagementControls />);
-    expect(useBulkManagementControlsData).toHaveBeenCalledWith();
+  const mockHandleClickExportGrades = jest.fn();
+
+  beforeEach(() => {
+    jest.clearAllMocks();
  });
-  describe('render', () => {
-    test('snapshot - show - network and import buttons', () => {
-      expect(shallow(<BulkManagementControls />).snapshot).toMatchSnapshot();
+
+  describe('when show is false', () => {
+    beforeEach(() => {
+      useBulkManagementControlsData.mockReturnValue({
+        show: false,
+        handleClickExportGrades: mockHandleClickExportGrades,
+      });
    });
-    test('snapshot - empty if show is not truthy', () => {
-      useBulkManagementControlsData.mockReturnValueOnce({ ...hookProps, show: false });
-      expect(shallow(<BulkManagementControls />).isEmptyRender()).toEqual(true);
+
+    it('renders nothing when show is false', () => {
+      render(<BulkManagementControls />);
+      expect(screen.queryByTestId('network-button')).not.toBeInTheDocument();
+      expect(
+        screen.queryByTestId('import-grades-button'),
+      ).not.toBeInTheDocument();
+    });
+
+    it('does not render NetworkButton when show is false', () => {
+      render(<BulkManagementControls />);
+      expect(NetworkButton).not.toHaveBeenCalled();
+    });
+
+    it('does not render ImportGradesButton when show is false', () => {
+      render(<BulkManagementControls />);
+      expect(ImportGradesButton).not.toHaveBeenCalled();
+    });
+  });
+
+  describe('when show is true', () => {
+    beforeEach(() => {
+      useBulkManagementControlsData.mockReturnValue({
+        show: true,
+        handleClickExportGrades: mockHandleClickExportGrades,
+      });
+    });
+
+    it('renders the container div with correct class when show is true', () => {
+      render(<BulkManagementControls />);
+      const containerDiv = screen.getByTestId('network-button').parentElement;
+      expect(containerDiv).toHaveClass('d-flex');
+    });
+
+    it('renders NetworkButton with correct props', () => {
+      render(<BulkManagementControls />);
+
+      expect(NetworkButton).toHaveBeenCalledWith(
+        {
+          label: messages.downloadGradesBtn,
+          onClick: mockHandleClickExportGrades,
+        },
+        {},
+      );
+      expect(screen.getByTestId('network-button')).toBeInTheDocument();
+    });
+
+    it('renders ImportGradesButton', () => {
+      render(<BulkManagementControls />);
+
+      expect(ImportGradesButton).toHaveBeenCalledWith({}, {});
+      expect(screen.getByTestId('import-grades-button')).toBeInTheDocument();
+    });
+
+    it('calls handleClickExportGrades when NetworkButton is clicked', () => {
+      render(<BulkManagementControls />);
+
+      const networkButtonCall = NetworkButton.mock.calls[0][0];
+      const { onClick } = networkButtonCall;
+
+      onClick();
+      expect(mockHandleClickExportGrades).toHaveBeenCalledTimes(1);
+    });
+
+    it('passes correct label to NetworkButton', () => {
+      render(<BulkManagementControls />);
+
+      const networkButtonCall = NetworkButton.mock.calls[0][0];
+      expect(networkButtonCall.label).toBe(messages.downloadGradesBtn);
+    });
+
+    it('renders both buttons in the correct order', () => {
+      render(<BulkManagementControls />);
+
+      expect(NetworkButton).toHaveBeenCalled();
+      expect(ImportGradesButton).toHaveBeenCalled();
+
+      const networkButton = screen.getByTestId('network-button');
+      const importButton = screen.getByTestId('import-grades-button');
+
+      expect(networkButton).toBeInTheDocument();
+      expect(importButton).toBeInTheDocument();
+    });
+  });
+
+  describe('hook integration', () => {
+    it('calls useBulkManagementControlsData hook', () => {
+      useBulkManagementControlsData.mockReturnValue({
+        show: true,
+        handleClickExportGrades: mockHandleClickExportGrades,
+      });
+
+      render(<BulkManagementControls />);
+      expect(useBulkManagementControlsData).toHaveBeenCalledTimes(1);
+    });
+
+    it('uses the show value from hook to determine rendering', () => {
+      useBulkManagementControlsData.mockReturnValue({
+        show: false,
+        handleClickExportGrades: mockHandleClickExportGrades,
+      });
+
+      render(<BulkManagementControls />);
+      expect(screen.queryByTestId('network-button')).not.toBeInTheDocument();
+
+      useBulkManagementControlsData.mockReturnValue({
+        show: true,
+        handleClickExportGrades: mockHandleClickExportGrades,
+      });
+
+      render(<BulkManagementControls />);
+      expect(screen.getByTestId('network-button')).toBeInTheDocument();
+    });
+
+    it('passes handleClickExportGrades from hook to NetworkButton', () => {
+      const customHandler = jest.fn();
+      useBulkManagementControlsData.mockReturnValue({
+        show: true,
+        handleClickExportGrades: customHandler,
+      });
+
+      render(<BulkManagementControls />);
+
+      const networkButtonCall = NetworkButton.mock.calls[0][0];
+      expect(networkButtonCall.onClick).toBe(customHandler);
    });
  });
 });
--- a/src/components/GradesView/EditModal/HistoryHeader.test.jsx
+++ b/src/components/GradesView/EditModal/HistoryHeader.test.jsx
@@ -1,17 +1,100 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { render, screen, initializeMocks } from 'testUtilsExtra';

 import HistoryHeader from './HistoryHeader';

+initializeMocks();
+
 describe('HistoryHeader', () => {
-  const props = {
-    id: 'water',
-    label: 'Brita',
-    value: 'hydration',
+  const defaultProps = {
+    id: 'test-id',
+    label: 'Test Label',
+    value: 'Test Value',
  };
-  describe('Component', () => {
-    test('snapshot', () => {
-      expect(shallow(<HistoryHeader {...props} />).snapshot).toMatchSnapshot();
-    });
+
+  it('renders header with label and value', () => {
+    render(<HistoryHeader {...defaultProps} />);
+
+    expect(screen.getByText('Test Label:')).toBeInTheDocument();
+    expect(screen.getByText('Test Value')).toBeInTheDocument();
+  });
+
+  it('renders header element with correct classes', () => {
+    render(<HistoryHeader {...defaultProps} />);
+
+    const headerElement = screen.getByText('Test Label:');
+    expect(headerElement).toHaveClass('grade-history-header');
+    expect(headerElement).toHaveClass('grade-history-test-id');
+  });
+
+  it('renders with string value', () => {
+    const props = {
+      ...defaultProps,
+      value: 'String Value',
+    };
+
+    render(<HistoryHeader {...props} />);
+    expect(screen.getByText('String Value')).toBeInTheDocument();
+  });
+
+  it('renders with number value', () => {
+    const props = {
+      ...defaultProps,
+      value: 85,
+    };
+
+    render(<HistoryHeader {...props} />);
+    expect(screen.getByText('85')).toBeInTheDocument();
+  });
+
+  it('renders with null value (default prop)', () => {
+    const props = {
+      id: 'test-id',
+      label: 'Test Label',
+    };
+
+    render(<HistoryHeader {...props} />);
+    expect(screen.getByText('Test Label:')).toBeInTheDocument();
+
+    const valueDiv = screen.getByText('Test Label:').nextSibling;
+    expect(valueDiv).toBeInTheDocument();
+    expect(valueDiv).toBeEmptyDOMElement();
+  });
+
+  it('renders with React node as label', () => {
+    const props = {
+      ...defaultProps,
+      label: <strong>Bold Label</strong>,
+    };
+
+    render(<HistoryHeader {...props} />);
+    const strongElement = screen.getByText('Bold Label');
+    expect(strongElement.tagName).toBe('STRONG');
+  });
+
+  it('generates correct class name based on id', () => {
+    const props = {
+      ...defaultProps,
+      id: 'assignment-name',
+    };
+
+    render(<HistoryHeader {...props} />);
+    const headerElement = screen.getByText('Test Label:');
+    expect(headerElement).toHaveClass('grade-history-assignment-name');
+  });
+
+  it('renders container structure correctly', () => {
+    render(<HistoryHeader {...defaultProps} />);
+
+    const headerElement = screen.getByText('Test Label:');
+    const valueElement = screen.getByText('Test Value');
+
+    expect(headerElement).toBeInTheDocument();
+    expect(valueElement).toBeInTheDocument();
+
+    expect(headerElement).toHaveClass(
+      'grade-history-header',
+      'grade-history-test-id',
+    );
  });
 });
--- a/src/components/GradesView/EditModal/ModalHeaders.test.jsx
+++ b/src/components/GradesView/EditModal/ModalHeaders.test.jsx
@@ -1,16 +1,8 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { useIntl } from '@edx/frontend-platform/i18n';
 import { selectors } from 'data/redux/hooks';

-import { formatMessage } from 'testUtils';
-
-import HistoryHeader from './HistoryHeader';
-import ModalHeaders, { HistoryKeys } from './ModalHeaders';
-import messages from './messages';
-
-jest.mock('./HistoryHeader', () => 'HistoryHeader');
+import { render, screen, initializeMocks } from 'testUtilsExtra';
+import ModalHeaders from './ModalHeaders';

 jest.mock('data/redux/hooks', () => ({
  selectors: {
@@ -29,57 +21,25 @@ const gradeData = {
  gradeOriginalEarnedGraded: 'test-original-grade',
 };
 selectors.grades.useGradeData.mockReturnValue(gradeData);
+initializeMocks();

-let el;
 describe('ModalHeaders', () => {
  beforeEach(() => {
    jest.clearAllMocks();
-    el = shallow(<ModalHeaders />);
-  });
-  describe('behavior', () => {
-    it('initializes intl', () => {
-      expect(useIntl).toHaveBeenCalled();
-    });
-    it('initializes redux hooks', () => {
-      expect(selectors.app.useModalData).toHaveBeenCalled();
-      expect(selectors.grades.useGradeData).toHaveBeenCalled();
-    });
+    render(<ModalHeaders />);
  });
  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-    });
    test('assignment header', () => {
-      const headerProps = el.instance.findByType(HistoryHeader)[0].props;
-      expect(headerProps).toMatchObject({
-        id: HistoryKeys.assignment,
-        label: formatMessage(messages.assignmentHeader),
-        value: modalData.assignmentName,
-      });
+      expect(screen.getByText(modalData.assignmentName)).toBeInTheDocument();
    });
    test('student header', () => {
-      const headerProps = el.instance.findByType(HistoryHeader)[1].props;
-      expect(headerProps).toMatchObject({
-        id: HistoryKeys.student,
-        label: formatMessage(messages.studentHeader),
-        value: modalData.updateUserName,
-      });
+      expect(screen.getByText(modalData.updateUserName)).toBeInTheDocument();
    });
    test('originalGrade header', () => {
-      const headerProps = el.instance.findByType(HistoryHeader)[2].props;
-      expect(headerProps).toMatchObject({
-        id: HistoryKeys.originalGrade,
-        label: formatMessage(messages.originalGradeHeader),
-        value: gradeData.gradeOriginalEarnedGraded,
-      });
+      expect(screen.getByText(gradeData.gradeOriginalEarnedGraded)).toBeInTheDocument();
    });
    test('currentGrade header', () => {
-      const headerProps = el.instance.findByType(HistoryHeader)[3].props;
-      expect(headerProps).toMatchObject({
-        id: HistoryKeys.currentGrade,
-        label: formatMessage(messages.currentGradeHeader),
-        value: gradeData.gradeOverrideCurrentEarnedGradedOverride,
-      });
+      expect(screen.getByText(gradeData.gradeOverrideCurrentEarnedGradedOverride)).toBeInTheDocument();
    });
  });
 });
--- a/src/components/GradesView/EditModal/OverrideTable/AdjustedGradeInput/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/EditModal/OverrideTable/AdjustedGradeInput/snapshots/index.test.jsx.snap
@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AdjustedGradeInput component render snapshot 1`] = `
-<span>
-  <Form.Control
-    name="adjustedGradeValue"
-    onChange={[MockFunction hook.onChange]}
-    type="text"
-    value="test-value"
-  />
-  some-hint-text
-</span>
-`;
--- a/src/components/GradesView/EditModal/OverrideTable/AdjustedGradeInput/index.test.jsx
+++ b/src/components/GradesView/EditModal/OverrideTable/AdjustedGradeInput/index.test.jsx
@@ -1,7 +1,5 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { Form } from '@openedx/paragon';
+import { render, screen } from '@testing-library/react';

 import useAdjustedGradeInputData from './hooks';
 import AdjustedGradeInput from '.';
@@ -15,24 +13,17 @@ const hookProps = {
 };
 useAdjustedGradeInputData.mockReturnValue(hookProps);

-let el;
 describe('AdjustedGradeInput component', () => {
  beforeEach(() => {
    jest.clearAllMocks();
-    el = shallow(<AdjustedGradeInput />);
-  });
-  describe('behavior', () => {
-    it('initializes hook data', () => {
-      expect(useAdjustedGradeInputData).toHaveBeenCalled();
-    });
+    render(<AdjustedGradeInput />);
  });
  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-      const control = el.instance.findByType(Form.Control)[0];
-      expect(control.props.value).toEqual(hookProps.value);
-      expect(control.props.onChange).toEqual(hookProps.onChange);
-      expect(el.instance.children[1].el).toContain(hookProps.hintText);
+    test('renders input with correct props', () => {
+      const input = screen.getByRole('textbox');
+      expect(input).toBeInTheDocument();
+      expect(input).toHaveValue(hookProps.value);
+      expect(screen.getByText(hookProps.hintText)).toBeInTheDocument();
    });
  });
 });
--- a/src/components/GradesView/EditModal/OverrideTable/ReasonInput/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/EditModal/OverrideTable/ReasonInput/snapshots/index.test.jsx.snap
@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ReasonInput component render snapshot 1`] = `
-<Form.Control
-  data-testid="reason-input-control"
-  name="reasonForChange"
-  onChange={[MockFunction hook.onChange]}
-  type="text"
-  value="test-value"
-/>
-`;
--- a/src/components/GradesView/EditModal/OverrideTable/ReasonInput/hooks.test.jsx
+++ b/src/components/GradesView/EditModal/OverrideTable/ReasonInput/hooks.test.jsx
@@ -16,6 +16,12 @@ jest.mock('data/redux/hooks', () => ({
  },
 }));

+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useRef: jest.fn((val) => ({ current: val, useRef: true })),
+  useEffect: jest.fn((cb, prereqs) => ({ useEffect: { cb, prereqs } })),
+}));
+
 const modalData = { reasonForChange: 'test-reason-for-change' };
 const setModalState = jest.fn();
 selectors.app.useModalData.mockReturnValue(modalData);
@@ -25,6 +31,7 @@ const ref = { current: { focus: jest.fn() }, useRef: true };
 React.useRef.mockReturnValue(ref);

 let out;
+
 describe('useReasonInputData hook', () => {
  beforeEach(() => {
    jest.clearAllMocks();
--- a/src/components/GradesView/EditModal/OverrideTable/ReasonInput/index.test.jsx
+++ b/src/components/GradesView/EditModal/OverrideTable/ReasonInput/index.test.jsx
@@ -1,7 +1,4 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { Form } from '@openedx/paragon';
+import { render, screen } from '@testing-library/react';

 import useReasonInputData from './hooks';
 import ReasonInput from '.';
@@ -9,29 +6,26 @@ import ReasonInput from '.';
 jest.mock('./hooks', () => jest.fn());

 const hookProps = {
-  ref: 'reason-input-ref',
+  ref: jest.fn().mockName('hook.ref'),
  onChange: jest.fn().mockName('hook.onChange'),
  value: 'test-value',
 };
 useReasonInputData.mockReturnValue(hookProps);

-let el;
 describe('ReasonInput component', () => {
  beforeEach(() => {
    jest.clearAllMocks();
-    el = shallow(<ReasonInput />);
+    render(<ReasonInput />);
  });
  describe('behavior', () => {
    it('initializes hook data', () => {
      expect(useReasonInputData).toHaveBeenCalled();
    });
  });
-  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-      const control = el.instance.findByType(Form.Control)[0];
-      expect(control.props.value).toEqual(hookProps.value);
-      expect(control.props.onChange).toEqual(hookProps.onChange);
+  describe('renders', () => {
+    it('input correctly', () => {
+      expect(screen.getByRole('textbox')).toBeInTheDocument();
+      expect(screen.getByRole('textbox')).toHaveValue(hookProps.value);
    });
  });
 });
--- a/src/components/GradesView/EditModal/OverrideTable/ReasonInput/ref.test.jsx
+++ b/src/components/GradesView/EditModal/OverrideTable/ReasonInput/ref.test.jsx
@@ -4,8 +4,6 @@ import { render } from '@testing-library/react';
 import useReasonInputData from './hooks';
 import ReasonInput, { controlTestId } from '.';

-jest.unmock('react');
-jest.unmock('@openedx/paragon');
 jest.mock('./hooks', () => ({ __esModule: true, default: jest.fn() }));

 const focus = jest.fn();
--- a/src/components/GradesView/EditModal/OverrideTable/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/EditModal/OverrideTable/snapshots/index.test.jsx.snap
@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`OverrideTable component render snapshot 1`] = `
-<DataTable
-  columns="test-columns"
-  data={
-    [
-      {
-        "test": "data",
-      },
-      {
-        "andOther": "test-data",
-      },
-      {
-        "adjustedGrade": <AdjustedGradeInput />,
-        "date": {
-          "formatted": 2000-01-01T00:00:00.000Z,
-        },
-        "reason": <ReasonInput />,
-      },
-    ]
-  }
-  itemCount={3}
-/>
-`;
--- a/src/components/GradesView/EditModal/OverrideTable/hooks.test.js
+++ b/src/components/GradesView/EditModal/OverrideTable/hooks.test.js
@@ -1,5 +1,4 @@
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { formatMessage } from 'testUtils';

 import { gradeOverrideHistoryColumns as columns } from 'data/constants/app';
 import { selectors } from 'data/redux/hooks';
@@ -16,6 +15,18 @@ jest.mock('data/redux/hooks', () => ({
  },
 }));

+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useContext: jest.fn(context => context),
+}));
+
+jest.mock('@edx/frontend-platform/i18n', () => ({
+  ...jest.requireActual('@edx/frontend-platform/i18n'),
+  useIntl: jest.fn(() => ({
+    formatMessage: (message) => message.defaultMessage,
+  })),
+}));
+
 selectors.grades.useHasOverrideErrors.mockReturnValue(false);
 const gradeOverrides = ['some', 'override', 'data'];
 const gradeData = { gradeOverrideHistoryResults: gradeOverrides };
@@ -44,22 +55,22 @@ describe('useOverrideTableData', () => {
      describe('columns', () => {
        test('date column', () => {
          const { Header, accessor } = out.columns[0];
-          expect(Header).toEqual(formatMessage(messages.dateHeader));
+          expect(Header).toEqual(messages.dateHeader.defaultMessage);
          expect(accessor).toEqual(columns.date);
        });
        test('grader column', () => {
          const { Header, accessor } = out.columns[1];
-          expect(Header).toEqual(formatMessage(messages.graderHeader));
+          expect(Header).toEqual(messages.graderHeader.defaultMessage);
          expect(accessor).toEqual(columns.grader);
        });
        test('reason column', () => {
          const { Header, accessor } = out.columns[2];
-          expect(Header).toEqual(formatMessage(messages.reasonHeader));
+          expect(Header).toEqual(messages.reasonHeader.defaultMessage);
          expect(accessor).toEqual(columns.reason);
        });
        test('adjustedGrade column', () => {
          const { Header, accessor } = out.columns[3];
-          expect(Header).toEqual(formatMessage(messages.adjustedGradeHeader));
+          expect(Header).toEqual(messages.adjustedGradeHeader.defaultMessage);
          expect(accessor).toEqual(columns.adjustedGrade);
        });
      });
--- a/src/components/GradesView/EditModal/OverrideTable/index.test.jsx
+++ b/src/components/GradesView/EditModal/OverrideTable/index.test.jsx
@@ -1,65 +1,61 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { screen } from '@testing-library/react';

-import { DataTable } from '@openedx/paragon';
-
-import { formatDateForDisplay } from 'utils';
-
-import AdjustedGradeInput from './AdjustedGradeInput';
-import ReasonInput from './ReasonInput';
 import useOverrideTableData from './hooks';
 import OverrideTable from '.';
+import { renderWithIntl } from '../../../../testUtilsExtra';

 jest.mock('utils', () => ({
+  ...jest.requireActual('utils'),
  formatDateForDisplay: (date) => ({ formatted: date }),
 }));
 jest.mock('./hooks', () => jest.fn());
-jest.mock('./AdjustedGradeInput', () => 'AdjustedGradeInput');
-jest.mock('./ReasonInput', () => 'ReasonInput');

 const hookProps = {
  hide: false,
  data: [
-    { test: 'data' },
-    { andOther: 'test-data' },
+    { filename: 'data' },
+    { resultsSummary: 'test-data' },
  ],
-  columns: 'test-columns',
+  columns: [{
+    Header: 'Gradebook',
+    accessor: 'filename',
+  },
+  {
+    Header: 'Download Summary',
+    accessor: 'resultsSummary',
+  }],
 };
-useOverrideTableData.mockReturnValue(hookProps);

-let el;
 describe('OverrideTable component', () => {
  beforeEach(() => {
    jest
      .clearAllMocks()
      .useFakeTimers('modern')
      .setSystemTime(new Date('2000-01-01').getTime());
-    el = shallow(<OverrideTable />);
  });
-  describe('behavior', () => {
+  describe('hooks', () => {
    it('initializes hook data', () => {
+      useOverrideTableData.mockReturnValue(hookProps);
+      renderWithIntl(<OverrideTable />);
      expect(useOverrideTableData).toHaveBeenCalled();
    });
  });
-  describe('render', () => {
-    test('null render if hide', () => {
-      useOverrideTableData.mockReturnValueOnce({ ...hookProps, hide: true });
-      el = shallow(<OverrideTable />);
-      expect(el.isEmptyRender()).toEqual(true);
+  describe('behavior', () => {
+    it('null render if hide', () => {
+      useOverrideTableData.mockReturnValue({ ...hookProps, hide: true });
+      renderWithIntl(<OverrideTable />);
+      expect(screen.queryByRole('table')).toBeNull();
    });
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-      const table = el.instance.findByType(DataTable)[0];
-      expect(table.props.columns).toEqual(hookProps.columns);
-      const data = [...table.props.data];
-      const inputRow = data.pop();
-      const formattedDate = formatDateForDisplay(new Date());
-      expect(data).toEqual(hookProps.data);
-      expect(inputRow).toMatchObject({
-        adjustedGrade: <AdjustedGradeInput />,
-        date: formattedDate,
-        reason: <ReasonInput />,
-      });
+    it('renders table with correct data', () => {
+      useOverrideTableData.mockReturnValue(hookProps);
+      renderWithIntl(<OverrideTable />);
+      const table = screen.getByRole('table');
+      expect(table).toBeInTheDocument();
+      expect(screen.getByText(hookProps.columns[0].Header)).toBeInTheDocument();
+      expect(screen.getByText(hookProps.columns[1].Header)).toBeInTheDocument();
+      expect(screen.getByText(hookProps.data[0].filename)).toBeInTheDocument();
+      expect(screen.getByText(hookProps.data[1].resultsSummary)).toBeInTheDocument();
    });
  });
 });
--- a/src/components/GradesView/EditModal/snapshots/HistoryHeader.test.jsx.snap
+++ b/src/components/GradesView/EditModal/snapshots/HistoryHeader.test.jsx.snap
@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`HistoryHeader Component snapshot 1`] = `
-<div>
-  <div
-    className="grade-history-header grade-history-water"
-  >
-    Brita
-    : 
-  </div>
-  <div>
-    hydration
-  </div>
-</div>
-`;
--- a/src/components/GradesView/EditModal/snapshots/ModalHeaders.test.jsx.snap
+++ b/src/components/GradesView/EditModal/snapshots/ModalHeaders.test.jsx.snap
@@ -1,26 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ModalHeaders render snapshot 1`] = `
-<div>
-  <HistoryHeader
-    id="assignment"
-    label="Assignment"
-    value="test-assignment-name"
-  />
-  <HistoryHeader
-    id="student"
-    label="Student"
-    value="test-user-name"
-  />
-  <HistoryHeader
-    id="original-grade"
-    label="Original Grade"
-    value="test-original-grade"
-  />
-  <HistoryHeader
-    id="current-grade"
-    label="Current Grade"
-    value="test-current-grade"
-  />
-</div>
-`;
--- a/src/components/GradesView/EditModal/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/EditModal/snapshots/index.test.jsx.snap
@@ -1,91 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EditModal component render with error snapshot 1`] = `
-<ModalDialog
-  hasCloseButton={true}
-  isFullscreenOnMobile={true}
-  isOpen="test-is-open"
-  onClose={[MockFunction hooks.onClose]}
-  size="xl"
-  title="Edit Grades"
->
-  <ModalDialog.Body>
-    <div>
-      <ModalHeaders />
-      <Alert
-        dismissible={false}
-        show={true}
-        variant="danger"
-      >
-        test-error
-      </Alert>
-      <OverrideTable />
-      <div>
-        Showing most recent actions (max 5). To see more, please contact support
-      </div>
-      <div>
-        Note: Once you save, your changes will be visible to students.
-      </div>
-    </div>
-  </ModalDialog.Body>
-  <ModalDialog.Footer>
-    <ActionRow>
-      <ModalDialog.CloseButton
-        variant="tertiary"
-      >
-        Cancel
-      </ModalDialog.CloseButton>
-      <Button
-        onClick={[MockFunction hooks.handleAdjustedGradeClick]}
-        variant="primary"
-      >
-        Save Grades
-      </Button>
-    </ActionRow>
-  </ModalDialog.Footer>
-</ModalDialog>
-`;
-
-exports[`EditModal component render without error snapshot 1`] = `
-<ModalDialog
-  hasCloseButton={true}
-  isFullscreenOnMobile={true}
-  isOpen="test-is-open"
-  onClose={[MockFunction hooks.onClose]}
-  size="xl"
-  title="Edit Grades"
->
-  <ModalDialog.Body>
-    <div>
-      <ModalHeaders />
-      <Alert
-        dismissible={false}
-        show={false}
-        variant="danger"
-      />
-      <OverrideTable />
-      <div>
-        Showing most recent actions (max 5). To see more, please contact support
-      </div>
-      <div>
-        Note: Once you save, your changes will be visible to students.
-      </div>
-    </div>
-  </ModalDialog.Body>
-  <ModalDialog.Footer>
-    <ActionRow>
-      <ModalDialog.CloseButton
-        variant="tertiary"
-      >
-        Cancel
-      </ModalDialog.CloseButton>
-      <Button
-        onClick={[MockFunction hooks.handleAdjustedGradeClick]}
-        variant="primary"
-      >
-        Save Grades
-      </Button>
-    </ActionRow>
-  </ModalDialog.Footer>
-</ModalDialog>
-`;
--- a/src/components/GradesView/EditModal/index.test.jsx
+++ b/src/components/GradesView/EditModal/index.test.jsx
@@ -1,126 +1,102 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';

-import {
-  ActionRow,
-  ModalDialog,
-} from '@openedx/paragon';
-import { useIntl } from '@edx/frontend-platform/i18n';
-
-import { formatMessage } from 'testUtils';
-
-import ModalHeaders from './ModalHeaders';
-import OverrideTable from './OverrideTable';
 import useEditModalData from './hooks';
 import EditModal from '.';
 import messages from './messages';
+import { renderWithIntl } from '../../../testUtilsExtra';

 jest.mock('./hooks', () => jest.fn());
-jest.mock('./ModalHeaders', () => 'ModalHeaders');
-jest.mock('./OverrideTable', () => 'OverrideTable');
+jest.mock('./ModalHeaders', () => jest.fn(() => <div>ModalHeaders</div>));
+jest.mock('./OverrideTable', () => jest.fn(() => <div>OverrideTable</div>));

 const hookProps = {
  onClose: jest.fn().mockName('hooks.onClose'),
  error: 'test-error',
  handleAdjustedGradeClick: jest.fn().mockName('hooks.handleAdjustedGradeClick'),
-  isOpen: 'test-is-open',
+  isOpen: true,
 };
-useEditModalData.mockReturnValue(hookProps);

-let el;
 describe('EditModal component', () => {
  beforeEach(() => {
    jest.clearAllMocks();
-    el = shallow(<EditModal />);
  });
  describe('behavior', () => {
-    it('initializes intl hook', () => {
-      expect(useIntl).toHaveBeenCalled();
-    });
    it('initializes component hooks', () => {
+      useEditModalData.mockReturnValue(hookProps);
+      renderWithIntl(<EditModal />);
      expect(useEditModalData).toHaveBeenCalled();
    });
  });
-  describe('render', () => {
-    test('modal props', () => {
-      const modalProps = el.instance.findByType(ModalDialog)[0].props;
-      expect(modalProps.title).toEqual(formatMessage(messages.title));
-      expect(modalProps.isOpen).toEqual(hookProps.isOpen);
-      expect(modalProps.onClose).toEqual(hookProps.onClose);
-    });
-    const loadBody = () => {
-      const body = el.instance.findByType(ModalDialog)[0].children[0];
-      const { children } = body.children[0];
-      return { body, children };
+  describe('renders', () => {
+    const testModal = () => {
+      it('modal properly', () => {
+        const modal = screen.getByRole('dialog', { title: messages.title.defaultMessage });
+        expect(modal).toBeInTheDocument();
+      });
+      it('triggers onClose when closed', async () => {
+        const user = userEvent.setup();
+        const closeButton = screen.getByRole('button', { name: messages.closeText.defaultMessage });
+        await user.click(closeButton);
+        expect(hookProps.onClose).toHaveBeenCalled();
+      });
    };
    const testBody = () => {
-      test('type', () => {
-        const { body } = loadBody();
-        expect(body.type).toEqual('ModalDialog.Body');
+      it('headers row', () => {
+        const headers = screen.getByText('ModalHeaders');
+        expect(headers).toBeInTheDocument();
      });
-      test('headers row', () => {
-        const { children } = loadBody();
-        expect(children[0]).toMatchObject(shallow(<ModalHeaders />));
+      it('table row', () => {
+        const table = screen.getByText('OverrideTable');
+        expect(table).toBeInTheDocument();
      });
-      test('table row', () => {
-        const { children } = loadBody();
-        expect(children[2]).toMatchObject(shallow(<OverrideTable />));
-      });
-      test('messages', () => {
-        const { children } = loadBody();
-        expect(children[3].children[0].el).toEqual(formatMessage(messages.visibility));
-        expect(children[4].children[0].el).toEqual(formatMessage(messages.saveVisibility));
+      it('messages', () => {
+        const visibilityMessage = screen.getByText(messages.visibility.defaultMessage);
+        const saveVisibilityMessage = screen.getByText(messages.saveVisibility.defaultMessage);
+        expect(visibilityMessage).toBeInTheDocument();
+        expect(saveVisibilityMessage).toBeInTheDocument();
      });
    };
    const testFooter = () => {
-      let footer;
-      beforeEach(() => {
-        footer = el.instance.findByType(ModalDialog)[0].children;
+      it('adjusted grade button', async () => {
+        const user = userEvent.setup();
+        const saveGradeButton = screen.getByRole('button', { name: messages.saveGrade.defaultMessage });
+        expect(saveGradeButton).toBeInTheDocument();
+        await user.click(saveGradeButton);
+        expect(hookProps.handleAdjustedGradeClick).toHaveBeenCalled();
      });
-      test('type', () => {
-        expect(footer[1].type).toEqual('ModalDialog.Footer');
-      });
-      test('contains action row', () => {
-        expect(footer[1].children[0].type).toEqual('ActionRow');
-      });
-      test('close button', () => {
-        const button = footer[1].findByType(ActionRow)[0].children[0];
-        expect(button.children[0].el).toEqual(formatMessage(messages.closeText));
-        expect(button.type).toEqual('ModalDialog.CloseButton');
-      });
-      test('adjusted grade button', () => {
-        const button = footer[1].findByType(ActionRow)[0].children[1];
-        expect(button.children[0].el).toEqual(formatMessage(messages.saveGrade));
-        expect(button.type).toEqual('Button');
-        expect(button.props.onClick).toEqual(hookProps.handleAdjustedGradeClick);
+      it('close button', async () => {
+        const user = userEvent.setup();
+        const cancelButton = screen.getByRole('button', { name: messages.closeText.defaultMessage });
+        expect(cancelButton).toBeInTheDocument();
+        await user.click(cancelButton);
+        expect(hookProps.onClose).toHaveBeenCalled();
      });
    };
    describe('without error', () => {
      beforeEach(() => {
        useEditModalData.mockReturnValueOnce({ ...hookProps, error: undefined });
-        el = shallow(<EditModal />);
-      });
-      test('snapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
+        renderWithIntl(<EditModal />);
      });
+      testModal();
      testBody();
      testFooter();
      test('alert row', () => {
-        const alert = loadBody().children[1];
-        expect(alert.type).toEqual('Alert');
-        expect(alert.props.show).toEqual(false);
+        const alert = screen.queryByRole('alert');
+        expect(alert).toBeNull();
      });
    });
    describe('with error', () => {
-      test('snapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
+      beforeEach(() => {
+        useEditModalData.mockReturnValue(hookProps);
+        renderWithIntl(<EditModal />);
      });
+      testModal();
      testBody();
      test('alert row', () => {
-        const alert = loadBody().children[1];
-        expect(alert.type).toEqual('Alert');
-        expect(alert.props.show).toEqual(true);
-        expect(alert.children[0].el).toEqual(hookProps.error);
+        const alert = screen.getByRole('alert');
+        expect(alert).toBeInTheDocument();
+        expect(alert).toHaveTextContent(hookProps.error);
      });
      testFooter();
    });
--- a/src/components/GradesView/FilterBadges/FilterBadge.test.jsx
+++ b/src/components/GradesView/FilterBadges/FilterBadge.test.jsx
@@ -1,15 +1,12 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-import { useIntl } from '@edx/frontend-platform/i18n';
+import { screen } from '@testing-library/react';

 import { formatMessage } from 'testUtils';
-import { Button } from '@openedx/paragon';
 import { selectors } from 'data/redux/hooks';
+import userEvent from '@testing-library/user-event';
 import FilterBadge from './FilterBadge';
+import { renderWithIntl } from '../../../testUtilsExtra';

-jest.mock('@openedx/paragon', () => ({
-  Button: () => 'Button',
-}));
 jest.mock('data/redux/hooks', () => ({
  selectors: {
    root: {
@@ -18,11 +15,12 @@ jest.mock('data/redux/hooks', () => ({
  },
 }));

-const handleClose = jest.fn(filters => ({ handleClose: filters }));
+const handleClose = jest.fn();
 const filterName = 'test-filter-name';

 const hookProps = {
  displayName: {
+    id: 'test.id',
    defaultMessage: 'a common name',
  },
  isDefault: false,
@@ -32,63 +30,52 @@ const hookProps = {
 };
 selectors.root.useFilterBadgeConfig.mockReturnValue(hookProps);

-let el;
 describe('FilterBadge', () => {
-  beforeEach(() => {
-    el = shallow(<FilterBadge {...{ handleClose, filterName }} />);
-  });
-  describe('behavior', () => {
-    it('initializes intl hook', () => {
-      expect(useIntl).toHaveBeenCalled();
+  describe('hooks', () => {
+    beforeEach(() => {
+      renderWithIntl(<FilterBadge {...{ handleClose, filterName }} />);
    });
    it('initializes redux hooks', () => {
      expect(selectors.root.useFilterBadgeConfig).toHaveBeenCalledWith(filterName);
    });
  });
  describe('render', () => {
-    const testDisplayName = () => {
-      test('formatted display name appears on badge', () => {
-        expect(el.instance.findByTestId('display-name')[0].children[0].el).toEqual(formatMessage(hookProps.displayName));
-      });
-    };
-    const testCloseButton = () => {
-      test('close button forwards close method', () => {
-        expect(el.instance.findByType(Button)[0].props.onClick).toEqual(handleClose(hookProps.connectedFilters));
-      });
-    };
-    test('empty render if isDefault', () => {
+    it('empty render if isDefault', () => {
      selectors.root.useFilterBadgeConfig.mockReturnValueOnce({
        ...hookProps,
        isDefault: true,
      });
-      el = shallow(<FilterBadge {...{ handleClose, filterName }} />);
-      expect(el.isEmptyRender()).toEqual(true);
+      renderWithIntl(<FilterBadge {...{ handleClose, filterName }} />);
+      expect(screen.queryByText(hookProps.displayName)).toBeNull();
    });
    describe('hide Value', () => {
-      beforeEach(() => {
+      it('renders display name, value is not shown and close button has correct behavior', async () => {
        selectors.root.useFilterBadgeConfig.mockReturnValueOnce({
          ...hookProps,
          hideValue: true,
        });
-        el = shallow(<FilterBadge {...{ handleClose, filterName }} />);
-      });
-      testDisplayName();
-      testCloseButton();
-      test('snapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
-      });
-      test('value is note present in the badge', () => {
-        expect(el.instance.findByTestId('filter-value')[0].children).toHaveLength(0);
+        renderWithIntl(<FilterBadge {...{ handleClose, filterName }} />);
+        const user = userEvent.setup();
+        expect(screen.getByTestId('display-name')).toHaveTextContent(formatMessage(hookProps.displayName));
+        expect(screen.queryByTestId('filter-value')).toHaveTextContent('');
+        const button = screen.getByRole('button', { name: /close/i });
+        await user.click(button);
+        expect(handleClose).toHaveBeenCalledWith(hookProps.connectedFilters);
      });
    });
    describe('do not hide value', () => {
-      testDisplayName();
-      testCloseButton();
-      test('snapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
-      });
-      test('value is present in the badge', () => {
-        expect(el.instance.findByTestId('filter-value')[0].children[0].el).toBe(`: ${hookProps.value}`);
+      it('renders display name and value, and close button has correct behavior', async () => {
+        selectors.root.useFilterBadgeConfig.mockReturnValueOnce({
+          ...hookProps,
+          hideValue: false,
+        });
+        renderWithIntl(<FilterBadge {...{ handleClose, filterName }} />);
+        const user = userEvent.setup();
+        expect(screen.getByTestId('display-name')).toHaveTextContent(formatMessage(hookProps.displayName));
+        expect(screen.getByTestId('filter-value')).toHaveTextContent(`: ${hookProps.value}`);
+        const button = screen.getByRole('button', { name: /close/i });
+        await user.click(button);
+        expect(handleClose).toHaveBeenCalledWith(hookProps.connectedFilters);
      });
    });
  });
--- a/src/components/GradesView/FilterBadges/snapshots/FilterBadge.test.jsx.snap
+++ b/src/components/GradesView/FilterBadges/snapshots/FilterBadge.test.jsx.snap
@@ -1,75 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FilterBadge render do not hide value snapshot 1`] = `
-<div>
-  <span
-    className="badge badge-info"
-  >
-    <span
-      data-testid="display-name"
-    >
-      a common name
-    </span>
-    <span
-      data-testid="filter-value"
-    >
-      : a common value
-    </span>
-    <Button
-      aria-label="close"
-      className="btn-info"
-      onClick={
-        {
-          "handleClose": [
-            "some",
-            "filters",
-          ],
-        }
-      }
-    >
-      <span
-        aria-hidden="true"
-      >
-        ×
-      </span>
-    </Button>
-  </span>
-  <br />
-</div>
-`;
-
-exports[`FilterBadge render hide Value snapshot 1`] = `
-<div>
-  <span
-    className="badge badge-info"
-  >
-    <span
-      data-testid="display-name"
-    >
-      a common name
-    </span>
-    <span
-      data-testid="filter-value"
-    />
-    <Button
-      aria-label="close"
-      className="btn-info"
-      onClick={
-        {
-          "handleClose": [
-            "some",
-            "filters",
-          ],
-        }
-      }
-    >
-      <span
-        aria-hidden="true"
-      >
-        ×
-      </span>
-    </Button>
-  </span>
-  <br />
-</div>
-`;
--- a/src/components/GradesView/FilterBadges/snapshots/test.jsx.snap
+++ b/src/components/GradesView/FilterBadges/snapshots/test.jsx.snap
@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FilterBadges component snapshot - has a filterbadge with handleClose for each filter in badgeOrder 1`] = `
-<div>
-  <FilterBadge
-    filterName="filter1"
-    handleClose={[MockFunction this.props.handleClose]}
-    key="filter1"
-  />
-  <FilterBadge
-    filterName="filter2"
-    handleClose={[MockFunction this.props.handleClose]}
-    key="filter2"
-  />
-  <FilterBadge
-    filterName="filter3"
-    handleClose={[MockFunction this.props.handleClose]}
-    key="filter3"
-  />
-</div>
-`;
--- a/src/components/GradesView/FilterBadges/test.jsx
+++ b/src/components/GradesView/FilterBadges/test.jsx
@@ -1,11 +1,10 @@
+/* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable import/no-named-as-default */
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';

 import FilterBadges from '.';
-import FilterBadge from './FilterBadge';
-
-jest.mock('./FilterBadge', () => 'FilterBadge');

 const order = ['filter1', 'filter2', 'filter3'];
 jest.mock('data/constants/filters', () => ({
@@ -13,24 +12,24 @@ jest.mock('data/constants/filters', () => ({
  badgeOrder: order,
 }));

+// eslint-disable-next-line react/button-has-type
+jest.mock('./FilterBadge', () => jest.fn(({ filterName, handleClose }) => <button onClick={handleClose}>{filterName}</button>));
+
+const handleClose = jest.fn();
+
 describe('FilterBadges', () => {
  describe('component', () => {
-    let el;
-    let handleClose;
-    beforeEach(() => {
-      handleClose = jest.fn().mockName('this.props.handleClose');
-      el = shallow(<FilterBadges handleClose={handleClose} />);
-    });
-    test('snapshot - has a filterbadge with handleClose for each filter in badgeOrder', () => {
-      expect(el.snapshot).toMatchSnapshot();
-    });
-    test('has a filterbadge with handleClose for each filter in badgeOrder', () => {
-      const badgeProps = el.instance.findByType(FilterBadge).map(badgeEl => badgeEl.props);
-      // key prop is not rendered by react
-      expect(badgeProps[0]).toMatchObject({ filterName: order[0], handleClose });
-      expect(badgeProps[1]).toMatchObject({ filterName: order[1], handleClose });
-      expect(badgeProps[2]).toMatchObject({ filterName: order[2], handleClose });
-      expect(badgeProps.length).toEqual(3);
+    it('has a filterbadge with handleClose for each filter in badgeOrder', async () => {
+      render(<FilterBadges handleClose={handleClose} />);
+      const user = userEvent.setup();
+      const badge1 = screen.getByText(order[0]);
+      const badge2 = screen.getByText(order[1]);
+      const badge3 = screen.getByText(order[2]);
+      expect(badge1).toBeInTheDocument();
+      expect(badge2).toBeInTheDocument();
+      expect(badge3).toBeInTheDocument();
+      await user.click(badge1);
+      expect(handleClose).toHaveBeenCalled();
    });
  });
 });
--- a/src/components/GradesView/FilterMenuToggle/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/FilterMenuToggle/snapshots/index.test.jsx.snap
@@ -1,16 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FilterMenuToggle component render snapshot 1`] = `
-<Button
-  className="btn-primary align-self-start"
-  id="edit-filters-btn"
-  onClick={[MockFunction hooks.toggleFilterMenu]}
->
-  <Icon
-    className="mr-1"
-    src="FilterAlt"
-  />
-   
-  Edit Filters
-</Button>
-`;
--- a/src/components/GradesView/FilterMenuToggle/index.test.jsx
+++ b/src/components/GradesView/FilterMenuToggle/index.test.jsx
@@ -1,13 +1,11 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { useIntl } from '@edx/frontend-platform/i18n';
-
+import { screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { formatMessage } from 'testUtils';
 import { thunkActions } from 'data/redux/hooks';

 import FilterMenuToggle from '.';
 import messages from './messages';
+import { renderWithIntl } from '../../../testUtilsExtra';

 jest.mock('data/redux/hooks', () => ({
  thunkActions: {
@@ -22,26 +20,23 @@ jest.mock('data/redux/hooks', () => ({
 const toggleFilterMenu = jest.fn().mockName('hooks.toggleFilterMenu');
 thunkActions.app.filterMenu.useToggleMenu.mockReturnValue(toggleFilterMenu);

-let el;
 describe('FilterMenuToggle component', () => {
  beforeEach(() => {
    jest.clearAllMocks();
-    el = shallow(<FilterMenuToggle />);
+    renderWithIntl(<FilterMenuToggle />);
  });
  describe('behavior', () => {
-    it('initializes intl hook', () => {
-      expect(useIntl).toHaveBeenCalled();
-    });
    it('initializes redux hooks', () => {
      expect(thunkActions.app.filterMenu.useToggleMenu).toHaveBeenCalled();
    });
  });
-  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-      expect(el.instance.type).toEqual('Button');
-      expect(el.instance.props.onClick).toEqual(toggleFilterMenu);
-      expect(el.instance.children[2].el).toContain(formatMessage(messages.editFilters));
+  describe('renders', () => {
+    it('button and triggers click', async () => {
+      const user = userEvent.setup();
+      const button = screen.getByRole('button', { name: formatMessage(messages.editFilters) });
+      expect(button).toBeInTheDocument();
+      await user.click(button);
+      expect(toggleFilterMenu).toHaveBeenCalled();
    });
  });
 });
--- a/src/components/GradesView/FilteredUsersLabel/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/FilteredUsersLabel/snapshots/index.test.jsx.snap
@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FilteredUsersLabel component render snapshot 1`] = `
-<format-message-function
-  message={
-    {
-      "defaultMessage": "Showing {filteredUsers} of {totalUsers} total learners",
-      "description": "Users visibility label",
-      "id": "gradebook.GradesTab.usersVisibilityLabel",
-    }
-  }
-  values={
-    {
-      "filteredUsers": <BoldText
-        text={100}
-      />,
-      "totalUsers": <BoldText
-        text={123}
-      />,
-    }
-  }
-/>
-`;
--- a/src/components/GradesView/FilteredUsersLabel/index.test.jsx
+++ b/src/components/GradesView/FilteredUsersLabel/index.test.jsx
@@ -1,13 +1,9 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { screen } from '@testing-library/react';

-import { useIntl } from '@edx/frontend-platform/i18n';
-
-import { formatMessage } from 'testUtils';
 import { selectors } from 'data/redux/hooks';

-import FilteredUsersLabel, { BoldText } from '.';
-import messages from './messages';
+import FilteredUsersLabel from '.';
+import { renderWithIntl } from '../../../testUtilsExtra';

 jest.mock('data/redux/hooks', () => ({
  selectors: {
@@ -23,34 +19,29 @@ const userCounts = {
 };
 selectors.grades.useUserCounts.mockReturnValue(userCounts);

-let el;
 describe('FilteredUsersLabel component', () => {
  beforeEach(() => {
    jest.clearAllMocks();
-    el = shallow(<FilteredUsersLabel />);
  });
  describe('behavior', () => {
-    it('initializes intl hook', () => {
-      expect(useIntl).toHaveBeenCalled();
-    });
    it('initializes redux hooks', () => {
+      renderWithIntl(<FilteredUsersLabel />);
      expect(selectors.grades.useUserCounts).toHaveBeenCalled();
    });
  });
  describe('render', () => {
-    test('null render if totalUsersCount is 0', () => {
+    it('null render if totalUsersCount is 0', () => {
      selectors.grades.useUserCounts.mockReturnValueOnce({
        ...userCounts,
        totalUsersCount: 0,
      });
-      expect(shallow(<FilteredUsersLabel />).isEmptyRender()).toEqual(true);
+      const { container } = renderWithIntl(<FilteredUsersLabel />);
+      expect(container.firstChild).toBeNull();
    });
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-      expect(el.instance).toMatchObject(shallow(formatMessage(messages.visibilityLabel, {
-        filteredUsers: <BoldText text={userCounts.filteredUsersCount} />,
-        totalUsers: <BoldText text={userCounts.totalUsersCount} />,
-      })));
+    it('renders users count correctly', () => {
+      renderWithIntl(<FilteredUsersLabel />);
+      expect(screen.getByText((text) => text.includes(userCounts.filteredUsersCount))).toBeInTheDocument();
+      expect(screen.getByText((text) => text.includes(userCounts.totalUsersCount))).toBeInTheDocument();
    });
  });
 });
--- a/src/components/GradesView/GradebookTable/Fields.test.jsx
+++ b/src/components/GradesView/GradebookTable/Fields.test.jsx
@@ -1,11 +1,9 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { render, screen } from '@testing-library/react';

 import Fields from './Fields';

 describe('Gradebook Table Fields', () => {
  describe('Username', () => {
-    let el;
    const username = 'MyNameFromHere';
    describe('with external_user_key', () => {
      const props = {
@@ -13,40 +11,32 @@ describe('Gradebook Table Fields', () => {
        userKey: 'My name from another land',
      };
      beforeEach(() => {
-        el = shallow(<Fields.Username {...props} />);
+        render(<Fields.Username {...props} />);
      });
-      test('snapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
-      });
-      test('wraps external user key and username', () => {
-        expect(el.instance.findByType('span')[0].el).toMatchSnapshot();
-        const content = el.instance.findByType('span')[0].children[0];
-        expect(content.children[0].children[0].el).toEqual(username);
-        expect(content.children[1].children[0].el).toEqual(props.userKey);
+      it('wraps external user key and username', () => {
+        const usernameField = screen.getByText(username);
+        expect(usernameField).toBeInTheDocument();
+        const userKeyField = screen.getByText(props.userKey);
+        expect(userKeyField).toBeInTheDocument();
      });
    });
    describe('without external_user_key', () => {
      beforeEach(() => {
-        el = shallow(<Fields.Username username={username} />);
+        render(<Fields.Username username={username} />);
      });
-      test('snapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
-      });
-      test('wraps username only', () => {
-        const content = el.instance.findByType('span')[0].children[0];
-        expect(content.children[0].children[0].el).toEqual(username);
-        expect(content.children).toHaveLength(1);
+      it('wraps username only', () => {
+        const usernameField = screen.getByText(username);
+        expect(usernameField).toBeInTheDocument();
      });
    });
  });

  describe('Text', () => {
    const value = 'myTag@place.com';
-    test('snapshot', () => {
-      expect(shallow(<Fields.Text value={value} />).snapshot).toMatchSnapshot();
-    });
-    test('wraps entry value', () => {
-      expect(shallow(<Fields.Text value={value} />).instance.children[0].el).toEqual(value);
+    it('wraps entry value', () => {
+      render(<Fields.Text value={value} />);
+      const textElement = screen.getByText(value);
+      expect(textElement).toBeInTheDocument();
    });
  });
 });
--- a/src/components/GradesView/GradebookTable/GradeButton.test.jsx
+++ b/src/components/GradesView/GradebookTable/GradeButton.test.jsx
@@ -1,5 +1,5 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';

 import { selectors, thunkActions } from 'data/redux/hooks';
 import transforms from 'data/redux/transforms';
@@ -47,7 +47,6 @@ selectors.grades.useGradeData.mockReturnValue({ gradeFormat });
 thunkActions.app.useSetModalStateFromTable.mockReturnValue(setModalState);
 transforms.grades.subsectionGrade.mockReturnValue(subsectionGrade);

-let el;
 let out;
 describe('GradeButton', () => {
  beforeEach(() => {
@@ -98,23 +97,24 @@ describe('GradeButton', () => {
    describe('frozen grades', () => {
      beforeEach(() => {
        hookSpy.mockReturnValue({ ...hookProps, areGradesFrozen: true });
-        el = shallow(<GradeButton {...props} />);
+        render(<GradeButton {...props} />);
      });
-      test('snapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
-        expect(el.instance.el).toEqual(hookProps.label);
+      it('renders only labels', () => {
+        const label = screen.getByText(hookProps.label);
+        expect(label).toBeInTheDocument();
      });
    });
    describe('not frozen grades', () => {
      beforeEach(() => {
        hookSpy.mockReturnValue(hookProps);
-        el = shallow(<GradeButton {...props} />);
+        render(<GradeButton {...props} />);
      });
-      test('snapshot', () => {
-        expect(el.snapshot).toMatchSnapshot();
-        expect(el.instance.type).toEqual('Button');
-        expect(el.instance.props.onClick).toEqual(hookProps.onClick);
-        expect(el.instance.children[0].el).toEqual(hookProps.label);
+      it('renders button', async () => {
+        const user = userEvent.setup();
+        const button = screen.getByRole('button', { name: hookProps.label });
+        expect(button).toBeInTheDocument();
+        await user.click(button);
+        expect(hookProps.onClick).toHaveBeenCalled();
      });
    });
  });
--- a/src/components/GradesView/GradebookTable/LabelReplacements.test.jsx
+++ b/src/components/GradesView/GradebookTable/LabelReplacements.test.jsx
@@ -1,10 +1,8 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { screen } from '@testing-library/react';
 import { getLocale } from '@edx/frontend-platform/i18n';
-
-import { OverlayTrigger } from '@openedx/paragon';
-
 import LabelReplacements from './LabelReplacements';
+import messages from './messages';
+import { renderWithIntl } from '../../../testUtilsExtra';

 const {
  TotalGradeLabelReplacement,
@@ -12,52 +10,36 @@ const {
  MastersOnlyLabelReplacement,
 } = LabelReplacements;

-jest.mock('@openedx/paragon', () => ({
-  Icon: () => 'Icon',
-  OverlayTrigger: () => 'OverlayTrigger',
-  Tooltip: () => 'Tooltip',
+jest.mock('@edx/frontend-platform/i18n', () => ({
+  ...jest.requireActual('@edx/frontend-platform/i18n'),
+  getLocale: jest.fn(),
+  isRtl: jest.fn(),
 }));

 describe('LabelReplacements', () => {
  describe('TotalGradeLabelReplacement', () => {
-    let el;
-    beforeEach(() => {
-      el = shallow(<TotalGradeLabelReplacement />);
-    });
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-    });
-    test('displays overlay tooltip', () => {
-      expect(el.instance.findByType(OverlayTrigger)[0].props.overlay).toMatchSnapshot();
+    getLocale.mockImplementation(() => 'en');
+    renderWithIntl(<TotalGradeLabelReplacement />);
+    it('displays overlay tooltip', () => {
+      const tooltip = screen.getByText(messages.totalGradePercentage.defaultMessage);
+      expect(tooltip).toBeInTheDocument();
    });
  });
  describe('UsernameLabelReplacement', () => {
-    test('snapshot', () => {
-      expect(shallow(<UsernameLabelReplacement />).snapshot).toMatchSnapshot();
+    it('renders correctly', () => {
+      renderWithIntl(<UsernameLabelReplacement />);
+      expect(screen.getByText(messages.usernameHeading.defaultMessage)).toBeInTheDocument();
    });
  });
  describe('MastersOnlyLabelReplacement', () => {
-    test('snapshot', () => {
+    it('renders correctly', () => {
      const message = {
        id: 'id',
        defaultMessage: 'defaultMessAge',
        description: 'desCripTion',
      };
-      expect(shallow(<MastersOnlyLabelReplacement {...message} />).snapshot).toMatchSnapshot();
+      renderWithIntl(<MastersOnlyLabelReplacement {...message} />);
+      expect(screen.getByText(message.defaultMessage)).toBeInTheDocument();
    });
  });
 });
-
-describe('snapshot', () => {
-  let el;
-  test('right to left overlay placement', () => {
-    getLocale.mockImplementation(() => 'en');
-    el = shallow(<TotalGradeLabelReplacement />);
-    expect(el.snapshot).toMatchSnapshot();
-  });
-  test('left to right overlay placement', () => {
-    getLocale.mockImplementation(() => 'ar');
-    el = shallow(<TotalGradeLabelReplacement />);
-    expect(el.snapshot).toMatchSnapshot();
-  });
-});
--- a/src/components/GradesView/GradebookTable/snapshots/Fields.test.jsx.snap
+++ b/src/components/GradesView/GradebookTable/snapshots/Fields.test.jsx.snap
@@ -1,75 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Gradebook Table Fields Text snapshot 1`] = `
-<span
-  className="wrap-text-in-cell"
->
-  myTag@place.com
-</span>
-`;
-
-exports[`Gradebook Table Fields Username with external_user_key snapshot 1`] = `
-<div>
-  <span
-    className="wrap-text-in-cell"
-  >
-    <div>
-      <div>
-        MyNameFromHere
-      </div>
-      <div
-        className="student-key"
-      >
-        My name from another land
-      </div>
-    </div>
-  </span>
-</div>
-`;
-
-exports[`Gradebook Table Fields Username with external_user_key wraps external user key and username 1`] = `
-{
-  "children": [
-    {
-      "children": [
-        {
-          "children": [
-            "MyNameFromHere",
-          ],
-          "props": {},
-          "type": "div",
-        },
-        {
-          "children": [
-            "My name from another land",
-          ],
-          "props": {
-            "className": "student-key",
-          },
-          "type": "div",
-        },
-      ],
-      "props": {},
-      "type": "div",
-    },
-  ],
-  "props": {
-    "className": "wrap-text-in-cell",
-  },
-  "type": "span",
-}
-`;
-
-exports[`Gradebook Table Fields Username without external_user_key snapshot 1`] = `
-<div>
-  <span
-    className="wrap-text-in-cell"
-  >
-    <div>
-      <div>
-        MyNameFromHere
-      </div>
-    </div>
-  </span>
-</div>
-`;
--- a/src/components/GradesView/GradebookTable/snapshots/GradeButton.test.jsx.snap
+++ b/src/components/GradesView/GradebookTable/snapshots/GradeButton.test.jsx.snap
@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`GradeButton component frozen grades snapshot 1`] = `"test-label"`;
-
-exports[`GradeButton component not frozen grades snapshot 1`] = `
-<Button
-  className="btn-header grade-button"
-  onClick={[MockFunction hooks.onClick]}
-  variant="link"
->
-  test-label
-</Button>
-`;
--- a/src/components/GradesView/GradebookTable/snapshots/LabelReplacements.test.jsx.snap
+++ b/src/components/GradesView/GradebookTable/snapshots/LabelReplacements.test.jsx.snap
@@ -1,140 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`LabelReplacements MastersOnlyLabelReplacement snapshot 1`] = `
-<div>
-  defaultMessAge
-  <span
-    className="font-weight-normal"
-  >
-    *
-  </span>
-</div>
-`;
-
-exports[`LabelReplacements TotalGradeLabelReplacement displays overlay tooltip 1`] = `
-<Tooltip
-  id="course-grade-tooltip"
->
-  Total Grade values are always displayed as a percentage
-</Tooltip>
-`;
-
-exports[`LabelReplacements TotalGradeLabelReplacement snapshot 1`] = `
-<div>
-  <OverlayTrigger
-    key="left-basic"
-    overlay={
-      <Tooltip
-        id="course-grade-tooltip"
-      >
-        Total Grade values are always displayed as a percentage
-      </Tooltip>
-    }
-    placement="left"
-    trigger={
-      [
-        "hover",
-        "focus",
-      ]
-    }
-  >
-    <div>
-      Total Grade (%)
-      <div
-        id="courseGradeTooltipIcon"
-      >
-        <Icon
-          className="fa fa-info-circle"
-          screenReaderText="Total Grade values are always displayed as a percentage"
-        />
-      </div>
-    </div>
-  </OverlayTrigger>
-</div>
-`;
-
-exports[`LabelReplacements UsernameLabelReplacement snapshot 1`] = `
-<div>
-  <div>
-    Username
-  </div>
-  <div
-    className="font-weight-normal student-key"
-  >
-    Student Key
-    <span
-      className="font-weight-normal"
-    >
-      *
-    </span>
-  </div>
-</div>
-`;
-
-exports[`snapshot left to right overlay placement 1`] = `
-<div>
-  <OverlayTrigger
-    key="left-basic"
-    overlay={
-      <Tooltip
-        id="course-grade-tooltip"
-      >
-        Total Grade values are always displayed as a percentage
-      </Tooltip>
-    }
-    placement="right"
-    trigger={
-      [
-        "hover",
-        "focus",
-      ]
-    }
-  >
-    <div>
-      Total Grade (%)
-      <div
-        id="courseGradeTooltipIcon"
-      >
-        <Icon
-          className="fa fa-info-circle"
-          screenReaderText="Total Grade values are always displayed as a percentage"
-        />
-      </div>
-    </div>
-  </OverlayTrigger>
-</div>
-`;
-
-exports[`snapshot right to left overlay placement 1`] = `
-<div>
-  <OverlayTrigger
-    key="left-basic"
-    overlay={
-      <Tooltip
-        id="course-grade-tooltip"
-      >
-        Total Grade values are always displayed as a percentage
-      </Tooltip>
-    }
-    placement="left"
-    trigger={
-      [
-        "hover",
-        "focus",
-      ]
-    }
-  >
-    <div>
-      Total Grade (%)
-      <div
-        id="courseGradeTooltipIcon"
-      >
-        <Icon
-          className="fa fa-info-circle"
-          screenReaderText="Total Grade values are always displayed as a percentage"
-        />
-      </div>
-    </div>
-  </OverlayTrigger>
-</div>
-`;
--- a/src/components/GradesView/GradebookTable/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/GradebookTable/snapshots/index.test.jsx.snap
@@ -1,32 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`GradebookTable snapshot 1`] = `
-<div
-  className="gradebook-container"
->
-  <DataTable
-    RowStatusComponent={[MockFunction hooks.nullMethod]}
-    columns={
-      [
-        "some",
-        "columns",
-      ]
-    }
-    data={
-      [
-        "some",
-        "data",
-      ]
-    }
-    hasFixedColumnWidths={true}
-    itemCount={3}
-    rowHeaderColumnKey="username"
-  >
-    <DataTable.TableControlBar />
-    <DataTable.Table />
-    <DataTable.EmptyTable
-      content="empty-table-content"
-    />
-  </DataTable>
-</div>
-`;
--- a/src/components/GradesView/GradebookTable/hooks.test.jsx
+++ b/src/components/GradesView/GradebookTable/hooks.test.jsx
@@ -1,47 +1,32 @@
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { useIntl } from '@edx/frontend-platform/i18n';
-
-import { formatMessage } from 'testUtils';
-
-import { getLocalizedPercentSign } from 'i18n/utils';
-import { selectors } from 'data/redux/hooks';
-import transforms from 'data/redux/transforms';
+import React from 'react';
 import { Headings } from 'data/constants/grades';
-import LabelReplacements from './LabelReplacements';
-import Fields from './Fields';
-import GradeButton from './GradeButton';

+import { initializeMocks, render } from '../../../testUtilsExtra';
+import * as hooks from './hooks';
 import messages from './messages';

-import useGradebookTableData from './hooks';
-
-jest.mock('i18n/utils', () => ({
-  getLocalizedPercentSign: () => '%',
-}));
-jest.mock('./GradeButton', () => 'GradeButton');
-jest.mock('./Fields', () => jest.requireActual('testUtils').mockNestedComponents({
-  Username: 'Fields.Username',
-  Text: 'Fields.Text',
-}));
-jest.mock('./LabelReplacements', () => jest.requireActual('testUtils').mockNestedComponents({
-  TotalGradeLabelReplacement: 'LabelReplacements.TotalGradeLabelReplacement',
-  UsernameLabelReplacement: 'LabelReplacements.UsernameLabelReplacement',
-  MastersOnlyLabelReplacement: 'LabelReplacements.MastersOnlyLabelReplacement',
-}));
+let mockUseAllGrades;
+let mockUseGetHeadings;

 jest.mock('data/redux/hooks', () => ({
  selectors: {
-    grades: { useAllGrades: jest.fn() },
-    root: { useGetHeadings: jest.fn() },
+    grades: { useAllGrades: () => mockUseAllGrades() },
+    root: { useGetHeadings: () => mockUseGetHeadings() },
  },
 }));
+
 jest.mock('data/redux/transforms', () => ({
-  grades: { roundGrade: jest.fn() },
+  grades: { roundGrade: jest.fn((val) => val) },
 }));

-const roundGrade = grade => grade * 20;
-transforms.grades.roundGrade.mockImplementation(roundGrade);
+jest.mock('i18n/utils', () => ({ getLocalizedPercentSign: () => '%' }));
+jest.mock('./Fields', () => ({ Username: () => null, Text: () => null }));
+jest.mock('./GradeButton', () => ({ __esModule: true, default: () => null }));
+jest.mock('./LabelReplacements', () => ({
+  TotalGradeLabelReplacement: () => null,
+  UsernameLabelReplacement: () => null,
+  MastersOnlyLabelReplacement: () => null,
+}));

 const subsectionLabels = [
  'subsectionLabel1',
@@ -85,7 +70,9 @@ const allGrades = [
    ],
  },
 ];
+
 const testHeading = 'test-heading-value';
+
 const headings = [
  Headings.totalGrade,
  Headings.username,
@@ -93,100 +80,60 @@ const headings = [
  Headings.fullName,
  testHeading,
 ];
-selectors.grades.useAllGrades.mockReturnValue(allGrades);
-selectors.root.useGetHeadings.mockReturnValue(headings);

-let out;
-describe('useGradebookTableData', () => {
+describe('useGradebookTableData hook', () => {
+  beforeAll(() => {
+    mockUseAllGrades = jest.fn();
+    mockUseGetHeadings = jest.fn();
+  });
+
  beforeEach(() => {
-    jest.clearAllMocks();
-    out = useGradebookTableData();
+    mockUseAllGrades.mockReset();
+    mockUseGetHeadings.mockReset();
  });
-  describe('behavior', () => {
-    it('initializes intl hook', () => {
-      expect(useIntl).toHaveBeenCalled();
-    });
-    it('initializes redux hooks', () => {
-      expect(selectors.grades.useAllGrades).toHaveBeenCalled();
-      expect(selectors.root.useGetHeadings).toHaveBeenCalled();
+  let hookResult;
+
+  const TestComponent = () => {
+    hookResult = hooks.useGradebookTableData();
+    return null;
+  };
+
+  beforeEach(() => {
+    initializeMocks();
+    hookResult = null;
+    mockUseAllGrades.mockReturnValue([]);
+    mockUseGetHeadings.mockReturnValue([]);
+  });
+
+  it('returns expected structure with empty data', () => {
+    render(<TestComponent />);
+    expect(hookResult).toEqual({
+      columns: [],
+      data: [],
+      grades: [],
+      nullMethod: expect.any(Function),
+      emptyContent: expect.any(String),
    });
  });
-  describe('output', () => {
-    describe('columns', () => {
-      test('total grade heading produces TotalGradeLabelReplacement label', () => {
-        const { Header, accessor } = out.columns[0];
-        expect(accessor).toEqual(headings[0]);
-        expect(shallow(Header)).toMatchObject(
-          shallow(<LabelReplacements.TotalGradeLabelReplacement />),
-        );
-      });
-      test('username heading produces UsernameLabelReplacement', () => {
-        const { Header, accessor } = out.columns[1];
-        expect(accessor).toEqual(headings[1]);
-        expect(shallow(Header)).toMatchObject(
-          shallow(<LabelReplacements.UsernameLabelReplacement />),
-        );
-      });
-      test('email heading replaces with email heading message', () => {
-        const { Header, accessor } = out.columns[2];
-        expect(accessor).toEqual(headings[2]);
-        expect(shallow(Header)).toMatchObject(
-          shallow(<LabelReplacements.MastersOnlyLabelReplacement {...messages.emailHeading} />),
-        );
-      });
-      test('fullName heading replaces with fullName heading message', () => {
-        const { Header, accessor } = out.columns[3];
-        expect(accessor).toEqual(headings[3]);
-        expect(shallow(Header)).toMatchObject(
-          shallow(<LabelReplacements.MastersOnlyLabelReplacement {...messages.fullNameHeading} />),
-        );
-      });
-      test('other headings are passed through', () => {
-        const { Header, accessor } = out.columns[4];
-        expect(accessor).toEqual(headings[4]);
-        expect(Header).toEqual(headings[4]);
-      });
-    });
-    describe('data', () => {
-      test('username field', () => {
-        allGrades.forEach((entry, index) => {
-          expect(out.data[index][Headings.username]).toMatchObject(
-            <Fields.Username username={entry.username} userKey={entry.external_user_key} />,
-          );
-        });
-      });
-      test('email field', () => {
-        allGrades.forEach((entry, index) => {
-          expect(out.data[index][Headings.email]).toMatchObject(
-            <Fields.Text value={entry.email} />,
-          );
-        });
-      });
-      test('totalGrade field', () => {
-        allGrades.forEach((entry, index) => {
-          expect(out.data[index][Headings.totalGrade]).toEqual(
-            `${roundGrade(entry.percent * 100)}${getLocalizedPercentSign()}`,
-          );
-        });
-      });
-      test('section breakdown', () => {
-        allGrades.forEach((entry, gradeIndex) => {
-          subsectionLabels.forEach((label, labelIndex) => {
-            expect(out.data[gradeIndex][label]).toMatchObject(
-              <GradeButton entry={entry} subsection={entry.section_breakdown[labelIndex]} />,
-            );
-          });
-        });
-      });
-    });
-    it('forwards grades from redux', () => {
-      expect(out.grades).toEqual(allGrades);
-    });
-    test('nullMethod returns null', () => {
-      expect(out.nullMethod()).toEqual(null);
-    });
-    test('emptyContent', () => {
-      expect(out.emptyContent).toEqual(formatMessage(messages.noResultsFound));
-    });
+
+  it('nullMethod returns null', () => {
+    render(<TestComponent />);
+    expect(hookResult.nullMethod()).toBeNull();
+  });
+
+  it('returns expected structure with grades and headings data', () => {
+    mockUseAllGrades.mockReturnValue(allGrades);
+    mockUseGetHeadings.mockReturnValue(headings);
+    render(<TestComponent />);
+    expect(hookResult.columns.length).toBe(headings.length);
+    expect(hookResult.columns[0].accessor).toEqual(headings[0]);
+    expect(hookResult.data.length).toBe(allGrades.length);
+    expect(hookResult.data[0]).toHaveProperty(Headings.username);
+    expect(hookResult.grades).toEqual(allGrades);
+    expect(hookResult.nullMethod()).toBeNull();
+    expect(hookResult.emptyContent).toBe(messages.noResultsFound.defaultMessage);
+
+    expect(mockUseAllGrades).toHaveBeenCalled();
+    expect(mockUseGetHeadings).toHaveBeenCalled();
  });
 });
--- a/src/components/GradesView/GradebookTable/index.test.jsx
+++ b/src/components/GradesView/GradebookTable/index.test.jsx
@@ -1,39 +1,42 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { DataTable } from '@openedx/paragon';
+import { screen } from '@testing-library/react';

 import useGradebookTableData from './hooks';
 import GradebookTable from '.';
+import { renderWithIntl } from '../../../testUtilsExtra';

 jest.mock('./hooks', () => jest.fn());

 const hookProps = {
-  columns: ['some', 'columns'],
-  data: ['some', 'data'],
+  columns: [{ Header: 'Username', accessor: 'username' }, { Header: 'Email', accessor: 'email' }, { Header: 'Total Grade', accessor: 'totalGrade' }],
+  data: [{ username: 'instructor', email: 'instructor@example.com', totalGrade: '100' }, { username: 'student', email: 'student@example.com', totalGrade: '90' }],
  grades: ['a', 'few', 'grades'],
  nullMethod: jest.fn().mockName('hooks.nullMethod'),
  emptyContent: 'empty-table-content',
 };
-useGradebookTableData.mockReturnValue(hookProps);

-let el;
 describe('GradebookTable', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-    el = shallow(<GradebookTable />);
+  it('renders Datatable correctly', () => {
+    useGradebookTableData.mockReturnValue(hookProps);
+    renderWithIntl(<GradebookTable />);
+    expect(useGradebookTableData).toHaveBeenCalled();
+    const headers = screen.getAllByRole('columnheader');
+    expect(headers).toHaveLength(3);
+    expect(headers[0]).toHaveTextContent(hookProps.columns[0].Header);
+    expect(headers[1]).toHaveTextContent(hookProps.columns[1].Header);
+    expect(headers[2]).toHaveTextContent(hookProps.columns[2].Header);
+    const rows = screen.getAllByRole('row');
+    expect(rows).toHaveLength(3);
+    expect(screen.getByText(hookProps.data[0].username)).toBeInTheDocument();
+    expect(screen.getByText(hookProps.data[0].email)).toBeInTheDocument();
+    expect(screen.getByText(hookProps.data[0].totalGrade)).toBeInTheDocument();
  });
-  test('snapshot', () => {
-    expect(el.snapshot).toMatchSnapshot();
-  });
-  test('Datatable props', () => {
-    const datatable = el.instance.findByType(DataTable)[0];
-    const { props } = datatable;
-    expect(props.columns).toEqual(hookProps.columns);
-    expect(props.data).toEqual(hookProps.data);
-    expect(props.itemCount).toEqual(hookProps.grades.length);
-    expect(props.RowStatusComponent).toEqual(hookProps.nullMethod);
-    expect(datatable.children[2].type).toEqual('DataTable.EmptyTable');
-    expect(datatable.children[2].props.content).toEqual(hookProps.emptyContent);
+  it('renders empty table content when no data is available', () => {
+    useGradebookTableData.mockReturnValue({
+      ...hookProps,
+      data: [],
+      grades: [],
+    });
+    renderWithIntl(<GradebookTable />);
+    expect(screen.getByText(hookProps.emptyContent)).toBeInTheDocument();
  });
 });
--- a/src/components/GradesView/GradesView.scss
+++ b/src/components/GradesView/GradesView.scss
@@ -120,25 +120,25 @@ select#ScoreView.form-control {
    
    &:before {
        border-width: 0.4rem 0.4rem 0.4rem 0;
-        border-right-color: $black;
+        border-right-color: var(--pgn-color-black);
    }
 }

 #edit-filters-btn {
-    @include media-breakpoint-down(xs) {
+     @media (--pgn-size-breakpoint-max-width-xs) {
        width: 100%;
        margin-bottom: 1rem;
    }
 }

 .search-container {
-    @include media-breakpoint-down(xs) {
+     @media (--pgn-size-breakpoint-max-width-xs) {
        width: 100%;
    }
 }

 .pgn__modal-body-content .pgn__data-table-layout-wrapper {
-    @include media-breakpoint-down(sm) {
+    @media (--pgn-size-breakpoint-max-width-xs) {
        clear: both;
        padding: 1rem 0;
    }
--- a/src/components/GradesView/ImportGradesButton/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/ImportGradesButton/snapshots/index.test.jsx.snap
@@ -1,53 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ImportGradesButton component render Form 1`] = `
-<Form
-  action="test-grade-export-url"
-  method="post"
->
-  <Form.Group
-    controlId="csv"
-  >
-    <Form.Control
-      className="d-none"
-      data-testid="file-control"
-      label="Upload Grade CSV"
-      onChange={[MockFunction props.handleFileInputChange]}
-      type="file"
-    />
-  </Form.Group>
-</Form>
-`;
-
-exports[`ImportGradesButton component render snapshot 1`] = `
-<Fragment>
-  <Form
-    action="test-grade-export-url"
-    method="post"
-  >
-    <Form.Group
-      controlId="csv"
-    >
-      <Form.Control
-        className="d-none"
-        data-testid="file-control"
-        label="Upload Grade CSV"
-        onChange={[MockFunction props.handleFileInputChange]}
-        type="file"
-      />
-    </Form.Group>
-  </Form>
-  <NetworkButton
-    className="import-grades-btn"
-    import={true}
-    label={
-      {
-        "defaultMessage": "Import Grades",
-        "description": "A labeled button to import grades in the BulkManagement Tab File Upload Form",
-        "id": "gradebook.GradesView.importGradesBtnText",
-      }
-    }
-    onClick={[MockFunction props.handleClickImportGrades]}
-  />
-</Fragment>
-`;
--- a/src/components/GradesView/ImportGradesButton/hooks.test.js
+++ b/src/components/GradesView/ImportGradesButton/hooks.test.js
@@ -12,6 +12,11 @@ jest.mock('data/redux/hooks', () => ({
  },
 }));

+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useRef: jest.fn((val) => ({ current: val, useRef: true })),
+}));
+
 let out;

 let submitThen;
--- a/src/components/GradesView/ImportGradesButton/index.test.jsx
+++ b/src/components/GradesView/ImportGradesButton/index.test.jsx
@@ -1,46 +1,26 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';

-import { useIntl } from '@edx/frontend-platform/i18n';
-import { Form } from '@openedx/paragon';
+import {
+  render, screen, initializeMocks,
+} from 'testUtilsExtra';

-import NetworkButton from 'components/NetworkButton';
-import useImportGradesButtonData from './hooks';
 import ImportGradesButton from '.';

-jest.mock('components/NetworkButton', () => 'NetworkButton');
-jest.mock('./hooks', () => ({ __esModule: true, default: jest.fn() }));
+initializeMocks();

-let el;
-let props;
 describe('ImportGradesButton component', () => {
-  beforeAll(() => {
-    props = {
-      fileInputRef: { current: null },
-      gradeExportUrl: 'test-grade-export-url',
-      handleClickImportGrades: jest.fn().mockName('props.handleClickImportGrades'),
-      handleFileInputChange: jest.fn().mockName('props.handleFileInputChange'),
-    };
-    useImportGradesButtonData.mockReturnValue(props);
-    el = shallow(<ImportGradesButton />);
-  });
-  describe('behavior', () => {
-    it('initializes hooks', () => {
-      expect(useImportGradesButtonData).toHaveBeenCalledWith();
-      expect(useIntl).toHaveBeenCalledWith();
-    });
+  beforeEach(() => {
+    jest.clearAllMocks();
+    render(<ImportGradesButton />);
  });
+
  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-    });
-    test('Form', () => {
-      expect(el.instance.findByType(Form)[0].snapshot).toMatchSnapshot();
-      expect(el.instance.findByType(Form)[0].props.action).toEqual(props.gradeExportUrl);
-      expect(el.instance.findByType(Form.Control)[0].props.onChange).toEqual(props.handleFileInputChange);
+    test('Form', async () => {
+      const uploader = screen.getByTestId('file-control');
+      expect(uploader).toBeInTheDocument();
    });
    test('import button', () => {
-      expect(el.instance.findByType(NetworkButton)[0].props.onClick).toEqual(props.handleClickImportGrades);
+      expect(screen.getByRole('button', { name: 'Import Grades' })).toBeInTheDocument();
    });
  });
 });
--- a/src/components/GradesView/ImportGradesButton/ref.test.jsx
+++ b/src/components/GradesView/ImportGradesButton/ref.test.jsx
@@ -1,11 +1,8 @@
 import React from 'react';
-import { render } from '@testing-library/react';
-
 import useImportGradesButtonData from './hooks';
 import ImportGradesButton from '.';
+import { renderWithIntl, screen } from '../../../testUtilsExtra';

-jest.unmock('react');
-jest.unmock('@openedx/paragon');
 jest.mock('components/NetworkButton', () => 'network-button');
 jest.mock('./hooks', () => ({ __esModule: true, default: jest.fn() }));

@@ -17,11 +14,10 @@ const props = {
 };
 useImportGradesButtonData.mockReturnValue(props);

-let el;
 describe('ImportGradesButton ref test', () => {
  it('loads ref from hook', () => {
-    el = render(<ImportGradesButton />);
-    const input = el.getByTestId('file-control');
+    renderWithIntl(<ImportGradesButton />);
+    const input = screen.getByTestId('file-control');
    expect(input).toEqual(props.fileInputRef.current);
  });
 });
--- a/src/components/GradesView/ImportSuccessToast/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/ImportSuccessToast/snapshots/index.test.jsx.snap
@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ImportSuccessToast component render snapshot 1`] = `
-<Toast
-  action="test-action"
-  onClose={[MockFunction hooks.onClose]}
-  show="test-show"
->
-  test-description
-</Toast>
-`;
--- a/src/components/GradesView/ImportSuccessToast/hooks.test.js
+++ b/src/components/GradesView/ImportSuccessToast/hooks.test.js
@@ -19,6 +19,18 @@ jest.mock('data/redux/hooks', () => ({
  },
 }));

+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useContext: jest.fn(context => context),
+}));
+
+jest.mock('@edx/frontend-platform/i18n', () => ({
+  ...jest.requireActual('@edx/frontend-platform/i18n'),
+  useIntl: jest.fn(() => ({
+    formatMessage: (message) => message.defaultMessage,
+  })),
+}));
+
 const setView = jest.fn().mockName('hooks.setView');
 const setShowToast = jest.fn().mockName('hooks.setShowImportSuccessToast');
 actions.app.useSetView.mockReturnValue(setView);
--- a/src/components/GradesView/ImportSuccessToast/index.test.jsx
+++ b/src/components/GradesView/ImportSuccessToast/index.test.jsx
@@ -1,39 +1,85 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';

-import useImportSuccessToastData from './hooks';
+import { render, initializeMocks, screen } from 'testUtilsExtra';
+
 import ImportSuccessToast from '.';
+import useImportSuccessToastData from './hooks';
+
+jest.mock('data/redux/hooks', () => ({
+  actions: {
+    app: {
+      useSetView: jest.fn(),
+      useSetShowImportSuccessToast: jest.fn(),
+    },
+  },
+  selectors: {
+    app: {
+      useShowImportSuccessToast: jest.fn(),
+    },
+  },
+}));

 jest.mock('./hooks', () => jest.fn());

-const hookProps = {
-  action: 'test-action',
-  onClose: jest.fn().mockName('hooks.onClose'),
-  show: 'test-show',
-  description: 'test-description',
-};
-useImportSuccessToastData.mockReturnValue(hookProps);
+initializeMocks();

-let el;
-describe('ImportSuccessToast component', () => {
-  beforeAll(() => {
-    el = shallow(<ImportSuccessToast />);
+describe('ImportSuccessToast', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
  });
-  describe('behavior', () => {
-    it('initializes component hook', () => {
-      expect(useImportSuccessToastData).toHaveBeenCalled();
+
+  it('renders with show false', () => {
+    useImportSuccessToastData.mockReturnValue({
+      action: {
+        label: 'View Activity Log',
+        onClick: jest.fn(),
+      },
+      onClose: jest.fn(),
+      show: false,
+      description: 'Import Successful! Grades will be updated momentarily.',
    });
+
+    render(<ImportSuccessToast />);
+    const alert = screen.getByRole('alert');
+    expect(alert).toBeInTheDocument();
+    const toastMessage = screen.queryByText('Import Successful! Grades will be updated momentarily.');
+    expect(toastMessage).toBeNull();
+    expect(useImportSuccessToastData).toHaveBeenCalled();
  });
-  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
+
+  it('renders with show true', () => {
+    useImportSuccessToastData.mockReturnValue({
+      action: {
+        label: 'View Activity Log',
+        onClick: jest.fn(),
+      },
+      onClose: jest.fn(),
+      show: true,
+      description: 'Import Successful! Grades will be updated momentarily.',
    });
-    test('Toast', () => {
-      expect(el.instance.type).toEqual('Toast');
-      expect(el.instance.props.action).toEqual(hookProps.action);
-      expect(el.instance.props.onClose).toEqual(hookProps.onClose);
-      expect(el.instance.props.show).toEqual(hookProps.show);
-      expect(el.instance.children[0].el).toEqual(hookProps.description);
+
+    render(<ImportSuccessToast />);
+    const toastMessage = screen.getByText('Import Successful! Grades will be updated momentarily.');
+    expect(toastMessage).toBeInTheDocument();
+    expect(useImportSuccessToastData).toHaveBeenCalled();
+  });
+
+  it('passes correct props to Toast component', () => {
+    const mockOnClose = jest.fn();
+    const mockOnClick = jest.fn();
+
+    useImportSuccessToastData.mockReturnValue({
+      action: {
+        label: 'View Activity Log',
+        onClick: mockOnClick,
+      },
+      onClose: mockOnClose,
+      show: true,
+      description: 'Import Successful! Grades will be updated momentarily.',
    });
+
+    const { container } = render(<ImportSuccessToast />);
+    expect(container).toBeInTheDocument();
+    expect(useImportSuccessToastData).toHaveBeenCalled();
  });
 });
--- a/src/components/GradesView/InterventionsReport/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/InterventionsReport/snapshots/index.test.jsx.snap
@@ -1,30 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`InterventionsReport component output snapshot 1`] = `
-<div>
-  <h4
-    className="mt-0"
-  >
-    Interventions Report
-  </h4>
-  <div
-    className="d-flex justify-content-between align-items-center"
-  >
-    <div
-      className="intervention-report-description"
-    >
-      Need to find students who may be falling behind?  Download the interventions report to obtain engagement metrics such as section attempts and visits.
-    </div>
-    <NetworkButton
-      label={
-        {
-          "defaultMessage": "Download Interventions",
-          "description": "The labeled button to download the Intervention report from the Grades View",
-          "id": "gradebook.GradesView.InterventionsReport.downloadBtn",
-        }
-      }
-      onClick={[MockFunction]}
-    />
-  </div>
-</div>
-`;
--- a/src/components/GradesView/InterventionsReport/index.test.jsx
+++ b/src/components/GradesView/InterventionsReport/index.test.jsx
@@ -1,42 +1,73 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';

-import { useIntl } from '@edx/frontend-platform/i18n';
+import { render, screen, initializeMocks } from 'testUtilsExtra';

-import NetworkButton from 'components/NetworkButton';
-
-import messages from './messages';
-import useInterventionsReportData from './hooks';
 import InterventionsReport from '.';

 jest.mock('components/NetworkButton', () => 'NetworkButton');
 jest.mock('./hooks', () => jest.fn());

-const hookProps = { show: true, handleClick: jest.fn() };
-useInterventionsReportData.mockReturnValue(hookProps);
+const useInterventionsReportData = require('./hooks');

-let el;
-describe('InterventionsReport component', () => {
+initializeMocks();
+
+describe('InterventionsReport', () => {
  beforeEach(() => {
-    el = shallow(<InterventionsReport />);
+    jest.clearAllMocks();
  });
-  describe('behavior', () => {
-    it('initializes hooks', () => {
-      expect(useInterventionsReportData).toHaveBeenCalledWith();
-      expect(useIntl).toHaveBeenCalledWith();
+
+  it('renders without errors when show is true', () => {
+    useInterventionsReportData.mockReturnValue({
+      show: true,
+      handleClick: jest.fn(),
    });
+
+    render(<InterventionsReport />);
+    expect(screen.getByRole('heading', { level: 4 })).toBeInTheDocument();
+    expect(useInterventionsReportData).toHaveBeenCalled();
  });
-  describe('output', () => {
-    it('does now render if show is false', () => {
-      useInterventionsReportData.mockReturnValueOnce({ ...hookProps, show: false });
-      el = shallow(<InterventionsReport />);
-      expect(el.isEmptyRender()).toEqual(true);
+
+  it('renders nothing when show is false', () => {
+    useInterventionsReportData.mockReturnValue({
+      show: false,
+      handleClick: jest.fn(),
    });
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-      const btnProps = el.instance.findByType(NetworkButton)[0].props;
-      expect(btnProps.label).toEqual(messages.downloadBtn);
-      expect(btnProps.onClick).toEqual(hookProps.handleClick);
+
+    render(<InterventionsReport />);
+    expect(screen.queryByRole('heading')).not.toBeInTheDocument();
+    expect(screen.queryByText('Interventions Report')).not.toBeInTheDocument();
+    expect(useInterventionsReportData).toHaveBeenCalled();
+  });
+
+  it('calls useInterventionsReportData hook', () => {
+    useInterventionsReportData.mockReturnValue({
+      show: true,
+      handleClick: jest.fn(),
    });
+
+    render(<InterventionsReport />);
+    expect(useInterventionsReportData).toHaveBeenCalled();
+  });
+
+  it('renders with correct content when show is true', () => {
+    const mockReportData = {
+      show: true,
+      handleClick: jest.fn(),
+    };
+
+    useInterventionsReportData.mockReturnValue(mockReportData);
+
+    render(<InterventionsReport />);
+
+    expect(screen.getByText('Interventions Report')).toBeInTheDocument();
+
+    expect(
+      screen.getByText(/Need to find students who may be falling behind/),
+    ).toBeInTheDocument();
+
+    const networkButton = document.querySelector('networkbutton');
+    expect(networkButton).toBeInTheDocument();
+
+    expect(useInterventionsReportData).toHaveBeenCalled();
  });
 });
--- a/src/components/GradesView/PageButtons/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/PageButtons/snapshots/index.test.jsx.snap
@@ -1,37 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PageButtons component render snapshot 1`] = `
-<div
-  className="d-flex justify-content-center"
-  style={
-    {
-      "paddingBottom": "20px",
-    }
-  }
->
-  <Button
-    disabled="prev-disabled"
-    onClick={[MockFunction hooks.prev.onClick]}
-    style={
-      {
-        "margin": "20px",
-      }
-    }
-    variant="outline-primary"
-  >
-    prev-text
-  </Button>
-  <Button
-    disabled="next-disabled"
-    onClick={[MockFunction hooks.next.onClick]}
-    style={
-      {
-        "margin": "20px",
-      }
-    }
-    variant="outline-primary"
-  >
-    next-text
-  </Button>
-</div>
-`;
--- a/src/components/GradesView/PageButtons/hooks.test.js
+++ b/src/components/GradesView/PageButtons/hooks.test.js
@@ -15,6 +15,18 @@ jest.mock('data/redux/hooks', () => ({
  },
 }));

+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useContext: jest.fn(context => context),
+}));
+
+jest.mock('@edx/frontend-platform/i18n', () => ({
+  ...jest.requireActual('@edx/frontend-platform/i18n'),
+  useIntl: jest.fn(() => ({
+    formatMessage: (message) => message.defaultMessage,
+  })),
+}));
+
 const gradeData = { nextPage: 'test-next-page', prevPage: 'test-prev-page' };
 selectors.grades.useGradeData.mockReturnValue(gradeData);

--- a/src/components/GradesView/PageButtons/index.test.jsx
+++ b/src/components/GradesView/PageButtons/index.test.jsx
@@ -1,7 +1,6 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';

-import { Button } from '@openedx/paragon';
+import { initializeMocks, render, screen } from 'testUtilsExtra';

 import usePageButtonsData from './hooks';
 import PageButtons from '.';
@@ -10,44 +9,53 @@ jest.mock('./hooks', () => jest.fn());

 const hookProps = {
  prev: {
-    disabled: 'prev-disabled',
+    disabled: false,
    onClick: jest.fn().mockName('hooks.prev.onClick'),
    text: 'prev-text',
  },
  next: {
-    disabled: 'next-disabled',
+    disabled: false,
    onClick: jest.fn().mockName('hooks.next.onClick'),
    text: 'next-text',
  },
 };
-usePageButtonsData.mockReturnValue(hookProps);

-let el;
 describe('PageButtons component', () => {
-  beforeEach(() => {
+  beforeAll(() => {
    jest.clearAllMocks();
-    el = shallow(<PageButtons />);
+    initializeMocks();
  });
-  describe('behavior', () => {
-    it('initializes component hooks', () => {
-      expect(usePageButtonsData).toHaveBeenCalled();
+  describe('renders enabled buttons', () => {
+    beforeEach(() => {
+      usePageButtonsData.mockReturnValue(hookProps);
+      render(<PageButtons />);
+    });
+    test('prev button enabled', () => {
+      expect(screen.getByText(hookProps.prev.text)).toBeInTheDocument();
+      expect(screen.getByText(hookProps.next.text)).toBeEnabled();
+    });
+    test('next button enabled', () => {
+      expect(screen.getByText(hookProps.next.text)).toBeInTheDocument();
+      expect(screen.getByText(hookProps.prev.text)).toBeEnabled();
    });
  });
-  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
+
+  describe('renders disabled buttons', () => {
+    beforeAll(() => {
+      hookProps.prev.disabled = true;
+      hookProps.next.disabled = true;
    });
-    test('prev button', () => {
-      const button = el.instance.findByType(Button)[0];
-      expect(button.props.disabled).toEqual(hookProps.prev.disabled);
-      expect(button.props.onClick).toEqual(hookProps.prev.onClick);
-      expect(button.children[0].el).toEqual(hookProps.prev.text);
+    beforeEach(() => {
+      usePageButtonsData.mockReturnValue(hookProps);
+      render(<PageButtons />);
    });
-    test('next button', () => {
-      const button = el.instance.findByType(Button)[1];
-      expect(button.props.disabled).toEqual(hookProps.next.disabled);
-      expect(button.props.onClick).toEqual(hookProps.next.onClick);
-      expect(button.children[0].el).toEqual(hookProps.next.text);
+    test('prev button disabled', () => {
+      expect(screen.getByText(hookProps.next.text)).toBeInTheDocument();
+      expect(screen.getByText(hookProps.prev.text)).toBeDisabled();
+    });
+    test('next button disabled', () => {
+      expect(screen.getByText(hookProps.prev.text)).toBeInTheDocument();
+      expect(screen.getByText(hookProps.next.text)).toBeDisabled();
    });
  });
 });
--- a/src/components/GradesView/ScoreViewInput/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/ScoreViewInput/snapshots/index.test.jsx.snap
@@ -1,28 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ScoreViewInput component render snapshot 1`] = `
-<Form.Group
-  controlId="ScoreView"
->
-  <Form.Label>
-    Score View
-    :
-  </Form.Label>
-  <Form.Control
-    as="select"
-    onChange={[MockFunction hooks.toggleGradeFormat]}
-    value="test-grade-format"
-  >
-    <option
-      value="percent"
-    >
-      Percent
-    </option>
-    <option
-      value="absolute"
-    >
-      Absolute
-    </option>
-  </Form.Control>
-</Form.Group>
-`;
--- a/src/components/GradesView/ScoreViewInput/index.test.jsx
+++ b/src/components/GradesView/ScoreViewInput/index.test.jsx
@@ -1,67 +1,237 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';

-import { useIntl } from '@edx/frontend-platform/i18n';
-import { GradeFormats } from 'data/constants/grades';
+import { render, screen, initializeMocks } from 'testUtilsExtra';
+import userEvent from '@testing-library/user-event';

-import { formatMessage } from 'testUtils';
-import { actions, selectors } from 'data/redux/hooks';
-import ScoreViewInput from '.';
-import messages from './messages';
+import { ScoreViewInput } from '.';

 jest.mock('data/redux/hooks', () => ({
  actions: {
-    grades: { useToggleGradeFormat: jest.fn() },
+    grades: {
+      useToggleGradeFormat: jest.fn(),
+    },
  },
  selectors: {
-    grades: { useGradeData: jest.fn() },
+    grades: {
+      useGradeData: jest.fn(),
+    },
  },
 }));

-const toggleGradeFormat = jest.fn().mockName('hooks.toggleGradeFormat');
-actions.grades.useToggleGradeFormat.mockReturnValue(toggleGradeFormat);
-const gradeFormat = 'test-grade-format';
-selectors.grades.useGradeData.mockReturnValue({ gradeFormat });
+const { actions, selectors } = require('data/redux/hooks');
+
+initializeMocks();
+
+describe('ScoreViewInput', () => {
+  const mockToggleFormat = jest.fn();

-let el;
-describe('ScoreViewInput component', () => {
  beforeEach(() => {
    jest.clearAllMocks();
-    el = shallow(<ScoreViewInput />);
-  });
-  describe('behavior', () => {
-    it('initializes intl hook', () => {
-      expect(useIntl).toHaveBeenCalled();
+
+    selectors.grades.useGradeData.mockReturnValue({
+      gradeFormat: 'percent',
    });
-    it('initializes redux hooks', () => {
-      expect(actions.grades.useToggleGradeFormat).toHaveBeenCalled();
-      expect(selectors.grades.useGradeData).toHaveBeenCalled();
+    actions.grades.useToggleGradeFormat.mockReturnValue(mockToggleFormat);
+  });
+
+  it('renders without errors', () => {
+    render(<ScoreViewInput />);
+
+    expect(document.body).toBeInTheDocument();
+  });
+
+  it('renders form group with correct label', () => {
+    render(<ScoreViewInput />);
+
+    expect(screen.getByLabelText(/score view/i)).toBeInTheDocument();
+  });
+
+  it('renders select element with correct options', () => {
+    render(<ScoreViewInput />);
+
+    const select = screen.getByRole('combobox', { name: /score view/i });
+    expect(select).toBeInTheDocument();
+
+    expect(
+      screen.getByRole('option', { name: /percent/i }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('option', { name: /absolute/i }),
+    ).toBeInTheDocument();
+  });
+
+  it('displays correct selected value for percent format', () => {
+    selectors.grades.useGradeData.mockReturnValue({
+      gradeFormat: 'percent',
+    });
+
+    render(<ScoreViewInput />);
+
+    const select = screen.getByRole('combobox', { name: /score view/i });
+    expect(select).toHaveValue('percent');
+  });
+
+  it('displays correct selected value for absolute format', () => {
+    selectors.grades.useGradeData.mockReturnValue({
+      gradeFormat: 'absolute',
+    });
+
+    render(<ScoreViewInput />);
+
+    const select = screen.getByRole('combobox', { name: /score view/i });
+    expect(select).toHaveValue('absolute');
+  });
+
+  it('calls toggle function when selection changes', async () => {
+    render(<ScoreViewInput />);
+    const user = userEvent.setup();
+
+    const select = screen.getByRole('combobox', { name: /score view/i });
+
+    await user.selectOptions(select, 'absolute');
+
+    expect(mockToggleFormat).toHaveBeenCalledTimes(1);
+  });
+
+  describe('accessibility', () => {
+    it('has proper form structure', () => {
+      render(<ScoreViewInput />);
+
+      const select = screen.getByRole('combobox', { name: /score view/i });
+      const label = screen.getByText(/score view/i);
+
+      expect(select).toBeInTheDocument();
+      expect(label).toBeInTheDocument();
+    });
+
+    it('has accessible label association', () => {
+      render(<ScoreViewInput />);
+
+      const label = screen.getByText(/score view/i);
+      const select = screen.getByRole('combobox', { name: /score view/i });
+
+      expect(label).toBeInTheDocument();
+      expect(select).toHaveAccessibleName(/score view/i);
+    });
+
+    it('has correct control ID for accessibility', () => {
+      render(<ScoreViewInput />);
+
+      const select = screen.getByRole('combobox', { name: /score view/i });
+      expect(select).toHaveAttribute('id', 'ScoreView');
    });
  });
-  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
+
+  describe('form control behavior', () => {
+    it('renders as a select element', () => {
+      render(<ScoreViewInput />);
+
+      const select = screen.getByRole('combobox', { name: /score view/i });
+      expect(select.tagName).toBe('SELECT');
    });
-    test('label', () => {
-      const label = el.instance.children[0];
-      expect(label.children[0].el).toEqual(`${formatMessage(messages.scoreView)}`);
+
+    it('has correct option values', () => {
+      render(<ScoreViewInput />);
+
+      const percentOption = screen.getByRole('option', { name: /percent/i });
+      const absoluteOption = screen.getByRole('option', { name: /absolute/i });
+
+      expect(percentOption).toHaveValue('percent');
+      expect(absoluteOption).toHaveValue('absolute');
    });
-    describe('form control', () => {
-      let control;
-      beforeEach(() => {
-        control = el.instance.children;
-      });
-      test('value and onChange from redux hooks', () => {
-        expect(control[1].props.value).toEqual(gradeFormat);
-        expect(control[1].props.onChange).toEqual(toggleGradeFormat);
-      });
-      test('absolute and percent options', () => {
-        const { children } = control[1];
-        expect(children[0].props.value).toEqual(GradeFormats.percent);
-        expect(children[0].children[0].el).toEqual(formatMessage(messages.percent));
-        expect(children[1].props.value).toEqual(GradeFormats.absolute);
-        expect(children[1].children[0].el).toEqual(formatMessage(messages.absolute));
+
+    it('has exactly two options', () => {
+      render(<ScoreViewInput />);
+
+      const options = screen.getAllByRole('option');
+      expect(options).toHaveLength(2);
+    });
+  });
+
+  describe('redux integration', () => {
+    it('uses grade data selector hook', () => {
+      render(<ScoreViewInput />);
+
+      expect(selectors.grades.useGradeData).toHaveBeenCalledTimes(1);
+    });
+
+    it('uses toggle grade format action hook', () => {
+      render(<ScoreViewInput />);
+
+      expect(actions.grades.useToggleGradeFormat).toHaveBeenCalledTimes(1);
+    });
+
+    it('responds to different grade format values', () => {
+      const { rerender } = render(<ScoreViewInput />);
+
+      let select = screen.getByRole('combobox', { name: /score view/i });
+      expect(select).toHaveValue('percent');
+
+      selectors.grades.useGradeData.mockReturnValue({
+        gradeFormat: 'absolute',
      });
+
+      rerender(<ScoreViewInput />);
+      select = screen.getByRole('combobox', { name: /score view/i });
+      expect(select).toHaveValue('absolute');
+    });
+  });
+
+  describe('user interactions', () => {
+    it('handles option selection', async () => {
+      render(<ScoreViewInput />);
+      const user = userEvent.setup();
+
+      const select = screen.getByRole('combobox', { name: /score view/i });
+
+      await user.selectOptions(select, 'absolute');
+
+      expect(mockToggleFormat).toHaveBeenCalledWith(expect.any(Object));
+    });
+
+    it('maintains state consistency', () => {
+      render(<ScoreViewInput />);
+
+      const select = screen.getByRole('combobox', { name: /score view/i });
+      const percentOption = screen.getByRole('option', { name: /percent/i });
+
+      expect(select).toHaveValue('percent');
+      expect(percentOption).toBeInTheDocument();
+    });
+  });
+
+  describe('internationalization', () => {
+    it('displays localized label text', () => {
+      render(<ScoreViewInput />);
+
+      expect(screen.getByText('Score View:')).toBeInTheDocument();
+    });
+
+    it('displays localized option text', () => {
+      render(<ScoreViewInput />);
+
+      expect(screen.getByText('Percent')).toBeInTheDocument();
+      expect(screen.getByText('Absolute')).toBeInTheDocument();
+    });
+  });
+
+  describe('component structure', () => {
+    it('uses proper Bootstrap form classes', () => {
+      render(<ScoreViewInput />);
+
+      const select = screen.getByRole('combobox', { name: /score view/i });
+      expect(select).toHaveClass('form-control');
+    });
+
+    it('renders within form group structure', () => {
+      render(<ScoreViewInput />);
+
+      const label = screen.getByText(/score view/i);
+      const select = screen.getByRole('combobox', { name: /score view/i });
+
+      expect(label).toBeInTheDocument();
+      expect(select).toBeInTheDocument();
+      expect(select).toHaveAccessibleName(expect.stringMatching(/score view/i));
    });
  });
 });
--- a/src/components/GradesView/SearchControls/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/SearchControls/snapshots/index.test.jsx.snap
@@ -1,20 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SearchControls component render snapshot 1`] = `
-<div
-  className="search-container"
->
-  <SearchField
-    inputLabel="test-input-label"
-    onBlur={[MockFunction hooks.onBlur]}
-    onClear={[MockFunction hooks.onClear]}
-    onSubmit={[MockFunction hooks.onSubmit]}
-    value="test-search-value"
-  />
-  <small
-    className="form-text text-muted search-help-text"
-  >
-    test-hint-text
-  </small>
-</div>
-`;
--- a/src/components/GradesView/SearchControls/hooks.test.js
+++ b/src/components/GradesView/SearchControls/hooks.test.js
@@ -18,6 +18,18 @@ jest.mock('data/redux/hooks', () => ({
  },
 }));

+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useContext: jest.fn(context => context),
+}));
+
+jest.mock('@edx/frontend-platform/i18n', () => ({
+  ...jest.requireActual('@edx/frontend-platform/i18n'),
+  useIntl: jest.fn(() => ({
+    formatMessage: (message) => message.defaultMessage,
+  })),
+}));
+
 const searchValue = 'test-search-value';
 selectors.app.useSearchValue.mockReturnValue(searchValue);
 const setSearchValue = jest.fn();
--- a/src/components/GradesView/SearchControls/index.jsx
+++ b/src/components/GradesView/SearchControls/index.jsx
@@ -21,7 +21,7 @@ export const SearchControls = () => {
    <div className="search-container">
      <SearchField
        onSubmit={onSubmit}
-        inputLabel={inputLabel}
+        label={inputLabel}
        onBlur={onBlur}
        onClear={onClear}
        value={searchValue}
--- a/src/components/GradesView/SearchControls/index.test.jsx
+++ b/src/components/GradesView/SearchControls/index.test.jsx
@@ -1,7 +1,5 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { SearchField } from '@openedx/paragon';
+import { initializeMocks, render, screen } from 'testUtilsExtra';

 import useSearchControlsData from './hooks';
 import SearchControls from '.';
@@ -17,32 +15,19 @@ const hookProps = {
  hintText: 'test-hint-text',
 };
 useSearchControlsData.mockReturnValue(hookProps);
-
-let el;
 describe('SearchControls component', () => {
  beforeEach(() => {
+    initializeMocks();
+    render(<SearchControls />);
    jest.clearAllMocks();
-    el = shallow(<SearchControls />);
-  });
-  describe('behavior', () => {
-    it('initializes component hooks', () => {
-      expect(useSearchControlsData).toHaveBeenCalled();
-    });
  });
  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
-    });
    test('search field', () => {
-      const { props } = el.instance.findByType(SearchField)[0];
-      expect(props.onSubmit).toEqual(hookProps.onSubmit);
-      expect(props.onBlur).toEqual(hookProps.onBlur);
-      expect(props.onClear).toEqual(hookProps.onClear);
-      expect(props.inputLabel).toEqual(hookProps.inputLabel);
-      expect(props.value).toEqual(hookProps.searchValue);
+      expect(screen.getByLabelText(hookProps.inputLabel)).toBeInTheDocument();
+      expect(screen.getByRole('searchbox')).toHaveValue(hookProps.searchValue);
    });
    test('hint text', () => {
-      expect(el.instance.findByType('small')[0].children[0].el).toEqual(hookProps.hintText);
+      expect(screen.getByText(hookProps.hintText)).toBeInTheDocument();
    });
  });
 });
--- a/src/components/GradesView/SpinnerIcon.test.jsx
+++ b/src/components/GradesView/SpinnerIcon.test.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
+import { render } from '@testing-library/react';

 import { selectors } from 'data/redux/hooks';
 import SpinnerIcon from './SpinnerIcon';
@@ -10,26 +10,19 @@ jest.mock('data/redux/hooks', () => ({
  },
 }));

-selectors.root.useShouldShowSpinner.mockReturnValue(true);
-let el;
 describe('SpinnerIcon', () => {
  beforeEach(() => {
    jest.clearAllMocks();
-    el = shallow(<SpinnerIcon />);
  });
-  describe('behavior', () => {
-    it('initializes redux hook', () => {
-      expect(selectors.root.useShouldShowSpinner).toHaveBeenCalled();
-    });
+  it('does not render if show: false', () => {
+    selectors.root.useShouldShowSpinner.mockReturnValueOnce(false);
+    const { container } = render(<SpinnerIcon />);
+    expect(container.querySelector('.fa.fa-spinner')).not.toBeInTheDocument();
  });
-  describe('component', () => {
-    it('does not render if show: false', () => {
-      selectors.root.useShouldShowSpinner.mockReturnValueOnce(false);
-      el = shallow(<SpinnerIcon />);
-      expect(el.isEmptyRender()).toEqual(true);
-    });
-    test('snapshot - displays spinner overlay with spinner icon', () => {
-      expect(el.snapshot).toMatchSnapshot();
-    });
+
+  test('displays spinner overlay with spinner icon', () => {
+    selectors.root.useShouldShowSpinner.mockReturnValueOnce(true);
+    const { container } = render(<SpinnerIcon />);
+    expect(container.querySelector('.fa.fa-spinner')).toBeInTheDocument();
  });
 });
--- a/src/components/GradesView/StatusAlerts/snapshots/index.test.jsx.snap
+++ b/src/components/GradesView/StatusAlerts/snapshots/index.test.jsx.snap
@@ -1,20 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`StatusAlerts component render snapshot 1`] = `
-<Fragment>
-  <Alert
-    onClose={[MockFunction hooks.successBanner.onClose]}
-    show="hooks.show-success-banner"
-    variant="success"
-  >
-    hooks.success-banner-text
-  </Alert>
-  <Alert
-    dismissible={false}
-    show="hooks.show-grade-filter"
-    variant="danger"
-  >
-    hooks.grade-filter-text
-  </Alert>
-</Fragment>
-`;
--- a/src/components/GradesView/StatusAlerts/hooks.test.js
+++ b/src/components/GradesView/StatusAlerts/hooks.test.js
@@ -1,6 +1,5 @@
 import { useIntl } from '@edx/frontend-platform/i18n';

-import { formatMessage } from 'testUtils';
 import { actions, selectors } from 'data/redux/hooks';

 import useStatusAlertsData from './hooks';
@@ -16,6 +15,18 @@ jest.mock('data/redux/hooks', () => ({
  },
 }));

+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useContext: jest.fn(context => context),
+}));
+
+jest.mock('@edx/frontend-platform/i18n', () => ({
+  ...jest.requireActual('@edx/frontend-platform/i18n'),
+  useIntl: jest.fn(() => ({
+    formatMessage: (message) => message.defaultMessage,
+  })),
+}));
+
 const validity = {
  isMinValid: true,
  isMaxValid: true,
@@ -49,7 +60,7 @@ describe('useStatusAlertsData', () => {
        expect(out.successBanner.show).toEqual(showSuccess);
      });
      test('message', () => {
-        expect(out.successBanner.text).toEqual(formatMessage(messages.editSuccessAlert));
+        expect(out.successBanner.text).toEqual(messages.editSuccessAlert.defaultMessage);
      });
    });
    describe('gradeFilter', () => {
@@ -70,7 +81,7 @@ describe('useStatusAlertsData', () => {
          expect(out.gradeFilter.show).toEqual(true);
        });
        test('filter message', () => {
-          expect(out.gradeFilter.text).toEqual(formatMessage(messages.minGradeInvalid));
+          expect(out.gradeFilter.text).toEqual(messages.minGradeInvalid.defaultMessage);
        });
      });
      describe('max filter is invalid', () => {
@@ -85,7 +96,7 @@ describe('useStatusAlertsData', () => {
          expect(out.gradeFilter.show).toEqual(true);
        });
        test('filter message', () => {
-          expect(out.gradeFilter.text).toEqual(formatMessage(messages.maxGradeInvalid));
+          expect(out.gradeFilter.text).toEqual(messages.maxGradeInvalid.defaultMessage);
        });
      });
      describe('both filters are invalid', () => {
@@ -101,7 +112,7 @@ describe('useStatusAlertsData', () => {
        });
        test('filter message', () => {
          expect(out.gradeFilter.text).toEqual(
-            `${formatMessage(messages.minGradeInvalid)}${formatMessage(messages.maxGradeInvalid)}`,
+            `${messages.minGradeInvalid.defaultMessage}${messages.maxGradeInvalid.defaultMessage}`,
          );
        });
      });
--- a/src/components/GradesView/StatusAlerts/index.test.jsx
+++ b/src/components/GradesView/StatusAlerts/index.test.jsx
@@ -1,7 +1,5 @@
 import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { Alert } from '@openedx/paragon';
+import { render, screen } from '@testing-library/react';

 import useStatusAlertsData from './hooks';
 import StatusAlerts from '.';
@@ -11,21 +9,20 @@ jest.mock('./hooks', () => jest.fn());
 const hookProps = {
  successBanner: {
    onClose: jest.fn().mockName('hooks.successBanner.onClose'),
-    show: 'hooks.show-success-banner',
+    show: true,
    text: 'hooks.success-banner-text',
  },
  gradeFilter: {
-    show: 'hooks.show-grade-filter',
+    show: true,
    text: 'hooks.grade-filter-text',
  },
 };
 useStatusAlertsData.mockReturnValue(hookProps);

-let el;
 describe('StatusAlerts component', () => {
  beforeEach(() => {
    jest.clearAllMocks();
-    el = shallow(<StatusAlerts />);
+    render(<StatusAlerts />);
  });
  describe('behavior', () => {
    it('initializes component hooks', () => {
@@ -33,21 +30,17 @@ describe('StatusAlerts component', () => {
    });
  });
  describe('render', () => {
-    test('snapshot', () => {
-      expect(el.snapshot).toMatchSnapshot();
+    it('success banner', () => {
+      const alerts = screen.getAllByRole('alert');
+      const successAlert = alerts[0];
+      expect(successAlert).toHaveTextContent(hookProps.successBanner.text);
+      expect(successAlert).toHaveClass('alert-success');
    });
-    test('success banner', () => {
-      const alert = el.instance.findByType(Alert)[0];
-      const { props } = alert;
-      expect(props.onClose).toEqual(hookProps.successBanner.onClose);
-      expect(props.show).toEqual(hookProps.successBanner.show);
-      expect(alert.children[0].el).toEqual(hookProps.successBanner.text);
-    });
-    test('grade filter banner', () => {
-      const alert = el.instance.findByType(Alert)[1];
-      const { props } = alert;
-      expect(props.show).toEqual(hookProps.gradeFilter.show);
-      expect(alert.children[0].el).toEqual(hookProps.gradeFilter.text);
+    it('grade filter banner', () => {
+      const alerts = screen.getAllByRole('alert');
+      const gradeFilter = alerts[1];
+      expect(gradeFilter).toHaveTextContent(hookProps.gradeFilter.text);
+      expect(gradeFilter).toHaveClass('alert-danger');
    });
  });
 });
--- a/src/components/GradesView/snapshots/SpinnerIcon.test.jsx.snap
+++ b/src/components/GradesView/snapshots/SpinnerIcon.test.jsx.snap
@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SpinnerIcon component snapshot - displays spinner overlay with spinner icon 1`] = `
-<div
-  className="spinner-overlay"
->
-  <Icon
-    className="fa fa-spinner fa-spin fa-5x color-black"
-  />
-</div>
-`;
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
dependabot[bot]	ad009ef7ab	build(deps): bump actions/checkout from 4 to 6 Bumps [actions/checkout](https://github.com/actions/checkout) from 4 to 6. - [Release notes](https://github.com/actions/checkout/releases) - [Changelog](https://github.com/actions/checkout/blob/main/CHANGELOG.md) - [Commits](https://github.com/actions/checkout/compare/v4...v6) --- updated-dependencies: - dependency-name: actions/checkout dependency-version: '6' dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>	2025-11-24 13:09:57 +00:00
edX requirements bot	ea2f1f9f6f	chore: update browserslist DB (#525 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-11-24 00:31:09 +00:00
edX requirements bot	a4f63de389	chore: update browserslist DB (#523 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-11-17 00:29:35 +00:00
edX requirements bot	6e1688d627	chore: update browserslist DB (#522 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-11-10 00:30:20 +00:00
edX requirements bot	e759221e5f	chore: update browserslist DB (#520 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-11-03 00:30:18 +00:00
edX requirements bot	02a3bda10a	chore: update browserslist DB (#518 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-10-20 00:30:49 +00:00
edX requirements bot	aa4ddfa977	chore: update browserslist DB (#515 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-10-13 00:29:17 +00:00
edX requirements bot	2b88ef3144	chore: update browserslist DB (#514 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-10-06 00:27:49 +00:00
Feanil Patel	cd6cb71eb5	Merge pull request #513 from openedx/feanil/node24 build: Switch to Node 24 for building and testing.	2025-10-02 13:52:26 -04:00
Feanil Patel	c6d72bcf47	build: Switch to Node 24 for building and testing.	2025-10-02 11:24:12 -04:00
edX requirements bot	a0bdd0c012	chore: update browserslist DB (#512 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-09-29 00:28:42 +00:00
Feanil Patel	73e1421a90	Merge pull request #511 from openedx/feanil/remove-reactifex-packages build: remove unused reactifex packages	2025-09-26 13:06:13 -04:00
Feanil Patel	d38ec004cb	build: remove unused reactifex packages Remove reactifex and/or @edx/reactifex packages from devDependencies as they are no longer needed. Translation extraction functionality has been verified to work correctly without these dependencies. Co-Authored-By: Claude <noreply@anthropic.com>	2025-09-25 10:40:12 -04:00
edX requirements bot	03d4d403b7	chore: update browserslist DB (#510 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-09-22 00:29:47 +00:00
Muhammad Anas	95a0cafac4	chore: upgrade frontend-component-header to v6.6.x (#509 ) * chore: upgrade frontend-component-header to v6.6.x * chore: bump version	2025-09-18 16:00:28 -04:00
Diana Villalvazo	4a221c9caa	refactor: mocks cleanup and intl refactor (#508 )	2025-09-08 14:57:00 -04:00
Victor Navarro	40d7167744	test: Deprecate react-unit-test-utils 7/9 (#491 ) * test: Deprecate react-unit-test-utils 7/9 * test: coverage on app.test.jsx * test: improve test cases for toast * test: improve coverage on gradebook table * test: missing snap/shallow depr --------- Co-authored-by: diana-villalvazo-wgu <diana.villalvazo@wgu.edu>	2025-09-08 10:08:56 -04:00
edX requirements bot	a2a3af4ea3	chore: update browserslist DB (#506 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-09-08 00:28:20 +00:00
Samuel Allan	5aacd38010	fix: update frontend-build to fix install issues (#504 ) Earlier versions of @openedx/frontend-build used on older version of 'sharp', which caused intermittent installation issues. The version of 'sharp' was updated in @openedx/frontend-build to fix these issues, so the frontend-build version can be updated here, to fix the issues in this project too. See https://github.com/openedx/frontend-build/issues/664 and https://github.com/openedx/frontend-build/pull/665 for more information. The frontend-build dependency was updated by: ``` npm install --package-lock-only @openedx/frontend-build ``` Private-ref: https://tasks.opencraft.com/browse/BB-9953	2025-09-05 11:56:41 -06:00
Diana Villalvazo	a5aad38cff	test: Deprecate react-unit-test-utils 6/9 (#494 ) * test: deprecate shallow * test: remove debug	2025-09-03 14:32:35 -04:00
Victor Navarro	2456251790	test: Deprecate react-unit-test-utils 8/9 (#492 ) * test: Deprecate react-unit-test-utils 8/9 * test: address comments --------- Co-authored-by: diana-villalvazo-wgu <diana.villalvazo@wgu.edu>	2025-09-02 10:01:09 -04:00
edX requirements bot	34a657d212	chore: update browserslist DB (#503 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-09-01 00:33:01 +00:00
Victor Navarro	99573f1d93	test: Deprecate react-unit-test-utils 5/9 (#490 ) * test: deprecate react-unit-test-utils 5/9 * fix: lint issues * test: change fireEvent for userEvent --------- Co-authored-by: diana-villalvazo-wgu <diana.villalvazo@wgu.edu>	2025-08-28 11:05:42 -04:00
Diana Villalvazo	1f16468bee	feat: Deprecate react-unit-test-utils 9/9 (#489 ) * feat: deprecate shallow on unit tests * test: change fireEvent for userEvent	2025-08-27 15:46:14 -04:00
Diana Villalvazo	0225daf3d2	feat: Deprecate react-unit-test-utils 3/9 (#487 ) * feat: deprecte shallow on unit tests * test: improve coverage and remove extra word space * test: remove debug	2025-08-27 11:06:04 -04:00
Diana Villalvazo	86ede70c41	feat: Deprecate react-unit-test-utils 4/9 (#488 ) * feat: deprecte shallow on unit tests * test: use userEvent instead of fireEvent	2025-08-26 12:58:08 -04:00
edX requirements bot	afd688d198	chore: update browserslist DB (#502 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-08-25 00:28:48 +00:00
edX requirements bot	8a82b60b22	chore: update browserslist DB (#501 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-08-18 00:31:28 +00:00
Javier Ontiveros	b608be06fe	feat: Shallow test deprecation part 2/9 (#483 ) * feat: deprecated shallow in tests * chore: test utils from dev to dependencies * chore: removed unused imports * chore: restore packages to devDep * chore: renamed header to pass lint * feat: deprecated shallow in tests and added testing Utils * chore: removed deprecated tests * chore: commit to trigger test again * chore: fix import warning for new testing file * chore: address comments	2025-08-13 14:43:13 -04:00
edX requirements bot	00017e3be1	chore: update browserslist DB (#498 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-08-11 00:31:40 +00:00
Javier Ontiveros	25f686a875	feat: deprecate shallow in tests part 1/9 (#481 ) * feat: deprecated shallow in tests * chore: test utils from dev to dependencies * chore: removed unused imports * chore: restore packages to devDep * chore: renamed header to pass lint	2025-08-07 18:12:39 -04:00
edX requirements bot	b88969c9bb	chore: update browserslist DB (#495 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-08-04 00:47:46 +00:00
Kyle McCormick	427907fba2	chore: Delete CODEOWNERS (#493 ) See: https://github.com/openedx/axim-engineering/issues/1511	2025-07-31 16:08:22 -04:00
edX requirements bot	a9608149db	chore: update browserslist DB (#482 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-07-07 00:31:01 +00:00
dependabot[bot]	a4d1fb28aa	build(deps): bump dawidd6/action-send-mail from 4 to 6 Bumps [dawidd6/action-send-mail](https://github.com/dawidd6/action-send-mail) from 4 to 6. - [Release notes](https://github.com/dawidd6/action-send-mail/releases) - [Commits](https://github.com/dawidd6/action-send-mail/compare/v4...v6) --- updated-dependencies: - dependency-name: dawidd6/action-send-mail dependency-version: '6' dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>	2025-07-06 18:28:44 +05:30
edX requirements bot	42dbbee796	chore: update browserslist DB (#480 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-06-30 00:30:32 +00:00
Brian Smith	f0b6fc291e	feat!: add design tokens support (#470 ) BREAKING CHANGE: Pre-design-tokens theming is no longer supported. Co-authored-by: Diana Olarte <diana.olarte@edunext.co>	2025-06-18 15:52:58 -04:00
edX requirements bot	a9cceb1ef9	chore: update browserslist DB (#466 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-06-16 00:29:40 +00:00
edX requirements bot	9921542f7e	chore: update browserslist DB (#464 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-06-09 00:30:06 +00:00
edX requirements bot	c31185acfd	chore: update browserslist DB (#459 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-06-02 00:29:30 +00:00
Brian Smith	d5cdbb8047	fix(deps): update dependency @edx/frontend-platform to v8.3.7 (#457 )	2025-05-19 11:02:24 -04:00
edX requirements bot	941f27a2f4	chore: update browserslist DB (#456 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-05-19 00:29:17 +00:00
edX requirements bot	5753412ede	chore: update browserslist DB (#455 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-05-12 00:29:17 +00:00
edX requirements bot	790de20613	chore: update browserslist DB (#454 ) Co-authored-by: jansenk <1639231+jansenk@users.noreply.github.com>	2025-05-05 00:29:17 +00:00