diff --git a/libs/payments/ui/src/lib/client/components/CouponForm/index.test.tsx b/libs/payments/ui/src/lib/client/components/CouponForm/index.test.tsx
index e3d83803719..4e4b60ef2e9 100644
--- a/libs/payments/ui/src/lib/client/components/CouponForm/index.test.tsx
+++ b/libs/payments/ui/src/lib/client/components/CouponForm/index.test.tsx
@@ -6,16 +6,15 @@ import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 
 jest.mock('@radix-ui/react-form');
 
-jest.mock('react-dom', () => {
-  const React = jest.requireActual('react');
-  const actual = jest.requireActual('react-dom');
+jest.mock('react', () => {
+  const actual = jest.requireActual<typeof import('react')>('react');
   return {
     ...actual,
-    useFormState: <S, P>(
+    useActionState: <S, P>(
       action: (state: S, payload: P) => Promise<S> | S,
       initial: S
     ) => {
-      const [state, setState] = React.useState<S>(initial);
+      const [state, setState] = actual.useState<S>(initial);
       const formAction = async (payload: P) => {
         const result = await action(state, payload);
         setState(result);
@@ -23,6 +22,13 @@ jest.mock('react-dom', () => {
       };
       return [state, formAction];
     },
+  };
+});
+
+jest.mock('react-dom', () => {
+  const actual = jest.requireActual('react-dom');
+  return {
+    ...actual,
     useFormStatus: () => ({
       pending: false,
       data: null,
@@ -107,7 +113,9 @@ describe('CouponForm', () => {
       expect(screen.getByTestId('coupon-error')).toBeInTheDocument();
     });
 
-    expect(screen.getByText(/code you entered is invalid/i)).toBeInTheDocument();
+    expect(
+      screen.getByText(/code you entered is invalid/i)
+    ).toBeInTheDocument();
     expect(screen.getByTestId('coupon-input')).toBeInTheDocument();
     expect(screen.queryByTestId('coupon-hascoupon')).not.toBeInTheDocument();
   });
diff --git a/libs/payments/ui/src/lib/client/components/CouponForm/index.tsx b/libs/payments/ui/src/lib/client/components/CouponForm/index.tsx
index a0a2e4b29ce..8db8ff59df9 100644
--- a/libs/payments/ui/src/lib/client/components/CouponForm/index.tsx
+++ b/libs/payments/ui/src/lib/client/components/CouponForm/index.tsx
@@ -8,8 +8,8 @@ import { Localized } from '@fluent/react';
 import * as Form from '@radix-ui/react-form';
 import classNames from 'classnames';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation';
-import { forwardRef, useEffect, useState } from 'react';
-import { useFormState, useFormStatus } from 'react-dom';
+import { forwardRef, useActionState, useEffect, useState } from 'react';
+import { useFormStatus } from 'react-dom';
 import { ButtonVariant } from '../BaseButton';
 import { SubmitButton } from '../SubmitButton';
 import {
@@ -157,7 +157,7 @@ const WithoutCoupon = ({
     return result;
   }
   const routeCoupon = useSearchParams().get('coupon') || undefined;
-  const [, formAction] = useFormState(applyCoupon, null);
+  const [, formAction] = useActionState(applyCoupon, null);
   useEffect(() => {
     if (routeCoupon) {
       const formData = new FormData();
diff --git a/package.json b/package.json
index 3bbbe336c4f..a7bb8ce9e20 100644
--- a/package.json
+++ b/package.json
@@ -139,8 +139,8 @@
     "path-browserify": "^1.0.1",
     "pm2": "^7.0.0",
     "prettier": "^3.5.3",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "react-ga4": "^2.1.0",
     "rxjs": "^7.8.1",
     "semver": "^7.7.1",
@@ -221,7 +221,7 @@
     "@swc/cli": "0.6.0",
     "@swc/core": "1.11.11",
     "@swc/jest": "^0.2.36",
-    "@testing-library/react": "15.0.6",
+    "@testing-library/react": "^16.3.0",
     "@types/babel__core": "^7",
     "@types/babel__preset-env": "^7",
     "@types/bn.js": "^5",
@@ -238,9 +238,8 @@
     "@types/passport": "^1.0.6",
     "@types/passport-http-bearer": "^1.0.36",
     "@types/passport-jwt": "^4",
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.0",
-    "@types/react-test-renderer": "^18",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
     "@types/set-value": "^4",
     "@types/superagent": "4.1.11",
     "@types/twilio": "^3.19.3",
@@ -260,7 +259,7 @@
     "eslint-plugin-jest": "^27.6.0",
     "eslint-plugin-jsx-a11y": "6.10.0",
     "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "5.0.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-testing-library": "^7.3.0",
     "grunt": "^1.6.1",
     "grunt-cli": "^1.4.3",
@@ -280,7 +279,6 @@
     "nx": "21.2.4",
     "nx-cloud": "19.1.0",
     "postcss": "8.5.12",
-    "react-test-renderer": "^18.3.1",
     "reflect-metadata": "^0.2.1",
     "server-only": "^0.0.1",
     "storybook": "^8.0.0",
@@ -301,7 +299,6 @@
   "resolutions": {
     "@react-pdf/layout": "3.9.1",
     "@react-pdf/textkit": "4.3.0",
-    "@types/react": "18.2.14",
     "asn1.js": ">=5.4.1",
     "axios": "^1.13.4",
     "bn.js": "^5.2.1",
diff --git a/packages/fxa-admin-panel/package.json b/packages/fxa-admin-panel/package.json
index ec27467f2db..0c0591547d4 100644
--- a/packages/fxa-admin-panel/package.json
+++ b/packages/fxa-admin-panel/package.json
@@ -47,6 +47,7 @@
     "helmet": "^8.0.0",
     "mozlog": "^3.0.2",
     "on-headers": "^1.1.0",
+    "react-hook-form": "^7.54.0",
     "react-router": "7.18.0",
     "react-scripts": "^5.0.1",
     "serve-static": "^1.16.0"
diff --git a/packages/fxa-admin-panel/src/components/PageRateLimiting/index.tsx b/packages/fxa-admin-panel/src/components/PageRateLimiting/index.tsx
index 000c2970559..0cd19956db9 100644
--- a/packages/fxa-admin-panel/src/components/PageRateLimiting/index.tsx
+++ b/packages/fxa-admin-panel/src/components/PageRateLimiting/index.tsx
@@ -117,11 +117,10 @@ export const PageRateLimiting = () => {
         </label>
         <input
           id={`rate-limit-${id}`}
-          name={id}
           type={type}
           placeholder={label}
           className="bg-grey-50 rounded w-full py-2 px-3 placeholder-grey-500"
-          ref={register}
+          {...register(id)}
         />
       </div>
     );
diff --git a/packages/fxa-admin-panel/src/components/TableXHeaders/index.tsx b/packages/fxa-admin-panel/src/components/TableXHeaders/index.tsx
index 7b10dfb7529..4a5fce93bf5 100644
--- a/packages/fxa-admin-panel/src/components/TableXHeaders/index.tsx
+++ b/packages/fxa-admin-panel/src/components/TableXHeaders/index.tsx
@@ -33,7 +33,12 @@ export const TableRowXHeader = ({ children, testId }: TableRowXHeaderProps) => {
   return (
     <tr data-testid={testId}>
       {arrayElements.map((element, i) => {
-        if (React.isValidElement(element) && element.type === 'td') {
+        if (
+          React.isValidElement<React.TdHTMLAttributes<HTMLTableCellElement>>(
+            element
+          ) &&
+          element.type === 'td'
+        ) {
           const {
             className: elementClassNames,
             children: elementChildren,
diff --git a/packages/fxa-react/configs/rescripts.js b/packages/fxa-react/configs/rescripts.js
index c54317994fb..a48067fa6af 100644
--- a/packages/fxa-react/configs/rescripts.js
+++ b/packages/fxa-react/configs/rescripts.js
@@ -99,7 +99,10 @@ const configureDevServerCompression = (devServerConfig) => {
 
     setupMiddlewares: (middlewares, devServer) => {
       middlewares.unshift(compression({ threshold: '4kb' }));
-      return devServerConfig.setupMiddlewares?.(middlewares, devServer) || middlewares;
+      return (
+        devServerConfig.setupMiddlewares?.(middlewares, devServer) ||
+        middlewares
+      );
     },
   };
 };
@@ -108,6 +111,13 @@ const setModuleNameMapper = (tsconfigBase) => (config) => {
   config.transform = {
     ...config.transform,
     '^.+\\.tsx?$': ['ts-jest', { isolatedModules: true }],
+    // Override CRA's fileTransform for non-JS assets (SVGs, images).
+    // react-scripts' built-in transform hardcodes Symbol.for('react.element')
+    // which is incompatible with React 19's element format.
+    '^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)': resolve(
+      __dirname,
+      '../../fxa-settings/config/jest/fileTransform.js'
+    ),
   };
 
   // ts-jest - Paths mapping - With helper
diff --git a/packages/fxa-react/jest.config.js b/packages/fxa-react/jest.config.js
index f8eae891bfa..bde470cb534 100644
--- a/packages/fxa-react/jest.config.js
+++ b/packages/fxa-react/jest.config.js
@@ -7,7 +7,7 @@ const { compilerOptions } = require('../../tsconfig.base.json');
 module.exports = {
   transform: {
     '^.+\\.(ts|tsx)?$': ['ts-jest', { isolatedModules: true }],
-    '^.+\\.svg$': '<rootDir>/svg-transform.js',
+    '^.+\\.svg$': '<rootDir>/../fxa-settings/config/jest/fileTransform.js',
   },
   // ts-jest - Paths mapping - With helper
   // https://kulshekhar.github.io/ts-jest/docs/getting-started/paths-mapping#jest-config-with-helper
diff --git a/packages/fxa-react/lib/hooks.tsx b/packages/fxa-react/lib/hooks.tsx
index 27795bff09a..3862e03bf47 100644
--- a/packages/fxa-react/lib/hooks.tsx
+++ b/packages/fxa-react/lib/hooks.tsx
@@ -132,7 +132,7 @@ export function useAwait<
     initialState || resetPromiseState()
   );
 
-  const promise = useRef<Promise<TResult | undefined> | undefined>();
+  const promise = useRef<Promise<TResult | undefined> | undefined>(undefined);
 
   const reset = useCallback(() => {
     setState(resetPromiseState());
diff --git a/packages/fxa-react/lib/test-utils/localizationProvider.tsx b/packages/fxa-react/lib/test-utils/localizationProvider.tsx
index 91daac92974..e595bbfc444 100644
--- a/packages/fxa-react/lib/test-utils/localizationProvider.tsx
+++ b/packages/fxa-react/lib/test-utils/localizationProvider.tsx
@@ -9,7 +9,7 @@ import AppLocalizationProvider from 'fxa-react/lib/AppLocalizationProvider';
 const reportError = () => {};
 
 export function renderWithLocalizationProvider(
-  children: JSX.Element,
+  children: React.ReactElement,
   messages = { en: ['testo: lol'] }
 ): ReturnType<typeof render> {
   return render(
@@ -20,7 +20,7 @@ export function renderWithLocalizationProvider(
 }
 
 export function withLocalizationProvider(
-  children: JSX.Element,
+  children: React.ReactElement,
   baseDir = '/locales',
   userLocales = navigator.languages || ['en']
 ) {
diff --git a/packages/fxa-react/svg-transform.js b/packages/fxa-react/svg-transform.js
deleted file mode 100644
index 39f40f62a20..00000000000
--- a/packages/fxa-react/svg-transform.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-// This transformer was lifted directly from create-react-app and is
-// needed so we can write components that import SVGs as ReactComponents
-// https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/config/jest/fileTransform.js
-
-const path = require('path');
-const camelcase = require('camelcase');
-
-module.exports = {
-  process(src, filename) {
-    const assetFilename = JSON.stringify(path.basename(filename));
-    const pascalCaseFilename = camelcase(path.parse(filename).name, {
-      pascalCase: true,
-    });
-    const componentName = `Svg${pascalCaseFilename}`;
-    return `const React = require('react');
-    module.exports = {
-      __esModule: true,
-      default: ${assetFilename},
-      ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
-        return {
-          $$typeof: Symbol.for('react.element'),
-          type: 'svg',
-          ref: ref,
-          key: null,
-          props: Object.assign({}, props, {
-            children: ${assetFilename}
-          })
-        };
-      }),
-    };`;
-  },
-};
diff --git a/packages/fxa-settings/config/jest/fileTransform.js b/packages/fxa-settings/config/jest/fileTransform.js
index c4734d7bdb0..03ba400b57e 100644
--- a/packages/fxa-settings/config/jest/fileTransform.js
+++ b/packages/fxa-settings/config/jest/fileTransform.js
@@ -1,13 +1,14 @@
-// This file was created by react-scripts' (create-react-app) eject script.
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-'use strict';
+// Custom Jest transformer turning file imports into filenames.
+// For SVG files, generates a React component matching SVGR's naming convention.
+// http://facebook.github.io/jest/docs/en/webpack.html
 
 const path = require('path');
 const camelcase = require('camelcase');
 
-// This is a custom Jest transformer turning file imports into filenames.
-// http://facebook.github.io/jest/docs/en/webpack.html
-
 module.exports = {
   process(src, filename) {
     const assetFilename = JSON.stringify(path.basename(filename));
@@ -25,15 +26,7 @@ module.exports = {
         __esModule: true,
         default: ${assetFilename},
         ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
-          return {
-            $$typeof: Symbol.for('react.element'),
-            type: 'svg',
-            ref: ref,
-            key: null,
-            props: Object.assign({}, props, {
-              children: ${assetFilename}
-            })
-          };
+          return React.createElement('svg', Object.assign({}, props, { ref: ref }), ${assetFilename});
         }),
       };`,
       };
diff --git a/packages/fxa-settings/package.json b/packages/fxa-settings/package.json
index dac616175a9..5fdba9f9d13 100644
--- a/packages/fxa-settings/package.json
+++ b/packages/fxa-settings/package.json
@@ -71,7 +71,7 @@
       ]
     },
     "transformIgnorePatterns": [
-      "[/\\\\]node_modules[/\\\\](?!sinon|@mozilla/glean)",
+      "[/\\\\]node_modules[/\\\\](?!sinon|@mozilla/glean|react-markdown|rehype-raw|unified|remark-.+|rehype-.+|hast-util-.+|mdast-util-.+|micromark.+|unist-util-.+|vfile|decode-named-character-reference|character-entities|devlop|property-information|comma-separated-tokens|space-separated-tokens|zwitch|web-namespaces|ccount|bail|trough|is-plain-obj|trim-lines)",
       "^.+\\.module\\.(css|sass|scss)$"
     ],
     "modulePaths": [],
@@ -130,7 +130,6 @@
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
-    "@material-ui/core": "v5.0.0-alpha.24",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
     "@react-pdf/renderer": "3.2.1",
     "@svgr/webpack": "^8.1.0",
@@ -174,12 +173,12 @@
     "react-async-hook": "^4.0.0",
     "react-dev-utils": "^12.0.1",
     "react-easy-crop": "^5.2.0",
-    "react-hook-form": "^6.15.8",
-    "react-markdown": "^8.0.5",
+    "react-hook-form": "^7.54.0",
+    "react-markdown": "^9.0.3",
     "react-refresh": "^0.16.0",
     "react-router": "7.18.0",
     "react-webcam": "^7.2.0",
-    "rehype-raw": "^6.1.1",
+    "rehype-raw": "^7.0.0",
     "resolve": "^1.22.8",
     "resolve-url-loader": "^5.0.0",
     "sass-loader": "^16.0.3",
@@ -203,7 +202,6 @@
     "@storybook/addon-links": "^8.0.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.1.3",
-    "@testing-library/react-hooks": "^8.0.0",
     "@testing-library/user-event": "^14.6.0",
     "@types/file-saver": "^2.0.5",
     "@types/jest": "26.0.23",
diff --git a/packages/fxa-settings/src/components/FormChoice/index.tsx b/packages/fxa-settings/src/components/FormChoice/index.tsx
index 641958344ee..993e8a8a08b 100644
--- a/packages/fxa-settings/src/components/FormChoice/index.tsx
+++ b/packages/fxa-settings/src/components/FormChoice/index.tsx
@@ -44,7 +44,7 @@ const FormChoice = ({
   formChoices,
   onSubmit,
   isSubmitting,
-                      cmsButton
+  cmsButton,
 }: FormChoiceProps) => {
   const { register, handleSubmit, watch } = useForm<FormChoiceData>();
   const selectedOption = watch('choice');
@@ -63,9 +63,8 @@ const FormChoice = ({
               className="input-radio"
               type="radio"
               id={choice.id}
-              name="choice"
               value={choice.value}
-              ref={register({ required: true })}
+              {...register('choice', { required: true })}
             />
             <label
               className={classNames(
diff --git a/packages/fxa-settings/src/components/FormPassword/index.tsx b/packages/fxa-settings/src/components/FormPassword/index.tsx
index 1dbfbcb9ccf..2d27ca61dbc 100644
--- a/packages/fxa-settings/src/components/FormPassword/index.tsx
+++ b/packages/fxa-settings/src/components/FormPassword/index.tsx
@@ -7,7 +7,7 @@ import React, { useCallback, useState } from 'react';
 import { ReactComponent as ValidIcon } from './valid.svg';
 import { ReactComponent as InvalidIcon } from './invalid.svg';
 import { ReactComponent as UnsetIcon } from './unset.svg';
-import { UseFormMethods, ValidateResult } from 'react-hook-form';
+import { UseFormReturn, ValidateResult } from 'react-hook-form';
 import LinkExternal from 'fxa-react/components/LinkExternal';
 import InputPassword from '../InputPassword';
 import PasswordValidator from '../../lib/password-validator';
@@ -15,13 +15,16 @@ import { SETTINGS_PATH } from '../../constants';
 import { logViewEvent, settingsViewName } from '../../lib/metrics';
 import { useNavigate } from 'react-router';
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type AnyFormReturn = UseFormReturn<any>;
+
 type FormPasswordProps = {
-  formState: UseFormMethods['formState'];
-  errors: UseFormMethods['errors'];
+  formState: AnyFormReturn['formState'];
+  errors: Record<string, any>;
   onSubmit: () => void;
-  trigger: UseFormMethods['trigger'];
-  register: UseFormMethods['register'];
-  getValues: UseFormMethods['getValues'];
+  trigger: AnyFormReturn['trigger'];
+  register: AnyFormReturn['register'];
+  getValues: AnyFormReturn['getValues'];
   primaryEmail: string;
   newPasswordErrorText?: string;
   setNewPasswordErrorText: React.Dispatch<
@@ -67,6 +70,11 @@ export const FormPassword = ({
   onFocusMetricsEvent,
   loading,
 }: FormPasswordProps) => {
+  // Eagerly read formState properties so react-hook-form's Proxy subscribes
+  // to each one. Short-circuit `||` in the disabled expression would skip
+  // later accesses, preventing re-renders when those properties change.
+  const { isDirty, isValid, dirtyFields } = formState;
+
   const navigate = useNavigate();
   const goHome = useCallback(
     () => navigate(SETTINGS_PATH + '#password', { replace: true }),
@@ -93,21 +101,21 @@ export const FormPassword = ({
       >
         <li data-testid="change-password-length">
           <ValidationIcon
-            isSet={formState.dirtyFields.newPassword}
+            isSet={dirtyFields.newPassword}
             hasError={errors.newPassword?.types?.length}
           />
           <Localized id="pw-8-chars">At least 8 characters</Localized>
         </li>
         <li data-testid="change-password-email">
           <ValidationIcon
-            isSet={formState.dirtyFields.newPassword}
+            isSet={dirtyFields.newPassword}
             hasError={errors.newPassword?.types?.notEmail}
           />
           <Localized id="pw-not-email">Not your email address</Localized>
         </li>
         <li data-testid="change-password-common">
           <ValidationIcon
-            isSet={formState.dirtyFields.newPassword}
+            isSet={dirtyFields.newPassword}
             hasError={errors.newPassword?.types?.uncommon}
           />
           <Localized id="pw-commonly-used">
@@ -116,7 +124,7 @@ export const FormPassword = ({
         </li>
         <li data-testid="change-password-match">
           <ValidationIcon
-            isSet={formState.dirtyFields.confirmPassword}
+            isSet={dirtyFields.confirmPassword}
             hasError={errors.confirmPassword?.types?.validate}
           />
           <Localized id="pw-change-must-match">
@@ -156,7 +164,6 @@ export const FormPassword = ({
         {setCurrentPasswordErrorText && (
           <Localized id="pw-change-current-password" attrs={{ label: true }}>
             <InputPassword
-              name="oldPassword"
               label="Enter current password"
               className="mb-2"
               errorText={currentPasswordErrorText}
@@ -166,7 +173,7 @@ export const FormPassword = ({
                 }
                 trigger('oldPassword');
               }}
-              inputRef={register({
+              registration={register('oldPassword', {
                 required: true,
               })}
               prefixDataTestId="current-password"
@@ -176,7 +183,6 @@ export const FormPassword = ({
 
         <Localized id="pw-change-new-password" attrs={{ label: true }}>
           <InputPassword
-            name="newPassword"
             label="Enter new password"
             className="mb-2"
             errorText={newPasswordErrorText}
@@ -187,7 +193,7 @@ export const FormPassword = ({
               }
               trigger(['newPassword', 'confirmPassword']);
             }}
-            inputRef={register({
+            registration={register('newPassword', {
               required: true,
               validate: {
                 length: (value: string) => value.length > 7,
@@ -199,9 +205,7 @@ export const FormPassword = ({
                     '@fxa/vendored/common-password-list'
                   );
                   const input = value.toLowerCase();
-                  return (
-                    !isCommon(input) && !passwordValidator.isBanned(input)
-                  );
+                  return !isCommon(input) && !passwordValidator.isBanned(input);
                 },
               },
             })}
@@ -211,11 +215,10 @@ export const FormPassword = ({
 
         <Localized id="pw-change-confirm-password" attrs={{ label: true }}>
           <InputPassword
-            name="confirmPassword"
             label="Confirm new password"
             onChange={() => trigger(['newPassword', 'confirmPassword'])}
             onFocusCb={onFocusMetricsEvent ? onFocus : undefined}
-            inputRef={register({
+            registration={register('confirmPassword', {
               required: true,
               validate: (value: string) => value === getValues().newPassword,
             })}
@@ -240,7 +243,7 @@ export const FormPassword = ({
             data-testid="save-password-button"
             type="submit"
             className="cta-primary cta-base-p mx-2 flex-1"
-            disabled={!formState.isDirty || !formState.isValid || loading}
+            disabled={!isDirty || !isValid || loading}
           >
             Save
           </button>
diff --git a/packages/fxa-settings/src/components/FormPassword/mocks.tsx b/packages/fxa-settings/src/components/FormPassword/mocks.tsx
index 3a02786a7ca..1aa197b7e0c 100644
--- a/packages/fxa-settings/src/components/FormPassword/mocks.tsx
+++ b/packages/fxa-settings/src/components/FormPassword/mocks.tsx
@@ -20,7 +20,7 @@ export const Subject = ({ includeCurrentPw = true }) => {
     useState<string>();
   const [newPasswordErrorText, setNewPasswordErrorText] = useState<string>();
 
-  const { handleSubmit, register, getValues, errors, formState, trigger } =
+  const { handleSubmit, register, getValues, formState, trigger } =
     useForm<FormData>({
       mode: 'onTouched',
       criteriaMode: 'all',
@@ -37,7 +37,7 @@ export const Subject = ({ includeCurrentPw = true }) => {
     <FormPassword
       {...{
         formState,
-        errors,
+        errors: formState.errors,
         trigger,
         register,
         getValues,
diff --git a/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/index.tsx b/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/index.tsx
index 2ce67c8cdfd..f16c555c92c 100644
--- a/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/index.tsx
+++ b/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/index.tsx
@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import React, { useCallback, useState } from 'react';
-import { UseFormMethods } from 'react-hook-form';
+import { UseFormReturn } from 'react-hook-form';
 import InputPassword from '../InputPassword';
 import PasswordValidator from '../../lib/password-validator';
 import { FtlMsg } from 'fxa-react/lib/utils';
@@ -13,14 +13,17 @@ import CmsButtonWithFallback, { CmsButtonType } from '../CmsButtonWithFallback';
 
 export type PasswordFormType = 'signup' | 'reset' | 'post-verify-set-password';
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type AnyFormReturn = UseFormReturn<any>;
+
 export type FormPasswordWithInlineCriteriaProps = {
   passwordFormType: PasswordFormType;
-  formState: UseFormMethods['formState'];
-  errors: UseFormMethods['errors'];
+  formState: AnyFormReturn['formState'];
+  errors: Record<string, any>;
   onSubmit: (e?: React.BaseSyntheticEvent) => Promise<void>;
-  trigger: UseFormMethods['trigger'];
-  register: UseFormMethods['register'];
-  getValues: UseFormMethods['getValues'];
+  trigger: AnyFormReturn['trigger'];
+  register: AnyFormReturn['register'];
+  getValues: AnyFormReturn['getValues'];
   email: string;
   loading: boolean;
   disableButtonUntilValid?: boolean;
@@ -93,6 +96,10 @@ export const FormPasswordWithInlineCriteria = ({
   submitButtonGleanId,
   cmsButton,
 }: FormPasswordWithInlineCriteriaProps) => {
+  // Eagerly read formState properties so react-hook-form's Proxy subscribes
+  // to each one regardless of short-circuit evaluation in disabled expressions.
+  const { isValid, dirtyFields } = formState;
+
   const passwordValidator = new PasswordValidator(email);
   const [passwordMatchErrorText, setPasswordMatchErrorText] =
     useState<string>('');
@@ -166,7 +173,7 @@ export const FormPasswordWithInlineCriteria = ({
       setPasswordMatchErrorText(localizedPasswordMatchError);
     }
 
-    if (!formState.isValid && showConfirmPasswordInput) {
+    if (!isValid && showConfirmPasswordInput) {
       trigger('confirmPassword');
     }
   };
@@ -188,11 +195,11 @@ export const FormPasswordWithInlineCriteria = ({
       setSROnlyConfirmPwdFeedbackMessage(srOnlyPasswordsMatch);
     }
 
-    if (!formState.isValid) {
+    if (!isValid) {
       trigger('newPassword');
     }
   }, [
-    formState,
+    isValid,
     ftlMsgResolver,
     getValues,
     localizedPasswordMatchError,
@@ -270,15 +277,12 @@ export const FormPasswordWithInlineCriteria = ({
         <div className="relative mb-4" aria-atomic="true">
           <FtlMsg id={templateValues.passwordFtlId} attrs={{ label: true }}>
             <InputPassword
-              name="newPassword"
               label={templateValues.passwordLabel}
               onFocusCb={onNewPwdFocus}
               onBlurCb={onNewPwdBlur}
               onChange={() => onChangePassword('newPassword')}
-              hasErrors={
-                formState.dirtyFields.newPassword ? errors.newPassword : false
-              }
-              inputRef={register({
+              hasErrors={dirtyFields.newPassword ? errors.newPassword : false}
+              registration={register('newPassword', {
                 required: true,
                 validate: {
                   length: (value: string) =>
@@ -312,14 +316,13 @@ export const FormPasswordWithInlineCriteria = ({
               attrs={{ label: true }}
             >
               <InputPassword
-                name="confirmPassword"
                 label={templateValues.confirmPasswordLabel}
                 className="text-start"
                 onFocusCb={onFocusConfirmPassword}
                 onBlurCb={onBlurConfirmPassword}
                 onChange={() => onChangePassword('confirmPassword')}
                 hasErrors={errors.confirmPassword && passwordMatchErrorText}
-                inputRef={register({
+                registration={register('confirmPassword', {
                   required: true,
                   validate: (value: string) =>
                     value === getValues().newPassword,
@@ -373,9 +376,7 @@ export const FormPasswordWithInlineCriteria = ({
           <CmsButtonWithFallback
             type="submit"
             className="cta-primary cta-xl"
-            disabled={
-              loading || (disableButtonUntilValid && !formState.isValid)
-            }
+            disabled={loading || (disableButtonUntilValid && !isValid)}
             data-glean-id={submitButtonGleanId && submitButtonGleanId}
             buttonColor={cmsButton?.color}
             buttonText={cmsButton?.text}
diff --git a/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/mocks.tsx b/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/mocks.tsx
index a85a019f0f7..63c1470b9ce 100644
--- a/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/mocks.tsx
+++ b/packages/fxa-settings/src/components/FormPasswordWithInlineCriteria/mocks.tsx
@@ -25,7 +25,7 @@ export const Subject = ({
     alert('Form submitted! (onFormSubmit called)');
   };
 
-  const { handleSubmit, register, getValues, errors, formState, trigger } =
+  const { handleSubmit, register, getValues, formState, trigger } =
     useForm<FormData>({
       mode: 'onTouched',
       criteriaMode: 'all',
@@ -39,7 +39,7 @@ export const Subject = ({
     <FormPasswordWithInlineCriteria
       {...{
         formState,
-        errors,
+        errors: formState.errors,
         trigger,
         register,
         getValues,
diff --git a/packages/fxa-settings/src/components/FormPhoneNumber/index.test.tsx b/packages/fxa-settings/src/components/FormPhoneNumber/index.test.tsx
index 0b8efadee2f..1fafb0b875d 100644
--- a/packages/fxa-settings/src/components/FormPhoneNumber/index.test.tsx
+++ b/packages/fxa-settings/src/components/FormPhoneNumber/index.test.tsx
@@ -32,14 +32,14 @@ describe('FormPhoneNumber', () => {
             localizedCTAText="Send code"
             submitPhoneNumber={mockSubmit}
             infoBannerContent={{
-            localizedDescription: 'This is a banner description',
-            localizedHeading: 'This is a banner heading',
-          }}
-          infoBannerLink={{
-            localizedText: 'This is a banner link',
-            path: '#',
-          }}
-        />
+              localizedDescription: 'This is a banner description',
+              localizedHeading: 'This is a banner heading',
+            }}
+            infoBannerLink={{
+              localizedText: 'This is a banner link',
+              path: '#',
+            }}
+          />
         </MemoryRouter>
       );
     });
@@ -107,7 +107,9 @@ describe('FormPhoneNumber', () => {
       await waitFor(
         async () => await user.type(getPhoneInput(), '(123) 123-1234')
       );
-      expect(getSubmitButton()).toBeEnabled();
+      await waitFor(() => {
+        expect(getSubmitButton()).toBeEnabled();
+      });
       await waitFor(async () => await user.click(getSubmitButton()));
       expect(mockSubmit).toHaveBeenCalledWith('+11231231234');
     });
diff --git a/packages/fxa-settings/src/components/FormPhoneNumber/index.tsx b/packages/fxa-settings/src/components/FormPhoneNumber/index.tsx
index 461a5c59580..c7fa81a34f2 100644
--- a/packages/fxa-settings/src/components/FormPhoneNumber/index.tsx
+++ b/packages/fxa-settings/src/components/FormPhoneNumber/index.tsx
@@ -42,6 +42,9 @@ const FormPhoneNumber = ({
         countryCode: '',
       },
     });
+  // Eagerly read isDirty so react-hook-form's Proxy subscribes to it
+  // even when isSubmitting short-circuits the disabled expression.
+  const { isDirty } = formState;
 
   // Use `useWatch` to observe the `phoneNumber` field without causing re-renders
   const phoneNumberInput: string | undefined = useWatch({
@@ -115,7 +118,7 @@ const FormPhoneNumber = ({
           className="cta-primary cta-xl"
           disabled={
             isSubmitting ||
-            !formState.isDirty ||
+            !isDirty ||
             phoneNumberInput === undefined ||
             phoneNumberInput.replace(/\D/g, '').length !== 10
           }
diff --git a/packages/fxa-settings/src/components/FormSetupAccount/interfaces.ts b/packages/fxa-settings/src/components/FormSetupAccount/interfaces.ts
index 26c70e78444..035af0d03ad 100644
--- a/packages/fxa-settings/src/components/FormSetupAccount/interfaces.ts
+++ b/packages/fxa-settings/src/components/FormSetupAccount/interfaces.ts
@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import { UseFormMethods } from 'react-hook-form';
+import { UseFormReturn } from 'react-hook-form';
 import { SetPasswordFormData } from '../../pages/PostVerify/SetPassword/interfaces';
 import { SignupFormData } from '../../pages/Signup/interfaces';
 import { syncEngineConfigs } from '../../lib/sync-engines';
@@ -10,12 +10,15 @@ import { CmsButtonType } from '../CmsButtonWithFallback';
 
 export type FormSetupAccountData = SignupFormData | SetPasswordFormData;
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type AnyFormReturn = UseFormReturn<any>;
+
 export type FormSetupAccountProps = {
-  formState: UseFormMethods['formState'];
-  errors: UseFormMethods['errors'];
-  trigger: UseFormMethods['trigger'];
-  register: UseFormMethods['register'];
-  getValues: UseFormMethods['getValues'];
+  formState: AnyFormReturn['formState'];
+  errors: Record<string, any>;
+  trigger: AnyFormReturn['trigger'];
+  register: AnyFormReturn['register'];
+  getValues: AnyFormReturn['getValues'];
   onFocus?: () => void;
   email: string;
   onFocusMetricsEvent?: () => void;
diff --git a/packages/fxa-settings/src/components/FormVerifyCode/index.tsx b/packages/fxa-settings/src/components/FormVerifyCode/index.tsx
index fdb4a27256a..b94a9a3226e 100644
--- a/packages/fxa-settings/src/components/FormVerifyCode/index.tsx
+++ b/packages/fxa-settings/src/components/FormVerifyCode/index.tsx
@@ -94,7 +94,12 @@ const FormVerifyCode = ({
     }
   };
 
-  const { handleSubmit, register, errors, watch } = useForm<FormData>({
+  const {
+    handleSubmit,
+    register,
+    formState: { errors },
+    watch,
+  } = useForm<FormData>({
     mode: 'onBlur',
     criteriaMode: 'all',
     defaultValues: {
@@ -151,7 +156,6 @@ const FormVerifyCode = ({
       {/* Using `type="text" inputmode="numeric"` shows the numeric keyboard on mobile
       and strips out whitespace on desktop, but does not add an incrementer. */}
       <InputText
-        name="code"
         type="text"
         inputMode={inputMode}
         label={localizedLabel}
@@ -178,7 +182,7 @@ const FormVerifyCode = ({
         spellCheck={false}
         prefixDataTestId={viewName}
         tooltipPosition="bottom"
-        inputRef={register({
+        registration={register('code', {
           required: true,
         })}
       />
diff --git a/packages/fxa-settings/src/components/FormVerifyTotp/index.tsx b/packages/fxa-settings/src/components/FormVerifyTotp/index.tsx
index cc428737a38..2573d6ab5ae 100644
--- a/packages/fxa-settings/src/components/FormVerifyTotp/index.tsx
+++ b/packages/fxa-settings/src/components/FormVerifyTotp/index.tsx
@@ -101,7 +101,6 @@ const FormVerifyTotp = ({
       {/* Using `type="text" inputmode="numeric"` shows the numeric keyboard on mobile
       and strips out whitespace on desktop, but does not add an incrementer. */}
       <InputText
-        name="code"
         type="text"
         inputMode={codeType === 'numeric' ? 'numeric' : 'text'}
         label={localizedInputLabel}
@@ -111,25 +110,25 @@ const FormVerifyTotp = ({
         anchorPosition="start"
         autoComplete="one-time-code"
         spellCheck={false}
-        inputRef={register({ required: true })}
+        registration={register('code', { required: true })}
         hasErrors={!!errorMessage}
         ariaDescribedBy={errorBannerId}
       />
 
-        <CmsButtonWithFallback
-          type="submit"
-          className="cta-primary cta-xl"
-          disabled={isSubmitDisabled}
-          title={isSubmitDisabled ? getDisabledButtonTitle() : ''}
-          {...(gleanDataAttrs && {
-            'data-glean-id': gleanDataAttrs.id,
-            'data-glean-label': gleanDataAttrs.label,
-            'data-glean-type': gleanDataAttrs.type,
-          })}
-          buttonColor={cmsButton?.color}
-        >
-          {localizedSubmitButtonText}
-        </CmsButtonWithFallback>
+      <CmsButtonWithFallback
+        type="submit"
+        className="cta-primary cta-xl"
+        disabled={isSubmitDisabled}
+        title={isSubmitDisabled ? getDisabledButtonTitle() : ''}
+        {...(gleanDataAttrs && {
+          'data-glean-id': gleanDataAttrs.id,
+          'data-glean-label': gleanDataAttrs.label,
+          'data-glean-type': gleanDataAttrs.type,
+        })}
+        buttonColor={cmsButton?.color}
+      >
+        {localizedSubmitButtonText}
+      </CmsButtonWithFallback>
     </form>
   );
 };
diff --git a/packages/fxa-settings/src/components/IconListItem/index.tsx b/packages/fxa-settings/src/components/IconListItem/index.tsx
index 279ba95ec99..8e37d18fd27 100644
--- a/packages/fxa-settings/src/components/IconListItem/index.tsx
+++ b/packages/fxa-settings/src/components/IconListItem/index.tsx
@@ -8,7 +8,7 @@ import { ReactComponent as IconKey } from './icon-key.svg';
 import { ReactComponent as IconLock } from './icon-lock.svg';
 import { ReactComponent as IconPrinter } from './icon-printer.svg';
 import { ReactComponent as IconShield } from './icon-shield.svg';
-import { ReactElement } from 'react-markdown/lib/react-markdown';
+import { ReactElement } from 'react';
 
 interface IconListItemProps {
   icon: ReactElement;
diff --git a/packages/fxa-settings/src/components/InputPassword/index.tsx b/packages/fxa-settings/src/components/InputPassword/index.tsx
index 015959800f6..4496919896c 100644
--- a/packages/fxa-settings/src/components/InputPassword/index.tsx
+++ b/packages/fxa-settings/src/components/InputPassword/index.tsx
@@ -8,9 +8,7 @@ import { ReactComponent as OpenEye } from './eye-open.svg';
 import { ReactComponent as ClosedEye } from './eye-closed.svg';
 import { useFtlMsgResolver } from '../../models';
 
-export type InputPasswordProps = Omit<InputTextProps, 'type'> & {
-  inputRefDOM?: React.RefObject<HTMLInputElement>;
-};
+export type InputPasswordProps = Omit<InputTextProps, 'type'>;
 
 export const InputPassword = ({
   defaultValue,
@@ -23,6 +21,7 @@ export const InputPassword = ({
   onBlurCb,
   inputRef,
   inputRefDOM,
+  registration,
   hasErrors,
   errorText,
   name,
@@ -82,6 +81,7 @@ export const InputPassword = ({
           onBlurCb,
           className,
           inputRef,
+          registration,
           hasErrors,
           errorText,
           name,
diff --git a/packages/fxa-settings/src/components/InputPhoneNumber/index.tsx b/packages/fxa-settings/src/components/InputPhoneNumber/index.tsx
index 16ec51d106b..e129ca96860 100644
--- a/packages/fxa-settings/src/components/InputPhoneNumber/index.tsx
+++ b/packages/fxa-settings/src/components/InputPhoneNumber/index.tsx
@@ -6,7 +6,7 @@ import React, { useState } from 'react';
 import InputText from '../InputText';
 import { FtlMsg } from 'fxa-react/lib/utils';
 import { useFtlMsgResolver } from '../../models';
-import { UseFormMethods } from 'react-hook-form';
+import { UseFormReturn } from 'react-hook-form';
 
 interface Country {
   id: number;
@@ -20,8 +20,10 @@ interface Country {
 export type InputPhoneNumberProps = {
   countries?: Country[];
   hasErrors?: boolean;
-  register: UseFormMethods['register'];
-  setValue: UseFormMethods['setValue'];
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  register: UseFormReturn<any>['register'];
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  setValue: UseFormReturn<any>['setValue'];
   errorBannerId?: string;
 };
 
@@ -81,24 +83,40 @@ const InputPhoneNumber = ({
     sortedLocalizedCountries[0];
   const [selectedCountry, setSelectedCountry] = useState(defaultCountry);
 
+  // Register phone number with validation. We override onChange below
+  // because handleInputChange formats the value before setting it.
+  const phoneRegistration = register('phoneNumber', {
+    required: true,
+    pattern: selectedCountry.validationPattern,
+  });
+
   const localizedLabel = ftlMsgResolver.getMsg(
     'input-phone-number-enter-number',
     'Enter phone number'
   );
 
+  // Set initial countryCode value for react-hook-form
+  React.useEffect(() => {
+    setValue('countryCode', selectedCountry.code);
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
   const handleCountryChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
-    const selectedCountry = sortedLocalizedCountries.find(
+    const newCountry = sortedLocalizedCountries.find(
       (country) => country.id === parseInt(event.target.value, 10)
     );
-    if (selectedCountry) {
-      setSelectedCountry(selectedCountry);
+    if (newCountry) {
+      setSelectedCountry(newCountry);
+      setValue('countryCode', newCountry.code);
     }
   };
 
   const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const inputValue = event.target.value;
     const formattedValue = formatPhoneNumber(inputValue);
-    setValue('phoneNumber', formattedValue);
+    setValue('phoneNumber', formattedValue, {
+      shouldValidate: true,
+      shouldDirty: true,
+    });
   };
 
   // Format the phone number as the user types - for easier review by the user
@@ -179,24 +197,20 @@ const InputPhoneNumber = ({
 
       {/* Because the country code may not be unique, the above `select`'s `value` must
        be by country ID. This hidden input allows us to access it in the form data. */}
-      <input
-        type="hidden"
-        name="countryCode"
-        value={selectedCountry.code}
-        ref={register()}
-      />
       <InputText
-        name="phoneNumber"
         type="tel"
         label={localizedLabel}
         required
         className="text-start w-full"
         autoComplete="off"
         spellCheck={false}
-        inputRef={register({
-          required: true,
-          pattern: selectedCountry.validationPattern,
-        })}
+        registration={{
+          ...phoneRegistration,
+          // Override onChange to no-op: handleInputChange manages the form value
+          // via setValue with formatting. Letting registration.onChange also run
+          // would cause a race condition (it validates the raw unformatted input).
+          onChange: async () => {},
+        }}
         {...{ hasErrors }}
         onChange={handleInputChange}
         aria-describedby={errorBannerId}
diff --git a/packages/fxa-settings/src/components/InputText/__snapshots__/index.test.tsx.snap b/packages/fxa-settings/src/components/InputText/__snapshots__/index.test.tsx.snap
index 682ef5d77b5..3659d7a165b 100644
--- a/packages/fxa-settings/src/components/InputText/__snapshots__/index.test.tsx.snap
+++ b/packages/fxa-settings/src/components/InputText/__snapshots__/index.test.tsx.snap
@@ -19,7 +19,6 @@ exports[`InputText renders as expected 1`] = `
         class="pb-1 pt-5 px-3 font-body rounded text-start bg-transparent dark:text-grey-10 w-full"
         data-testid="input-field"
         type="text"
-        value=""
       />
     </span>
   </label>
diff --git a/packages/fxa-settings/src/components/InputText/index.tsx b/packages/fxa-settings/src/components/InputText/index.tsx
index 502d15b9a7a..49fe6e9d605 100644
--- a/packages/fxa-settings/src/components/InputText/index.tsx
+++ b/packages/fxa-settings/src/components/InputText/index.tsx
@@ -8,9 +8,11 @@ import React, {
   useCallback,
   ReactElement,
   Ref,
+  useRef,
 } from 'react';
 import classNames from 'classnames';
 import { Tooltip } from '../Tooltip';
+import { UseFormRegisterReturn } from 'react-hook-form';
 
 export type InputTextProps = {
   value?: string;
@@ -25,6 +27,9 @@ export type InputTextProps = {
   inputOnlyClassName?: string;
   inputRef?: Ref<HTMLInputElement>;
   inputRefDOM?: Ref<HTMLInputElement>;
+  /** react-hook-form v7 register() return value. When provided, ref/onChange/onBlur/name
+   *  are taken from this object (merged with any explicit onChange/onBlurCb/inputRefDOM). */
+  registration?: UseFormRegisterReturn;
   onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
   onFocusCb?: () => void;
   onBlurCb?: () => void;
@@ -70,6 +75,7 @@ export const InputText = ({
   inputOnlyClassName = '',
   inputRef,
   inputRefDOM,
+  registration,
   type = 'text',
   name,
   prefixDataTestId = '',
@@ -126,6 +132,11 @@ export const InputText = ({
     return prefixDataTestId ? `${prefixDataTestId}-${id}` : id;
   }
 
+  // Store registration ref in a mutable ref to avoid combinedRef recreation
+  // on every render (register() returns a new object each call in v7).
+  const registrationRefLatest = useRef(registration?.ref);
+  registrationRefLatest.current = registration?.ref;
+
   const combinedRef = useCallback(
     (element: HTMLInputElement | null) => {
       if (inputRefDOM) {
@@ -133,13 +144,17 @@ export const InputText = ({
           inputRefDOM as React.MutableRefObject<HTMLInputElement | null>
         ).current = element;
       }
-      if (inputRef && typeof inputRef === 'function') {
-        inputRef(element);
+      const refToCall = registrationRefLatest.current || inputRef;
+      if (refToCall && typeof refToCall === 'function') {
+        refToCall(element);
       }
     },
     [inputRef, inputRefDOM]
   );
 
+  // When registration is provided, use its name
+  const effectiveName = registration ? registration.name : name;
+
   return (
     <label
       className={classNames(
@@ -187,14 +202,22 @@ export const InputText = ({
               : ''
           )}
           data-testid={formatDataTestId('input-field')}
-          onChange={textFieldChange}
+          onChange={(e) => {
+            // registration.onChange must fire first to update form state
+            // before any trigger() calls in the component's onChange
+            registration?.onChange(e);
+            textFieldChange(e);
+          }}
           ref={combinedRef}
           aria-describedby={ariaDescribedBy}
+          onBlur={(e) => {
+            registration?.onBlur(e);
+            onBlur(e);
+          }}
           {...{
-            name,
+            name: effectiveName,
             disabled,
             onFocus,
-            onBlur,
             onPaste,
             placeholder,
             type,
diff --git a/packages/fxa-settings/src/components/LinkExpired/index.stories.tsx b/packages/fxa-settings/src/components/LinkExpired/index.stories.tsx
index d5adcc7322e..4423d286c62 100644
--- a/packages/fxa-settings/src/components/LinkExpired/index.stories.tsx
+++ b/packages/fxa-settings/src/components/LinkExpired/index.stories.tsx
@@ -3,7 +3,6 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import { MemoryRouter } from 'react-router';
-import { StoryFn } from '@storybook/react';
 import { withLocalization } from 'fxa-react/lib/storybooks';
 import { LinkExpired, LinkExpiredProps } from '.';
 import { ResendStatus } from 'fxa-settings/src/lib/types';
@@ -13,7 +12,7 @@ const meta = {
   component: LinkExpired,
   decorators: [
     withLocalization,
-    (Story: StoryFn) => (
+    (Story: React.ComponentType) => (
       <MemoryRouter>
         <Story />
       </MemoryRouter>
diff --git a/packages/fxa-settings/src/components/MarkdownLegal/index.tsx b/packages/fxa-settings/src/components/MarkdownLegal/index.tsx
index b32af0ae6fb..ed6c8def35d 100644
--- a/packages/fxa-settings/src/components/MarkdownLegal/index.tsx
+++ b/packages/fxa-settings/src/components/MarkdownLegal/index.tsx
@@ -4,14 +4,18 @@
 
 /* eslint-disable jsx-a11y/heading-has-content */
 
+import React, { ComponentProps } from 'react';
 import LinkExternal from 'fxa-react/components/LinkExternal';
-import ReactMarkdown from 'react-markdown';
+import ReactMarkdown, { ExtraProps } from 'react-markdown';
 import rehypeRaw from 'rehype-raw';
 
 type MarkdownLegalProps = {
   markdown: string;
 };
 
+type HtmlProps<T extends keyof React.JSX.IntrinsicElements> =
+  ComponentProps<T> & ExtraProps;
+
 const commonHeadingClasses = 'font-header font-bold';
 const commonListClasses = 'ltr:ml-5 rtl:mr-5 mb-5';
 
@@ -21,30 +25,34 @@ export const MarkdownLegal = ({ markdown }: MarkdownLegalProps) => (
     // `rehypeRaw` allows HTML like `<i>whatever</i>` from MD to be rendered
     rehypePlugins={[rehypeRaw]}
     components={{
-      h1: ({ node, ...props }) => (
+      h1: ({ node, ...props }: HtmlProps<'h1'>) => (
         <h1 className={`${commonHeadingClasses} text-xl mb-4`} {...props} />
       ),
-      h2: ({ node, ...props }) => (
+      h2: ({ node, ...props }: HtmlProps<'h2'>) => (
         <h2 className={`${commonHeadingClasses} text-lg my-5`} {...props} />
       ),
-      h3: ({ node, ...props }) => (
+      h3: ({ node, ...props }: HtmlProps<'h3'>) => (
         <h3 className={`${commonHeadingClasses} my-5`} {...props} />
       ),
-      h4: ({ node, ...props }) => (
+      h4: ({ node, ...props }: HtmlProps<'h4'>) => (
         <h4 className={`${commonHeadingClasses} my-3 text-sm`} {...props} />
       ),
-      p: ({ node, ...props }) => <p className="mb-5 text-sm" {...props} />,
-      ol: ({ node, ...props }) => (
+      p: ({ node, ...props }: HtmlProps<'p'>) => (
+        <p className="mb-5 text-sm" {...props} />
+      ),
+      ol: ({ node, ...props }: HtmlProps<'ol'>) => (
         <ol className={`${commonListClasses} list-decimal`} {...props} />
       ),
-      ul: ({ node, ...props }) => (
+      ul: ({ node, ...props }: HtmlProps<'ul'>) => (
         <ul
           className={`${commonListClasses} list-disc [&>ul]:list-circle`}
           {...props}
         />
       ),
-      li: ({ node, ...props }) => <li className="text-sm" {...props} />,
-      a: ({ node, children, ...props }) => {
+      li: ({ node, ...props }: HtmlProps<'li'>) => (
+        <li className="text-sm" {...props} />
+      ),
+      a: ({ node, children, ...props }: HtmlProps<'a'>) => {
         if (!props.href) {
           console.error('Bad link provided from the legal-docs repo');
           return <></>;
@@ -53,7 +61,6 @@ export const MarkdownLegal = ({ markdown }: MarkdownLegalProps) => (
           <LinkExternal
             className="link-blue"
             href={props.href}
-            // not the best whitelist but all changes are reviewed in legal-docs repo
             rel={props.href.includes('.mozilla.org') ? 'author' : undefined}
           >
             {children}
diff --git a/packages/fxa-settings/src/components/OAuthClientFeatureFlag/index.tsx b/packages/fxa-settings/src/components/OAuthClientFeatureFlag/index.tsx
index 203c120210f..3033f875e36 100644
--- a/packages/fxa-settings/src/components/OAuthClientFeatureFlag/index.tsx
+++ b/packages/fxa-settings/src/components/OAuthClientFeatureFlag/index.tsx
@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import config from '../../lib/config';
-import { ReactElement } from 'react-markdown/lib/react-markdown';
+import { ReactElement } from 'react';
 import { FeatureFlag } from 'fxa-react/components/FeatureFlag';
 
 export type OAuthClientFeatureFlagConfig = {
diff --git a/packages/fxa-settings/src/components/RecoveryKeySetupHint/index.tsx b/packages/fxa-settings/src/components/RecoveryKeySetupHint/index.tsx
index c82fc62eaca..8f597401e63 100644
--- a/packages/fxa-settings/src/components/RecoveryKeySetupHint/index.tsx
+++ b/packages/fxa-settings/src/components/RecoveryKeySetupHint/index.tsx
@@ -142,10 +142,9 @@ export const RecoveryKeySetupHint = ({
         <ControlledCharacterCount {...{ control }} />
         <FtlMsg id="flow-recovery-key-hint-input-v2" attrs={{ label: true }}>
           <InputText
-            name="hint"
             label="Enter a hint (optional)"
             prefixDataTestId="hint"
-            inputRef={register()}
+            registration={register('hint')}
             onChange={() => {
               setHintError(undefined);
               setLocalizedErrorMessage('');
diff --git a/packages/fxa-settings/src/components/Settings/AlertBar/index.tsx b/packages/fxa-settings/src/components/Settings/AlertBar/index.tsx
index 8a80dcb6a34..d538918ab53 100644
--- a/packages/fxa-settings/src/components/Settings/AlertBar/index.tsx
+++ b/packages/fxa-settings/src/components/Settings/AlertBar/index.tsx
@@ -20,7 +20,7 @@ import classNames from 'classnames';
  * If the content overflows, the text alignment is set to start and overflow-wrap is applied to ensure
  * the content is displayed properly without breaking the layout.
  *
- * @returns {JSX.Element | null} The AlertBar component or null if not visible.
+ * @returns {ReactElement | null} The AlertBar component or null if not visible.
  */
 export const AlertBar = () => {
   const { l10n } = useLocalization();
diff --git a/packages/fxa-settings/src/components/Settings/ButtonIcon/index.stories.tsx b/packages/fxa-settings/src/components/Settings/ButtonIcon/index.stories.tsx
index 8210c20ca7d..864cd9d2d55 100644
--- a/packages/fxa-settings/src/components/Settings/ButtonIcon/index.stories.tsx
+++ b/packages/fxa-settings/src/components/Settings/ButtonIcon/index.stories.tsx
@@ -3,7 +3,6 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import ButtonIcon, { ButtonIconTrash, ButtonIconReload } from '.';
-import { StoryFn } from '@storybook/react';
 import { withLocalization } from 'fxa-react/lib/storybooks';
 
 const meta = {
@@ -12,7 +11,7 @@ const meta = {
   subcomponents: { ButtonIconTrash, ButtonIconReload },
   decorators: [
     withLocalization,
-    (Story: StoryFn) => (
+    (Story: React.ComponentType) => (
       <div className="p-10 max-w-lg">
         <Story />
       </div>
diff --git a/packages/fxa-settings/src/components/Settings/ConnectedServices/index.tsx b/packages/fxa-settings/src/components/Settings/ConnectedServices/index.tsx
index 3d2ab4fd05b..71c7992706b 100644
--- a/packages/fxa-settings/src/components/Settings/ConnectedServices/index.tsx
+++ b/packages/fxa-settings/src/components/Settings/ConnectedServices/index.tsx
@@ -26,14 +26,13 @@ const DEVICES_SUPPORT_URL =
 export function sortAndFilterConnectedClients(
   attachedClients: Array<AttachedClient>
 ) {
-  const groupedByName = attachedClients.reduce<Record<string, AttachedClient[]>>(
-    (acc, client) => {
-      const key = String(client.name);
-      acc[key] = acc[key] ? [...acc[key], client] : [client];
-      return acc;
-    },
-    {}
-  );
+  const groupedByName = attachedClients.reduce<
+    Record<string, AttachedClient[]>
+  >((acc, client) => {
+    const key = String(client.name);
+    acc[key] = acc[key] ? [...acc[key], client] : [client];
+    return acc;
+  }, {});
 
   // get a unique (by name) list and sort by time last accessed
   const sortedAndUniqueClients = Object.keys(groupedByName)
@@ -331,7 +330,9 @@ export const ConnectedServices = forwardRef<HTMLDivElement>((_, ref) => {
               </Localized>
               <form
                 onChange={(event) => {
-                  setReason((event.target as HTMLInputElement).value);
+                  setReason(
+                    (event.target as unknown as HTMLInputElement).value
+                  );
                 }}
               >
                 <ul className="my-4 text-start">
diff --git a/packages/fxa-settings/src/components/Settings/FlowRecoveryKeyConfirmPwd/index.tsx b/packages/fxa-settings/src/components/Settings/FlowRecoveryKeyConfirmPwd/index.tsx
index bbbb127da52..0f6394d52ec 100644
--- a/packages/fxa-settings/src/components/Settings/FlowRecoveryKeyConfirmPwd/index.tsx
+++ b/packages/fxa-settings/src/components/Settings/FlowRecoveryKeyConfirmPwd/index.tsx
@@ -65,6 +65,9 @@ export const FlowRecoveryKeyConfirmPwd = ({
       password: '',
     },
   });
+  // Eagerly read isDirty so react-hook-form's Proxy subscribes to it
+  // even when isLoading short-circuits the disabled expression.
+  const { isDirty } = formState;
 
   const createRecoveryKey = useCallback(async () => {
     const password = getValues('password');
@@ -151,7 +154,6 @@ export const FlowRecoveryKeyConfirmPwd = ({
           })}
         >
           <InputPassword
-            name="password"
             label={ftlMsgResolver.getMsg(
               'flow-recovery-key-confirm-pwd-input-label',
               'Enter your password'
@@ -159,7 +161,7 @@ export const FlowRecoveryKeyConfirmPwd = ({
             onChange={() => {
               errorText && setErrorText(undefined);
             }}
-            inputRef={register({
+            registration={register('password', {
               required: true,
             })}
             {...{ errorText }}
@@ -169,7 +171,7 @@ export const FlowRecoveryKeyConfirmPwd = ({
               <button
                 className="cta-primary cta-xl w-full mt-4"
                 type="submit"
-                disabled={isLoading || !formState.isDirty}
+                disabled={isLoading || !isDirty}
               >
                 Create account recovery key
               </button>
@@ -180,7 +182,7 @@ export const FlowRecoveryKeyConfirmPwd = ({
               <button
                 className="cta-primary cta-xl w-full mt-4"
                 type="submit"
-                disabled={isLoading || !formState.isDirty}
+                disabled={isLoading || !isDirty}
               >
                 Create new account recovery key
               </button>
diff --git a/packages/fxa-settings/src/components/Settings/ModalMfaProtected/index.tsx b/packages/fxa-settings/src/components/Settings/ModalMfaProtected/index.tsx
index f57ab91e0c2..a8b0e36d9c0 100644
--- a/packages/fxa-settings/src/components/Settings/ModalMfaProtected/index.tsx
+++ b/packages/fxa-settings/src/components/Settings/ModalMfaProtected/index.tsx
@@ -117,12 +117,11 @@ export const ModalMfaProtected = ({
 
         <div className="mt-4 mb-8">
           <InputText
-            name="confirmationCode"
             label={ftlMsgResolver.getMsg(
               'modal-mfa-protected-input-label',
               'Enter 6-digit code'
             )}
-            inputRef={register({
+            registration={register('confirmationCode', {
               required: true,
               pattern: /^\s*[0-9]{6}\s*$/,
             })}
diff --git a/packages/fxa-settings/src/components/Settings/ModalVerifySession/index.tsx b/packages/fxa-settings/src/components/Settings/ModalVerifySession/index.tsx
index 00ff40766e3..17275abd493 100644
--- a/packages/fxa-settings/src/components/Settings/ModalVerifySession/index.tsx
+++ b/packages/fxa-settings/src/components/Settings/ModalVerifySession/index.tsx
@@ -145,7 +145,6 @@ export const ModalVerifySession = ({
 
           <div className="mt-4 mb-6">
             <InputText
-              name="verificationCode"
               label={l10n.getString(
                 'mvs-enter-verification-code-2',
                 null,
@@ -156,7 +155,7 @@ export const ModalVerifySession = ({
                   setErrorText(undefined);
                 }
               }}
-              inputRef={register({
+              registration={register('verificationCode', {
                 required: true,
                 pattern: /^\s*[0-9]{6}\s*$/,
               })}
diff --git a/packages/fxa-settings/src/components/Settings/PageAvatar/index.tsx b/packages/fxa-settings/src/components/Settings/PageAvatar/index.tsx
index 7026eba497a..46277dfe800 100644
--- a/packages/fxa-settings/src/components/Settings/PageAvatar/index.tsx
+++ b/packages/fxa-settings/src/components/Settings/PageAvatar/index.tsx
@@ -8,7 +8,6 @@ import { useNavigateWithQuery } from '../../../lib/hooks/useNavigateWithQuery';
 import { Localized, useLocalization } from '@fluent/react';
 import Webcam from 'react-webcam';
 import Cropper, { Area } from 'react-easy-crop';
-import { Slider } from '@material-ui/core';
 import LoadingSpinner from 'fxa-react/components/LoadingSpinner';
 
 import 'react-easy-crop/react-easy-crop.css';
@@ -147,12 +146,8 @@ export const PageAddAvatar = () => {
     return null;
   }, [croppedAreaPixels, rotation, capturedImgSrc]);
 
-  const handleSliderChange = (
-    event: React.SyntheticEvent<Element, Event>,
-    value: number | number[]
-  ) => {
-    // @ts-ignore
-    setZoom(value);
+  const handleSliderChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setZoom(Number(event.target.value));
   };
 
   /* Capture Handlers */
@@ -240,15 +235,15 @@ export const PageAddAvatar = () => {
             return setZoom(zoom - 0.1);
           }}
         />
-        <div className="w-32 ml-2 mr-4">
-          <Slider
+        <div className="w-32 ml-2 mr-4 flex items-center">
+          <input
+            type="range"
             min={1}
             max={3}
             step={0.1}
             value={zoom}
-            className={'w-100'}
+            className="w-full"
             aria-label="zoom-slider"
-            component={'span'}
             onChange={handleSliderChange}
           />
         </div>
diff --git a/packages/fxa-settings/src/components/Settings/PageChangePassword/index.tsx b/packages/fxa-settings/src/components/Settings/PageChangePassword/index.tsx
index 8694b51c1df..b201a55aee4 100644
--- a/packages/fxa-settings/src/components/Settings/PageChangePassword/index.tsx
+++ b/packages/fxa-settings/src/components/Settings/PageChangePassword/index.tsx
@@ -34,23 +34,16 @@ type FormData = {
 // eslint-disable-next-line no-empty-pattern
 export const PageChangePassword = () => {
   usePageViewEvent('settings.change-password');
-  const {
-    handleSubmit,
-    register,
-    getValues,
-    setValue,
-    errors,
-    formState,
-    trigger,
-  } = useForm<FormData>({
-    mode: 'onTouched',
-    criteriaMode: 'all',
-    defaultValues: {
-      oldPassword: '',
-      newPassword: '',
-      confirmPassword: '',
-    },
-  });
+  const { handleSubmit, register, getValues, setValue, formState, trigger } =
+    useForm<FormData>({
+      mode: 'onTouched',
+      criteriaMode: 'all',
+      defaultValues: {
+        oldPassword: '',
+        newPassword: '',
+        confirmPassword: '',
+      },
+    });
   const account = useAccount();
   const alertBar = useAlertBar();
   const ftlMsgResolver = useFtlMsgResolver();
@@ -121,7 +114,7 @@ export const PageChangePassword = () => {
         <FormPassword
           {...{
             formState,
-            errors,
+            errors: formState.errors,
             trigger,
             register,
             getValues,
diff --git a/packages/fxa-settings/src/components/Settings/PageCreatePassword/index.tsx b/packages/fxa-settings/src/components/Settings/PageCreatePassword/index.tsx
index 6f0ce11d21e..eb7ad71da96 100644
--- a/packages/fxa-settings/src/components/Settings/PageCreatePassword/index.tsx
+++ b/packages/fxa-settings/src/components/Settings/PageCreatePassword/index.tsx
@@ -40,7 +40,7 @@ export const PageCreatePassword = () => {
   const handleMfaError = useMfaErrorHandler();
   usePageViewEvent('settings.create-password');
 
-  const { handleSubmit, register, getValues, errors, formState, trigger } =
+  const { handleSubmit, register, getValues, formState, trigger } =
     useForm<FormData>({
       mode: 'onTouched',
       criteriaMode: 'all',
@@ -115,7 +115,7 @@ export const PageCreatePassword = () => {
         <FormPassword
           {...{
             formState,
-            errors,
+            errors: formState.errors,
             trigger,
             register,
             getValues,
diff --git a/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.test.tsx
index c8aed257024..78000b92a1b 100644
--- a/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.test.tsx
+++ b/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.test.tsx
@@ -17,7 +17,6 @@ import {
   renderWithRouter,
 } from '../../../models/mocks';
 import { PageDeleteAccount } from '.';
-import { typeByTestIdFn } from '../../../lib/test-utils';
 import { Account, AppContext } from '../../../models';
 import { MOCK_EMAIL } from '../../../pages/mocks';
 import GleanMetrics from '../../../lib/glean';
@@ -77,11 +76,13 @@ const session = mockSession(true, false);
 window.URL.createObjectURL = jest.fn();
 console.error = jest.fn();
 
-const advanceStep = () => {
-  const inputs = screen.getAllByTestId('checkbox-input');
-  inputs.forEach((el) => fireEvent.click(el));
-  const continueBtn = screen.getByTestId('continue-button');
-  fireEvent.click(continueBtn);
+const advanceStep = async () => {
+  await act(async () => {
+    const inputs = screen.getAllByTestId('checkbox-input');
+    inputs.forEach((el) => fireEvent.click(el));
+    const continueBtn = screen.getByTestId('continue-button');
+    fireEvent.click(continueBtn);
+  });
 };
 
 describe('PageDeleteAccount', () => {
@@ -165,8 +166,14 @@ describe('PageDeleteAccount', () => {
     await advanceStep();
     expect(screen.getByTestId('delete-account-button')).toBeDisabled();
 
-    await typeByTestIdFn('delete-account-confirm-input-field')('password');
-    expect(screen.getByTestId('delete-account-button')).toBeEnabled();
+    const user = userEvent.setup();
+    await user.type(
+      screen.getByTestId('delete-account-confirm-input-field'),
+      'password'
+    );
+    await waitFor(() => {
+      expect(screen.getByTestId('delete-account-button')).toBeEnabled();
+    });
   });
 
   it('deletes account with password set', async () => {
@@ -177,11 +184,17 @@ describe('PageDeleteAccount', () => {
     );
 
     await advanceStep();
-    await typeByTestIdFn('delete-account-confirm-input-field')('hunter67');
+    const user = userEvent.setup();
+    await user.type(
+      screen.getByTestId('delete-account-confirm-input-field'),
+      'hunter67'
+    );
 
     const deleteAccountButton = screen.getByTestId('delete-account-button');
-    expect(deleteAccountButton).toBeEnabled();
-    await userEvent.click(deleteAccountButton);
+    await waitFor(() => {
+      expect(deleteAccountButton).toBeEnabled();
+    });
+    await user.click(deleteAccountButton);
     await waitFor(() => {
       expect(mockDestroy).toHaveBeenCalled();
     });
diff --git a/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.tsx b/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.tsx
index 96dc368dde9..f6c73e6821d 100644
--- a/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.tsx
+++ b/packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.tsx
@@ -87,10 +87,11 @@ export const PageDeleteAccount = () => {
       password: '',
     },
   });
-  // TODO: the `.errors.password` clause shouldn't be necessary, but `isValid` isn't updating
-  // properly. I think this is a bug in react-hook-form.
-  const disabled =
-    !formState.isDirty || !formState.isValid || !!formState.errors.password;
+  // Read all formState properties eagerly so react-hook-form's Proxy
+  // subscribes to each one. Short-circuit `||` would skip later accesses,
+  // preventing re-renders when those properties change.
+  const { isDirty, isValid, errors } = formState;
+  const disabled = !isDirty || !isValid || !!errors.password;
   const [errorText, setErrorText] = useState<string>();
   const [confirmed, setConfirmed] = useState<boolean>(false);
   const [subtitleText, setSubtitleText] = useState<string>(
@@ -291,7 +292,6 @@ export const PageDeleteAccount = () => {
                 attrs={{ label: true }}
               >
                 <InputPassword
-                  name="password"
                   label="Enter password"
                   prefixDataTestId="delete-account-confirm"
                   onChange={() => {
@@ -299,7 +299,7 @@ export const PageDeleteAccount = () => {
                       setErrorText(undefined);
                     }
                   }}
-                  inputRef={register({
+                  registration={register('password', {
                     required: true,
                     minLength: 8,
                   })}
diff --git a/packages/fxa-settings/src/components/Settings/PageDisplayName/index.tsx b/packages/fxa-settings/src/components/Settings/PageDisplayName/index.tsx
index 86bd2db9309..aa08c7eec75 100644
--- a/packages/fxa-settings/src/components/Settings/PageDisplayName/index.tsx
+++ b/packages/fxa-settings/src/components/Settings/PageDisplayName/index.tsx
@@ -41,6 +41,9 @@ export const PageDisplayName = () => {
       displayName: initialValue,
     },
   });
+  // Eagerly read formState properties so react-hook-form's Proxy subscribes
+  // to each one regardless of short-circuit evaluation.
+  const { isDirty, isValid } = formState;
   const isValidDisplayName = validateDisplayName(initialValue);
 
   const onSubmit = useCallback(
@@ -68,13 +71,12 @@ export const PageDisplayName = () => {
           <div className="my-6">
             <Localized id="display-name-input" attrs={{ label: true }}>
               <InputText
-                name="displayName"
                 label="Enter display name"
                 className="mb-2"
                 data-testid="display-name-input"
                 autoFocus
                 onChange={() => trigger('displayName')}
-                inputRef={register({
+                registration={register('displayName', {
                   validate: isValidDisplayName,
                 })}
               />
@@ -96,9 +98,7 @@ export const PageDisplayName = () => {
                 type="submit"
                 data-testid="submit-display-name"
                 className="cta-primary cta-base-p mx-2 flex-1"
-                disabled={
-                  !formState.isDirty || !formState.isValid || account.loading
-                }
+                disabled={!isDirty || !isValid || account.loading}
               >
                 Save
               </button>
diff --git a/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.test.tsx b/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.test.tsx
index 2e1e5bcdb79..577cd3e0c45 100644
--- a/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.test.tsx
+++ b/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.test.tsx
@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import 'mutationobserver-shim';
-import { screen, fireEvent, act } from '@testing-library/react';
+import { screen, fireEvent, act, waitFor } from '@testing-library/react';
 import {
   mockAppContext,
   mockSettingsContext,
@@ -164,19 +164,23 @@ describe('PageSecondaryEmailVerify', () => {
       { route: mockRoute }
     );
 
-    await act(async () => {
-      fireEvent.input(screen.getByTestId('verification-code-input-field'), {
-        target: { value: '666666' },
-      });
+    const user = userEvent.setup();
+    await user.type(
+      screen.getByTestId('verification-code-input-field'),
+      '666666'
+    );
+
+    await waitFor(() => {
+      expect(screen.getByTestId('secondary-email-verify-submit')).toBeEnabled();
     });
 
-    await act(async () =>
-      screen.getByTestId('secondary-email-verify-submit').click()
-    );
+    await user.click(screen.getByTestId('secondary-email-verify-submit'));
 
-    expect(screen.getByTestId('tooltip').textContent).toContain(
-      AuthUiErrors.INVALID_VERIFICATION_CODE.message
-    );
+    await waitFor(() => {
+      expect(screen.getByTestId('tooltip').textContent).toContain(
+        AuthUiErrors.INVALID_VERIFICATION_CODE.message
+      );
+    });
   });
 
   it('navigates to settings and shows a message on success', async () => {
@@ -195,15 +199,17 @@ describe('PageSecondaryEmailVerify', () => {
       { route: mockRoute }
     );
 
-    await act(async () => {
-      fireEvent.input(screen.getByTestId('verification-code-input-field'), {
-        target: { value: '123456' },
-      });
+    const user = userEvent.setup();
+    await user.type(
+      screen.getByTestId('verification-code-input-field'),
+      '123456'
+    );
+
+    await waitFor(() => {
+      expect(screen.getByTestId('secondary-email-verify-submit')).toBeEnabled();
     });
 
-    await act(async () =>
-      screen.getByTestId('secondary-email-verify-submit').click()
-    );
+    await user.click(screen.getByTestId('secondary-email-verify-submit'));
 
     expect(router.state.location.pathname).toEqual('/settings');
     expect(router.state.location.hash).toEqual('#secondary-email');
diff --git a/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.tsx b/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.tsx
index f0fc5eadf89..4aefeddd198 100644
--- a/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.tsx
+++ b/packages/fxa-settings/src/components/Settings/PageSecondaryEmailVerify/index.tsx
@@ -37,6 +37,9 @@ export const PageSecondaryEmailVerify = () => {
       verificationCode: '',
     },
   });
+  // Eagerly read formState properties so react-hook-form's Proxy subscribes
+  // to each one regardless of short-circuit evaluation.
+  const { isDirty, isValid } = formState;
   const location = useLocation();
   const navigateWithQuery = useNavigateWithQuery();
   const goHome = useCallback(
@@ -132,8 +135,7 @@ export const PageSecondaryEmailVerify = () => {
     }
   }, [email, navigateWithQuery]);
 
-  const buttonDisabled =
-    !formState.isDirty || !formState.isValid || account.loading;
+  const buttonDisabled = !isDirty || !isValid || account.loading;
   const resendDisabled =
     resendCodeLoading || account.loading || resendCooldownActive;
   return (
@@ -173,14 +175,13 @@ export const PageSecondaryEmailVerify = () => {
               attrs={{ label: true }}
             >
               <InputText
-                name="verificationCode"
                 label="Enter your confirmation code"
                 onChange={() => {
                   if (errorText) {
                     setErrorText(undefined);
                   }
                 }}
-                inputRef={register({
+                registration={register('verificationCode', {
                   required: true,
                   pattern: /^\s*[0-9]{6}\s*$/,
                 })}
diff --git a/packages/fxa-settings/src/components/Settings/index.test.tsx b/packages/fxa-settings/src/components/Settings/index.test.tsx
index 3b7e0898831..e87401404fc 100644
--- a/packages/fxa-settings/src/components/Settings/index.test.tsx
+++ b/packages/fxa-settings/src/components/Settings/index.test.tsx
@@ -96,6 +96,15 @@ jest.mock('./MfaGuard', () => ({
   useMfaErrorHandler: () => mockMfaErrorHandler,
 }));
 
+// Mock VerifiedSessionGuard to avoid async sessionStatus calls
+jest.mock('./VerifiedSessionGuard', () => ({
+  __esModule: true,
+  default: ({ children }: { children: ReactNode }) => <>{children}</>,
+  VerifiedSessionGuard: ({ children }: { children: ReactNode }) => (
+    <>{children}</>
+  ),
+}));
+
 // Default behavior: render mock guard element
 mockMfaGuard.mockImplementation(({ children }: { children: ReactNode }) => (
   <div data-testid="mfa-guard">MockMfaGuard</div>
@@ -201,9 +210,7 @@ describe('Settings App', () => {
     });
 
     renderWithRouter(
-      <AppContext.Provider
-        value={mockAppContext({ account: brokenAccount })}
-      >
+      <AppContext.Provider value={mockAppContext({ account: brokenAccount })}>
         <Subject />
       </AppContext.Provider>,
       { route: SETTINGS_PATH }
@@ -340,10 +347,7 @@ describe('Settings App', () => {
   });
 
   it('routes to PageSettings', async () => {
-    const {
-      getByTestId,
-      router,
-    } = renderWithRouter(
+    const { getByTestId, router } = renderWithRouter(
       <AppContext.Provider value={mockAppContext()}>
         <Subject />
       </AppContext.Provider>,
@@ -358,10 +362,7 @@ describe('Settings App', () => {
   });
 
   it('routes to PageDisplayName', async () => {
-    const {
-      getByTestId,
-      router,
-    } = renderWithRouter(
+    const { getByTestId, router } = renderWithRouter(
       <AppContext.Provider value={mockAppContext()}>
         <Subject />
       </AppContext.Provider>,
@@ -374,10 +375,7 @@ describe('Settings App', () => {
   });
 
   it('routes to PageAvatar', async () => {
-    const {
-      getAllByTestId,
-      router,
-    } = renderWithRouter(
+    const { getAllByTestId, router } = renderWithRouter(
       <AppContext.Provider value={mockAppContext()}>
         <Subject />
       </AppContext.Provider>,
@@ -413,10 +411,7 @@ describe('Settings App', () => {
     }));
 
     const session = mockSession(true);
-    const {
-      getByTestId,
-      router,
-    } = renderWithRouter(
+    const { getByTestId, router } = renderWithRouter(
       <AppContext.Provider value={mockAppContext({ session })}>
         <Subject />
       </AppContext.Provider>,
@@ -430,10 +425,7 @@ describe('Settings App', () => {
 
   it('routes to PageDeleteAccount', async () => {
     const session = mockSession(true);
-    const {
-      getByTestId,
-      router,
-    } = renderWithRouter(
+    const { getByTestId, router } = renderWithRouter(
       <AppContext.Provider value={mockAppContext({ session })}>
         <Subject />
       </AppContext.Provider>,
@@ -446,9 +438,7 @@ describe('Settings App', () => {
   });
 
   it('redirects to ConnectedServices', async () => {
-    const {
-      router,
-    } = renderWithRouter(
+    const { router } = renderWithRouter(
       <AppContext.Provider value={mockAppContext()}>
         <Subject />
       </AppContext.Provider>,
@@ -464,9 +454,7 @@ describe('Settings App', () => {
   });
 
   it('redirects to PageAvatar', async () => {
-    const {
-      router,
-    } = renderWithRouter(
+    const { router } = renderWithRouter(
       <AppContext.Provider value={mockAppContext()}>
         <Subject />
       </AppContext.Provider>,
@@ -544,10 +532,7 @@ describe('Settings App', () => {
           ...MOCK_ACCOUNT,
           hasPassword,
         } as unknown as Account;
-        const {
-          getByTestId,
-          router,
-        } = renderWithRouter(
+        const { getByTestId, router } = renderWithRouter(
           <AppContext.Provider value={mockAppContext({ session, account })}>
             <Subject />
           </AppContext.Provider>,
diff --git a/packages/fxa-settings/src/components/Settings/index.tsx b/packages/fxa-settings/src/components/Settings/index.tsx
index b863134fd89..aa22198a012 100644
--- a/packages/fxa-settings/src/components/Settings/index.tsx
+++ b/packages/fxa-settings/src/components/Settings/index.tsx
@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import * as Sentry from '@sentry/browser';
 import SettingsLayout from './SettingsLayout';
 import LoadingSpinner from 'fxa-react/components/LoadingSpinner';
@@ -128,18 +128,77 @@ export const Settings = ({
     })();
   }, [authClient, sessionVerified, sessionVerificationMeetsAAL]);
 
+  // Compute any redirect that needs to happen. React 19 forbids calling
+  // navigate (which updates BrowserRouter state) during render, so we derive
+  // the target here and perform the actual navigation in a useEffect below.
+  const redirect = useMemo<{
+    to: string;
+    options?: Parameters<typeof navigateWithQuery>[1];
+  } | null>(() => {
+    if (loading || sessionVerified === undefined) {
+      return null; // still loading, no redirect
+    }
+
+    if (error) {
+      if (error instanceof InvalidTokenError) {
+        if (!isSigningOut()) {
+          return { to: '/signin' };
+        }
+        return null; // signing out, just show spinner
+      }
+      // Non-token errors are not redirects; handled in render below
+      return null;
+    }
+
+    try {
+      if (
+        account.primaryEmail.verified === false ||
+        sessionVerified === false
+      ) {
+        console.warn(
+          'Account or email verification is required to access /settings!'
+        );
+        return { to: '/' };
+      }
+    } catch {
+      console.warn('Account data unavailable, redirecting to sign-in');
+      return { to: '/' };
+    }
+
+    // Multi-device 2FA: user set up TOTP on device A and must upgrade AAL
+    // on device B's session token before accessing Settings.
+    if (sessionVerificationMeetsAAL === false) {
+      console.warn('2FA must be entered to access /settings!');
+      const storedAccount = currentAccount();
+      return {
+        to: '/signin_totp_code',
+        options: {
+          state: {
+            email: storedAccount?.email,
+            sessionToken: storedAccount?.sessionToken,
+            uid: storedAccount?.uid,
+            verified: storedAccount?.verified,
+            isSessionAALUpgrade: true,
+          },
+        },
+      };
+    }
+
+    return null;
+  }, [loading, sessionVerified, error, account, sessionVerificationMeetsAAL]);
+
+  useEffect(() => {
+    if (redirect) {
+      navigateWithQuery(redirect.to, redirect.options);
+    }
+  }, [redirect, navigateWithQuery]);
+
   if (loading || sessionVerified === undefined) {
     return <LoadingSpinner fullScreen />;
   }
 
-  // This error check includes a network error
   if (error) {
-    // If the session token is invalid, redirect to signin.
-    // Skip during sign-out to avoid racing with window.location.assign.
     if (error instanceof InvalidTokenError) {
-      if (!isSigningOut()) {
-        navigateWithQuery('/signin');
-      }
       return <LoadingSpinner fullScreen />;
     }
     Sentry.captureException(error, { tags: { source: 'settings' } });
@@ -147,38 +206,8 @@ export const Settings = ({
     return <AppErrorDialog data-testid="error-dialog" />;
   }
 
-  // Redirect to root if the account or session is unverified. The try-catch
-  // handles the case where account data may be missing from localStorage
-  // (e.g. WKWebView storage eviction on iOS).
-  try {
-    if (account.primaryEmail.verified === false || sessionVerified === false) {
-      console.warn(
-        'Account or email verification is required to access /settings!'
-      );
-      navigateWithQuery('/');
-      return <LoadingSpinner fullScreen />;
-    }
-  } catch {
-    console.warn('Account data unavailable, redirecting to sign-in');
-    navigateWithQuery('/');
-    return <LoadingSpinner fullScreen />;
-  }
-
-  // This happens when a multi-device user sets up 2FA on device A and tries
-  // to access Settings on device B. If they haven't upgraded the assurance level
-  // on device B's session token with TOTP, we require them to.
-  if (sessionVerificationMeetsAAL === false) {
-    console.warn('2FA must be entered to access /settings!');
-    const storedAccount = currentAccount();
-    navigateWithQuery('/signin_totp_code', {
-      state: {
-        email: storedAccount?.email,
-        sessionToken: storedAccount?.sessionToken,
-        uid: storedAccount?.uid,
-        verified: storedAccount?.verified,
-        isSessionAALUpgrade: true,
-      },
-    });
+  // Show spinner while redirect is pending
+  if (redirect) {
     return <LoadingSpinner fullScreen />;
   }
 
@@ -196,37 +225,76 @@ export const Settings = ({
         <Route path="avatar" element={<PageAvatar />} />
         {/* MfaPageCreatePassword internally redirects to /change_password if password exists */}
         <Route path="create_password" element={<MfaPageCreatePassword />} />
-        <Route path="two_step_authentication" element={<MfaGuardPage2faSetup />} />
-        <Route path="two_step_authentication/change" element={<MfaGuardPage2faChange />} />
-        <Route path="two_step_authentication/replace_codes" element={<MfaGuardPage2faReplaceBackupCodes />} />
+        <Route
+          path="two_step_authentication"
+          element={<MfaGuardPage2faSetup />}
+        />
+        <Route
+          path="two_step_authentication/change"
+          element={<MfaGuardPage2faChange />}
+        />
+        <Route
+          path="two_step_authentication/replace_codes"
+          element={<MfaGuardPage2faReplaceBackupCodes />}
+        />
         {hasPassword ? (
           <>
-            <Route path="account_recovery" element={<MfaGuardPageRecoveryKeyCreate />} />
-            <Route path="change_password" element={<MfaGuardedPageChangePassword />} />
+            <Route
+              path="account_recovery"
+              element={<MfaGuardPageRecoveryKeyCreate />}
+            />
+            <Route
+              path="change_password"
+              element={<MfaGuardedPageChangePassword />}
+            />
           </>
         ) : (
           <>
-            <Route path="change_password" element={<Navigate to="/settings/create_password" replace />} />
-            <Route path="account_recovery" element={<Navigate to="/settings" replace />} />
+            <Route
+              path="change_password"
+              element={<Navigate to="/settings/create_password" replace />}
+            />
+            <Route
+              path="account_recovery"
+              element={<Navigate to="/settings" replace />}
+            />
           </>
         )}
         <Route path="emails" element={<MfaGuardPageSecondaryEmailAdd />} />
-        <Route path="emails/verify" element={<MfaGuardPageSecondaryEmailVerify />} />
+        <Route
+          path="emails/verify"
+          element={<MfaGuardPageSecondaryEmailVerify />}
+        />
         <Route path="recent_activity" element={<PageRecentActivity />} />
         <Route path="delete_account" element={<PageDeleteAccount />} />
-        <Route path="clients" element={<Navigate to="/settings#connected-services" replace />} />
+        <Route
+          path="clients"
+          element={<Navigate to="/settings#connected-services" replace />}
+        />
         {/* NOTE: `/settings/avatar/change` is used to link directly to the avatar page within Sync preferences settings on Firefox browsers */}
-        <Route path="avatar/change" element={<Navigate to="/settings/avatar/" replace />} />
+        <Route
+          path="avatar/change"
+          element={<Navigate to="/settings/avatar/" replace />}
+        />
 
-        <Route path="recovery_phone/setup" element={<MfaGuardPageRecoveryPhoneSetup />} />
-        <Route path="recovery_phone/remove" element={<PageMfaGuardRecoveryPhoneRemove />} />
+        <Route
+          path="recovery_phone/setup"
+          element={<MfaGuardPageRecoveryPhoneSetup />}
+        />
+        <Route
+          path="recovery_phone/remove"
+          element={<PageMfaGuardRecoveryPhoneRemove />}
+        />
 
         {config.featureFlags?.passkeysEnabled &&
           config.featureFlags?.passkeyRegistrationEnabled && (
             <Route path="passkeys/add" element={<MfaGuardPagePasskeyAdd />} />
           )}
 
-        <Route path="mfa_guard/test/auth_client" element={<PageMfaGuardTestWithAuthClient />} />
+        <Route
+          path="mfa_guard/test/auth_client"
+          element={<PageMfaGuardTestWithAuthClient />}
+        />
       </Routes>
     </SettingsLayout>
   );
diff --git a/packages/fxa-settings/src/components/ThirdPartyAuth/index.tsx b/packages/fxa-settings/src/components/ThirdPartyAuth/index.tsx
index 07483602cbb..e8a7a99f5b0 100644
--- a/packages/fxa-settings/src/components/ThirdPartyAuth/index.tsx
+++ b/packages/fxa-settings/src/components/ThirdPartyAuth/index.tsx
@@ -12,7 +12,7 @@ import { ReactComponent as AppleLogoBoxBlack } from './apple-logo-cropped-black.
 import { ReactComponent as AppleLogoBoxWhite } from './apple-logo-cropped-white.svg';
 
 import { useConfig } from '../../models';
-import { ReactElement } from 'react-markdown/lib/react-markdown';
+import { ReactElement } from 'react';
 import { useMetrics } from '../../lib/metrics';
 import GleanMetrics from '../../lib/glean';
 import { QueryParams } from '../..';
diff --git a/packages/fxa-settings/src/index.tsx b/packages/fxa-settings/src/index.tsx
index 47d60575b2d..001dacb0f0f 100644
--- a/packages/fxa-settings/src/index.tsx
+++ b/packages/fxa-settings/src/index.tsx
@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import React from 'react';
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import sentryMetrics from 'fxa-shared/sentry/browser';
 import { AppErrorBoundary } from './components/ErrorBoundaries';
 import App from './components/App';
@@ -78,7 +78,8 @@ try {
         return <CookiesDisabled />;
       };
 
-  render(
+  const root = createRoot(document.getElementById('root') as HTMLElement);
+  root.render(
     <React.StrictMode>
       <BrowserRouter>
         <DynamicLocalizationProvider baseDir={config.l10n.baseUrl}>
@@ -93,8 +94,7 @@ try {
           </AppErrorBoundary>
         </DynamicLocalizationProvider>
       </BrowserRouter>
-    </React.StrictMode>,
-    document.getElementById('root')
+    </React.StrictMode>
   );
 } catch (error) {
   console.error('Error initializing FXA Settings', error);
diff --git a/packages/fxa-settings/src/lib/account-storage.ts b/packages/fxa-settings/src/lib/account-storage.ts
index 04acefa8257..c6c5a3ece71 100644
--- a/packages/fxa-settings/src/lib/account-storage.ts
+++ b/packages/fxa-settings/src/lib/account-storage.ts
@@ -12,7 +12,7 @@ import {
   SecurityEvent,
 } from '../models/Account';
 import type { Passkey } from 'fxa-auth-client/browser';
-import { lazy } from './test-utils';
+import { lazy } from './lazy';
 import Storage from './storage';
 
 const storage = lazy<Storage>(() => Storage.factory('localStorage'));
diff --git a/packages/fxa-settings/src/lib/hooks.tsx b/packages/fxa-settings/src/lib/hooks.tsx
index 8f704079221..417d4b49571 100644
--- a/packages/fxa-settings/src/lib/hooks.tsx
+++ b/packages/fxa-settings/src/lib/hooks.tsx
@@ -9,7 +9,7 @@ import { useEffect, useRef } from 'react';
 // is also provided.
 export function useFocusOnTriggeringElementOnClose(
   revealed: boolean | undefined,
-  triggerElement: React.RefObject<HTMLButtonElement>,
+  triggerElement: React.RefObject<HTMLButtonElement | null>,
   triggerException?: boolean
 ) {
   const prevRevealedRef = useRef(revealed);
diff --git a/packages/fxa-settings/src/lib/hooks/useFxAStatus/index.test.tsx b/packages/fxa-settings/src/lib/hooks/useFxAStatus/index.test.tsx
index 09f4692669c..e3dee711601 100644
--- a/packages/fxa-settings/src/lib/hooks/useFxAStatus/index.test.tsx
+++ b/packages/fxa-settings/src/lib/hooks/useFxAStatus/index.test.tsx
@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook, waitFor } from '@testing-library/react';
 import { useFxAStatus } from '.';
 import { Constants } from '../../constants';
 import firefox from '../../channels/firefox';
@@ -44,8 +44,10 @@ describe('useFxAStatus', () => {
         isFirefoxNonSync: () => false,
       };
 
-      const { waitForNextUpdate } = renderHook(() => useFxAStatus(integration));
-      await waitForNextUpdate();
+      renderHook(() => useFxAStatus(integration));
+      await waitFor(() => {
+        expect(firefox.fxaStatus).toHaveBeenCalled();
+      });
 
       expect(firefox.fxaStatus).toHaveBeenCalledWith({
         context: Constants.FX_DESKTOP_V3_CONTEXT,
@@ -70,8 +72,10 @@ describe('useFxAStatus', () => {
         isFirefoxNonSync: () => false,
       };
 
-      const { waitForNextUpdate } = renderHook(() => useFxAStatus(integration));
-      await waitForNextUpdate();
+      renderHook(() => useFxAStatus(integration));
+      await waitFor(() => {
+        expect(firefox.fxaStatus).toHaveBeenCalled();
+      });
 
       expect(firefox.fxaStatus).toHaveBeenCalledWith({
         context: Constants.OAUTH_CONTEXT,
@@ -94,14 +98,13 @@ describe('useFxAStatus', () => {
         isFirefoxNonSync: () => false,
       };
 
-      const { result, waitForNextUpdate } = renderHook(() =>
-        useFxAStatus(integration)
-      );
+      const { result } = renderHook(() => useFxAStatus(integration));
 
-      await waitForNextUpdate();
-      expect(result.current.offeredSyncEngines).toEqual(
-        expect.arrayContaining(['tabs', 'bookmarks', 'addons'])
-      );
+      await waitFor(() => {
+        expect(result.current.offeredSyncEngines).toEqual(
+          expect.arrayContaining(['tabs', 'bookmarks', 'addons'])
+        );
+      });
 
       expect(result.current.selectedEnginesForGlean).toEqual({
         tabs: true,
@@ -126,12 +129,11 @@ describe('useFxAStatus', () => {
           isSync: () => false,
           isFirefoxNonSync: () => true,
         };
-        const { result, waitForNextUpdate } = renderHook(() =>
-          useFxAStatus(integration)
-        );
+        const { result } = renderHook(() => useFxAStatus(integration));
 
-        await waitForNextUpdate();
-        expect(result.current.supportsKeysOptionalLogin).toBe(true);
+        await waitFor(() => {
+          expect(result.current.supportsKeysOptionalLogin).toBe(true);
+        });
       });
 
       it('returns supportsKeysOptionalLogin: false for Sync', async () => {
@@ -140,11 +142,10 @@ describe('useFxAStatus', () => {
           isSync: () => true,
           isFirefoxNonSync: () => false,
         };
-        const { result, waitForNextUpdate } = renderHook(() =>
-          useFxAStatus(integration)
-        );
-        await waitForNextUpdate();
-        expect(result.current.supportsKeysOptionalLogin).toBe(false);
+        const { result } = renderHook(() => useFxAStatus(integration));
+        await waitFor(() => {
+          expect(result.current.supportsKeysOptionalLogin).toBe(false);
+        });
       });
     });
   });
diff --git a/packages/fxa-settings/src/lib/hooks/useOAuthFlowRecovery/index.test.tsx b/packages/fxa-settings/src/lib/hooks/useOAuthFlowRecovery/index.test.tsx
index e562786385e..407feffd802 100644
--- a/packages/fxa-settings/src/lib/hooks/useOAuthFlowRecovery/index.test.tsx
+++ b/packages/fxa-settings/src/lib/hooks/useOAuthFlowRecovery/index.test.tsx
@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { useOAuthFlowRecovery } from '.';
 import firefox from '../../channels/firefox';
 import * as ReactUtils from 'fxa-react/lib/utils';
@@ -36,7 +36,10 @@ const mockIntegration = (isOAuthNative: boolean = true) => {
     type: IntegrationType.OAuthNative,
     getPermissions: jest
       .fn()
-      .mockReturnValue(['profile', 'https://identity.mozilla.com/apps/oldsync']),
+      .mockReturnValue([
+        'profile',
+        'https://identity.mozilla.com/apps/oldsync',
+      ]),
   };
 };
 
diff --git a/packages/fxa-settings/src/lib/hooks/useThrottle/index.test.tsx b/packages/fxa-settings/src/lib/hooks/useThrottle/index.test.tsx
index 3774252b7a4..0264f86d44e 100644
--- a/packages/fxa-settings/src/lib/hooks/useThrottle/index.test.tsx
+++ b/packages/fxa-settings/src/lib/hooks/useThrottle/index.test.tsx
@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import { act, renderHook } from '@testing-library/react-hooks';
+import { act, renderHook } from '@testing-library/react';
 import useThrottle from '.';
 
 describe('useThrottle', () => {
diff --git a/packages/fxa-settings/src/lib/hooks/useThrottle/index.tsx b/packages/fxa-settings/src/lib/hooks/useThrottle/index.tsx
index 26eecdb4534..5ab2e1d92e5 100644
--- a/packages/fxa-settings/src/lib/hooks/useThrottle/index.tsx
+++ b/packages/fxa-settings/src/lib/hooks/useThrottle/index.tsx
@@ -21,7 +21,7 @@ type UseThrottleResult = {
  */
 function useThrottle(): UseThrottleResult {
   const [isThrottled, setIsThrottled] = useState(false);
-  const timerRef = useRef<ReturnType<typeof setTimeout>>();
+  const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined);
 
   const startThrottle = useCallback((error: ThrottleErrorInput) => {
     const retryAfterMs = error.retryAfter ?? 0;
diff --git a/packages/fxa-settings/src/lib/lazy.test.ts b/packages/fxa-settings/src/lib/lazy.test.ts
new file mode 100644
index 00000000000..ece4454b1ce
--- /dev/null
+++ b/packages/fxa-settings/src/lib/lazy.test.ts
@@ -0,0 +1,42 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import { lazy } from './lazy';
+
+describe('lazy', () => {
+  it('calls the factory only once', () => {
+    const factory = jest.fn(() => 42);
+    const get = lazy(factory);
+
+    expect(get()).toBe(42);
+    expect(get()).toBe(42);
+    expect(factory).toHaveBeenCalledTimes(1);
+  });
+
+  it('returns the same instance on repeated calls', () => {
+    const obj = { key: 'value' };
+    const get = lazy(() => obj);
+
+    expect(get()).toBe(obj);
+    expect(get()).toBe(obj);
+  });
+
+  it('calls the factory only once when it returns undefined', () => {
+    const factory = jest.fn(() => undefined);
+    const get = lazy(factory);
+
+    expect(get()).toBeUndefined();
+    expect(get()).toBeUndefined();
+    expect(factory).toHaveBeenCalledTimes(1);
+  });
+
+  it('calls the factory only once when it returns null', () => {
+    const factory = jest.fn(() => null);
+    const get = lazy(factory);
+
+    expect(get()).toBeNull();
+    expect(get()).toBeNull();
+    expect(factory).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/packages/fxa-settings/src/lib/lazy.ts b/packages/fxa-settings/src/lib/lazy.ts
new file mode 100644
index 00000000000..82051b962e6
--- /dev/null
+++ b/packages/fxa-settings/src/lib/lazy.ts
@@ -0,0 +1,20 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/**
+ * Creates an instance of type T lazily. This can be useful for mocking.
+ * @param factory Produces instance of T
+ * @returns Single instance of type T
+ */
+const UNINITIALIZED = Symbol('lazy.UNINITIALIZED');
+
+export function lazy<T>(factory: () => T): () => T {
+  let value: T | typeof UNINITIALIZED = UNINITIALIZED;
+  return () => {
+    if (value === UNINITIALIZED) {
+      value = factory();
+    }
+    return value;
+  };
+}
diff --git a/packages/fxa-settings/src/lib/passkeys/signin-flow.test.tsx b/packages/fxa-settings/src/lib/passkeys/signin-flow.test.tsx
index 9296a53c526..3f5f52cf62d 100644
--- a/packages/fxa-settings/src/lib/passkeys/signin-flow.test.tsx
+++ b/packages/fxa-settings/src/lib/passkeys/signin-flow.test.tsx
@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import { act, renderHook } from '@testing-library/react-hooks';
+import { act, renderHook } from '@testing-library/react';
 import * as Sentry from '@sentry/browser';
 import { FtlMsgResolver } from 'fxa-react/lib/utils';
 import { MemoryRouter } from 'react-router';
@@ -960,7 +960,9 @@ describe('usePasskeySignIn', () => {
       'fires passkey.auth_success with reason=%s on the no-Sync-password branch (surface=%s)',
       async (surface, expectedReason) => {
         const { args } = buildArgs({ surface });
-        const { result } = renderHook(() => usePasskeySignIn(args), { wrapper });
+        const { result } = renderHook(() => usePasskeySignIn(args), {
+          wrapper,
+        });
         await act(async () => {
           await result.current.onClick();
         });
diff --git a/packages/fxa-settings/src/lib/test-utils.ts b/packages/fxa-settings/src/lib/test-utils.ts
index 25a94ae78ba..5c4ec00f6bd 100644
--- a/packages/fxa-settings/src/lib/test-utils.ts
+++ b/packages/fxa-settings/src/lib/test-utils.ts
@@ -23,18 +23,3 @@ export const typeByLabelText = (labelText: string) => async (x: string) => {
     });
   });
 };
-
-/**
- * Creates an instance of type T lazily. This can be useful for mocking.
- * @param factory Produces instance of T
- * @returns Single instance of type T
- */
-export function lazy<T>(factory: () => T): () => T {
-  let value: T | undefined;
-  return () => {
-    if (value === undefined) {
-      value = factory();
-    }
-    return value;
-  };
-}
diff --git a/packages/fxa-settings/src/pages/Index/index.tsx b/packages/fxa-settings/src/pages/Index/index.tsx
index 16c838946ea..be64bc90029 100644
--- a/packages/fxa-settings/src/pages/Index/index.tsx
+++ b/packages/fxa-settings/src/pages/Index/index.tsx
@@ -205,10 +205,9 @@ export const Index = ({
         <FtlMsg id="index-email-input" attrs={{ label: true }}>
           <InputText
             className="mt-8"
-            name="email"
             inputMode="email"
             label="Enter your email"
-            inputRef={register()}
+            registration={register('email')}
             inputRefDOM={emailInputRef}
             errorText={tooltipErrorMessage}
             onChange={handleInputChange}
diff --git a/packages/fxa-settings/src/pages/InlineRecoverySetupFlow/container.test.tsx b/packages/fxa-settings/src/pages/InlineRecoverySetupFlow/container.test.tsx
index 693a123f0b9..612abcf1dff 100644
--- a/packages/fxa-settings/src/pages/InlineRecoverySetupFlow/container.test.tsx
+++ b/packages/fxa-settings/src/pages/InlineRecoverySetupFlow/container.test.tsx
@@ -75,12 +75,7 @@ const mockAuthClient = new AuthClient('http://localhost:9000', {
 });
 let mockSessionHook: () => any = () => ({ token: 'ABBA' });
 let accountRefreshFn = jest.fn();
-let recoveryPhoneFn = jest
-  .fn()
-  .mockImplementationOnce(() => {
-    throw Error('no');
-  })
-  .mockImplementation(() => ({ available: true }));
+let recoveryPhoneFn = jest.fn().mockReturnValue({ available: true });
 let addRecoveryPhoneFn = jest
   .fn()
   .mockResolvedValue({ nationalFormat: '+12345678900' });
@@ -141,7 +136,10 @@ function setMocks() {
   mockGenerateCodes = jest.fn((...args: any[]) => ['wibble', 'quux']);
 
   // Default: TOTP doesn't exist
-  mockCheckTotpTokenExists.mockResolvedValue({ exists: false, verified: false });
+  mockCheckTotpTokenExists.mockResolvedValue({
+    exists: false,
+    verified: false,
+  });
   (InlineRecoverySetupModule.default as jest.Mock).mockReset();
   mockNavigateHook.mockReset();
   mockCompleteTotpSetup.mockClear();
@@ -216,7 +214,10 @@ describe('InlineRecoverySetupContainer', () => {
 
     it('redirects when totp is already active', async () => {
       mockSessionHook = () => ({ isSessionVerified: async () => true });
-      mockCheckTotpTokenExists.mockResolvedValue({ exists: true, verified: true });
+      mockCheckTotpTokenExists.mockResolvedValue({
+        exists: true,
+        verified: true,
+      });
       mockLocationState = MOCK_SIGNIN_RECOVERY_LOCATION_STATE;
 
       render();
@@ -247,7 +248,8 @@ describe('InlineRecoverySetupContainer', () => {
       await waitFor(() => {
         expect(InlineRecoverySetupModule.default).toHaveBeenCalled();
         // Get the most recent call since codes may be generated
-        const calls = (InlineRecoverySetupModule.default as jest.Mock).mock.calls;
+        const calls = (InlineRecoverySetupModule.default as jest.Mock).mock
+          .calls;
         const args = calls[calls.length - 1][0];
         // Codes are auto-generated now, so they may already be populated
         expect(args.serviceName).toBe(defaultProps.serviceName);
diff --git a/packages/fxa-settings/src/pages/InlineRecoverySetupFlow/container.tsx b/packages/fxa-settings/src/pages/InlineRecoverySetupFlow/container.tsx
index ac19203bfa1..4a563a5d9ee 100644
--- a/packages/fxa-settings/src/pages/InlineRecoverySetupFlow/container.tsx
+++ b/packages/fxa-settings/src/pages/InlineRecoverySetupFlow/container.tsx
@@ -255,25 +255,36 @@ export const InlineRecoverySetupContainer = ({
     unwrapBKey,
   ]);
 
-  if (currentStep === 0) {
-    navigateWithQuery('/inline_totp_setup', { state: signinLocationState });
-    return;
-  }
+  // React 19 forbids calling navigate() during render.
+  const shouldRedirectToTotpSetup = currentStep === 0;
+  const shouldRedirectToSignup =
+    !shouldRedirectToTotpSetup &&
+    (!isSignedIn || !signinRecoveryLocationState?.email || !totp);
+  const shouldRedirectToTotpCode =
+    !shouldRedirectToTotpSetup &&
+    !shouldRedirectToSignup &&
+    !!totpStatus?.verified;
+  useEffect(() => {
+    if (shouldRedirectToTotpSetup) {
+      navigateWithQuery('/inline_totp_setup', { state: signinLocationState });
+    } else if (shouldRedirectToSignup) {
+      navigateWithQuery('/signup');
+    } else if (shouldRedirectToTotpCode) {
+      navigateWithQuery('/signin_totp_code', { state: signinLocationState });
+    }
+  }, [
+    shouldRedirectToTotpSetup,
+    shouldRedirectToSignup,
+    shouldRedirectToTotpCode,
+    signinLocationState,
+    navigateWithQuery,
+  ]);
 
-  // Some basic sanity checks
-  if (!isSignedIn || !signinRecoveryLocationState?.email || !totp) {
-    navigateWithQuery('/signup');
+  if (shouldRedirectToTotpSetup || shouldRedirectToSignup) {
     return <AppLayout cmsInfo={integration.getCmsInfo()} loading />;
   }
 
-  // we only care about "verified" here, not "exists"
-  // because "exists" only tells us that totp setup was started.
-  // Prior to using Redis during setup, tokens were directly stored in the database,
-  // but may never be marked as enabled/verified if setup is aborted or unsuccessful.
-  if (totpStatus?.verified) {
-    navigateWithQuery('/signin_totp_code', {
-      state: signinLocationState,
-    });
+  if (shouldRedirectToTotpCode) {
     return <AppLayout cmsInfo={integration.getCmsInfo()} loading />;
   }
 
diff --git a/packages/fxa-settings/src/pages/PostVerify/SetPassword/container.test.tsx b/packages/fxa-settings/src/pages/PostVerify/SetPassword/container.test.tsx
index 8ee168b3569..68651e8bb9d 100644
--- a/packages/fxa-settings/src/pages/PostVerify/SetPassword/container.test.tsx
+++ b/packages/fxa-settings/src/pages/PostVerify/SetPassword/container.test.tsx
@@ -91,8 +91,8 @@ function mockModelsModule() {
   });
   mockAuthClient.accountEmails = jest.fn().mockResolvedValue({
     primary: MOCK_EMAIL,
-    original: MOCK_EMAIL
-  })
+    original: MOCK_EMAIL,
+  });
   mockAuthClient.sessionReauthWithAuthPW = jest
     .fn()
     .mockResolvedValue({ keyFetchToken: MOCK_KEY_FETCH_TOKEN });
@@ -139,7 +139,7 @@ function applyDefaultMocks() {
   (useFinishOAuthFlowHandler as jest.Mock).mockImplementation(() => ({
     finishOAuthFlowHandler: jest
       .fn()
-      .mockReturnValueOnce(MOCK_OAUTH_FLOW_HANDLER_RESPONSE),
+      .mockReturnValue(MOCK_OAUTH_FLOW_HANDLER_RESPONSE),
     oAuthDataError: null,
   }));
 }
@@ -241,6 +241,7 @@ describe('SetPassword-container', () => {
 
   beforeEach(() => {
     applyDefaultMocks();
+    currentSetPasswordProps = undefined;
     mockLocation.state = undefined;
   });
 
@@ -366,6 +367,9 @@ describe('SetPassword-container', () => {
 
       await waitFor(() => {
         expect(currentSetPasswordProps?.createPasswordHandler).toBeDefined();
+        expect(currentSetPasswordProps?.passwordCreationReason).toBe(
+          'third_party_auth'
+        );
       });
       await act(async () => {
         await currentSetPasswordProps?.createPasswordHandler(MOCK_PASSWORD);
@@ -396,22 +400,27 @@ describe('SetPassword-container', () => {
 
       await waitFor(() => {
         expect(currentSetPasswordProps?.createPasswordHandler).toBeDefined();
+        expect(currentSetPasswordProps?.passwordCreationReason).toBe(
+          'third_party_auth'
+        );
       });
       await act(async () => {
         await currentSetPasswordProps?.createPasswordHandler(MOCK_PASSWORD);
       });
-      expect(fxaLoginSpy).toHaveBeenCalledWith({
-        email: MOCK_EMAIL,
-        sessionToken: MOCK_SESSION_TOKEN,
-        uid: MOCK_UID,
-        verified: true,
-        services: {
-          sync: {
-            offeredEngines,
-            declinedEngines: [],
+      expect(fxaLoginSpy).toHaveBeenCalledWith(
+        expect.objectContaining({
+          email: MOCK_EMAIL,
+          sessionToken: MOCK_SESSION_TOKEN,
+          uid: MOCK_UID,
+          verified: true,
+          services: {
+            sync: {
+              offeredEngines,
+              declinedEngines: [],
+            },
           },
-        },
-      });
+        })
+      );
       expect(firefox.fxaOAuthLogin).toHaveBeenCalledWith({
         action: 'signin',
         code: MOCK_OAUTH_FLOW_HANDLER_RESPONSE.code,
@@ -426,6 +435,9 @@ describe('SetPassword-container', () => {
 
       await waitFor(() => {
         expect(currentSetPasswordProps?.createPasswordHandler).toBeDefined();
+        expect(currentSetPasswordProps?.passwordCreationReason).toBe(
+          'third_party_auth'
+        );
       });
 
       await act(async () => {
@@ -445,8 +457,12 @@ describe('SetPassword-container', () => {
         mockLocation.state = { passwordCreationReason: reason };
         render();
 
+        // Wait for the component to settle with the correct location state.
+        // React 19 concurrent rendering may re-render the component, so we
+        // must wait until the captured props reflect the expected state.
         await waitFor(() => {
           expect(currentSetPasswordProps?.createPasswordHandler).toBeDefined();
+          expect(currentSetPasswordProps?.passwordCreationReason).toBe(reason);
         });
         await act(async () => {
           await currentSetPasswordProps?.createPasswordHandler(MOCK_PASSWORD);
@@ -474,6 +490,12 @@ describe('SetPassword-container', () => {
 
         await waitFor(() => {
           expect(currentSetPasswordProps?.createPasswordHandler).toBeDefined();
+          expect(currentSetPasswordProps?.passwordCreationReason).toBe(
+            'passkey'
+          );
+          expect(currentSetPasswordProps?.gleanReason).toBe(
+            `${passkeySurface}_passkey`
+          );
         });
         await act(async () => {
           await currentSetPasswordProps?.createPasswordHandler(MOCK_PASSWORD);
@@ -501,6 +523,12 @@ describe('SetPassword-container', () => {
 
         await waitFor(() => {
           expect(currentSetPasswordProps?.createPasswordHandler).toBeDefined();
+          expect(currentSetPasswordProps?.passwordCreationReason).toBe(
+            'passkey'
+          );
+          expect(currentSetPasswordProps?.gleanReason).toBe(
+            `${passkeySurface}_passkey`
+          );
         });
         await act(async () => {
           await currentSetPasswordProps?.createPasswordHandler(MOCK_PASSWORD);
@@ -517,6 +545,7 @@ describe('SetPassword-container', () => {
       render();
       await waitFor(() => {
         expect(currentSetPasswordProps?.createPasswordHandler).toBeDefined();
+        expect(currentSetPasswordProps?.passwordCreationReason).toBe('passkey');
       });
       await act(async () => {
         await currentSetPasswordProps?.createPasswordHandler(MOCK_PASSWORD);
@@ -536,6 +565,7 @@ describe('SetPassword-container', () => {
       render();
       await waitFor(() => {
         expect(currentSetPasswordProps?.createPasswordHandler).toBeDefined();
+        expect(currentSetPasswordProps?.passwordCreationReason).toBe('otp');
       });
       await act(async () => {
         await currentSetPasswordProps?.createPasswordHandler(MOCK_PASSWORD);
diff --git a/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.tsx b/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.tsx
index 65b7dd338e3..d754a2adbc0 100644
--- a/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.tsx
+++ b/packages/fxa-settings/src/pages/PostVerify/SetPassword/index.tsx
@@ -63,23 +63,16 @@ export const SetPassword = ({
     [createPasswordHandler, ftlMsgResolver, gleanReason]
   );
 
-  const {
-    handleSubmit,
-    register,
-    getValues,
-    errors,
-    formState,
-    trigger,
-    watch,
-  } = useForm<SetPasswordFormData>({
-    mode: 'onChange',
-    criteriaMode: 'all',
-    defaultValues: {
-      email,
-      newPassword: '',
-      confirmPassword: '',
-    },
-  });
+  const { handleSubmit, register, getValues, formState, trigger, watch } =
+    useForm<SetPasswordFormData>({
+      mode: 'onChange',
+      criteriaMode: 'all',
+      defaultValues: {
+        email,
+        newPassword: '',
+        confirmPassword: '',
+      },
+    });
 
   // Fire engage on the first keystroke into the password field (not on focus
   // alone) so the event reflects actual user intent to type a password.
@@ -146,7 +139,7 @@ export const SetPassword = ({
       <FormSetupAccount
         {...{
           formState,
-          errors,
+          errors: formState.errors,
           trigger,
           register,
           getValues,
diff --git a/packages/fxa-settings/src/pages/ResetPassword/AccountRecoveryConfirmKey/index.tsx b/packages/fxa-settings/src/pages/ResetPassword/AccountRecoveryConfirmKey/index.tsx
index eb018a58e69..6a6ef42f03b 100644
--- a/packages/fxa-settings/src/pages/ResetPassword/AccountRecoveryConfirmKey/index.tsx
+++ b/packages/fxa-settings/src/pages/ResetPassword/AccountRecoveryConfirmKey/index.tsx
@@ -171,7 +171,6 @@ const AccountRecoveryConfirmKey = ({
           <InputText
             type="text"
             label="Enter your 32-character account recovery key"
-            name="recoveryKey"
             autoFocus
             // Crockford base32 encoding is case insensitive, so visually display as
             // uppercase here but don't bother transforming the submit data to match
@@ -180,7 +179,7 @@ const AccountRecoveryConfirmKey = ({
             autoComplete="off"
             spellCheck={false}
             prefixDataTestId="account-recovery-confirm-key"
-            inputRef={register({ required: true })}
+            registration={register('recoveryKey', { required: true })}
             onChange={handleChange}
             hasErrors={!!errorMessage}
           />
diff --git a/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/container.tsx b/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/container.tsx
index 68b79892b75..eeb8a0b3d7b 100644
--- a/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/container.tsx
+++ b/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/container.tsx
@@ -24,7 +24,7 @@ import {
 } from './interfaces';
 import GleanMetrics from '../../../lib/glean';
 import firefox from '../../../lib/channels/firefox';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useNavigateWithQuery } from '../../../lib/hooks/useNavigateWithQuery';
 import { getLocalizedErrorMessage } from '../../../lib/error-utils';
 import { storeAccountData } from '../../../lib/storage-utils';
@@ -60,9 +60,31 @@ const CompleteResetPasswordContainer = ({
 
   const [errorMessage, setErrorMessage] = useState('');
 
+  // React 19 forbids calling navigate() during render.
+  // Compute all redirect conditions before the early return so hooks
+  // are always called in the same order.
+  const stateFields = location.state as Record<string, any> | null;
+  const hasConfirmedRecoveryKeyEarly = !!(
+    stateFields?.accountResetToken &&
+    stateFields?.email &&
+    sensitiveDataClient.getDataType(SensitiveData.Key.DecryptedRecoveryKey)
+      ?.kB &&
+    stateFields?.recoveryKeyId
+  );
+  const isResetWithoutRecoveryKeyEarly = !!(
+    stateFields?.code && stateFields?.token
+  );
+  const shouldRedirectToReset =
+    !location.state ||
+    !(hasConfirmedRecoveryKeyEarly || isResetWithoutRecoveryKeyEarly);
+  useEffect(() => {
+    if (shouldRedirectToReset) {
+      navigateWithQuery('/reset_password', { replace: true });
+    }
+  }, [shouldRedirectToReset, navigateWithQuery]);
+
   if (!location.state) {
-    navigateWithQuery('/reset_password', { replace: true });
-    return;
+    return null;
   }
 
   const {
@@ -356,10 +378,7 @@ const CompleteResetPasswordContainer = ({
     }
   };
 
-  // handle the case where we don't have all data required
-  if (!(hasConfirmedRecoveryKey || isResetWithoutRecoveryKey)) {
-    navigateWithQuery('/reset_password', { replace: true });
-  }
+  // Redirect is handled by the useEffect above (shouldRedirectToReset)
 
   if (oAuthDataError) {
     return <OAuthDataError error={oAuthDataError} />;
diff --git a/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/index.tsx b/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/index.tsx
index f3e30365894..b51bb258a19 100644
--- a/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/index.tsx
+++ b/packages/fxa-settings/src/pages/ResetPassword/CompleteResetPassword/index.tsx
@@ -52,7 +52,7 @@ const CompleteResetPassword = ({
 
   const showRecoveryKeyLink = !!(recoveryKeyExists && !hasConfirmedRecoveryKey);
 
-  const { handleSubmit, register, getValues, errors, formState, trigger } =
+  const { handleSubmit, register, getValues, formState, trigger } =
     useForm<CompleteResetPasswordFormData>({
       mode: 'onTouched',
       criteriaMode: 'all',
@@ -111,7 +111,7 @@ const CompleteResetPassword = ({
         <FormPasswordWithInlineCriteria
           {...{
             email,
-            errors,
+            errors: formState.errors,
             formState,
             getValues,
             register,
diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPassword/index.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPassword/index.tsx
index 932688c011c..ac436beaf98 100644
--- a/packages/fxa-settings/src/pages/ResetPassword/ResetPassword/index.tsx
+++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPassword/index.tsx
@@ -106,12 +106,11 @@ const ResetPassword = ({
           <InputText
             type="email"
             label="Enter your email"
-            name="email"
             onChange={() => setErrorMessage('')}
             autoFocus
             autoComplete="username"
             spellCheck={false}
-            inputRef={register()}
+            registration={register('email')}
           />
         </FtlMsg>
 
diff --git a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryChoice/container.test.tsx b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryChoice/container.test.tsx
index a25ad64921b..94e8a2ae318 100644
--- a/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryChoice/container.test.tsx
+++ b/packages/fxa-settings/src/pages/ResetPassword/ResetPasswordRecoveryChoice/container.test.tsx
@@ -136,7 +136,6 @@ describe('ResetPasswordRecoveryChoice container', () => {
     it('passes the correct props to the child component', async () => {
       render();
       await waitFor(() => {
-        expect(mockResetPasswordRecoveryChoice).toHaveBeenCalledTimes(1);
         expect(mockResetPasswordRecoveryChoice).toHaveBeenCalledWith(
           {
             lastFourPhoneDigits: '1234',
@@ -145,7 +144,8 @@ describe('ResetPasswordRecoveryChoice container', () => {
             numBackupCodes: 3,
             completeResetPasswordLocationState: { token: 'tok' },
           },
-          {}
+          // React 19: non-forwardRef components receive undefined as second arg
+          undefined
         );
       });
     });
diff --git a/packages/fxa-settings/src/pages/Signin/SigninPasskeyFallback/index.tsx b/packages/fxa-settings/src/pages/Signin/SigninPasskeyFallback/index.tsx
index 4fbf529d244..7effb8dd29a 100644
--- a/packages/fxa-settings/src/pages/Signin/SigninPasskeyFallback/index.tsx
+++ b/packages/fxa-settings/src/pages/Signin/SigninPasskeyFallback/index.tsx
@@ -133,14 +133,13 @@ const SigninPasskeyFallback = ({
           attrs={{ label: true }}
         >
           <InputPassword
-            name="password"
             label="Password"
             className="mb-6"
             errorText={passwordErrorText}
             anchorPosition="start"
             autoFocus
             onChange={() => setPasswordErrorText('')}
-            inputRef={register({ required: true })}
+            registration={register('password', { required: true })}
             prefixDataTestId="password"
           />
         </FtlMsg>
diff --git a/packages/fxa-settings/src/pages/Signin/SigninRecoveryChoice/container.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninRecoveryChoice/container.test.tsx
index 9996a16fcd0..7d9c757a779 100644
--- a/packages/fxa-settings/src/pages/Signin/SigninRecoveryChoice/container.test.tsx
+++ b/packages/fxa-settings/src/pages/Signin/SigninRecoveryChoice/container.test.tsx
@@ -174,7 +174,8 @@ describe('SigninRecoveryChoice container', () => {
             numBackupCodes: 3,
             signinState: mockSigninLocationState,
           }),
-          {}
+          // React 19: non-forwardRef components receive undefined as second arg
+          undefined
         );
       });
     });
@@ -194,12 +195,11 @@ describe('SigninRecoveryChoice container', () => {
         expect(mockAuthClient.getRecoveryCodesExist).toHaveBeenCalled();
         expect(mockAuthClient.recoveryPhoneGet).toHaveBeenCalled();
         // show loading spinner while navigating
-        expect(SigninRecoveryChoiceModule.default).toHaveBeenCalledWith(
-          expect.objectContaining({
-            loading: true,
-          }),
-          expect.anything()
-        );
+        expect(
+          (SigninRecoveryChoiceModule.default as jest.Mock).mock.calls.some(
+            ([props]: any) => props?.loading === true
+          )
+        ).toBe(true);
         expect(mockNavigate).toHaveBeenCalledWith('/signin_recovery_code', {
           replace: true,
           state: { signinState: mockSigninLocationState },
diff --git a/packages/fxa-settings/src/pages/Signin/SigninTotpCode/container.test.tsx b/packages/fxa-settings/src/pages/Signin/SigninTotpCode/container.test.tsx
index 4278311410e..1c143b99fd9 100644
--- a/packages/fxa-settings/src/pages/Signin/SigninTotpCode/container.test.tsx
+++ b/packages/fxa-settings/src/pages/Signin/SigninTotpCode/container.test.tsx
@@ -10,7 +10,7 @@ import * as ReactUtils from 'fxa-react/lib/utils';
 import * as ModelsModule from '../../../models';
 
 // Regular imports
-import { screen } from '@testing-library/react';
+import { screen, waitFor } from '@testing-library/react';
 import { MemoryRouter } from 'react-router';
 import { SigninTotpCodeProps } from './index';
 import { AuthUiErrors } from '../../../lib/auth-errors/auth-errors';
@@ -252,19 +252,25 @@ describe('signin totp code container', () => {
     mockReachRouter();
     mockCache({}, true);
     await render(false);
-    expect(mockNavigate).toHaveBeenCalledWith('/');
+    await waitFor(() => {
+      expect(mockNavigate).toHaveBeenCalledWith('/');
+    });
   });
 
   it('redirects if there is no sessionToken', async () => {
     mockReachRouter();
     mockCache({ sessionToken: '' });
     await render(false);
-    expect(mockNavigate).toHaveBeenCalledWith('/');
+    await waitFor(() => {
+      expect(mockNavigate).toHaveBeenCalledWith('/');
+    });
   });
 
   it('redirects if verification method is not totp', async () => {
     mockReachRouter(MOCK_NON_TOTP_LOCATION_STATE);
     await render(false);
-    expect(mockNavigate).toHaveBeenCalledWith('/');
+    await waitFor(() => {
+      expect(mockNavigate).toHaveBeenCalledWith('/');
+    });
   });
 });
diff --git a/packages/fxa-settings/src/pages/Signin/SigninTotpCode/container.tsx b/packages/fxa-settings/src/pages/Signin/SigninTotpCode/container.tsx
index f02f6a7da55..164e1042559 100644
--- a/packages/fxa-settings/src/pages/Signin/SigninTotpCode/container.tsx
+++ b/packages/fxa-settings/src/pages/Signin/SigninTotpCode/container.tsx
@@ -2,6 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+import { useEffect } from 'react';
 import { useLocation } from 'react-router';
 import { useValidatedQueryParams } from '../../../lib/hooks/useValidate';
 import { SigninQueryParams } from '../../../models/pages/signin';
@@ -122,6 +123,18 @@ export const SigninTotpCodeContainer = ({
     }
   };
 
+  // React 19 forbids calling navigate() during render.
+  const shouldRedirectFromTotp =
+    !signinState ||
+    (signinState.isSessionAALUpgrade !== true &&
+      signinState.verificationMethod &&
+      signinState.verificationMethod !== VerificationMethods.TOTP_2FA);
+  useEffect(() => {
+    if (shouldRedirectFromTotp) {
+      navigateWithQuery('/');
+    }
+  }, [shouldRedirectFromTotp, navigateWithQuery]);
+
   if (oAuthDataError) {
     return <OAuthDataError error={oAuthDataError} />;
   }
@@ -133,13 +146,7 @@ export const SigninTotpCodeContainer = ({
   const cmsInfo = integration.getCmsInfo();
   const splitLayout = cmsInfo?.SigninTotpCodePage?.splitLayout;
 
-  if (
-    !signinState ||
-    (signinState.isSessionAALUpgrade !== true &&
-      signinState.verificationMethod &&
-      signinState.verificationMethod !== VerificationMethods.TOTP_2FA)
-  ) {
-    navigateWithQuery('/');
+  if (shouldRedirectFromTotp) {
     return (
       <AppLayout
         {...{ cmsInfo, loading: true, splitLayout, setCurrentSplitLayout }}
diff --git a/packages/fxa-settings/src/pages/Signin/SigninUnblock/container.tsx b/packages/fxa-settings/src/pages/Signin/SigninUnblock/container.tsx
index 5319f8d27bb..880dd60fd36 100644
--- a/packages/fxa-settings/src/pages/Signin/SigninUnblock/container.tsx
+++ b/packages/fxa-settings/src/pages/Signin/SigninUnblock/container.tsx
@@ -2,6 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+import { useEffect } from 'react';
 import { useLocation } from 'react-router';
 
 import VerificationMethods from '../../../constants/verification-methods';
@@ -98,7 +99,9 @@ export const SigninUnblockContainer = ({
     // Get credentials with the correct key version
     const status = await (async () => {
       try {
-        const result = await authClient.getCredentialStatusV2({ primary: email });
+        const result = await authClient.getCredentialStatusV2({
+          primary: email,
+        });
         return result;
       } catch (err) {
         // In the event there's a downstream error, this could be useful a breadcrumb to capture.
@@ -173,8 +176,10 @@ export const SigninUnblockContainer = ({
                 metricsEnabled: response.metricsEnabled ?? true,
                 emailVerified: response.emailVerified ?? false,
                 sessionVerified: response.sessionVerified ?? false,
-                verificationMethod: (response.verificationMethod || VerificationMethods.EMAIL_OTP) as VerificationMethods,
-                verificationReason: response.verificationReason as VerificationReasons,
+                verificationMethod: (response.verificationMethod ||
+                  VerificationMethods.EMAIL_OTP) as VerificationMethods,
+                verificationReason:
+                  response.verificationReason as VerificationReasons,
                 keyFetchToken: response.keyFetchToken,
               },
               unwrapBKey: credentials.unwrapBKey,
@@ -221,6 +226,13 @@ export const SigninUnblockContainer = ({
     }
   };
 
+  // React 19 forbids calling navigate() during render.
+  useEffect(() => {
+    if (!email || !password) {
+      navigateWithQuery('/');
+    }
+  }, [email, password, navigateWithQuery]);
+
   if (oAuthDataError) {
     return <OAuthDataError error={oAuthDataError} />;
   }
@@ -229,7 +241,6 @@ export const SigninUnblockContainer = ({
   const splitLayout = cmsInfo?.SigninUnblockCodePage?.splitLayout;
 
   if (!email || !password) {
-    navigateWithQuery('/');
     return (
       <AppLayout
         {...{ cmsInfo, loading: true, splitLayout, setCurrentSplitLayout }}
diff --git a/packages/fxa-settings/src/pages/Signin/container.tsx b/packages/fxa-settings/src/pages/Signin/container.tsx
index d797d009b42..6e8b913b5d8 100644
--- a/packages/fxa-settings/src/pages/Signin/container.tsx
+++ b/packages/fxa-settings/src/pages/Signin/container.tsx
@@ -663,6 +663,14 @@ const SigninContainer = ({
     [authClient, flowQueryParams, ftlMsgResolver]
   );
 
+  // React 19 forbids calling navigate() during render. Perform guard
+  // redirects in a useEffect instead.
+  useEffect(() => {
+    if (!email || validationError) {
+      navigateWithQuery('/');
+    }
+  }, [email, validationError, navigateWithQuery]);
+
   if (oAuthDataError) {
     return <OAuthDataError error={oAuthDataError} />;
   }
@@ -677,7 +685,6 @@ const SigninContainer = ({
   // TODO: if validationError is 'email', in content-server we show "Bad request email param"
   // For now, just redirect to index-first, until FXA-8289 is done
   if (!email || validationError) {
-    navigateWithQuery('/');
     return (
       <AppLayout
         {...{ cmsInfo, loading: true, splitLayout, setCurrentSplitLayout }}
diff --git a/packages/fxa-settings/src/pages/Signin/index.tsx b/packages/fxa-settings/src/pages/Signin/index.tsx
index a9e9db6d6bd..3cd3688d6a9 100644
--- a/packages/fxa-settings/src/pages/Signin/index.tsx
+++ b/packages/fxa-settings/src/pages/Signin/index.tsx
@@ -352,7 +352,6 @@ const Signin = ({
         <input type="email" className="hidden" value={email} disabled />
 
         <InputPassword
-          name="password"
           anchorPosition="start"
           className="mb-5"
           label={localizedPasswordFormLabel}
@@ -375,7 +374,7 @@ const Signin = ({
             // if the request errored, loading state must be marked as false to reenable submission on input type
             setSigninLoading(false);
           }}
-          inputRef={register()}
+          registration={register('password')}
         />
 
         <div className="flex">
diff --git a/packages/fxa-settings/src/pages/Signup/container.test.tsx b/packages/fxa-settings/src/pages/Signup/container.test.tsx
index c9b3d75f770..57ba296dc93 100644
--- a/packages/fxa-settings/src/pages/Signup/container.test.tsx
+++ b/packages/fxa-settings/src/pages/Signup/container.test.tsx
@@ -245,7 +245,9 @@ describe('sign-up-container', () => {
       await render('loading spinner mock');
 
       // TODO: Determine if email is valid: https://github.com/mozilla/fxa/pull/16131#discussion_r1418122670
-      expect(mockNavigate).toHaveBeenCalledWith('/');
+      await waitFor(() => {
+        expect(mockNavigate).toHaveBeenCalledWith('/');
+      });
     });
 
     it('handles empty email', async () => {
@@ -265,7 +267,9 @@ describe('sign-up-container', () => {
       await render('loading spinner mock');
 
       // TODO: Show that email is invalid: https://github.com/mozilla/fxa/pull/16131#discussion_r1418122670
-      expect(mockNavigate).toHaveBeenCalledWith('/');
+      await waitFor(() => {
+        expect(mockNavigate).toHaveBeenCalledWith('/');
+      });
     });
   });
 
diff --git a/packages/fxa-settings/src/pages/Signup/container.tsx b/packages/fxa-settings/src/pages/Signup/container.tsx
index a7f5f698914..3e10a88d79b 100644
--- a/packages/fxa-settings/src/pages/Signup/container.tsx
+++ b/packages/fxa-settings/src/pages/Signup/container.tsx
@@ -216,11 +216,17 @@ const SignupContainer = ({
     ]
   );
 
+  // React 19 forbids calling navigate() during render.
+  useEffect(() => {
+    if (validationError || !email) {
+      navigateWithQuery('/');
+    }
+  }, [validationError, email, navigateWithQuery]);
+
   const cmsInfo = integration.getCmsInfo();
   const splitLayout = cmsInfo?.SignupSetPasswordPage?.splitLayout;
 
   if (validationError || !email) {
-    navigateWithQuery('/');
     return (
       <AppLayout
         {...{ cmsInfo, loading: true, splitLayout, setCurrentSplitLayout }}
diff --git a/packages/fxa-settings/src/pages/Signup/index.tsx b/packages/fxa-settings/src/pages/Signup/index.tsx
index 3ef9d95cbdd..be9996ad973 100644
--- a/packages/fxa-settings/src/pages/Signup/index.tsx
+++ b/packages/fxa-settings/src/pages/Signup/index.tsx
@@ -92,7 +92,7 @@ export const Signup = ({
     string[]
   >([]);
 
-  const { handleSubmit, register, getValues, errors, formState, trigger } =
+  const { handleSubmit, register, getValues, formState, trigger } =
     useForm<SignupFormData>({
       mode: 'onChange',
       criteriaMode: 'all',
@@ -328,7 +328,7 @@ export const Signup = ({
         {...{
           passwordFormType: 'signup',
           formState,
-          errors,
+          errors: formState.errors,
           trigger,
           register,
           getValues,
diff --git a/yarn.lock b/yarn.lock
index 46a1323be03..51ad7aac9f8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4477,7 +4477,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.2.0, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.22.6, @babel/runtime@npm:^7.26.10, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.4.4, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.3, @babel/runtime@npm:^7.8.7, @babel/runtime@npm:^7.9.2":
+"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.2.0, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.22.6, @babel/runtime@npm:^7.26.10, @babel/runtime@npm:^7.9.2":
   version: 7.27.6
   resolution: "@babel/runtime@npm:7.27.6"
   checksum: 10c0/89726be83f356f511dcdb74d3ea4d873a5f0cf0017d4530cb53aa27380c01ca102d573eff8b8b77815e624b1f8c24e7f0311834ad4fb632c90a770fda00bd4c8
@@ -5501,7 +5501,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/cache@npm:^11.0.0, @emotion/cache@npm:^11.14.0":
+"@emotion/cache@npm:^11.14.0":
   version: 11.14.0
   resolution: "@emotion/cache@npm:11.14.0"
   dependencies:
@@ -5514,13 +5514,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/hash@npm:^0.8.0":
-  version: 0.8.0
-  resolution: "@emotion/hash@npm:0.8.0"
-  checksum: 10c0/706303d35d416217cd7eb0d36dbda4627bb8bdf4a32ea387e8dd99be11b8e0a998e10af21216e8a5fade518ad955ff06aa8890f20e694ce3a038ae7fc1000556
-  languageName: node
-  linkType: hard
-
 "@emotion/hash@npm:^0.9.2":
   version: 0.9.2
   resolution: "@emotion/hash@npm:0.9.2"
@@ -9823,158 +9816,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@material-ui/core@npm:v5.0.0-alpha.24":
-  version: 5.0.0-alpha.24
-  resolution: "@material-ui/core@npm:5.0.0-alpha.24"
-  dependencies:
-    "@babel/runtime": "npm:^7.4.4"
-    "@material-ui/styled-engine": "npm:5.0.0-alpha.24"
-    "@material-ui/styles": "npm:5.0.0-alpha.24"
-    "@material-ui/system": "npm:5.0.0-alpha.24"
-    "@material-ui/types": "npm:5.1.6"
-    "@material-ui/unstyled": "npm:5.0.0-alpha.24"
-    "@material-ui/utils": "npm:5.0.0-alpha.24"
-    "@popperjs/core": "npm:^2.4.4"
-    "@types/react-transition-group": "npm:^4.2.0"
-    clsx: "npm:^1.0.4"
-    csstype: "npm:^3.0.2"
-    hoist-non-react-statics: "npm:^3.3.2"
-    prop-types: "npm:^15.7.2"
-    react-is: "npm:^16.8.0 || ^17.0.0"
-    react-transition-group: "npm:^4.4.0"
-  peerDependencies:
-    "@emotion/react": ^11.0.0
-    "@emotion/styled": ^11.0.0
-    "@types/react": ^16.8.6 || ^17.0.0
-    react: ^16.8.0 || ^17.0.0
-    react-dom: ^16.8.0 || ^17.0.0
-  peerDependenciesMeta:
-    "@emotion/react":
-      optional: true
-    "@emotion/styled":
-      optional: true
-    "@types/react":
-      optional: true
-  checksum: 10c0/57e8436eff0ceedd87539de3b9991be00bde35c68aebe734a05fba04140e5885c8b15d1e09b749c510c07853a74b99ced235af36457e95f8166ce37d7792c6a6
-  languageName: node
-  linkType: hard
-
-"@material-ui/styled-engine@npm:5.0.0-alpha.24":
-  version: 5.0.0-alpha.24
-  resolution: "@material-ui/styled-engine@npm:5.0.0-alpha.24"
-  dependencies:
-    "@babel/runtime": "npm:^7.4.4"
-    "@emotion/cache": "npm:^11.0.0"
-    prop-types: "npm:^15.7.2"
-  peerDependencies:
-    "@emotion/react": ^11.0.0
-    "@emotion/styled": ^11.0.0
-    react: ^16.8.0 || ^17.0.0
-  peerDependenciesMeta:
-    "@emotion/react":
-      optional: true
-    "@emotion/styled":
-      optional: true
-  checksum: 10c0/31509624a08ce7b81a08ee4d327a380d4e705255722aba3fe2d1863a861d7479c713d74f42179c4630d7cff56c96ef11003f2ddc3bb53ab420f78ea972f37060
-  languageName: node
-  linkType: hard
-
-"@material-ui/styles@npm:5.0.0-alpha.24":
-  version: 5.0.0-alpha.24
-  resolution: "@material-ui/styles@npm:5.0.0-alpha.24"
-  dependencies:
-    "@babel/runtime": "npm:^7.4.4"
-    "@emotion/hash": "npm:^0.8.0"
-    "@material-ui/types": "npm:5.1.6"
-    "@material-ui/utils": "npm:5.0.0-alpha.24"
-    clsx: "npm:^1.0.4"
-    csstype: "npm:^3.0.2"
-    hoist-non-react-statics: "npm:^3.3.2"
-    jss: "npm:^10.0.3"
-    jss-plugin-camel-case: "npm:^10.0.3"
-    jss-plugin-default-unit: "npm:^10.0.3"
-    jss-plugin-global: "npm:^10.0.3"
-    jss-plugin-nested: "npm:^10.0.3"
-    jss-plugin-props-sort: "npm:^10.0.3"
-    jss-plugin-rule-value-function: "npm:^10.0.3"
-    jss-plugin-vendor-prefixer: "npm:^10.0.3"
-    prop-types: "npm:^15.7.2"
-  peerDependencies:
-    "@types/react": ^16.8.6 || ^17.0.0
-    react: ^16.8.0 || ^17.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/a7d18a7ce282148f41af8f75ea780f55e1b8b9596464d1112a5a852770901c56e21f11d0aa04a3e99be79e46e0715c085d27e9734b9a98b0dfe61611178a729b
-  languageName: node
-  linkType: hard
-
-"@material-ui/system@npm:5.0.0-alpha.24":
-  version: 5.0.0-alpha.24
-  resolution: "@material-ui/system@npm:5.0.0-alpha.24"
-  dependencies:
-    "@babel/runtime": "npm:^7.4.4"
-    "@material-ui/utils": "npm:5.0.0-alpha.24"
-    csstype: "npm:^3.0.2"
-    prop-types: "npm:^15.7.2"
-  peerDependencies:
-    "@types/react": ^16.8.6 || ^17.0.0
-    react: ^16.8.0 || ^17.0.0
-    react-dom: ^16.8.0 || ^17.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/1d3e93def26cc6cb259cebfe75cc080b3710c6d62d3faef164b4ff19bb7cbb8fa9757fb4e6d6c74b9a88254d639feb18e973db708423c1e413613c798b05b9ff
-  languageName: node
-  linkType: hard
-
-"@material-ui/types@npm:5.1.6":
-  version: 5.1.6
-  resolution: "@material-ui/types@npm:5.1.6"
-  peerDependencies:
-    "@types/react": "*"
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/8e7b865ae96778add94d9b6335fd4cee72fa8c8277fb4c4c5d0e96f92280420190001be3fa9833c835bfcd7998765b338ed40a24492c7a381c9b4eb73434b5b5
-  languageName: node
-  linkType: hard
-
-"@material-ui/unstyled@npm:5.0.0-alpha.24":
-  version: 5.0.0-alpha.24
-  resolution: "@material-ui/unstyled@npm:5.0.0-alpha.24"
-  dependencies:
-    "@babel/runtime": "npm:^7.4.4"
-    "@material-ui/utils": "npm:5.0.0-alpha.24"
-    clsx: "npm:^1.0.4"
-    prop-types: "npm:^15.7.2"
-    react-is: "npm:^16.8.0 || ^17.0.0"
-  peerDependencies:
-    "@types/react": ^16.8.6 || ^17.0.0
-    react: ^16.8.0 || ^17.0.0
-    react-dom: ^16.8.0 || ^17.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/884903577694a9ee17304d01116d941919e4b1c46fda0f681141f39b1a150faf1e81cd91401794298804d53965f4f0a4de84e04b5d4ceb750d988499c606c441
-  languageName: node
-  linkType: hard
-
-"@material-ui/utils@npm:5.0.0-alpha.24":
-  version: 5.0.0-alpha.24
-  resolution: "@material-ui/utils@npm:5.0.0-alpha.24"
-  dependencies:
-    "@babel/runtime": "npm:^7.4.4"
-    "@types/prop-types": "npm:^15.7.3"
-    "@types/react-is": "npm:^16.7.1 || ^17.0.0"
-    prop-types: "npm:^15.7.2"
-    react-is: "npm:^16.8.0 || ^17.0.0"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0
-  checksum: 10c0/347f0d8e998cd204fd2d8fc08342a9d811673aa6c0355b1d577d40552236e774ec79ce96e6e906b9274e519b0475b193f456b728cbb14f1b89b7dd338c03b533
-  languageName: node
-  linkType: hard
-
 "@mdx-js/react@npm:^3.0.0":
   version: 3.1.1
   resolution: "@mdx-js/react@npm:3.1.1"
@@ -13720,13 +13561,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@popperjs/core@npm:^2.4.4":
-  version: 2.11.8
-  resolution: "@popperjs/core@npm:2.11.8"
-  checksum: 10c0/4681e682abc006d25eb380d0cf3efc7557043f53b6aea7a5057d0d1e7df849a00e281cd8ea79c902a35a414d7919621fc2ba293ecec05f413598e0b23d5a1e63
-  languageName: node
-  linkType: hard
-
 "@prantlf/jsonlint@npm:^14.0.3":
   version: 14.1.0
   resolution: "@prantlf/jsonlint@npm:14.1.0"
@@ -18747,7 +18581,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/dom@npm:10.4.0, @testing-library/dom@npm:^10.0.0, @testing-library/dom@npm:^10.4.0":
+"@testing-library/dom@npm:10.4.0, @testing-library/dom@npm:^10.4.0":
   version: 10.4.0
   resolution: "@testing-library/dom@npm:10.4.0"
   dependencies:
@@ -18810,43 +18644,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/react-hooks@npm:^8.0.0":
-  version: 8.0.1
-  resolution: "@testing-library/react-hooks@npm:8.0.1"
+"@testing-library/react@npm:^16.3.0":
+  version: 16.3.2
+  resolution: "@testing-library/react@npm:16.3.2"
   dependencies:
     "@babel/runtime": "npm:^7.12.5"
-    react-error-boundary: "npm:^3.1.0"
   peerDependencies:
-    "@types/react": ^16.9.0 || ^17.0.0
-    react: ^16.9.0 || ^17.0.0
-    react-dom: ^16.9.0 || ^17.0.0
-    react-test-renderer: ^16.9.0 || ^17.0.0
+    "@testing-library/dom": ^10.0.0
+    "@types/react": ^18.0.0 || ^19.0.0
+    "@types/react-dom": ^18.0.0 || ^19.0.0
+    react: ^18.0.0 || ^19.0.0
+    react-dom: ^18.0.0 || ^19.0.0
   peerDependenciesMeta:
     "@types/react":
       optional: true
-    react-dom:
-      optional: true
-    react-test-renderer:
-      optional: true
-  checksum: 10c0/83bef2d4c437b84143213b5275ef00ef14e5bcd344f9ded12b162d253dc3c799138ead4428026b9c725e5a38dbebf611f2898aa43f3e43432bcaccbd7bf413e5
-  languageName: node
-  linkType: hard
-
-"@testing-library/react@npm:15.0.6":
-  version: 15.0.6
-  resolution: "@testing-library/react@npm:15.0.6"
-  dependencies:
-    "@babel/runtime": "npm:^7.12.5"
-    "@testing-library/dom": "npm:^10.0.0"
-    "@types/react-dom": "npm:^18.0.0"
-  peerDependencies:
-    "@types/react": ^18.0.0
-    react: ^18.0.0
-    react-dom: ^18.0.0
-  peerDependenciesMeta:
-    "@types/react":
+    "@types/react-dom":
       optional: true
-  checksum: 10c0/3705a2272f929f2f848f5d7e6ac9829bf7ecc1725a35733ffae7e7a261d4bdab470b080558e8544edb1f9ba25db9fbc4232527df9b4ec6ab6ae4462a902a7f95
+  checksum: 10c0/f9c7f0915e1b5f7b750e6c7d8b51f091b8ae7ea99bacb761d7b8505ba25de9cfcb749a0f779f1650fb268b499dd79165dc7e1ee0b8b4cb63430d3ddc81ffe044
   languageName: node
   linkType: hard
 
@@ -19340,6 +19154,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/estree-jsx@npm:^1.0.0":
+  version: 1.0.5
+  resolution: "@types/estree-jsx@npm:1.0.5"
+  dependencies:
+    "@types/estree": "npm:*"
+  checksum: 10c0/07b354331516428b27a3ab99ee397547d47eb223c34053b48f84872fafb841770834b90cc1a0068398e7c7ccb15ec51ab00ec64b31dc5e3dbefd624638a35c6d
+  languageName: node
+  linkType: hard
+
 "@types/estree@npm:*, @types/estree@npm:1.0.8, @types/estree@npm:^1.0.0, @types/estree@npm:^1.0.6, @types/estree@npm:^1.0.8":
   version: 1.0.8
   resolution: "@types/estree@npm:1.0.8"
@@ -19512,12 +19335,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/hast@npm:^2.0.0":
-  version: 2.3.10
-  resolution: "@types/hast@npm:2.3.10"
+"@types/hast@npm:^3.0.0":
+  version: 3.0.5
+  resolution: "@types/hast@npm:3.0.5"
   dependencies:
-    "@types/unist": "npm:^2"
-  checksum: 10c0/16daac35d032e656defe1f103f9c09c341a6dc553c7ec17b388274076fa26e904a71ea5ea41fd368a6d5f1e9e53be275c80af7942b9c466d8511d261c9529c7e
+    "@types/unist": "npm:*"
+  checksum: 10c0/f3af8594a6903a507ed191eda944af18099198d6708c29102ae17118c3e20779f6929e91ed37e033541fd28d58055d8a5910a4366dbdf976cf81b13a464741fb
   languageName: node
   linkType: hard
 
@@ -19801,12 +19624,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/mdast@npm:^3.0.0":
-  version: 3.0.15
-  resolution: "@types/mdast@npm:3.0.15"
+"@types/mdast@npm:^4.0.0":
+  version: 4.0.4
+  resolution: "@types/mdast@npm:4.0.4"
   dependencies:
-    "@types/unist": "npm:^2"
-  checksum: 10c0/fcbf716c03d1ed5465deca60862e9691414f9c43597c288c7d2aefbe274552e1bbd7aeee91b88a02597e88a28c139c57863d0126fcf8416a95fdc681d054ee3d
+    "@types/unist": "npm:*"
+  checksum: 10c0/84f403dbe582ee508fd9c7643ac781ad8597fcbfc9ccb8d4715a2c92e4545e5772cbd0dbdf18eda65789386d81b009967fdef01b24faf6640f817287f54d9c82
   languageName: node
   linkType: hard
 
@@ -20006,13 +19829,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/parse5@npm:^6.0.0":
-  version: 6.0.3
-  resolution: "@types/parse5@npm:6.0.3"
-  checksum: 10c0/a7c7ef6625974b74b93c1105953003a2291897e453369efcadc569b907de2784d61d4e6905de3ef959fa07f3278f41ed0c22ead0173776023fc43b6ed31042d0
-  languageName: node
-  linkType: hard
-
 "@types/passport-http-bearer@npm:^1.0.36":
   version: 1.0.41
   resolution: "@types/passport-http-bearer@npm:1.0.41"
@@ -20132,7 +19948,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/prop-types@npm:*, @types/prop-types@npm:^15, @types/prop-types@npm:^15.0.0, @types/prop-types@npm:^15.7.3":
+"@types/prop-types@npm:*, @types/prop-types@npm:^15":
   version: 15.7.15
   resolution: "@types/prop-types@npm:15.7.15"
   checksum: 10c0/b59aad1ad19bf1733cf524fd4e618196c6c7690f48ee70a327eb450a42aab8e8a063fbe59ca0a5701aebe2d92d582292c0fb845ea57474f6a15f6994b0e260b2
@@ -20177,21 +19993,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:18.3.0":
-  version: 18.3.0
-  resolution: "@types/react-dom@npm:18.3.0"
-  dependencies:
-    "@types/react": "npm:*"
-  checksum: 10c0/6c90d2ed72c5a0e440d2c75d99287e4b5df3e7b011838cdc03ae5cd518ab52164d86990e73246b9d812eaf02ec351d74e3b4f5bd325bf341e13bf980392fd53b
-  languageName: node
-  linkType: hard
-
-"@types/react-dom@npm:^18.0.0":
-  version: 18.3.7
-  resolution: "@types/react-dom@npm:18.3.7"
+"@types/react-dom@npm:^19.1.0":
+  version: 19.2.3
+  resolution: "@types/react-dom@npm:19.2.3"
   peerDependencies:
-    "@types/react": ^18.0.0
-  checksum: 10c0/8bd309e2c3d1604a28a736a24f96cbadf6c05d5288cfef8883b74f4054c961b6b3a5e997fd5686e492be903c8f3380dba5ec017eff3906b1256529cd2d39603e
+    "@types/react": ^19.2.0
+  checksum: 10c0/b486ebe0f4e2fb35e2e108df1d8fc0927ca5d6002d5771e8a739de11239fe62d0e207c50886185253c99eb9dedfeeb956ea7429e5ba17f6693c7acb4c02f8cd1
   languageName: node
   linkType: hard
 
@@ -20204,41 +20011,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-is@npm:^16.7.1 || ^17.0.0":
-  version: 17.0.7
-  resolution: "@types/react-is@npm:17.0.7"
+"@types/react@npm:*, @types/react@npm:^19.1.0":
+  version: 19.2.17
+  resolution: "@types/react@npm:19.2.17"
   dependencies:
-    "@types/react": "npm:^17"
-  checksum: 10c0/672cdce0e5ac89b85bac9576d3f4e3ac55360ed1cfb69bda93458abbb5ce12d19b345519a930a354a2835910aede078d831d25686090a341d00ad0c190269152
+    csstype: "npm:^3.2.2"
+  checksum: 10c0/bc2c4af96b3e480604424de70d5ebda90c5f4b485df471858c0bc2d7d70364b606ec3c4d8579f94f01aa0c6c0591f56bcf14cba5689f5eea4b74250ccdc3a232
   languageName: node
   linkType: hard
 
-"@types/react-test-renderer@npm:^18":
-  version: 18.3.1
-  resolution: "@types/react-test-renderer@npm:18.3.1"
+"@types/react@npm:^17.0.52":
+  version: 17.0.93
+  resolution: "@types/react@npm:17.0.93"
   dependencies:
-    "@types/react": "npm:^18"
-  checksum: 10c0/9fc8467ff1a3f14be6cc3498a75fc788d2c92c0fffa7bf21269ed5d9d82db9195bf2178ddc42ea16a0836995c1b77601c6be8abb27bd1864668c418c6d0e5a3b
-  languageName: node
-  linkType: hard
-
-"@types/react-transition-group@npm:^4.2.0":
-  version: 4.4.12
-  resolution: "@types/react-transition-group@npm:4.4.12"
-  peerDependencies:
-    "@types/react": "*"
-  checksum: 10c0/0441b8b47c69312c89ec0760ba477ba1a0808a10ceef8dc1c64b1013ed78517332c30f18681b0ec0b53542731f1ed015169fed1d127cc91222638ed955478ec7
+    "@types/prop-types": "npm:*"
+    "@types/scheduler": "npm:^0.16"
+    csstype: "npm:^3.2.2"
+  checksum: 10c0/46c47d8ad8905482a22007c5702b6f02f2498933dabfbde3542d321bf027e30a5a16aea822eebb151962cf7b3f68daa1791ed7b4a31b6b83aa00f013f577fea1
   languageName: node
   linkType: hard
 
-"@types/react@npm:18.2.14":
-  version: 18.2.14
-  resolution: "@types/react@npm:18.2.14"
+"@types/react@npm:^18":
+  version: 18.3.31
+  resolution: "@types/react@npm:18.3.31"
   dependencies:
     "@types/prop-types": "npm:*"
-    "@types/scheduler": "npm:*"
-    csstype: "npm:^3.0.2"
-  checksum: 10c0/a728a90e242fb41c233729fa46885cc47aca7df2035ed803f83bf0b582dde81143d465ecbf04a056bc6404f0f746f219d7043245ebd99baf83a178bbbb856c76
+    csstype: "npm:^3.2.2"
+  checksum: 10c0/44180549dd045f536ececd39e39aacdf828e76adc1c4a90b132f453e23cc370c4648d9102ae401172ebd8fd8b1977a901a39e214e53ec77171b27514b588c179
   languageName: node
   linkType: hard
 
@@ -20338,10 +20137,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/scheduler@npm:*":
-  version: 0.26.0
-  resolution: "@types/scheduler@npm:0.26.0"
-  checksum: 10c0/84626b06551ab7e1247412a2588430da5cd75263a353f1fd70593ca7331d43797937b89fe587089c6b3613d0658986087c5f0b2debef5bae831cdc1104a432ef
+"@types/scheduler@npm:^0.16":
+  version: 0.16.8
+  resolution: "@types/scheduler@npm:0.16.8"
+  checksum: 10c0/f86de504945b8fc41b1f391f847444d542e2e4067cf7e5d9bfeb5d2d2393d3203b1161bc0ef3b1e104d828dabfb60baf06e8d2c27e27ff7e8258e6e618d8c4ec
   languageName: node
   linkType: hard
 
@@ -20638,7 +20437,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/unist@npm:^2, @types/unist@npm:^2.0.0":
+"@types/unist@npm:*, @types/unist@npm:^3.0.0":
+  version: 3.0.3
+  resolution: "@types/unist@npm:3.0.3"
+  checksum: 10c0/2b1e4adcab78388e088fcc3c0ae8700f76619dbcb4741d7d201f87e2cb346bfc29a89003cfea2d76c996e1061452e14fcd737e8b25aacf949c1f2d6b2bc3dd60
+  languageName: node
+  linkType: hard
+
+"@types/unist@npm:^2.0.0":
   version: 2.0.11
   resolution: "@types/unist@npm:2.0.11"
   checksum: 10c0/24dcdf25a168f453bb70298145eb043cfdbb82472db0bc0b56d6d51cd2e484b9ed8271d4ac93000a80da568f2402e9339723db262d0869e2bf13bc58e081768d
@@ -21207,6 +21013,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ungap/structured-clone@npm:^1.0.0":
+  version: 1.3.2
+  resolution: "@ungap/structured-clone@npm:1.3.2"
+  checksum: 10c0/4d76bb376ec3e15f38bdffe045377807c79057daf54ae17eeb977c5b95efddd2d726b38c15aeb5d5c1a45c64ad03aa7e8b1a6dc67895480cba536ffd1c7a06ec
+  languageName: node
+  linkType: hard
+
 "@ungap/structured-clone@npm:^1.2.0":
   version: 1.3.0
   resolution: "@ungap/structured-clone@npm:1.3.0"
@@ -22187,7 +22000,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-walk@npm:^8.0.0, acorn-walk@npm:^8.0.2, acorn-walk@npm:^8.1.1":
+"acorn-walk@npm:^8.0.0, acorn-walk@npm:^8.1.1":
   version: 8.3.4
   resolution: "acorn-walk@npm:8.3.4"
   dependencies:
@@ -22196,6 +22009,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn-walk@npm:^8.0.2":
+  version: 8.3.5
+  resolution: "acorn-walk@npm:8.3.5"
+  dependencies:
+    acorn: "npm:^8.11.0"
+  checksum: 10c0/e31bf5b5423ed1349437029d66d708b9fbd1b77a644b031501e2c753b028d13b56348210ed901d5b1d0d86eb3381c0a0fc0d0998511a9d546d1194936266a332
+  languageName: node
+  linkType: hard
+
 "acorn@npm:^5.0.3, acorn@npm:^5.1.2":
   version: 5.7.4
   resolution: "acorn@npm:5.7.4"
@@ -22223,7 +22045,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.0.4, acorn@npm:^8.1.0, acorn@npm:^8.11.0, acorn@npm:^8.14.0, acorn@npm:^8.15.0, acorn@npm:^8.2.4, acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.8.1, acorn@npm:^8.9.0":
+"acorn@npm:^8.0.4, acorn@npm:^8.11.0, acorn@npm:^8.14.0, acorn@npm:^8.15.0, acorn@npm:^8.2.4, acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.8.1, acorn@npm:^8.9.0":
   version: 8.15.0
   resolution: "acorn@npm:8.15.0"
   bin:
@@ -22232,6 +22054,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn@npm:^8.1.0":
+  version: 8.17.0
+  resolution: "acorn@npm:8.17.0"
+  bin:
+    acorn: bin/acorn
+  checksum: 10c0/5dcefea5f8f023b6cc24cbe71fb5a8112b601d36c4fa07d14e4e6ffc2ee47383332c46b36c766d9437725aa6660156eae50efa0c838719823b50d7c327c4ed42
+  languageName: node
+  linkType: hard
+
 "acorn@npm:~4.0.2":
   version: 4.0.13
   resolution: "acorn@npm:4.0.13"
@@ -24859,6 +24690,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ccount@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "ccount@npm:2.0.1"
+  checksum: 10c0/3939b1664390174484322bc3f45b798462e6c07ee6384cb3d645e0aa2f318502d174845198c1561930e1d431087f74cf1fe291ae9a4722821a9f4ba67e574350
+  languageName: node
+  linkType: hard
+
 "celebrate@npm:^15.0.1":
   version: 15.0.3
   resolution: "celebrate@npm:15.0.3"
@@ -25045,6 +24883,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"character-entities-html4@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "character-entities-html4@npm:2.1.0"
+  checksum: 10c0/fe61b553f083400c20c0b0fd65095df30a0b445d960f3bbf271536ae6c3ba676f39cb7af0b4bf2755812f08ab9b88f2feed68f9aebb73bb153f7a115fe5c6e40
+  languageName: node
+  linkType: hard
+
+"character-entities-legacy@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "character-entities-legacy@npm:3.0.0"
+  checksum: 10c0/ec4b430af873661aa754a896a2b55af089b4e938d3d010fad5219299a6b6d32ab175142699ee250640678cd64bdecd6db3c9af0b8759ab7b155d970d84c4c7d1
+  languageName: node
+  linkType: hard
+
 "character-entities@npm:^2.0.0":
   version: 2.0.2
   resolution: "character-entities@npm:2.0.2"
@@ -25061,6 +24913,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"character-reference-invalid@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "character-reference-invalid@npm:2.0.1"
+  checksum: 10c0/2ae0dec770cd8659d7e8b0ce24392d83b4c2f0eb4a3395c955dce5528edd4cc030a794cfa06600fcdd700b3f2de2f9b8e40e309c0011c4180e3be64a0b42e6a1
+  languageName: node
+  linkType: hard
+
 "chardet@npm:^0.7.0":
   version: 0.7.0
   resolution: "chardet@npm:0.7.0"
@@ -25564,13 +25423,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clsx@npm:^1.0.4":
-  version: 1.2.1
-  resolution: "clsx@npm:1.2.1"
-  checksum: 10c0/34dead8bee24f5e96f6e7937d711978380647e936a22e76380290e35486afd8634966ce300fc4b74a32f3762c7d4c0303f442c3e259f4ce02374eb0c82834f27
-  languageName: node
-  linkType: hard
-
 "clsx@npm:^2.1.1":
   version: 2.1.1
   resolution: "clsx@npm:2.1.1"
@@ -27075,16 +26927,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-vendor@npm:^2.0.8":
-  version: 2.0.8
-  resolution: "css-vendor@npm:2.0.8"
-  dependencies:
-    "@babel/runtime": "npm:^7.8.3"
-    is-in-browser: "npm:^1.0.2"
-  checksum: 10c0/2538bc37adf72eb79781929dbb8c48e12c6a4b926594ad4134408b3000249f1a50d25be374f0e63f688c863368814aa6cc2e9ea11ea22a7309a7d966b281244c
-  languageName: node
-  linkType: hard
-
 "css-what@npm:^3.2.1":
   version: 3.4.2
   resolution: "css-what@npm:3.4.2"
@@ -27266,6 +27108,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"csstype@npm:^3.2.2":
+  version: 3.2.3
+  resolution: "csstype@npm:3.2.3"
+  checksum: 10c0/cd29c51e70fa822f1cecd8641a1445bed7063697469d35633b516e60fe8c1bde04b08f6c5b6022136bb669b64c63d4173af54864510fbb4ee23281801841a3ce
+  languageName: node
+  linkType: hard
+
 "cyclist@npm:^1.0.1":
   version: 1.0.2
   resolution: "cyclist@npm:1.0.2"
@@ -27560,13 +27409,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"decimal.js@npm:^10.2.1, decimal.js@npm:^10.4.2, decimal.js@npm:^10.5.0":
+"decimal.js@npm:^10.2.1, decimal.js@npm:^10.5.0":
   version: 10.5.0
   resolution: "decimal.js@npm:10.5.0"
   checksum: 10c0/785c35279df32762143914668df35948920b6c1c259b933e0519a69b7003fc0a5ed2a766b1e1dda02574450c566b21738a45f15e274b47c2ac02072c0d1f3ac3
   languageName: node
   linkType: hard
 
+"decimal.js@npm:^10.4.2":
+  version: 10.6.0
+  resolution: "decimal.js@npm:10.6.0"
+  checksum: 10c0/07d69fbcc54167a340d2d97de95f546f9ff1f69d2b45a02fd7a5292412df3cd9eb7e23065e532a318f5474a2e1bccf8392fdf0443ef467f97f3bf8cb0477e5aa
+  languageName: node
+  linkType: hard
+
 "decode-named-character-reference@npm:^1.0.0":
   version: 1.2.0
   resolution: "decode-named-character-reference@npm:1.2.0"
@@ -28016,6 +27872,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"devlop@npm:^1.0.0, devlop@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "devlop@npm:1.1.0"
+  dependencies:
+    dequal: "npm:^2.0.0"
+  checksum: 10c0/e0928ab8f94c59417a2b8389c45c55ce0a02d9ac7fd74ef62d01ba48060129e1d594501b77de01f3eeafc7cb00773819b0df74d96251cf20b31c5b3071f45c0e
+  languageName: node
+  linkType: hard
+
 "dezalgo@npm:^1.0.4":
   version: 1.0.4
   resolution: "dezalgo@npm:1.0.4"
@@ -28197,16 +28062,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dom-helpers@npm:^5.0.1":
-  version: 5.2.1
-  resolution: "dom-helpers@npm:5.2.1"
-  dependencies:
-    "@babel/runtime": "npm:^7.8.7"
-    csstype: "npm:^3.0.2"
-  checksum: 10c0/f735074d66dd759b36b158fa26e9d00c9388ee0e8c9b16af941c38f014a37fc80782de83afefd621681b19ac0501034b4f1c4a3bff5caa1b8667f0212b5e124c
-  languageName: node
-  linkType: hard
-
 "dom-serializer@npm:0":
   version: 0.2.2
   resolution: "dom-serializer@npm:0.2.2"
@@ -29692,15 +29547,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-react-hooks@npm:5.0.0":
-  version: 5.0.0
-  resolution: "eslint-plugin-react-hooks@npm:5.0.0"
-  peerDependencies:
-    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
-  checksum: 10c0/bcb74b421f32e4203a7100405b57aab85526be4461e5a1da01bc537969a30012d2ee209a2c2a6cac543833a27188ce1e6ad71e4628d0bb4a2e5365cad86c5002
-  languageName: node
-  linkType: hard
-
 "eslint-plugin-react-hooks@npm:^4.3.0":
   version: 4.6.2
   resolution: "eslint-plugin-react-hooks@npm:4.6.2"
@@ -29710,7 +29556,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-react-hooks@npm:^5.0.0":
+"eslint-plugin-react-hooks@npm:^5.0.0, eslint-plugin-react-hooks@npm:^5.2.0":
   version: 5.2.0
   resolution: "eslint-plugin-react-hooks@npm:5.2.0"
   peerDependencies:
@@ -30193,6 +30039,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"estree-util-is-identifier-name@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "estree-util-is-identifier-name@npm:3.0.0"
+  checksum: 10c0/d1881c6ed14bd588ebd508fc90bf2a541811dbb9ca04dec2f39d27dcaa635f85b5ed9bbbe7fc6fb1ddfca68744a5f7c70456b4b7108b6c4c52780631cc787c5b
+  languageName: node
+  linkType: hard
+
 "estree-walker@npm:^1.0.1":
   version: 1.0.1
   resolution: "estree-walker@npm:1.0.1"
@@ -32135,6 +31988,7 @@ __metadata:
     pm2: "npm:^7.0.0"
     postcss-import: "npm:^16.1.0"
     prettier: "npm:^3.5.3"
+    react-hook-form: "npm:^7.54.0"
     react-router: "npm:7.18.0"
     react-scripts: "npm:^5.0.1"
     serve-static: "npm:^1.16.0"
@@ -32706,7 +32560,6 @@ __metadata:
     "@babel/types": "npm:7.25.8"
     "@emotion/react": "npm:^11.13.3"
     "@emotion/styled": "npm:^11.13.0"
-    "@material-ui/core": "npm:v5.0.0-alpha.24"
     "@pmmmwh/react-refresh-webpack-plugin": "npm:^0.5.3"
     "@react-pdf/renderer": "npm:3.2.1"
     "@sentry/webpack-plugin": "npm:^3.5.0"
@@ -32715,7 +32568,6 @@ __metadata:
     "@svgr/webpack": "npm:^8.1.0"
     "@testing-library/dom": "npm:^10.4.0"
     "@testing-library/jest-dom": "npm:^6.1.3"
-    "@testing-library/react-hooks": "npm:^8.0.0"
     "@testing-library/user-event": "npm:^14.6.0"
     "@types/file-saver": "npm:^2.0.5"
     "@types/jest": "npm:26.0.23"
@@ -32784,12 +32636,12 @@ __metadata:
     react-async-hook: "npm:^4.0.0"
     react-dev-utils: "npm:^12.0.1"
     react-easy-crop: "npm:^5.2.0"
-    react-hook-form: "npm:^6.15.8"
-    react-markdown: "npm:^8.0.5"
+    react-hook-form: "npm:^7.54.0"
+    react-markdown: "npm:^9.0.3"
     react-refresh: "npm:^0.16.0"
     react-router: "npm:7.18.0"
     react-webcam: "npm:^7.2.0"
-    rehype-raw: "npm:^6.1.1"
+    rehype-raw: "npm:^7.0.0"
     resolve: "npm:^1.22.8"
     resolve-url-loader: "npm:^5.0.0"
     sass-loader: "npm:^16.0.3"
@@ -32969,7 +32821,7 @@ __metadata:
     "@swc/core": "npm:1.11.11"
     "@swc/helpers": "npm:0.5.11"
     "@swc/jest": "npm:^0.2.36"
-    "@testing-library/react": "npm:15.0.6"
+    "@testing-library/react": "npm:^16.3.0"
     "@type-cacheable/core": "npm:^14.1.0"
     "@type-cacheable/ioredis-adapter": "npm:^10.0.4"
     "@types/babel__core": "npm:^7"
@@ -32988,9 +32840,8 @@ __metadata:
     "@types/passport": "npm:^1.0.6"
     "@types/passport-http-bearer": "npm:^1.0.36"
     "@types/passport-jwt": "npm:^4"
-    "@types/react": "npm:18.3.1"
-    "@types/react-dom": "npm:18.3.0"
-    "@types/react-test-renderer": "npm:^18"
+    "@types/react": "npm:^19.1.0"
+    "@types/react-dom": "npm:^19.1.0"
     "@types/set-value": "npm:^4"
     "@types/superagent": "npm:4.1.11"
     "@types/twilio": "npm:^3.19.3"
@@ -33019,7 +32870,7 @@ __metadata:
     eslint-plugin-jest: "npm:^27.6.0"
     eslint-plugin-jsx-a11y: "npm:6.10.0"
     eslint-plugin-react: "npm:^7.32.2"
-    eslint-plugin-react-hooks: "npm:5.0.0"
+    eslint-plugin-react-hooks: "npm:^5.2.0"
     eslint-plugin-testing-library: "npm:^7.3.0"
     graphql: "npm:^16.10.0"
     graphql-request: "npm:^6.1.0"
@@ -33075,10 +32926,9 @@ __metadata:
     pm2: "npm:^7.0.0"
     postcss: "npm:8.5.12"
     prettier: "npm:^3.5.3"
-    react: "npm:18.3.1"
-    react-dom: "npm:18.3.1"
+    react: "npm:19.1.0"
+    react-dom: "npm:19.1.0"
     react-ga4: "npm:^2.1.0"
-    react-test-renderer: "npm:^18.3.1"
     reflect-metadata: "npm:^0.2.1"
     rxjs: "npm:^7.8.1"
     semver: "npm:^7.7.1"
@@ -34655,80 +34505,109 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hast-util-from-parse5@npm:^7.0.0":
-  version: 7.1.2
-  resolution: "hast-util-from-parse5@npm:7.1.2"
-  dependencies:
-    "@types/hast": "npm:^2.0.0"
-    "@types/unist": "npm:^2.0.0"
-    hastscript: "npm:^7.0.0"
-    property-information: "npm:^6.0.0"
-    vfile: "npm:^5.0.0"
-    vfile-location: "npm:^4.0.0"
+"hast-util-from-parse5@npm:^8.0.0":
+  version: 8.0.3
+  resolution: "hast-util-from-parse5@npm:8.0.3"
+  dependencies:
+    "@types/hast": "npm:^3.0.0"
+    "@types/unist": "npm:^3.0.0"
+    devlop: "npm:^1.0.0"
+    hastscript: "npm:^9.0.0"
+    property-information: "npm:^7.0.0"
+    vfile: "npm:^6.0.0"
+    vfile-location: "npm:^5.0.0"
     web-namespaces: "npm:^2.0.0"
-  checksum: 10c0/c1002816d0235ff0a1e888d71c191d3ecfbaba510aaef86eec00edcba8803a3e0ad901bb0e5430a9d2aee2d52c31aabacae8282394dc519c333017a46c68d1c8
+  checksum: 10c0/40ace6c0ad43c26f721c7499fe408e639cde917b2350c9299635e6326559855896dae3c3ebf7440df54766b96c4276a7823e8f376a2b6a28b37b591f03412545
   languageName: node
   linkType: hard
 
-"hast-util-parse-selector@npm:^3.0.0":
-  version: 3.1.1
-  resolution: "hast-util-parse-selector@npm:3.1.1"
+"hast-util-parse-selector@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "hast-util-parse-selector@npm:4.0.0"
   dependencies:
-    "@types/hast": "npm:^2.0.0"
-  checksum: 10c0/34ac1707a477fd9764e328087163f1f21857bdb0f8d425bf41f6def7baf840e50e4bca2eb03072e3da4e39856de28893c4b688dcba0cc305160d53afcece4df4
+    "@types/hast": "npm:^3.0.0"
+  checksum: 10c0/5e98168cb44470dc274aabf1a28317e4feb09b1eaf7a48bbaa8c1de1b43a89cd195cb1284e535698e658e3ec26ad91bc5e52c9563c36feb75abbc68aaf68fb9f
   languageName: node
   linkType: hard
 
-"hast-util-raw@npm:^7.2.0":
-  version: 7.2.3
-  resolution: "hast-util-raw@npm:7.2.3"
-  dependencies:
-    "@types/hast": "npm:^2.0.0"
-    "@types/parse5": "npm:^6.0.0"
-    hast-util-from-parse5: "npm:^7.0.0"
-    hast-util-to-parse5: "npm:^7.0.0"
-    html-void-elements: "npm:^2.0.0"
-    parse5: "npm:^6.0.0"
-    unist-util-position: "npm:^4.0.0"
-    unist-util-visit: "npm:^4.0.0"
-    vfile: "npm:^5.0.0"
+"hast-util-raw@npm:^9.0.0":
+  version: 9.1.0
+  resolution: "hast-util-raw@npm:9.1.0"
+  dependencies:
+    "@types/hast": "npm:^3.0.0"
+    "@types/unist": "npm:^3.0.0"
+    "@ungap/structured-clone": "npm:^1.0.0"
+    hast-util-from-parse5: "npm:^8.0.0"
+    hast-util-to-parse5: "npm:^8.0.0"
+    html-void-elements: "npm:^3.0.0"
+    mdast-util-to-hast: "npm:^13.0.0"
+    parse5: "npm:^7.0.0"
+    unist-util-position: "npm:^5.0.0"
+    unist-util-visit: "npm:^5.0.0"
+    vfile: "npm:^6.0.0"
     web-namespaces: "npm:^2.0.0"
     zwitch: "npm:^2.0.0"
-  checksum: 10c0/c7bf994938cbc1acaaeb337f99773773b51ad77695b559c6352cba5c35b26610e6de2936b5086ef8bc53b436dd8032a3860e7357f28b6bb0365f751919745398
+  checksum: 10c0/d0d909d2aedecef6a06f0005cfae410d6475e6e182d768bde30c3af9fcbbe4f9beb0522bdc21d0679cb3c243c0df40385797ed255148d68b3d3f12e82d12aacc
   languageName: node
   linkType: hard
 
-"hast-util-to-parse5@npm:^7.0.0":
-  version: 7.1.0
-  resolution: "hast-util-to-parse5@npm:7.1.0"
+"hast-util-to-jsx-runtime@npm:^2.0.0":
+  version: 2.3.6
+  resolution: "hast-util-to-jsx-runtime@npm:2.3.6"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/unist": "npm:^3.0.0"
+    comma-separated-tokens: "npm:^2.0.0"
+    devlop: "npm:^1.0.0"
+    estree-util-is-identifier-name: "npm:^3.0.0"
+    hast-util-whitespace: "npm:^3.0.0"
+    mdast-util-mdx-expression: "npm:^2.0.0"
+    mdast-util-mdx-jsx: "npm:^3.0.0"
+    mdast-util-mdxjs-esm: "npm:^2.0.0"
+    property-information: "npm:^7.0.0"
+    space-separated-tokens: "npm:^2.0.0"
+    style-to-js: "npm:^1.0.0"
+    unist-util-position: "npm:^5.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10c0/27297e02848fe37ef219be04a26ce708d17278a175a807689e94a821dcffc88aa506d62c3a85beed1f9a8544f7211bdcbcde0528b7b456a57c2e342c3fd11056
+  languageName: node
+  linkType: hard
+
+"hast-util-to-parse5@npm:^8.0.0":
+  version: 8.0.1
+  resolution: "hast-util-to-parse5@npm:8.0.1"
   dependencies:
-    "@types/hast": "npm:^2.0.0"
+    "@types/hast": "npm:^3.0.0"
     comma-separated-tokens: "npm:^2.0.0"
-    property-information: "npm:^6.0.0"
+    devlop: "npm:^1.0.0"
+    property-information: "npm:^7.0.0"
     space-separated-tokens: "npm:^2.0.0"
     web-namespaces: "npm:^2.0.0"
     zwitch: "npm:^2.0.0"
-  checksum: 10c0/2a96302b8f25fa2d5b657a94bb20a3d9a1a81e66c2f81582a242c5634dd850e3bd95313a7471eef8282b597f2129551fef5a1631f4ce14c41aab646281b339a0
+  checksum: 10c0/8e8a1817c7ff8906ac66e7201b1b8d19d9e1b705e695a6e71620270d498d982ec1ecc0e227bd517f723e91e7fdfb90ef75f9ae64d14b3b65239a7d5e1194d7dd
   languageName: node
   linkType: hard
 
-"hast-util-whitespace@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "hast-util-whitespace@npm:2.0.1"
-  checksum: 10c0/dcf6ebab091c802ffa7bb3112305c7631c15adb6c07a258f5528aefbddf82b4e162c8310ef426c48dc1dc623982cc33920e6dde5a50015d307f2778dcf6c2487
+"hast-util-whitespace@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "hast-util-whitespace@npm:3.0.0"
+  dependencies:
+    "@types/hast": "npm:^3.0.0"
+  checksum: 10c0/b898bc9fe27884b272580d15260b6bbdabe239973a147e97fa98c45fa0ffec967a481aaa42291ec34fb56530dc2d484d473d7e2bae79f39c83f3762307edfea8
   languageName: node
   linkType: hard
 
-"hastscript@npm:^7.0.0":
-  version: 7.2.0
-  resolution: "hastscript@npm:7.2.0"
+"hastscript@npm:^9.0.0":
+  version: 9.0.1
+  resolution: "hastscript@npm:9.0.1"
   dependencies:
-    "@types/hast": "npm:^2.0.0"
+    "@types/hast": "npm:^3.0.0"
     comma-separated-tokens: "npm:^2.0.0"
-    hast-util-parse-selector: "npm:^3.0.0"
-    property-information: "npm:^6.0.0"
+    hast-util-parse-selector: "npm:^4.0.0"
+    property-information: "npm:^7.0.0"
     space-separated-tokens: "npm:^2.0.0"
-  checksum: 10c0/579912b03ff4a5b19eb609df7403c6dba2505ef1a1e2bc47cbf467cbd7cffcd51df40e74d882de1ccdda40aaf18487f82619eb9cb9f2077cba778017e95e868e
+  checksum: 10c0/18dc8064e5c3a7a2ae862978e626b97a254e1c8a67ee9d0c9f06d373bba155ed805fc5b5ce21b990fb7bc174624889e5e1ce1cade264f1b1d58b48f994bc85ce
   languageName: node
   linkType: hard
 
@@ -35006,10 +34885,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"html-void-elements@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "html-void-elements@npm:2.0.1"
-  checksum: 10c0/1079c9e9fdb3b6a2481f2a282098a0183f3d45bf2b9d76c7dfc1671ee1857d7bacdd04fd8c6e2418f5ff550c30cabf97a010fe31ec402d0c89189807b48e6d79
+"html-url-attributes@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "html-url-attributes@npm:3.0.1"
+  checksum: 10c0/496e4908aa8b77665f348b4b03521901794f648b8ac34a581022cd6f2c97934d5c910cd91bc6593bbf2994687549037bc2520fcdc769b31484f29ffdd402acd0
+  languageName: node
+  linkType: hard
+
+"html-void-elements@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "html-void-elements@npm:3.0.0"
+  checksum: 10c0/a8b9ec5db23b7c8053876dad73a0336183e6162bf6d2677376d8b38d654fdc59ba74fdd12f8812688f7db6fad451210c91b300e472afc0909224e0a44c8610d2
   languageName: node
   linkType: hard
 
@@ -35437,13 +35323,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hyphenate-style-name@npm:^1.0.3":
-  version: 1.1.0
-  resolution: "hyphenate-style-name@npm:1.1.0"
-  checksum: 10c0/bfe88deac2414a41a0d08811e277c8c098f23993d6a1eb17f14a0f11b54c4d42865a63d3cfe1914668eefb9a188e2de58f38b55a179a238fd1fef606893e194f
-  languageName: node
-  linkType: hard
-
 "i18n-abide@npm:0.0.26":
   version: 0.0.26
   resolution: "i18n-abide@npm:0.0.26"
@@ -35806,10 +35685,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inline-style-parser@npm:0.1.1":
-  version: 0.1.1
-  resolution: "inline-style-parser@npm:0.1.1"
-  checksum: 10c0/08832a533f51a1e17619f2eabf2f5ec5e956d6dcba1896351285c65df022c9420de61d73256e1dca8015a52abf96cc84ddc3b73b898b22de6589d3962b5e501b
+"inline-style-parser@npm:0.2.7":
+  version: 0.2.7
+  resolution: "inline-style-parser@npm:0.2.7"
+  checksum: 10c0/d884d76f84959517430ae6c22f0bda59bb3f58f539f99aac75a8d786199ec594ed648c6ab4640531f9fc244b0ed5cd8c458078e592d016ef06de793beb1debff
   languageName: node
   linkType: hard
 
@@ -36040,6 +35919,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-alphabetical@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-alphabetical@npm:2.0.1"
+  checksum: 10c0/932367456f17237533fd1fc9fe179df77957271020b83ea31da50e5cc472d35ef6b5fb8147453274ffd251134472ce24eb6f8d8398d96dee98237cdb81a6c9a7
+  languageName: node
+  linkType: hard
+
+"is-alphanumerical@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-alphanumerical@npm:2.0.1"
+  dependencies:
+    is-alphabetical: "npm:^2.0.0"
+    is-decimal: "npm:^2.0.0"
+  checksum: 10c0/4b35c42b18e40d41378293f82a3ecd9de77049b476f748db5697c297f686e1e05b072a6aaae2d16f54d2a57f85b00cbbe755c75f6d583d1c77d6657bd0feb5a2
+  languageName: node
+  linkType: hard
+
 "is-arguments@npm:^1.0.4, is-arguments@npm:^1.1.1":
   version: 1.2.0
   resolution: "is-arguments@npm:1.2.0"
@@ -36132,13 +36028,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-buffer@npm:^2.0.0":
-  version: 2.0.5
-  resolution: "is-buffer@npm:2.0.5"
-  checksum: 10c0/e603f6fced83cf94c53399cff3bda1a9f08e391b872b64a73793b0928be3e5f047f2bcece230edb7632eaea2acdbfcb56c23b33d8a20c820023b230f1485679a
-  languageName: node
-  linkType: hard
-
 "is-bun-module@npm:^2.0.0":
   version: 2.0.0
   resolution: "is-bun-module@npm:2.0.0"
@@ -36205,6 +36094,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-decimal@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-decimal@npm:2.0.1"
+  checksum: 10c0/8085dd66f7d82f9de818fba48b9e9c0429cb4291824e6c5f2622e96b9680b54a07a624cfc663b24148b8e853c62a1c987cfe8b0b5a13f5156991afaf6736e334
+  languageName: node
+  linkType: hard
+
 "is-descriptor@npm:^0.1.0":
   version: 0.1.7
   resolution: "is-descriptor@npm:0.1.7"
@@ -36368,6 +36264,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-hexadecimal@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-hexadecimal@npm:2.0.1"
+  checksum: 10c0/3eb60fe2f1e2bbc760b927dcad4d51eaa0c60138cf7fc671803f66353ad90c301605b502c7ea4c6bb0548e1c7e79dfd37b73b632652e3b76030bba603a7e9626
+  languageName: node
+  linkType: hard
+
 "is-html@npm:^2.0.0":
   version: 2.0.0
   resolution: "is-html@npm:2.0.0"
@@ -36377,13 +36280,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-in-browser@npm:^1.0.2, is-in-browser@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "is-in-browser@npm:1.1.3"
-  checksum: 10c0/87e6119a56ec3d84910eb6ad855b4a3ac05b242fc2bc2c28abbf978f76b5a834ec5622165035acaf2844a85856b1a0fbc12bd0cb1ce9e86314ebec675c6fe856
-  languageName: node
-  linkType: hard
-
 "is-inside-container@npm:^1.0.0":
   version: 1.0.0
   resolution: "is-inside-container@npm:1.0.0"
@@ -38845,92 +38741,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jss-plugin-camel-case@npm:^10.0.3":
-  version: 10.10.0
-  resolution: "jss-plugin-camel-case@npm:10.10.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.3.1"
-    hyphenate-style-name: "npm:^1.0.3"
-    jss: "npm:10.10.0"
-  checksum: 10c0/29dedf0866837425258eae3b12b72c1de435ea7caddef94ac13044b3a04c4abd8dd238a81fd6e0a4afdbf10c9cb4674df41f50af79554c34c736cd2ecf3752da
-  languageName: node
-  linkType: hard
-
-"jss-plugin-default-unit@npm:^10.0.3":
-  version: 10.10.0
-  resolution: "jss-plugin-default-unit@npm:10.10.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.3.1"
-    jss: "npm:10.10.0"
-  checksum: 10c0/f394d5411114fde7056249f4650de51e6f3e47c64a3d48cee80180a6e75876f0d0d68c96d81458880e1024ca880ed53baade682d36a5f7177046bfef0b280572
-  languageName: node
-  linkType: hard
-
-"jss-plugin-global@npm:^10.0.3":
-  version: 10.10.0
-  resolution: "jss-plugin-global@npm:10.10.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.3.1"
-    jss: "npm:10.10.0"
-  checksum: 10c0/2d24ef0e16cd6ebcce59f132756716ae37fdffe3f59461018636a57ef68298e649f43bd5c346041f1642872aa2cc0629f5ecfb48a20bfb471813318cb8f3935f
-  languageName: node
-  linkType: hard
-
-"jss-plugin-nested@npm:^10.0.3":
-  version: 10.10.0
-  resolution: "jss-plugin-nested@npm:10.10.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.3.1"
-    jss: "npm:10.10.0"
-    tiny-warning: "npm:^1.0.2"
-  checksum: 10c0/868ac4e4bea9dc02fac33f15e3165c008669d69e6b87201f1d8574eb213408b67366302288b49f46acda1320164460daa50e6aac817d34ae3b1c256a03f4ebba
-  languageName: node
-  linkType: hard
-
-"jss-plugin-props-sort@npm:^10.0.3":
-  version: 10.10.0
-  resolution: "jss-plugin-props-sort@npm:10.10.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.3.1"
-    jss: "npm:10.10.0"
-  checksum: 10c0/5579bb21bfe514c12f43bd5e57458badc37c8e5676a47109f45195466a3aed633c61609daef079622421ef7c902b8342d1f96578543fefcb729f0b8dcfd2fe37
-  languageName: node
-  linkType: hard
-
-"jss-plugin-rule-value-function@npm:^10.0.3":
-  version: 10.10.0
-  resolution: "jss-plugin-rule-value-function@npm:10.10.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.3.1"
-    jss: "npm:10.10.0"
-    tiny-warning: "npm:^1.0.2"
-  checksum: 10c0/678bedb49da3b5e93fc1971d691f7f3ad2d7cf15dfc220edab934b70c7571fc383a435371a687a8ae125ab5ccd7bada9712574620959a3d1cd961fbca1583c29
-  languageName: node
-  linkType: hard
-
-"jss-plugin-vendor-prefixer@npm:^10.0.3":
-  version: 10.10.0
-  resolution: "jss-plugin-vendor-prefixer@npm:10.10.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.3.1"
-    css-vendor: "npm:^2.0.8"
-    jss: "npm:10.10.0"
-  checksum: 10c0/e3ad2dfe93d126f722586782aebddcd68dc46c0ad59f99edd65e164ecbb6e4cad6ce85c874f90553fa5fec50c2fd2b1f5984abfc4e3dd49d24033bbc378a2e11
-  languageName: node
-  linkType: hard
-
-"jss@npm:10.10.0, jss@npm:^10.0.3":
-  version: 10.10.0
-  resolution: "jss@npm:10.10.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.3.1"
-    csstype: "npm:^3.0.2"
-    is-in-browser: "npm:^1.1.3"
-    tiny-warning: "npm:^1.0.2"
-  checksum: 10c0/aa5e743a3f40d6df05ae951c6913b6495ef42b3e9539f6875c32bf01c42ab405bd91038d6feca2ed5c67a2947111b0137213983089e2a310ee11fc563208ad61
-  languageName: node
-  linkType: hard
-
 "jsx-ast-utils@npm:^2.4.1 || ^3.0.0, jsx-ast-utils@npm:^3.3.5":
   version: 3.3.5
   resolution: "jsx-ast-utils@npm:3.3.5"
@@ -39159,13 +38969,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"kleur@npm:^4.0.3":
-  version: 4.1.5
-  resolution: "kleur@npm:4.1.5"
-  checksum: 10c0/e9de6cb49657b6fa70ba2d1448fd3d691a5c4370d8f7bbf1c2f64c24d461270f2117e1b0afe8cb3114f13bbd8e51de158c2a224953960331904e636a5e4c0f2a
-  languageName: node
-  linkType: hard
-
 "klona@npm:^2.0.4, klona@npm:^2.0.5":
   version: 2.0.6
   resolution: "klona@npm:2.0.6"
@@ -39953,6 +39756,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"longest-streak@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "longest-streak@npm:3.1.0"
+  checksum: 10c0/7c2f02d0454b52834d1bcedef79c557bd295ee71fdabb02d041ff3aa9da48a90b5df7c0409156dedbc4df9b65da18742652aaea4759d6ece01f08971af6a7eaa
+  languageName: node
+  linkType: hard
+
 "loose-envify@npm:^1.0.0, loose-envify@npm:^1.1.0, loose-envify@npm:^1.4.0":
   version: 1.4.0
   resolution: "loose-envify@npm:1.4.0"
@@ -40314,59 +40124,124 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mdast-util-definitions@npm:^5.0.0":
-  version: 5.1.2
-  resolution: "mdast-util-definitions@npm:5.1.2"
+"mdast-util-from-markdown@npm:^2.0.0":
+  version: 2.0.3
+  resolution: "mdast-util-from-markdown@npm:2.0.3"
   dependencies:
-    "@types/mdast": "npm:^3.0.0"
-    "@types/unist": "npm:^2.0.0"
-    unist-util-visit: "npm:^4.0.0"
-  checksum: 10c0/da9049c15562e44ee4ea4a36113d98c6c9eaa3d8a17d6da2aef6a0626376dcd01d9ec007d77a8dfcad6d0cbd5c32a4abbad72a3f48c3172a55934c7d9a916480
+    "@types/mdast": "npm:^4.0.0"
+    "@types/unist": "npm:^3.0.0"
+    decode-named-character-reference: "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    mdast-util-to-string: "npm:^4.0.0"
+    micromark: "npm:^4.0.0"
+    micromark-util-decode-numeric-character-reference: "npm:^2.0.0"
+    micromark-util-decode-string: "npm:^2.0.0"
+    micromark-util-normalize-identifier: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+    unist-util-stringify-position: "npm:^4.0.0"
+  checksum: 10c0/d3eac9ac2b88e3b41fb85aa81c7bfd1f4f8a2fde497ad805e66fea7b2abfe486ffd94d2a20f9fd2951dcdebe4916f3bdcf851319891dd62d343e26c2f02583ba
   languageName: node
   linkType: hard
 
-"mdast-util-from-markdown@npm:^1.0.0":
-  version: 1.3.1
-  resolution: "mdast-util-from-markdown@npm:1.3.1"
+"mdast-util-mdx-expression@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "mdast-util-mdx-expression@npm:2.0.1"
   dependencies:
-    "@types/mdast": "npm:^3.0.0"
-    "@types/unist": "npm:^2.0.0"
-    decode-named-character-reference: "npm:^1.0.0"
-    mdast-util-to-string: "npm:^3.1.0"
-    micromark: "npm:^3.0.0"
-    micromark-util-decode-numeric-character-reference: "npm:^1.0.0"
-    micromark-util-decode-string: "npm:^1.0.0"
-    micromark-util-normalize-identifier: "npm:^1.0.0"
-    micromark-util-symbol: "npm:^1.0.0"
-    micromark-util-types: "npm:^1.0.0"
-    unist-util-stringify-position: "npm:^3.0.0"
-    uvu: "npm:^0.5.0"
-  checksum: 10c0/f4e901bf2a2e93fe35a339e0cff581efacce2f7117cd5652e9a270847bd7e2508b3e717b7b4156af54d4f896d63033e06ff9fafbf59a1d46fe17dd5e2a3f7846
-  languageName: node
-  linkType: hard
-
-"mdast-util-to-hast@npm:^12.1.0":
-  version: 12.3.0
-  resolution: "mdast-util-to-hast@npm:12.3.0"
-  dependencies:
-    "@types/hast": "npm:^2.0.0"
-    "@types/mdast": "npm:^3.0.0"
-    mdast-util-definitions: "npm:^5.0.0"
-    micromark-util-sanitize-uri: "npm:^1.1.0"
-    trim-lines: "npm:^3.0.0"
-    unist-util-generated: "npm:^2.0.0"
-    unist-util-position: "npm:^4.0.0"
-    unist-util-visit: "npm:^4.0.0"
-  checksum: 10c0/0753e45bfcce423f7a13979ac720a23ed8d6bafed174c387f43bbe8baf3838f3a043cd8006975b71e5c4068b7948f83f1348acea79801101af31eaec4e7a499a
+    "@types/estree-jsx": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    devlop: "npm:^1.0.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+  checksum: 10c0/9a1e57940f66431f10312fa239096efa7627f375e7933b5d3162c0b5c1712a72ac87447aff2b6838d2bbd5c1311b188718cc90b33b67dc67a88550e0a6ef6183
   languageName: node
   linkType: hard
 
-"mdast-util-to-string@npm:^3.1.0":
+"mdast-util-mdx-jsx@npm:^3.0.0":
   version: 3.2.0
-  resolution: "mdast-util-to-string@npm:3.2.0"
+  resolution: "mdast-util-mdx-jsx@npm:3.2.0"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    "@types/unist": "npm:^3.0.0"
+    ccount: "npm:^2.0.0"
+    devlop: "npm:^1.1.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+    parse-entities: "npm:^4.0.0"
+    stringify-entities: "npm:^4.0.0"
+    unist-util-stringify-position: "npm:^4.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10c0/3acadaf3b962254f7ad2990fed4729961dc0217ca31fde9917986e880843f3ecf3392b1f22d569235cacd180d50894ad266db7af598aedca69d330d33c7ac613
+  languageName: node
+  linkType: hard
+
+"mdast-util-mdxjs-esm@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "mdast-util-mdxjs-esm@npm:2.0.1"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    devlop: "npm:^1.0.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+  checksum: 10c0/5bda92fc154141705af2b804a534d891f28dac6273186edf1a4c5e3f045d5b01dbcac7400d27aaf91b7e76e8dce007c7b2fdf136c11ea78206ad00bdf9db46bc
+  languageName: node
+  linkType: hard
+
+"mdast-util-phrasing@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "mdast-util-phrasing@npm:4.1.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    unist-util-is: "npm:^6.0.0"
+  checksum: 10c0/bf6c31d51349aa3d74603d5e5a312f59f3f65662ed16c58017169a5fb0f84ca98578f626c5ee9e4aa3e0a81c996db8717096705521bddb4a0185f98c12c9b42f
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-hast@npm:^13.0.0":
+  version: 13.2.1
+  resolution: "mdast-util-to-hast@npm:13.2.1"
+  dependencies:
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    "@ungap/structured-clone": "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    micromark-util-sanitize-uri: "npm:^2.0.0"
+    trim-lines: "npm:^3.0.0"
+    unist-util-position: "npm:^5.0.0"
+    unist-util-visit: "npm:^5.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10c0/3eeaf28a5e84e1e08e6d54a1a8a06c0fca88cb5d36f4cf8086f0177248d1ce6e4e751f4ad0da19a3dea1c6ea61bd80784acc3ae021e44ceeb21aa5413a375e43
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-markdown@npm:^2.0.0":
+  version: 2.1.2
+  resolution: "mdast-util-to-markdown@npm:2.1.2"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    "@types/unist": "npm:^3.0.0"
+    longest-streak: "npm:^3.0.0"
+    mdast-util-phrasing: "npm:^4.0.0"
+    mdast-util-to-string: "npm:^4.0.0"
+    micromark-util-classify-character: "npm:^2.0.0"
+    micromark-util-decode-string: "npm:^2.0.0"
+    unist-util-visit: "npm:^5.0.0"
+    zwitch: "npm:^2.0.0"
+  checksum: 10c0/4649722a6099f12e797bd8d6469b2b43b44e526b5182862d9c7766a3431caad2c0112929c538a972f214e63c015395e5d3f54bd81d9ac1b16e6d8baaf582f749
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-string@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "mdast-util-to-string@npm:4.0.0"
   dependencies:
-    "@types/mdast": "npm:^3.0.0"
-  checksum: 10c0/112f4bf0f6758dcb95deffdcf37afba7eaecdfe2ee13252de031723094d4d55220e147326690a8b91244758e2d678e7aeb1fdd0fa6ef3317c979bc42effd9a21
+    "@types/mdast": "npm:^4.0.0"
+  checksum: 10c0/2d3c1af29bf3fe9c20f552ee9685af308002488f3b04b12fa66652c9718f66f41a32f8362aa2d770c3ff464c034860b41715902ada2306bb0a055146cef064d7
   languageName: node
   linkType: hard
 
@@ -40530,239 +40405,239 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromark-core-commonmark@npm:^1.0.1":
-  version: 1.1.0
-  resolution: "micromark-core-commonmark@npm:1.1.0"
+"micromark-core-commonmark@npm:^2.0.0":
+  version: 2.0.3
+  resolution: "micromark-core-commonmark@npm:2.0.3"
   dependencies:
     decode-named-character-reference: "npm:^1.0.0"
-    micromark-factory-destination: "npm:^1.0.0"
-    micromark-factory-label: "npm:^1.0.0"
-    micromark-factory-space: "npm:^1.0.0"
-    micromark-factory-title: "npm:^1.0.0"
-    micromark-factory-whitespace: "npm:^1.0.0"
-    micromark-util-character: "npm:^1.0.0"
-    micromark-util-chunked: "npm:^1.0.0"
-    micromark-util-classify-character: "npm:^1.0.0"
-    micromark-util-html-tag-name: "npm:^1.0.0"
-    micromark-util-normalize-identifier: "npm:^1.0.0"
-    micromark-util-resolve-all: "npm:^1.0.0"
-    micromark-util-subtokenize: "npm:^1.0.0"
-    micromark-util-symbol: "npm:^1.0.0"
-    micromark-util-types: "npm:^1.0.1"
-    uvu: "npm:^0.5.0"
-  checksum: 10c0/b3bf7b7004ce7dbb3ae151dcca4db1d12546f1b943affb2418da4b90b9ce59357373c433ee2eea4c868aee0791dafa355aeed19f5ef2b0acaf271f32f1ecbe6a
-  languageName: node
-  linkType: hard
-
-"micromark-factory-destination@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-factory-destination@npm:1.1.0"
+    devlop: "npm:^1.0.0"
+    micromark-factory-destination: "npm:^2.0.0"
+    micromark-factory-label: "npm:^2.0.0"
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-factory-title: "npm:^2.0.0"
+    micromark-factory-whitespace: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-chunked: "npm:^2.0.0"
+    micromark-util-classify-character: "npm:^2.0.0"
+    micromark-util-html-tag-name: "npm:^2.0.0"
+    micromark-util-normalize-identifier: "npm:^2.0.0"
+    micromark-util-resolve-all: "npm:^2.0.0"
+    micromark-util-subtokenize: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10c0/bd4a794fdc9e88dbdf59eaf1c507ddf26e5f7ddf4e52566c72239c0f1b66adbcd219ba2cd42350debbe24471434d5f5e50099d2b3f4e5762ca222ba8e5b549ee
+  languageName: node
+  linkType: hard
+
+"micromark-factory-destination@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-factory-destination@npm:2.0.1"
   dependencies:
-    micromark-util-character: "npm:^1.0.0"
-    micromark-util-symbol: "npm:^1.0.0"
-    micromark-util-types: "npm:^1.0.0"
-  checksum: 10c0/71ebd9089bf0c9689b98ef42215c04032ae2701ae08c3546b663628553255dca18e5310dbdacddad3acd8de4f12a789835fff30dadc4da3c4e30387a75e6b488
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10c0/bbafcf869cee5bf511161354cb87d61c142592fbecea051000ff116068dc85216e6d48519d147890b9ea5d7e2864a6341c0c09d9948c203bff624a80a476023c
   languageName: node
   linkType: hard
 
-"micromark-factory-label@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-factory-label@npm:1.1.0"
+"micromark-factory-label@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-factory-label@npm:2.0.1"
   dependencies:
-    micromark-util-character: "npm:^1.0.0"
-    micromark-util-symbol: "npm:^1.0.0"
-    micromark-util-types: "npm:^1.0.0"
-    uvu: "npm:^0.5.0"
-  checksum: 10c0/5e2cd2d8214bb92a34dfcedf9c7aecf565e3648650a3a6a0495ededf15f2318dd214dc069e3026402792cd5839d395313f8ef9c2e86ca34a8facaa0f75a77753
+    devlop: "npm:^1.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10c0/0137716b4ecb428114165505e94a2f18855c8bbea21b07a8b5ce514b32a595ed789d2b967125718fc44c4197ceaa48f6609d58807a68e778138d2e6b91b824e8
   languageName: node
   linkType: hard
 
-"micromark-factory-space@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-factory-space@npm:1.1.0"
+"micromark-factory-space@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-factory-space@npm:2.0.1"
   dependencies:
-    micromark-util-character: "npm:^1.0.0"
-    micromark-util-types: "npm:^1.0.0"
-  checksum: 10c0/3da81187ce003dd4178c7adc4674052fb8befc8f1a700ae4c8227755f38581a4ae963866dc4857488d62d1dc9837606c9f2f435fa1332f62a0f1c49b83c6a822
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10c0/f9ed43f1c0652d8d898de0ac2be3f77f776fffe7dd96bdbba1e02d7ce33d3853c6ff5daa52568fc4fa32cdf3a62d86b85ead9b9189f7211e1d69ff2163c450fb
   languageName: node
   linkType: hard
 
-"micromark-factory-title@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-factory-title@npm:1.1.0"
+"micromark-factory-title@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-factory-title@npm:2.0.1"
   dependencies:
-    micromark-factory-space: "npm:^1.0.0"
-    micromark-util-character: "npm:^1.0.0"
-    micromark-util-symbol: "npm:^1.0.0"
-    micromark-util-types: "npm:^1.0.0"
-  checksum: 10c0/cf8c687d1d5c3928846a4791d4a7e2f1d7bdd2397051e20d60f06b7565a48bf85198ab6f85735e997ab3f0cbb80b8b6391f4f7ebc0aae2f2f8c3a08541257bf6
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10c0/e72fad8d6e88823514916890099a5af20b6a9178ccf78e7e5e05f4de99bb8797acb756257d7a3a57a53854cb0086bf8aab15b1a9e9db8982500dd2c9ff5948b6
   languageName: node
   linkType: hard
 
-"micromark-factory-whitespace@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-factory-whitespace@npm:1.1.0"
+"micromark-factory-whitespace@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-factory-whitespace@npm:2.0.1"
   dependencies:
-    micromark-factory-space: "npm:^1.0.0"
-    micromark-util-character: "npm:^1.0.0"
-    micromark-util-symbol: "npm:^1.0.0"
-    micromark-util-types: "npm:^1.0.0"
-  checksum: 10c0/7248cc4534f9befb38c6f398b6e38efd3199f1428fc214c9cb7ed5b6e9fa7a82c0d8cdfa9bcacde62887c9a7c8c46baf5c318b2ae8f701afbccc8ad702e92dce
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10c0/20a1ec58698f24b766510a309b23a10175034fcf1551eaa9da3adcbed3e00cd53d1ebe5f030cf873f76a1cec3c34eb8c50cc227be3344caa9ed25d56cf611224
   languageName: node
   linkType: hard
 
-"micromark-util-character@npm:^1.0.0":
-  version: 1.2.0
-  resolution: "micromark-util-character@npm:1.2.0"
+"micromark-util-character@npm:^2.0.0":
+  version: 2.1.1
+  resolution: "micromark-util-character@npm:2.1.1"
   dependencies:
-    micromark-util-symbol: "npm:^1.0.0"
-    micromark-util-types: "npm:^1.0.0"
-  checksum: 10c0/3390a675a50731b58a8e5493cd802e190427f10fa782079b455b00f6b54e406e36882df7d4a3bd32b709f7a2c3735b4912597ebc1c0a99566a8d8d0b816e2cd4
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10c0/d3fe7a5e2c4060fc2a076f9ce699c82a2e87190a3946e1e5eea77f563869b504961f5668d9c9c014724db28ac32fa909070ea8b30c3a39bd0483cc6c04cc76a1
   languageName: node
   linkType: hard
 
-"micromark-util-chunked@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-util-chunked@npm:1.1.0"
+"micromark-util-chunked@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-chunked@npm:2.0.1"
   dependencies:
-    micromark-util-symbol: "npm:^1.0.0"
-  checksum: 10c0/59534cf4aaf481ed58d65478d00eae0080df9b5816673f79b5ddb0cea263e5a9ee9cbb6cc565daf1eb3c8c4ff86fc4e25d38a0577539655cda823a4249efd358
+    micromark-util-symbol: "npm:^2.0.0"
+  checksum: 10c0/b68c0c16fe8106949537bdcfe1be9cf36c0ccd3bc54c4007003cb0984c3750b6cdd0fd77d03f269a3382b85b0de58bde4f6eedbe7ecdf7244759112289b1ab56
   languageName: node
   linkType: hard
 
-"micromark-util-classify-character@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-util-classify-character@npm:1.1.0"
+"micromark-util-classify-character@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-classify-character@npm:2.0.1"
   dependencies:
-    micromark-util-character: "npm:^1.0.0"
-    micromark-util-symbol: "npm:^1.0.0"
-    micromark-util-types: "npm:^1.0.0"
-  checksum: 10c0/3266453dc0fdaf584e24c9b3c91d1ed180f76b5856699c51fd2549305814fcab7ec52afb4d3e83d002a9115cd2d2b2ffdc9c0b38ed85120822bf515cc00636ec
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10c0/8a02e59304005c475c332f581697e92e8c585bcd45d5d225a66c1c1b14ab5a8062705188c2ccec33cc998d33502514121478b2091feddbc751887fc9c290ed08
   languageName: node
   linkType: hard
 
-"micromark-util-combine-extensions@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-util-combine-extensions@npm:1.1.0"
+"micromark-util-combine-extensions@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-combine-extensions@npm:2.0.1"
   dependencies:
-    micromark-util-chunked: "npm:^1.0.0"
-    micromark-util-types: "npm:^1.0.0"
-  checksum: 10c0/0bc572fab3fe77f533c29aa1b75cb847b9fc9455f67a98623ef9740b925c0b0426ad9f09bbb56f1e844ea9ebada7873d1f06d27f7c979a917692b273c4b69e31
+    micromark-util-chunked: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10c0/f15e282af24c8372cbb10b9b0b3e2c0aa681fea0ca323a44d6bc537dc1d9382c819c3689f14eaa000118f5a163245358ce6276b2cda9a84439cdb221f5d86ae7
   languageName: node
   linkType: hard
 
-"micromark-util-decode-numeric-character-reference@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-util-decode-numeric-character-reference@npm:1.1.0"
+"micromark-util-decode-numeric-character-reference@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "micromark-util-decode-numeric-character-reference@npm:2.0.2"
   dependencies:
-    micromark-util-symbol: "npm:^1.0.0"
-  checksum: 10c0/64ef2575e3fc2426976c19e16973348f20b59ddd5543f1467ac2e251f29e0a91f12089703d29ae985b0b9a408ee0d72f06d04ed3920811aa2402aabca3bdf9e4
+    micromark-util-symbol: "npm:^2.0.0"
+  checksum: 10c0/9c8a9f2c790e5593ffe513901c3a110e9ec8882a08f466da014112a25e5059b51551ca0aeb7ff494657d86eceb2f02ee556c6558b8d66aadc61eae4a240da0df
   languageName: node
   linkType: hard
 
-"micromark-util-decode-string@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-util-decode-string@npm:1.1.0"
+"micromark-util-decode-string@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-decode-string@npm:2.0.1"
   dependencies:
     decode-named-character-reference: "npm:^1.0.0"
-    micromark-util-character: "npm:^1.0.0"
-    micromark-util-decode-numeric-character-reference: "npm:^1.0.0"
-    micromark-util-symbol: "npm:^1.0.0"
-  checksum: 10c0/757a0aaa5ad6c50c7480bd75371d407ac75f5022cd4404aba07adadf1448189502aea9bb7b2d09d25e18745e0abf72b95506b6beb184bcccabe919e48e3a5df7
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-decode-numeric-character-reference: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+  checksum: 10c0/f24d75b2e5310be6e7b6dee532e0d17d3bf46996841d6295f2a9c87a2046fff4ab603c52ab9d7a7a6430a8b787b1574ae895849c603d262d1b22eef71736b5cb
   languageName: node
   linkType: hard
 
-"micromark-util-encode@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-util-encode@npm:1.1.0"
-  checksum: 10c0/9878c9bc96999d45626a7597fffac85348ea842dce75d2417345cbf070a9941c62477bd0963bef37d4f0fd29f2982be6ddf416d62806f00ccb334af9d6ee87e7
+"micromark-util-encode@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-encode@npm:2.0.1"
+  checksum: 10c0/b2b29f901093845da8a1bf997ea8b7f5e061ffdba85070dfe14b0197c48fda64ffcf82bfe53c90cf9dc185e69eef8c5d41cae3ba918b96bc279326921b59008a
   languageName: node
   linkType: hard
 
-"micromark-util-html-tag-name@npm:^1.0.0":
-  version: 1.2.0
-  resolution: "micromark-util-html-tag-name@npm:1.2.0"
-  checksum: 10c0/15421869678d36b4fe51df453921e8186bff514a14e9f79f32b7e1cdd67874e22a66ad34a7f048dd132cbbbfc7c382ae2f777a2bfd1f245a47705dc1c6d4f199
+"micromark-util-html-tag-name@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-html-tag-name@npm:2.0.1"
+  checksum: 10c0/ae80444db786fde908e9295f19a27a4aa304171852c77414516418650097b8afb401961c9edb09d677b06e97e8370cfa65638dde8438ebd41d60c0a8678b85b9
   languageName: node
   linkType: hard
 
-"micromark-util-normalize-identifier@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-util-normalize-identifier@npm:1.1.0"
+"micromark-util-normalize-identifier@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-normalize-identifier@npm:2.0.1"
   dependencies:
-    micromark-util-symbol: "npm:^1.0.0"
-  checksum: 10c0/a9657321a2392584e4d978061882117a84db7d2c2c1c052c0f5d25da089d463edb9f956d5beaf7f5768984b6f72d046d59b5972951ec7bf25397687a62b8278a
+    micromark-util-symbol: "npm:^2.0.0"
+  checksum: 10c0/5299265fa360769fc499a89f40142f10a9d4a5c3dd8e6eac8a8ef3c2e4a6570e4c009cf75ea46dce5ee31c01f25587bde2f4a5cc0a935584ae86dd857f2babbd
   languageName: node
   linkType: hard
 
-"micromark-util-resolve-all@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-util-resolve-all@npm:1.1.0"
+"micromark-util-resolve-all@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-resolve-all@npm:2.0.1"
   dependencies:
-    micromark-util-types: "npm:^1.0.0"
-  checksum: 10c0/b5c95484c06e87bbbb60d8430eb030a458733a5270409f4c67892d1274737087ca6a7ca888987430e57cf1dcd44bb16390d3b3936a2bf07f7534ec8f52ce43c9
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10c0/bb6ca28764696bb479dc44a2d5b5fe003e7177aeae1d6b0d43f24cc223bab90234092d9c3ce4a4d2b8df095ccfd820537b10eb96bb7044d635f385d65a4c984a
   languageName: node
   linkType: hard
 
-"micromark-util-sanitize-uri@npm:^1.0.0, micromark-util-sanitize-uri@npm:^1.1.0":
-  version: 1.2.0
-  resolution: "micromark-util-sanitize-uri@npm:1.2.0"
+"micromark-util-sanitize-uri@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-sanitize-uri@npm:2.0.1"
   dependencies:
-    micromark-util-character: "npm:^1.0.0"
-    micromark-util-encode: "npm:^1.0.0"
-    micromark-util-symbol: "npm:^1.0.0"
-  checksum: 10c0/dbdb98248e9f0408c7a00f1c1cd805775b41d213defd659533835f34b38da38e8f990bf7b3f782e96bffbc549aec9c3ecdab197d4ad5adbfe08f814a70327b6e
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-encode: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+  checksum: 10c0/60e92166e1870fd4f1961468c2651013ff760617342918e0e0c3c4e872433aa2e60c1e5a672bfe5d89dc98f742d6b33897585cf86ae002cda23e905a3c02527c
   languageName: node
   linkType: hard
 
-"micromark-util-subtokenize@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-util-subtokenize@npm:1.1.0"
+"micromark-util-subtokenize@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "micromark-util-subtokenize@npm:2.1.0"
   dependencies:
-    micromark-util-chunked: "npm:^1.0.0"
-    micromark-util-symbol: "npm:^1.0.0"
-    micromark-util-types: "npm:^1.0.0"
-    uvu: "npm:^0.5.0"
-  checksum: 10c0/f292b1b162845db50d36255c9d4c4c6d47931fbca3ac98a80c7e536d2163233fd662f8ca0479ee2b80f145c66a1394c7ed17dfce801439741211015e77e3901e
+    devlop: "npm:^1.0.0"
+    micromark-util-chunked: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10c0/bee69eece4393308e657c293ba80d92ebcb637e5f55e21dcf9c3fa732b91a8eda8ac248d76ff375e675175bfadeae4712e5158ef97eef1111789da1ce7ab5067
   languageName: node
   linkType: hard
 
-"micromark-util-symbol@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "micromark-util-symbol@npm:1.1.0"
-  checksum: 10c0/10ceaed33a90e6bfd3a5d57053dbb53f437d4809cc11430b5a09479c0ba601577059be9286df4a7eae6e350a60a2575dc9fa9d9872b5b8d058c875e075c33803
+"micromark-util-symbol@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-util-symbol@npm:2.0.1"
+  checksum: 10c0/f2d1b207771e573232436618e78c5e46cd4b5c560dd4a6d63863d58018abbf49cb96ec69f7007471e51434c60de3c9268ef2bf46852f26ff4aacd10f9da16fe9
   languageName: node
   linkType: hard
 
-"micromark-util-types@npm:^1.0.0, micromark-util-types@npm:^1.0.1":
-  version: 1.1.0
-  resolution: "micromark-util-types@npm:1.1.0"
-  checksum: 10c0/a9749cb0a12a252ff536baabcb7012421b6fad4d91a5fdd80d7b33dc7b4c22e2d0c4637dfe5b902d00247fe6c9b01f4a24fce6b572b16ccaa4da90e6ce2a11e4
+"micromark-util-types@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "micromark-util-types@npm:2.0.2"
+  checksum: 10c0/c8c15b96c858db781c4393f55feec10004bf7df95487636c9a9f7209e51002a5cca6a047c5d2a5dc669ff92da20e57aaa881e81a268d9ccadb647f9dce305298
   languageName: node
   linkType: hard
 
-"micromark@npm:^3.0.0":
-  version: 3.2.0
-  resolution: "micromark@npm:3.2.0"
+"micromark@npm:^4.0.0":
+  version: 4.0.2
+  resolution: "micromark@npm:4.0.2"
   dependencies:
     "@types/debug": "npm:^4.0.0"
     debug: "npm:^4.0.0"
     decode-named-character-reference: "npm:^1.0.0"
-    micromark-core-commonmark: "npm:^1.0.1"
-    micromark-factory-space: "npm:^1.0.0"
-    micromark-util-character: "npm:^1.0.0"
-    micromark-util-chunked: "npm:^1.0.0"
-    micromark-util-combine-extensions: "npm:^1.0.0"
-    micromark-util-decode-numeric-character-reference: "npm:^1.0.0"
-    micromark-util-encode: "npm:^1.0.0"
-    micromark-util-normalize-identifier: "npm:^1.0.0"
-    micromark-util-resolve-all: "npm:^1.0.0"
-    micromark-util-sanitize-uri: "npm:^1.0.0"
-    micromark-util-subtokenize: "npm:^1.0.0"
-    micromark-util-symbol: "npm:^1.0.0"
-    micromark-util-types: "npm:^1.0.1"
-    uvu: "npm:^0.5.0"
-  checksum: 10c0/f243e805d1b3cc699fddae2de0b1492bc82462f1a709d7ae5c82039f88b1e009c959100184717e748be057b5f88603289d5681679a4e6fbabcd037beb34bc744
+    devlop: "npm:^1.0.0"
+    micromark-core-commonmark: "npm:^2.0.0"
+    micromark-factory-space: "npm:^2.0.0"
+    micromark-util-character: "npm:^2.0.0"
+    micromark-util-chunked: "npm:^2.0.0"
+    micromark-util-combine-extensions: "npm:^2.0.0"
+    micromark-util-decode-numeric-character-reference: "npm:^2.0.0"
+    micromark-util-encode: "npm:^2.0.0"
+    micromark-util-normalize-identifier: "npm:^2.0.0"
+    micromark-util-resolve-all: "npm:^2.0.0"
+    micromark-util-sanitize-uri: "npm:^2.0.0"
+    micromark-util-subtokenize: "npm:^2.0.0"
+    micromark-util-symbol: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+  checksum: 10c0/07462287254219d6eda6eac8a3cebaff2994e0575499e7088027b825105e096e4f51e466b14b2a81b71933a3b6c48ee069049d87bc2c2127eee50d9cc69e8af6
   languageName: node
   linkType: hard
 
@@ -41784,13 +41659,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mri@npm:^1.1.0":
-  version: 1.2.0
-  resolution: "mri@npm:1.2.0"
-  checksum: 10c0/a3d32379c2554cf7351db6237ddc18dc9e54e4214953f3da105b97dc3babe0deb3ffe99cf409b38ea47cc29f9430561ba6b53b24ab8f9ce97a4b50409e4a50e7
-  languageName: node
-  linkType: hard
-
 "mrmime@npm:^2.0.0":
   version: 2.0.1
   resolution: "mrmime@npm:2.0.1"
@@ -42825,13 +42693,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nwsapi@npm:^2.2.0, nwsapi@npm:^2.2.16, nwsapi@npm:^2.2.2":
+"nwsapi@npm:^2.2.0, nwsapi@npm:^2.2.16":
   version: 2.2.20
   resolution: "nwsapi@npm:2.2.20"
   checksum: 10c0/07f4dafa3186aef7c007863e90acd4342a34ba9d44b22f14f644fdb311f6086887e21c2fc15efaa826c2bc39ab2bc841364a1a630e7c87e0cb723ba59d729297
   languageName: node
   linkType: hard
 
+"nwsapi@npm:^2.2.2":
+  version: 2.2.24
+  resolution: "nwsapi@npm:2.2.24"
+  checksum: 10c0/9bc04ee9c7698f1b5506778d36f7382962f71667205d441d6a50f6180ee92328e770b76be78b907817ee103241b29984d3a17ae387e4723aebe0aeaed7a7c3a1
+  languageName: node
+  linkType: hard
+
 "nx-cloud@npm:19.1.0":
   version: 19.1.0
   resolution: "nx-cloud@npm:19.1.0"
@@ -43905,6 +43780,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"parse-entities@npm:^4.0.0":
+  version: 4.0.2
+  resolution: "parse-entities@npm:4.0.2"
+  dependencies:
+    "@types/unist": "npm:^2.0.0"
+    character-entities-legacy: "npm:^3.0.0"
+    character-reference-invalid: "npm:^2.0.0"
+    decode-named-character-reference: "npm:^1.0.0"
+    is-alphanumerical: "npm:^2.0.0"
+    is-decimal: "npm:^2.0.0"
+    is-hexadecimal: "npm:^2.0.0"
+  checksum: 10c0/a13906b1151750b78ed83d386294066daf5fb559e08c5af9591b2d98cc209123103016a01df776f65f8219ad26652d6d6b210d0974d452049cddfc53a8916c34
+  languageName: node
+  linkType: hard
+
 "parse-filepath@npm:^1.0.1, parse-filepath@npm:^1.0.2":
   version: 1.0.2
   resolution: "parse-filepath@npm:1.0.2"
@@ -43984,7 +43874,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parse5@npm:6.0.1, parse5@npm:^6.0.0, parse5@npm:^6.0.1":
+"parse5@npm:6.0.1, parse5@npm:^6.0.1":
   version: 6.0.1
   resolution: "parse5@npm:6.0.1"
   checksum: 10c0/595821edc094ecbcfb9ddcb46a3e1fe3a718540f8320eff08b8cf6742a5114cce2d46d45f95c26191c11b184dcaf4e2960abcd9c5ed9eb9393ac9a37efcfdecb
@@ -46516,7 +46406,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.0.0, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -46534,10 +46424,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"property-information@npm:^6.0.0":
-  version: 6.5.0
-  resolution: "property-information@npm:6.5.0"
-  checksum: 10c0/981e0f9cc2e5acdb414a6fd48a99dd0fd3a4079e7a91ab41cf97a8534cf43e0e0bc1ffada6602a1b3d047a33db8b5fc2ef46d863507eda712d5ceedac443f0ef
+"property-information@npm:^7.0.0":
+  version: 7.2.0
+  resolution: "property-information@npm:7.2.0"
+  checksum: 10c0/03662c8f9e1544510914c5e594ae72963f67d261027a5fdc06c4134742584fe40dd49b959470d30e757e9fb70b297d8546ab1362a040364144029926ad4e07c4
   languageName: node
   linkType: hard
 
@@ -47206,15 +47096,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-dom@npm:18.3.1":
-  version: 18.3.1
-  resolution: "react-dom@npm:18.3.1"
+"react-dom@npm:19.1.0":
+  version: 19.1.0
+  resolution: "react-dom@npm:19.1.0"
   dependencies:
-    loose-envify: "npm:^1.1.0"
-    scheduler: "npm:^0.23.2"
+    scheduler: "npm:^0.26.0"
   peerDependencies:
-    react: ^18.3.1
-  checksum: 10c0/a752496c1941f958f2e8ac56239172296fcddce1365ce45222d04a1947e0cc5547df3e8447f855a81d6d39f008d7c32eab43db3712077f09e3f67c4874973e85
+    react: ^19.1.0
+  checksum: 10c0/3e26e89bb6c67c9a6aa86cb888c7a7f8258f2e347a6d2a15299c17eb16e04c19194e3452bc3255bd34000a61e45e2cb51e46292392340432f133e5a5d2dfb5fc
   languageName: node
   linkType: hard
 
@@ -47242,17 +47131,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-error-boundary@npm:^3.1.0":
-  version: 3.1.4
-  resolution: "react-error-boundary@npm:3.1.4"
-  dependencies:
-    "@babel/runtime": "npm:^7.12.5"
-  peerDependencies:
-    react: ">=16.13.1"
-  checksum: 10c0/f977ca61823e43de2381d53dd7aa8b4d79ff6a984c9afdc88dc44f9973b99de7fd382d2f0f91f2688e24bb987c0185bf45d0b004f22afaaab0f990a830253bfb
-  languageName: node
-  linkType: hard
-
 "react-error-overlay@npm:^5.1.4":
   version: 5.1.6
   resolution: "react-error-overlay@npm:5.1.6"
@@ -47295,19 +47173,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-hook-form@npm:^6.15.8":
-  version: 6.15.8
-  resolution: "react-hook-form@npm:6.15.8"
+"react-hook-form@npm:^7.54.0":
+  version: 7.81.0
+  resolution: "react-hook-form@npm:7.81.0"
   peerDependencies:
-    react: ^16.8.0 || ^17
-  checksum: 10c0/7a41e476d53ce78a9d37390cdabc53016eb0e6fce86563ec9c2b67f03d6db27366f4ff57498427e9e2c3e37cc92020740fa570b7dbaaf21fa4b72397fa71f77e
-  languageName: node
-  linkType: hard
-
-"react-is@npm:^16.12.0 || ^17.0.0 || ^18.0.0, react-is@npm:^18.0.0, react-is@npm:^18.3.1":
-  version: 18.3.1
-  resolution: "react-is@npm:18.3.1"
-  checksum: 10c0/f2f1e60010c683479e74c63f96b09fb41603527cd131a9959e2aee1e5a8b0caf270b365e5ca77d4a6b18aae659b60a86150bb3979073528877029b35aecd2072
+    react: ^16.8.0 || ^17 || ^18 || ^19
+  checksum: 10c0/bdb5b0bb44050ffa54425dbbea855e55696847ae8ff87f77fe43bc85d830d67735ecdeaaf188ba30d9567fad8b0c47a5f42a9a522ed9411222773512e0e7f37b
   languageName: node
   linkType: hard
 
@@ -47318,36 +47189,39 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-is@npm:^16.8.0 || ^17.0.0, react-is@npm:^17.0.1":
+"react-is@npm:^17.0.1":
   version: 17.0.2
   resolution: "react-is@npm:17.0.2"
   checksum: 10c0/2bdb6b93fbb1820b024b496042cce405c57e2f85e777c9aabd55f9b26d145408f9f74f5934676ffdc46f3dcff656d78413a6e43968e7b3f92eea35b3052e9053
   languageName: node
   linkType: hard
 
-"react-markdown@npm:^8.0.5":
-  version: 8.0.7
-  resolution: "react-markdown@npm:8.0.7"
-  dependencies:
-    "@types/hast": "npm:^2.0.0"
-    "@types/prop-types": "npm:^15.0.0"
-    "@types/unist": "npm:^2.0.0"
-    comma-separated-tokens: "npm:^2.0.0"
-    hast-util-whitespace: "npm:^2.0.0"
-    prop-types: "npm:^15.0.0"
-    property-information: "npm:^6.0.0"
-    react-is: "npm:^18.0.0"
-    remark-parse: "npm:^10.0.0"
-    remark-rehype: "npm:^10.0.0"
-    space-separated-tokens: "npm:^2.0.0"
-    style-to-object: "npm:^0.4.0"
-    unified: "npm:^10.0.0"
-    unist-util-visit: "npm:^4.0.0"
-    vfile: "npm:^5.0.0"
-  peerDependencies:
-    "@types/react": ">=16"
-    react: ">=16"
-  checksum: 10c0/016617fbd2f4c03c5ae017fe39e89202f2ff536b4921dc1a5f7283d4b9d5157f20797adda75a8c59a06787ad0bc8841e2e437915aec645ce528e0a04a6d450ac
+"react-is@npm:^18.0.0, react-is@npm:^18.3.1":
+  version: 18.3.1
+  resolution: "react-is@npm:18.3.1"
+  checksum: 10c0/f2f1e60010c683479e74c63f96b09fb41603527cd131a9959e2aee1e5a8b0caf270b365e5ca77d4a6b18aae659b60a86150bb3979073528877029b35aecd2072
+  languageName: node
+  linkType: hard
+
+"react-markdown@npm:^9.0.3":
+  version: 9.1.0
+  resolution: "react-markdown@npm:9.1.0"
+  dependencies:
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    devlop: "npm:^1.0.0"
+    hast-util-to-jsx-runtime: "npm:^2.0.0"
+    html-url-attributes: "npm:^3.0.0"
+    mdast-util-to-hast: "npm:^13.0.0"
+    remark-parse: "npm:^11.0.0"
+    remark-rehype: "npm:^11.0.0"
+    unified: "npm:^11.0.0"
+    unist-util-visit: "npm:^5.0.0"
+    vfile: "npm:^6.0.0"
+  peerDependencies:
+    "@types/react": ">=18"
+    react: ">=18"
+  checksum: 10c0/5bd645d39379f776d64588105f4060c390c3c8e4ff048552c9fa0ad31b756bb3ff7c11081542dc58d840ccf183a6dd4fd4d4edab44d8c24dee8b66551a5fd30d
   languageName: node
   linkType: hard
 
@@ -47496,18 +47370,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-shallow-renderer@npm:^16.15.0":
-  version: 16.15.0
-  resolution: "react-shallow-renderer@npm:16.15.0"
-  dependencies:
-    object-assign: "npm:^4.1.1"
-    react-is: "npm:^16.12.0 || ^17.0.0 || ^18.0.0"
-  peerDependencies:
-    react: ^16.0.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/c194d741792e86043a4ae272f7353c1cb9412bc649945c4220c6a101a6ea5410cceb3d65d5a4d750f11a24f7426e8eec7977e8a4e3ad5d3ee235ca2b18166fa8
-  languageName: node
-  linkType: hard
-
 "react-side-effect@npm:^2.1.0":
   version: 2.1.2
   resolution: "react-side-effect@npm:2.1.2"
@@ -47533,34 +47395,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-test-renderer@npm:^18.3.1":
-  version: 18.3.1
-  resolution: "react-test-renderer@npm:18.3.1"
-  dependencies:
-    react-is: "npm:^18.3.1"
-    react-shallow-renderer: "npm:^16.15.0"
-    scheduler: "npm:^0.23.2"
-  peerDependencies:
-    react: ^18.3.1
-  checksum: 10c0/c633558ef9af33bc68f0c4dbb5163a004c4fb9eade7bd0a7cfc0355fb367f36bd9d96533c90b7e85a146be6c525113a15f58683d269e0177ad77e2b04d4fe51c
-  languageName: node
-  linkType: hard
-
-"react-transition-group@npm:^4.4.0":
-  version: 4.4.5
-  resolution: "react-transition-group@npm:4.4.5"
-  dependencies:
-    "@babel/runtime": "npm:^7.5.5"
-    dom-helpers: "npm:^5.0.1"
-    loose-envify: "npm:^1.4.0"
-    prop-types: "npm:^15.6.2"
-  peerDependencies:
-    react: ">=16.6.0"
-    react-dom: ">=16.6.0"
-  checksum: 10c0/2ba754ba748faefa15f87c96dfa700d5525054a0141de8c75763aae6734af0740e77e11261a1e8f4ffc08fd9ab78510122e05c21c2d79066c38bb6861a886c82
-  languageName: node
-  linkType: hard
-
 "react-webcam@npm:^7.2.0":
   version: 7.2.0
   resolution: "react-webcam@npm:7.2.0"
@@ -47571,12 +47405,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:18.3.1":
-  version: 18.3.1
-  resolution: "react@npm:18.3.1"
-  dependencies:
-    loose-envify: "npm:^1.1.0"
-  checksum: 10c0/283e8c5efcf37802c9d1ce767f302dd569dd97a70d9bb8c7be79a789b9902451e0d16334b05d73299b20f048cbc3c7d288bbbde10b701fa194e2089c237dbea3
+"react@npm:19.1.0":
+  version: 19.1.0
+  resolution: "react@npm:19.1.0"
+  checksum: 10c0/530fb9a62237d54137a13d2cfb67a7db6a2156faed43eecc423f4713d9b20c6f2728b026b45e28fcd72e8eadb9e9ed4b089e99f5e295d2f0ad3134251bdd3698
   languageName: node
   linkType: hard
 
@@ -47943,14 +47775,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rehype-raw@npm:^6.1.1":
-  version: 6.1.1
-  resolution: "rehype-raw@npm:6.1.1"
+"rehype-raw@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "rehype-raw@npm:7.0.0"
   dependencies:
-    "@types/hast": "npm:^2.0.0"
-    hast-util-raw: "npm:^7.2.0"
-    unified: "npm:^10.0.0"
-  checksum: 10c0/c68b460d313cad877e731d83770913417e4759b3d7a824ffc0e60a7a62cdd7e24c461ead9b081760005382dd4510330e3bb961370e58dfeed09732675037a1a9
+    "@types/hast": "npm:^3.0.0"
+    hast-util-raw: "npm:^9.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10c0/1435b4b6640a5bc3abe3b2133885c4dbff5ef2190ef9cfe09d6a63f74dd7d7ffd0cede70603278560ccf1acbfb9da9faae4b68065a28bc5aa88ad18e40f32d52
   languageName: node
   linkType: hard
 
@@ -47981,26 +47813,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"remark-parse@npm:^10.0.0":
-  version: 10.0.2
-  resolution: "remark-parse@npm:10.0.2"
+"remark-parse@npm:^11.0.0":
+  version: 11.0.0
+  resolution: "remark-parse@npm:11.0.0"
   dependencies:
-    "@types/mdast": "npm:^3.0.0"
-    mdast-util-from-markdown: "npm:^1.0.0"
-    unified: "npm:^10.0.0"
-  checksum: 10c0/30cb8f2790380b1c7370a1c66cda41f33a7dc196b9e440a00e2675037bca55aea868165a8204e0cdbacc27ef4a3bdb7d45879826bd6efa07d9fdf328cb67a332
+    "@types/mdast": "npm:^4.0.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    micromark-util-types: "npm:^2.0.0"
+    unified: "npm:^11.0.0"
+  checksum: 10c0/6eed15ddb8680eca93e04fcb2d1b8db65a743dcc0023f5007265dda558b09db595a087f622062ccad2630953cd5cddc1055ce491d25a81f3317c858348a8dd38
   languageName: node
   linkType: hard
 
-"remark-rehype@npm:^10.0.0":
-  version: 10.1.0
-  resolution: "remark-rehype@npm:10.1.0"
+"remark-rehype@npm:^11.0.0":
+  version: 11.1.2
+  resolution: "remark-rehype@npm:11.1.2"
   dependencies:
-    "@types/hast": "npm:^2.0.0"
-    "@types/mdast": "npm:^3.0.0"
-    mdast-util-to-hast: "npm:^12.1.0"
-    unified: "npm:^10.0.0"
-  checksum: 10c0/803e658c9b51a9b53ee2ada42ff82e8e570444bb97c873e0d602c2d8dcb69a774fd22bd6f26643dfd5ab4c181059ea6c9fb9a99a2d7f9665f3f11bef1a1489bd
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    mdast-util-to-hast: "npm:^13.0.0"
+    unified: "npm:^11.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10c0/f9eccacfb596d9605581dc05bfad28635d6ded5dd0a18e88af5fd4df0d3fcf9612e1501d4513bc2164d833cfe9636dab20400080b09e53f155c6e1442a1231fb
   languageName: node
   linkType: hard
 
@@ -48764,15 +48598,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sade@npm:^1.7.3":
-  version: 1.8.1
-  resolution: "sade@npm:1.8.1"
-  dependencies:
-    mri: "npm:^1.1.0"
-  checksum: 10c0/da8a3a5d667ad5ce3bf6d4f054bbb9f711103e5df21003c5a5c1a8a77ce12b640ed4017dd423b13c2307ea7e645adee7c2ae3afe8051b9db16a6f6d3da3f90b1
-  languageName: node
-  linkType: hard
-
 "safe-array-concat@npm:^1.1.2, safe-array-concat@npm:^1.1.3":
   version: 1.1.3
   resolution: "safe-array-concat@npm:1.1.3"
@@ -49171,12 +48996,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"scheduler@npm:^0.23.2":
-  version: 0.23.2
-  resolution: "scheduler@npm:0.23.2"
-  dependencies:
-    loose-envify: "npm:^1.1.0"
-  checksum: 10c0/26383305e249651d4c58e6705d5f8425f153211aef95f15161c151f7b8de885f24751b377e4a0b3dd42cce09aad3f87a61dab7636859c0d89b7daf1a1e2a5c78
+"scheduler@npm:^0.26.0":
+  version: 0.26.0
+  resolution: "scheduler@npm:0.26.0"
+  checksum: 10c0/5b8d5bfddaae3513410eda54f2268e98a376a429931921a81b5c3a2873aab7ca4d775a8caac5498f8cbc7d0daeab947cf923dbd8e215d61671f9f4e392d34356
   languageName: node
   linkType: hard
 
@@ -51171,6 +50994,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"stringify-entities@npm:^4.0.0":
+  version: 4.0.4
+  resolution: "stringify-entities@npm:4.0.4"
+  dependencies:
+    character-entities-html4: "npm:^2.0.0"
+    character-entities-legacy: "npm:^3.0.0"
+  checksum: 10c0/537c7e656354192406bdd08157d759cd615724e9d0873602d2c9b2f6a5c0a8d0b1d73a0a08677848105c5eebac6db037b57c0b3a4ec86331117fa7319ed50448
+  languageName: node
+  linkType: hard
+
 "stringify-object@npm:^3.3.0":
   version: 3.3.0
   resolution: "stringify-object@npm:3.3.0"
@@ -51399,12 +51232,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"style-to-object@npm:^0.4.0":
-  version: 0.4.4
-  resolution: "style-to-object@npm:0.4.4"
+"style-to-js@npm:^1.0.0":
+  version: 1.1.21
+  resolution: "style-to-js@npm:1.1.21"
+  dependencies:
+    style-to-object: "npm:1.0.14"
+  checksum: 10c0/94231aa80f58f442c3a5ae01a21d10701e5d62f96b4b3e52eab3499077ee52df203cc0df4a1a870707f5e99470859136ea8657b782a5f4ca7934e0ffe662a588
+  languageName: node
+  linkType: hard
+
+"style-to-object@npm:1.0.14":
+  version: 1.0.14
+  resolution: "style-to-object@npm:1.0.14"
   dependencies:
-    inline-style-parser: "npm:0.1.1"
-  checksum: 10c0/3a733080da66952881175b17d65f92985cf94c1ca358a92cf21b114b1260d49b94a404ed79476047fb95698d64c7e366ca7443f0225939e2fb34c38bbc9c7639
+    inline-style-parser: "npm:0.2.7"
+  checksum: 10c0/854d9e9b77afc336e6d7b09348e7939f2617b34eb0895824b066d8cd1790284cb6d8b2ba36be88025b2595d715dba14b299ae76e4628a366541106f639e13679
   languageName: node
   linkType: hard
 
@@ -52560,13 +52402,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tiny-warning@npm:^1.0.2":
-  version: 1.0.3
-  resolution: "tiny-warning@npm:1.0.3"
-  checksum: 10c0/ef8531f581b30342f29670cb41ca248001c6fd7975ce22122bd59b8d62b4fc84ad4207ee7faa95cde982fa3357cd8f4be650142abc22805538c3b1392d7084fa
-  languageName: node
-  linkType: hard
-
 "tinyglobby@npm:^0.2.12, tinyglobby@npm:^0.2.13, tinyglobby@npm:^0.2.9":
   version: 0.2.14
   resolution: "tinyglobby@npm:0.2.14"
@@ -53752,18 +53587,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unified@npm:^10.0.0":
-  version: 10.1.2
-  resolution: "unified@npm:10.1.2"
+"unified@npm:^11.0.0":
+  version: 11.0.5
+  resolution: "unified@npm:11.0.5"
   dependencies:
-    "@types/unist": "npm:^2.0.0"
+    "@types/unist": "npm:^3.0.0"
     bail: "npm:^2.0.0"
+    devlop: "npm:^1.0.0"
     extend: "npm:^3.0.0"
-    is-buffer: "npm:^2.0.0"
     is-plain-obj: "npm:^4.0.0"
     trough: "npm:^2.0.0"
-    vfile: "npm:^5.0.0"
-  checksum: 10c0/da9195e3375a74ab861a65e1d7b0454225d17a61646697911eb6b3e97de41091930ed3d167eb11881d4097c51deac407091d39ddd1ee8bf1fde3f946844a17a7
+    vfile: "npm:^6.0.0"
+  checksum: 10c0/53c8e685f56d11d9d458a43e0e74328a4d6386af51c8ac37a3dcabec74ce5026da21250590d4aff6733ccd7dc203116aae2b0769abc18cdf9639a54ae528dfc9
   languageName: node
   linkType: hard
 
@@ -53833,58 +53668,51 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unist-util-generated@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "unist-util-generated@npm:2.0.1"
-  checksum: 10c0/6f052dd47a7280785f3787f52cdfe8819e1de50317a1bcf7c9346c63268cf2cebc61a5980e7ca734a54735e27dbb73091aa0361a98504ab7f9409fb75f1b16bb
-  languageName: node
-  linkType: hard
-
-"unist-util-is@npm:^5.0.0":
-  version: 5.2.1
-  resolution: "unist-util-is@npm:5.2.1"
+"unist-util-is@npm:^6.0.0":
+  version: 6.0.1
+  resolution: "unist-util-is@npm:6.0.1"
   dependencies:
-    "@types/unist": "npm:^2.0.0"
-  checksum: 10c0/a2376910b832bb10653d2167c3cd85b3610a5fd53f5169834c08b3c3a720fae9043d75ad32d727eedfc611491966c26a9501d428ec62467edc17f270feb5410b
+    "@types/unist": "npm:^3.0.0"
+  checksum: 10c0/5a487d390193811d37a68264e204dbc7c15c40b8fc29b5515a535d921d071134f571d7b5cbd59bcd58d5ce1c0ab08f20fc4a1f0df2287a249c979267fc32ce06
   languageName: node
   linkType: hard
 
-"unist-util-position@npm:^4.0.0":
-  version: 4.0.4
-  resolution: "unist-util-position@npm:4.0.4"
+"unist-util-position@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "unist-util-position@npm:5.0.0"
   dependencies:
-    "@types/unist": "npm:^2.0.0"
-  checksum: 10c0/e506d702e25a0fb47a64502054f709a6ff5db98993bf139eec868cd11eb7de34392b781c6c2002e2c24d97aa398c14b32a47076129f36e4b894a2c1351200888
+    "@types/unist": "npm:^3.0.0"
+  checksum: 10c0/dde3b31e314c98f12b4dc6402f9722b2bf35e96a4f2d463233dd90d7cde2d4928074a7a11eff0a5eb1f4e200f27fc1557e0a64a7e8e4da6558542f251b1b7400
   languageName: node
   linkType: hard
 
-"unist-util-stringify-position@npm:^3.0.0":
-  version: 3.0.3
-  resolution: "unist-util-stringify-position@npm:3.0.3"
+"unist-util-stringify-position@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "unist-util-stringify-position@npm:4.0.0"
   dependencies:
-    "@types/unist": "npm:^2.0.0"
-  checksum: 10c0/14550027825230528f6437dad7f2579a841780318569851291be6c8a970bae6f65a7feb24dabbcfce0e5e68cacae85bf12cbda3f360f7c873b4db602bdf7bb21
+    "@types/unist": "npm:^3.0.0"
+  checksum: 10c0/dfe1dbe79ba31f589108cb35e523f14029b6675d741a79dea7e5f3d098785045d556d5650ec6a8338af11e9e78d2a30df12b1ee86529cded1098da3f17ee999e
   languageName: node
   linkType: hard
 
-"unist-util-visit-parents@npm:^5.1.1":
-  version: 5.1.3
-  resolution: "unist-util-visit-parents@npm:5.1.3"
+"unist-util-visit-parents@npm:^6.0.0":
+  version: 6.0.2
+  resolution: "unist-util-visit-parents@npm:6.0.2"
   dependencies:
-    "@types/unist": "npm:^2.0.0"
-    unist-util-is: "npm:^5.0.0"
-  checksum: 10c0/f6829bfd8f2eddf63a32e2c302cd50978ef0c194b792c6fe60c2b71dfd7232415a3c5941903972543e9d34e6a8ea69dee9ccd95811f4a795495ed2ae855d28d0
+    "@types/unist": "npm:^3.0.0"
+    unist-util-is: "npm:^6.0.0"
+  checksum: 10c0/f1e4019dbd930301825895e3737b1ee0cd682f7622ddd915062135cbb39f8c090aaece3a3b5eae1f2ea52ec33f0931abb8f8a8b5c48a511a4203e3d360a8cd49
   languageName: node
   linkType: hard
 
-"unist-util-visit@npm:^4.0.0":
-  version: 4.1.2
-  resolution: "unist-util-visit@npm:4.1.2"
+"unist-util-visit@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "unist-util-visit@npm:5.1.0"
   dependencies:
-    "@types/unist": "npm:^2.0.0"
-    unist-util-is: "npm:^5.0.0"
-    unist-util-visit-parents: "npm:^5.1.1"
-  checksum: 10c0/56a1f49a4d8e321e75b3c7821d540a45165a031dd06324bb0e8c75e7737bc8d73bdddbf0b0ca82000f9708a4c36861c6ebe88d01f7cf00e925f5d75f13a3a017
+    "@types/unist": "npm:^3.0.0"
+    unist-util-is: "npm:^6.0.0"
+    unist-util-visit-parents: "npm:^6.0.0"
+  checksum: 10c0/a56e1bbbf63fcb55abe379e660b9a3367787e8be1e2473bdb7e86cfa6f32b6c1fa0092432d7040b8a30b2fc674bbbe024ffe6d03c3d6bf4839b064f584463a4e
   languageName: node
   linkType: hard
 
@@ -54384,20 +54212,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"uvu@npm:^0.5.0":
-  version: 0.5.6
-  resolution: "uvu@npm:0.5.6"
-  dependencies:
-    dequal: "npm:^2.0.0"
-    diff: "npm:^5.0.0"
-    kleur: "npm:^4.0.3"
-    sade: "npm:^1.7.3"
-  bin:
-    uvu: bin.js
-  checksum: 10c0/ad32eb5f7d94bdeb71f80d073003f0138e24f61ed68cecc8e15d2f30838f44c9670577bb1775c8fac894bf93d1bc1583d470a9195e49bfa6efa14cc6f4942bff
-  languageName: node
-  linkType: hard
-
 "v8-compile-cache-lib@npm:^3.0.1":
   version: 3.0.1
   resolution: "v8-compile-cache-lib@npm:3.0.1"
@@ -54507,35 +54321,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vfile-location@npm:^4.0.0":
-  version: 4.1.0
-  resolution: "vfile-location@npm:4.1.0"
+"vfile-location@npm:^5.0.0":
+  version: 5.0.3
+  resolution: "vfile-location@npm:5.0.3"
   dependencies:
-    "@types/unist": "npm:^2.0.0"
-    vfile: "npm:^5.0.0"
-  checksum: 10c0/77097e819579214d3346aaa2b06e4d23e2413221ac4914679d312cf64973011b76f0e2424fa8f18987befcd6ed60f4f6c4c6ebd5d5326062173a95f6b4445a96
+    "@types/unist": "npm:^3.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10c0/1711f67802a5bc175ea69750d59863343ed43d1b1bb25c0a9063e4c70595e673e53e2ed5cdbb6dcdc370059b31605144d95e8c061b9361bcc2b036b8f63a4966
   languageName: node
   linkType: hard
 
-"vfile-message@npm:^3.0.0":
-  version: 3.1.4
-  resolution: "vfile-message@npm:3.1.4"
+"vfile-message@npm:^4.0.0":
+  version: 4.0.3
+  resolution: "vfile-message@npm:4.0.3"
   dependencies:
-    "@types/unist": "npm:^2.0.0"
-    unist-util-stringify-position: "npm:^3.0.0"
-  checksum: 10c0/c4ccf9c0ced92d657846fd067fefcf91c5832cdbe2ecc431bb67886e8c959bf7fc05a9dbbca5551bc34c9c87a0a73854b4249f65c64ddfebc4d59ea24a18b996
+    "@types/unist": "npm:^3.0.0"
+    unist-util-stringify-position: "npm:^4.0.0"
+  checksum: 10c0/33d9f219610d27987689bb14fa5573d2daa146941d1a05416dd7702c4215b23f44ed81d059e70d0e4e24f9a57d5f4dc9f18d35a993f04cf9446a7abe6d72d0c0
   languageName: node
   linkType: hard
 
-"vfile@npm:^5.0.0":
-  version: 5.3.7
-  resolution: "vfile@npm:5.3.7"
+"vfile@npm:^6.0.0":
+  version: 6.0.3
+  resolution: "vfile@npm:6.0.3"
   dependencies:
-    "@types/unist": "npm:^2.0.0"
-    is-buffer: "npm:^2.0.0"
-    unist-util-stringify-position: "npm:^3.0.0"
-    vfile-message: "npm:^3.0.0"
-  checksum: 10c0/c36bd4c3f16ec0c6cbad0711ca99200316bbf849d6b07aa4cb5d9062cc18ae89249fe62af9521926e9659c0e6bc5c2c1da0fe26b41fb71e757438297e1a41da4
+    "@types/unist": "npm:^3.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10c0/e5d9eb4810623f23758cfc2205323e33552fb5972e5c2e6587babe08fe4d24859866277404fb9e2a20afb71013860d96ec806cb257536ae463c87d70022ab9ef
   languageName: node
   linkType: hard
 
@@ -56177,7 +55989,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ws@npm:8.21.0, ws@npm:^8.18.3, ws@npm:^8.21.0":
+"ws@npm:8.21.0, ws@npm:^8.11.0, ws@npm:^8.18.3, ws@npm:^8.21.0":
   version: 8.21.0
   resolution: "ws@npm:8.21.0"
   peerDependencies:
@@ -56207,7 +56019,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ws@npm:^8.11.0, ws@npm:^8.13.0, ws@npm:^8.18.0, ws@npm:^8.2.3":
+"ws@npm:^8.13.0, ws@npm:^8.18.0, ws@npm:^8.2.3":
   version: 8.18.2
   resolution: "ws@npm:8.18.2"
   peerDependencies: