diff --git a/api/package.json b/api/package.json
index 2ca2edee9..2151d8883 100644
--- a/api/package.json
+++ b/api/package.json
@@ -7,7 +7,7 @@
   "scripts": {
     "build": "npx tsc",
     "format": "prettier --check --write *.js src/**",
-    "lint": "ESLINT_USE_FLAT_CONFIG=true eslint *.js src/ -c eslint.config.mjs --max-warnings 0",
+    "lint": "prettier --check *.js src/** && ESLINT_USE_FLAT_CONFIG=true eslint *.js src/ -c eslint.config.mjs --max-warnings 0",
     "start:serverWatch": "nodemon --watch 'vudl.ini' --watch '**/*.ts' --watch '**/*.ejs' --ignore node_modules/ src/server.ts",
     "start:workerWatch": "nodemon --watch 'vudl.ini' --watch '**/*.ts' src/worker-start.ts",
     "start:server": "ts-node src/server.ts",
diff --git a/client/components/LogoutButton.test.tsx b/client/components/LogoutButton.test.tsx
index 06498f9c0..0f2347bb6 100644
--- a/client/components/LogoutButton.test.tsx
+++ b/client/components/LogoutButton.test.tsx
@@ -2,7 +2,6 @@ import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import LogoutButton from "./LogoutButton";
 
 const mockUseFetchContext = jest.fn();
@@ -27,20 +26,14 @@ describe("LogoutButton", () => {
     });
 
     it("renders correctly when logged in", async () => {
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(<LogoutButton />);
-        });
-        expect(tree.toJSON()).toMatchSnapshot();
+        const { asFragment } = render(<LogoutButton />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders correctly when logged out", async () => {
         fetchValues.state.token = null;
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(<LogoutButton />);
-        });
-        expect(tree.toJSON()).toMatchSnapshot();
+        const { asFragment } = render(<LogoutButton />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("clears the token", async () => {
diff --git a/client/components/__snapshots__/LogoutButton.test.tsx.snap b/client/components/__snapshots__/LogoutButton.test.tsx.snap
index 0d00f8a7e..5fd696da2 100644
--- a/client/components/__snapshots__/LogoutButton.test.tsx.snap
+++ b/client/components/__snapshots__/LogoutButton.test.tsx.snap
@@ -1,17 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`LogoutButton renders correctly when logged in 1`] = `
-<div
-  className="logout"
->
-  <a
-    className="button btn-primary"
-    href="http://localhost:9000/api/auth/logout"
-    onClick={[MockFunction]}
+<DocumentFragment>
+  <div
+    class="logout"
   >
-    Log Out
-  </a>
-</div>
+    <a
+      class="button btn-primary"
+      href="http://localhost:9000/api/auth/logout"
+    >
+      Log Out
+    </a>
+  </div>
+</DocumentFragment>
 `;
 
-exports[`LogoutButton renders correctly when logged out 1`] = `null`;
+exports[`LogoutButton renders correctly when logged out 1`] = `<DocumentFragment />`;
diff --git a/client/components/bulk/BulkEditor.test.tsx b/client/components/bulk/BulkEditor.test.tsx
index 71948f366..72caf6ddc 100644
--- a/client/components/bulk/BulkEditor.test.tsx
+++ b/client/components/bulk/BulkEditor.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import { fireEvent, render, screen } from "@testing-library/react";
-import renderer from "react-test-renderer";
 import BulkEditor from "./BulkEditor";
 
 const mockUseEditorContext = jest.fn();
@@ -46,8 +44,8 @@ describe("BulkEditor", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<BulkEditor />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<BulkEditor />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("reports failure if it receives bad JSON", async () => {
diff --git a/client/components/bulk/__snapshots__/BulkEditor.test.tsx.snap b/client/components/bulk/__snapshots__/BulkEditor.test.tsx.snap
index fa61936d3..9bb43a66c 100644
--- a/client/components/bulk/__snapshots__/BulkEditor.test.tsx.snap
+++ b/client/components/bulk/__snapshots__/BulkEditor.test.tsx.snap
@@ -1,210 +1,184 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`BulkEditor renders 1`] = `
-<div>
-  BasicBreadcrumbs
-  <h1>
-    Bulk Editor
-  </h1>
-  <h2>
-    Record Selector
-  </h2>
-  <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
-  >
+<DocumentFragment>
+  <div>
+    BasicBreadcrumbs
+    <h1>
+      Bulk Editor
+    </h1>
+    <h2>
+      Record Selector
+    </h2>
     <div
-      className="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
+      class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
     >
-      <label
-        className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined css-14s5rfu-MuiFormLabel-root-MuiInputLabel-root"
-        data-shrink={false}
-        htmlFor="outlined-basic"
-        id="outlined-basic-label"
+      <div
+        class="MuiFormControl-root MuiTextField-root css-1xp5r68-MuiFormControl-root-MuiTextField-root"
       >
-        Search Query
-      </label>
+        <label
+          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined css-19qnlrw-MuiFormLabel-root-MuiInputLabel-root"
+          data-shrink="false"
+          for="outlined-basic"
+          id="outlined-basic-label"
+        >
+          Search Query
+        </label>
+        <div
+          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+        >
+          <input
+            aria-invalid="false"
+            class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+            id="outlined-basic"
+            type="text"
+            value=""
+          />
+          <fieldset
+            aria-hidden="true"
+            class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+          >
+            <legend
+              class="css-1n64csd-MuiNotchedOutlined-root"
+            >
+              <span>
+                Search Query
+              </span>
+            </legend>
+          </fieldset>
+        </div>
+      </div>
+    </div>
+    <div
+      class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
+    >
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiFormControl-root MuiTextField-root css-1xp5r68-MuiFormControl-root-MuiTextField-root"
       >
-        <input
-          aria-invalid={false}
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          disabled={false}
-          id="outlined-basic"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
-          required={false}
-          type="text"
-          value=""
-        />
-        <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+        <label
+          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined css-113d811-MuiFormLabel-root-MuiInputLabel-root"
+          data-shrink="true"
+          for="outlined-basic"
+          id="outlined-basic-label"
         >
-          <legend
-            className="css-yjsfm1"
+          Result Limit
+        </label>
+        <div
+          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+        >
+          <input
+            aria-invalid="false"
+            class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+            id="outlined-basic"
+            type="text"
+            value="50"
+          />
+          <fieldset
+            aria-hidden="true"
+            class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
           >
-            <span>
-              Search Query
-            </span>
-          </legend>
-        </fieldset>
+            <legend
+              class="css-ex8a5f-MuiNotchedOutlined-root"
+            >
+              <span>
+                Result Limit
+              </span>
+            </legend>
+          </fieldset>
+        </div>
       </div>
     </div>
-  </div>
-  <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
-  >
     <div
-      className="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
+      class="MuiFormControl-root css-1iw3t7y-MuiFormControl-root"
+    >
+      <button>
+        Fetch Records
+      </button>
+    </div>
+    <p>
+      0 selected.
+    </p>
+    <pre
+      id="selectedRecords"
+      title="Selected Records"
+    />
+    <h2>
+      Changes to Apply
+    </h2>
+    <div
+      class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
     >
       <label
-        className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined css-1jy569b-MuiFormLabel-root-MuiInputLabel-root"
-        data-shrink={true}
-        htmlFor="outlined-basic"
-        id="outlined-basic-label"
+        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined css-19qnlrw-MuiFormLabel-root-MuiInputLabel-root"
+        data-shrink="false"
       >
-        Result Limit
+        Choose New License
       </label>
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiSelect-root css-sc8y68-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root"
       >
+        <div
+          aria-expanded="false"
+          aria-haspopup="listbox"
+          class="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input css-18jp67o-MuiNativeSelect-root-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input"
+          role="combobox"
+          tabindex="0"
+        >
+          <span
+            aria-hidden="true"
+            class="notranslate"
+          >
+            ​
+          </span>
+        </div>
         <input
-          aria-invalid={false}
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          disabled={false}
-          id="outlined-basic"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
-          required={false}
-          type="text"
-          value="50"
+          aria-hidden="true"
+          aria-invalid="false"
+          class="MuiSelect-nativeInput css-j0riat-MuiSelect-nativeInput"
+          tabindex="-1"
+          value=""
         />
+        <svg
+          aria-hidden="true"
+          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined css-1rfqz7c-MuiSvgIcon-root-MuiNativeSelect-root-MuiSelect-icon"
+          data-testid="ArrowDropDownIcon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M7 10l5 5 5-5z"
+          />
+        </svg>
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-14lo706"
+            class="css-1n64csd-MuiNotchedOutlined-root"
           >
             <span>
-              Result Limit
+              Choose New License
             </span>
           </legend>
         </fieldset>
       </div>
     </div>
-  </div>
-  <div
-    className="MuiFormControl-root css-1nrlq1o-MuiFormControl-root"
-  >
-    <button
-      onClick={[Function]}
-    >
-      Fetch Records
-    </button>
-  </div>
-  <p>
-    0 selected.
-  </p>
-  <pre
-    id="selectedRecords"
-    title="Selected Records"
-  />
-  <h2>
-    Changes to Apply
-  </h2>
-  <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
-  >
-    <label
-      className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined css-14s5rfu-MuiFormLabel-root-MuiInputLabel-root"
-      data-shrink={false}
-    >
-      Choose New License
-    </label>
     <div
-      className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root"
-      onClick={[Function]}
+      class="MuiFormControl-root css-1iw3t7y-MuiFormControl-root"
     >
-      <div
-        aria-controls=":r2:"
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input"
-        onBlur={[Function]}
-        onFocus={[Function]}
-        onKeyDown={[Function]}
-        onMouseDown={[Function]}
-        role="combobox"
-        tabIndex={0}
-      >
-        <span
-          className="notranslate"
-        >
-          ​
-        </span>
-      </div>
-      <input
-        aria-hidden={true}
-        aria-invalid={false}
-        className="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput"
-        disabled={false}
-        onAnimationStart={[Function]}
-        onChange={[Function]}
-        required={false}
-        tabIndex={-1}
-        value=""
-      />
-      <svg
-        aria-hidden={true}
-        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined css-hfutr2-MuiSvgIcon-root-MuiSelect-icon"
-        data-testid="ArrowDropDownIcon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M7 10l5 5 5-5z"
-        />
-      </svg>
-      <fieldset
-        aria-hidden={true}
-        className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+      <button
+        id="bulkEditSubmit"
       >
-        <legend
-          className="css-yjsfm1"
-        >
-          <span>
-            Choose New License
-          </span>
-        </legend>
-      </fieldset>
+        Apply Changes
+      </button>
     </div>
+    <h2>
+      Results:
+    </h2>
+    <pre
+      id="bulkEditResults"
+      title="Bulk Edit Results"
+    />
   </div>
-  <div
-    className="MuiFormControl-root css-1nrlq1o-MuiFormControl-root"
-  >
-    <button
-      id="bulkEditSubmit"
-      onClick={[Function]}
-    >
-      Apply Changes
-    </button>
-  </div>
-  <h2>
-    Results:
-  </h2>
-  <pre
-    id="bulkEditResults"
-    title="Bulk Edit Results"
-  />
-</div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/Breadcrumbs.test.tsx b/client/components/edit/Breadcrumbs.test.tsx
index b8c296bcc..79c090d71 100644
--- a/client/components/edit/Breadcrumbs.test.tsx
+++ b/client/components/edit/Breadcrumbs.test.tsx
@@ -1,7 +1,5 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import { waitFor } from "@testing-library/react";
-import renderer from "react-test-renderer";
+import { render, waitFor } from "@testing-library/react";
 import Breadcrumbs from "./Breadcrumbs";
 import { EditorContextProvider } from "../../context/EditorContext";
 import { FetchContextProvider } from "../../context/FetchContext";
@@ -26,21 +24,18 @@ describe("Breadcrumb", () => {
     });
 
     async function runStandardSnapshotTest(initiallyShallow: boolean) {
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(
-                <FetchContextProvider>
-                    <EditorContextProvider>
-                        <Breadcrumbs {...{ ...props, initiallyShallow }} />
-                    </EditorContextProvider>
-                </FetchContextProvider>,
-            );
-            await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
-        });
+        const { asFragment } = render(
+            <FetchContextProvider>
+                <EditorContextProvider>
+                    <Breadcrumbs {...{ ...props, initiallyShallow }} />
+                </EditorContextProvider>
+            </FetchContextProvider>,
+        );
+        await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
         expect(lastRequestUrl).toEqual(
             "http://localhost:9000/api/edit/object/foo%3A1234/parents" + (initiallyShallow ? "?shallow=1" : ""),
         );
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     }
 
     function getObject(pid, title, parents = []) {
@@ -49,14 +44,14 @@ describe("Breadcrumb", () => {
 
     it("renders without a pid", () => {
         props = {};
-        const tree = renderer.create(
+        const { asFragment } = render(
             <FetchContextProvider>
                 <EditorContextProvider>
                     <Breadcrumbs />
                 </EditorContextProvider>
             </FetchContextProvider>,
         );
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders using ajax-loaded object data (no parents, shallow mode)", async () => {
diff --git a/client/components/edit/CopyPidButton.test.tsx b/client/components/edit/CopyPidButton.test.tsx
index 0d6bed51f..796e80ef8 100644
--- a/client/components/edit/CopyPidButton.test.tsx
+++ b/client/components/edit/CopyPidButton.test.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-import renderer from "react-test-renderer";
 import CopyPidButton from "./CopyPidButton";
 import userEvent from "@testing-library/user-event";
 import { render, screen } from "@testing-library/react";
@@ -13,8 +11,8 @@ jest.mock(
 
 describe("CopyPidButton", () => {
     it("renders", async () => {
-        const tree = renderer.create(<CopyPidButton pid="foo" />);
-        expect(tree.toJSON()).toMatchSnapshot();
+        const { asFragment } = render(<CopyPidButton pid="foo" />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("copies text to clipboard", async () => {
diff --git a/client/components/edit/DeleteObjectButton.test.tsx b/client/components/edit/DeleteObjectButton.test.tsx
index ee47f2add..0ba6d94d1 100644
--- a/client/components/edit/DeleteObjectButton.test.tsx
+++ b/client/components/edit/DeleteObjectButton.test.tsx
@@ -1,9 +1,7 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import { render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import DeleteObjectButton from "./DeleteObjectButton";
 
 const mockUseGlobalContext = jest.fn();
@@ -71,22 +69,16 @@ describe("DeleteObjectButton", () => {
     });
 
     it("renders correctly when data is not loaded", () => {
-        let tree;
-        renderer.act(() => {
-            tree = renderer.create(<DeleteObjectButton pid={pid} />);
-        });
-        expect(tree.toJSON()).toEqual(null);
+        const { asFragment } = render(<DeleteObjectButton pid={pid} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders correctly when data is loaded", async () => {
         editorValues.state.objectDetailsStorage[pid] = { foo: "bar" };
         fetchContextValues.action.fetchJSON.mockResolvedValue({ numFound: 100 });
-        let tree;
-        renderer.act(() => {
-            tree = renderer.create(<DeleteObjectButton pid={pid} />);
-        });
+        const { asFragment } = render(<DeleteObjectButton pid={pid} />);
         await waitFor(() => expect(fetchContextValues.action.fetchJSON).toHaveBeenCalled());
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("can be aborted via confirm", async () => {
diff --git a/client/components/edit/EditHome.test.tsx b/client/components/edit/EditHome.test.tsx
index 35c42029b..6c7ca9040 100644
--- a/client/components/edit/EditHome.test.tsx
+++ b/client/components/edit/EditHome.test.tsx
@@ -1,7 +1,5 @@
-import React from "react";
 import { describe, expect, it } from "@jest/globals";
-import { waitFor } from "@testing-library/react";
-import renderer from "react-test-renderer";
+import { render, waitFor } from "@testing-library/react";
 import EditHome from "./EditHome";
 
 const mockUseEditorContext = jest.fn();
@@ -28,13 +26,8 @@ describe("EditHome", () => {
         mockUseEditorContext.mockReturnValue(editorValues);
     });
     it("renders", async () => {
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(<EditHome />);
-
-            await waitFor(() => expect(editorValues.action.initializeCatalog).toHaveBeenCalled());
-        });
-
-        expect(tree.toJSON()).toMatchSnapshot();
+        const { asFragment } = render(<EditHome />);
+        await waitFor(() => expect(editorValues.action.initializeCatalog).toHaveBeenCalled());
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/edit/EditParentsButton.test.tsx b/client/components/edit/EditParentsButton.test.tsx
index c968f5089..6f3bcc768 100644
--- a/client/components/edit/EditParentsButton.test.tsx
+++ b/client/components/edit/EditParentsButton.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { describe, beforeEach, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import EditParentsButton from "./EditParentsButton";
 
 const mockUseEditorContext = jest.fn();
@@ -40,8 +38,8 @@ describe("EditParentsButton", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<EditParentsButton pid={pid} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<EditParentsButton pid={pid} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("sets up modal on click", async () => {
diff --git a/client/components/edit/EditorSnackbar.test.tsx b/client/components/edit/EditorSnackbar.test.tsx
index 351f887b8..0648d4059 100644
--- a/client/components/edit/EditorSnackbar.test.tsx
+++ b/client/components/edit/EditorSnackbar.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import EditorSnackbar from "./EditorSnackbar";
 
 const mockUseGlobalContext = jest.fn();
@@ -32,14 +30,12 @@ describe("EditorSnackbar", () => {
     });
 
     it("renders", () => {
-        const tree = renderer
-            .create(<EditorSnackbar />, {
-                createNodeMock: (node: Node) => {
-                    return document.createElement(node.type);
-                },
-            })
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<EditorSnackbar />, {
+            createNodeMock: (node: Node) => {
+                return document.createElement(node.type);
+            },
+        });
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("closes", async () => {
diff --git a/client/components/edit/ObjectButtonBar.test.tsx b/client/components/edit/ObjectButtonBar.test.tsx
index 3efa27095..07a094edb 100644
--- a/client/components/edit/ObjectButtonBar.test.tsx
+++ b/client/components/edit/ObjectButtonBar.test.tsx
@@ -1,9 +1,7 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { waitFor } from "@testing-library/react";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import * as EditorContextModule from "../../context/EditorContext";
 import ObjectButtonBar from "./ObjectButtonBar";
 
@@ -34,8 +32,8 @@ describe("ObjectButtonBar", () => {
     });
 
     it("renders correctly", async () => {
-        const tree = renderer.create(<ObjectButtonBar pid={pid} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ObjectButtonBar pid={pid} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("can refresh a list of children", async () => {
diff --git a/client/components/edit/ObjectChildCounts.test.tsx b/client/components/edit/ObjectChildCounts.test.tsx
index 27e9d7d6b..e7ebca1c2 100644
--- a/client/components/edit/ObjectChildCounts.test.tsx
+++ b/client/components/edit/ObjectChildCounts.test.tsx
@@ -1,16 +1,15 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import { waitFor } from "@testing-library/react";
-import renderer from "react-test-renderer";
+import { render, waitFor } from "@testing-library/react";
 import { ObjectChildCountsProps, ObjectChildCounts } from "./ObjectChildCounts";
 import { EditorContextProvider, ChildCounts } from "../../context/EditorContext";
 import { FetchContextProvider } from "../../context/FetchContext";
 import { GlobalContextProvider } from "../../context/GlobalContext";
+import { act } from "react";
 
 jest.mock("./ObjectLoader", () => (args) => JSON.stringify(args));
 
 function getMountedObjectChildCountsComponent(props: ObjectChildCountsProps) {
-    return renderer.create(
+    return render(
         <GlobalContextProvider>
             <FetchContextProvider>
                 <EditorContextProvider>
@@ -43,12 +42,12 @@ describe("ObjectChildCounts", () => {
     });
 
     it("displays the data found in the response", async () => {
-        let tree;
-        await renderer.act(async () => {
-            tree = getMountedObjectChildCountsComponent(props);
-            await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
+        let asFragment;
+        await act(async () => {
+            asFragment = getMountedObjectChildCountsComponent(props).asFragment;
         });
+        await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
         expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/object/foo%3A123/childCounts");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/edit/ObjectEditor.test.tsx b/client/components/edit/ObjectEditor.test.tsx
index 431ae8dad..6a0049f43 100644
--- a/client/components/edit/ObjectEditor.test.tsx
+++ b/client/components/edit/ObjectEditor.test.tsx
@@ -1,6 +1,5 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import ObjectEditor from "./ObjectEditor";
 
 const mockUseEditorContext = jest.fn();
@@ -31,14 +30,12 @@ describe("ObjectEditor", () => {
         mockUseEditorContext.mockReturnValue(editorValues);
     });
     it("renders", () => {
-        const tree = renderer.create(<ObjectEditor pid="foo:123" />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ObjectEditor pid="foo:123" />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("calls initializeCatalog", () => {
-        renderer.act(() => {
-            renderer.create(<ObjectEditor pid="foo:123" />);
-        });
+        render(<ObjectEditor pid="foo:123" />);
         expect(editorValues.action.initializeCatalog).toHaveBeenCalled();
         expect(editorValues.action.setCurrentPid).toHaveBeenCalledWith("foo:123");
         expect(editorValues.action.loadCurrentObjectDetails).toHaveBeenCalled();
diff --git a/client/components/edit/ObjectEditor.tsx b/client/components/edit/ObjectEditor.tsx
index d12805267..28b3a7104 100644
--- a/client/components/edit/ObjectEditor.tsx
+++ b/client/components/edit/ObjectEditor.tsx
@@ -33,7 +33,11 @@ const ObjectEditor = ({ pid }: ObjectEditorProps): React.ReactElement => {
             <h1>Editor: Object {pid}</h1>
             <ObjectSummary />
             <Grid container>
-                <Grid item md>
+                <Grid
+                    size={{
+                        md: "grow",
+                    }}
+                >
                     <Box>
                         <h3>Object Tools</h3>
                         <ul>
@@ -43,14 +47,17 @@ const ObjectEditor = ({ pid }: ObjectEditorProps): React.ReactElement => {
                         </ul>
                     </Box>
                 </Grid>
-                <Grid item md>
+                <Grid
+                    size={{
+                        md: "grow",
+                    }}
+                >
                     <Box>
                         <h3>Datastreams</h3>
                         <DatastreamList />
                     </Box>
                 </Grid>
             </Grid>
-
             <DatastreamModal />
             <ParentsModal />
             <StateModal />
diff --git a/client/components/edit/ObjectLoader.test.tsx b/client/components/edit/ObjectLoader.test.tsx
index 7d106abd4..564e5b9d7 100644
--- a/client/components/edit/ObjectLoader.test.tsx
+++ b/client/components/edit/ObjectLoader.test.tsx
@@ -1,7 +1,5 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render } from "@testing-library/react";
-import renderer from "react-test-renderer";
 import ObjectLoader from "./ObjectLoader";
 
 const mockUseEditorContext = jest.fn();
@@ -25,14 +23,14 @@ describe("ObjectLoader", () => {
         mockUseEditorContext.mockReturnValue(editorValues);
     });
     it("renders correctly for a pending object", () => {
-        const tree = renderer.create(<ObjectLoader pid="foo:123" />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ObjectLoader pid="foo:123" />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders correctly for a loaded object", () => {
         editorValues.state.objectDetailsStorage["foo:123"] = { foo: "bar" };
-        const tree = renderer.create(<ObjectLoader pid="foo:123" />).toJSON();
-        expect(tree).toBeNull();
+        const { asFragment } = render(<ObjectLoader pid="foo:123" />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("loads the object as needed when optional callback is omitted", () => {
diff --git a/client/components/edit/ObjectModels.test.tsx b/client/components/edit/ObjectModels.test.tsx
index 4995b585a..f2e6949a4 100644
--- a/client/components/edit/ObjectModels.test.tsx
+++ b/client/components/edit/ObjectModels.test.tsx
@@ -1,6 +1,5 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import ObjectModels from "./ObjectModels";
 
 const mockUseEditorContext = jest.fn();
@@ -25,12 +24,12 @@ describe("ObjectModels", () => {
         editorValues.state.objectDetailsStorage["foo:123"] = {
             models: ["vudl-system:CoreModel", "vudl-system:CollectionModel", "vudl-system:FolderCollection"],
         };
-        const tree = renderer.create(<ObjectModels pid="foo:123" />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ObjectModels pid="foo:123" />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders nothing when data is missing", async () => {
-        const tree = renderer.create(<ObjectModels pid="foo:123" />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ObjectModels pid="foo:123" />);
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/edit/ObjectOrder.test.tsx b/client/components/edit/ObjectOrder.test.tsx
index 00d49c25a..7a3f242b4 100644
--- a/client/components/edit/ObjectOrder.test.tsx
+++ b/client/components/edit/ObjectOrder.test.tsx
@@ -1,9 +1,7 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import ObjectOrder from "./ObjectOrder";
 
 const mockUseEditorContext = jest.fn();
@@ -24,7 +22,7 @@ describe("ObjectOrder", () => {
     let editorValues;
     let fetchContextValues;
     const pid = "foo:123";
-    beforeEach(() => {
+    beforeEach(async () => {
         editorValues = {
             state: {
                 objectDetailsStorage: {},
@@ -34,7 +32,9 @@ describe("ObjectOrder", () => {
                 removeFromObjectDetailsStorage: jest.fn(),
             },
         };
-        mockUseEditorContext.mockReturnValue(editorValues);
+        await act(async () => {
+            mockUseEditorContext.mockReturnValue(editorValues);
+        });
         fetchContextValues = {
             action: {
                 fetchJSON: jest.fn(),
@@ -48,18 +48,21 @@ describe("ObjectOrder", () => {
         jest.resetAllMocks();
     });
 
-    function checkSnapshot() {
-        const tree = renderer.create(<ObjectOrder pid={pid} />).toJSON();
-        expect(tree).toMatchSnapshot();
-    }
-
-    it("defaults to title order for a pending object", () => {
-        checkSnapshot();
+    it("defaults to title order for a pending object", async () => {
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<ObjectOrder pid={pid} />).asFragment;
+        });
+        expect(asFragment()).toMatchSnapshot();
     });
 
-    it("displays a custom-sorted object correctly", () => {
+    it("displays a custom-sorted object correctly", async () => {
         editorValues.state.objectDetailsStorage[pid] = { pid, sortOn: "custom" };
-        checkSnapshot();
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<ObjectOrder pid={pid} />).asFragment;
+        });
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("can be aborted via confirmation dialog", async () => {
diff --git a/client/components/edit/ObjectPreviewButton.test.tsx b/client/components/edit/ObjectPreviewButton.test.tsx
index 7673b1b38..59640451e 100644
--- a/client/components/edit/ObjectPreviewButton.test.tsx
+++ b/client/components/edit/ObjectPreviewButton.test.tsx
@@ -2,7 +2,6 @@ import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import * as EditorContextModule from "../../context/EditorContext";
 import ObjectPreviewButton from "./ObjectPreviewButton";
 
@@ -19,14 +18,15 @@ describe("ObjectPreviewButton", () => {
     });
 
     it("renders correctly without VuFind URL", async () => {
-        const tree = renderer.create(<ObjectPreviewButton pid={pid} />).toJSON();
-        expect(tree).toBeNull();
+        render(<ObjectPreviewButton pid={pid} />);
+        const previewButton = screen.queryByRole("button");
+        expect(previewButton).toBeNull();
     });
 
     it("renders correctly with VuFind URL", async () => {
         mockContext.state.vufindUrl = "http://localhost";
-        const tree = renderer.create(<ObjectPreviewButton pid={pid} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ObjectPreviewButton pid={pid} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("can open a VuFind preview URL", async () => {
diff --git a/client/components/edit/ObjectStatus.module.css b/client/components/edit/ObjectStatus.module.css
index 752f9b9da..8fa771ac6 100644
--- a/client/components/edit/ObjectStatus.module.css
+++ b/client/components/edit/ObjectStatus.module.css
@@ -9,7 +9,8 @@
 .status_btn.active {
     background-color: var(--object-status-active);
 
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
         color: white;
         background-color: var(--object-status-active-text);
         border-color: var(--object-status-active-text);
@@ -19,7 +20,8 @@
 .status_btn.inactive {
     background-color: var(--object-status-inactive);
 
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
         color: white;
         background-color: var(--object-status-inactive-text);
         border-color: var(--object-status-inactive-text);
@@ -29,7 +31,8 @@
 .status_btn.deleted {
     background-color: var(--object-status-deleted);
 
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
         color: white;
         background-color: var(--object-status-deleted-text);
         border-color: var(--object-status-deleted-text);
@@ -39,7 +42,8 @@
 .status_btn.unknown {
     background-color: var(--object-status-unknown);
 
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
         color: white;
         background-color: var(--object-status-unknown-text);
         border-color: var(--object-status-unknown-text);
diff --git a/client/components/edit/ObjectStatus.test.tsx b/client/components/edit/ObjectStatus.test.tsx
index 66e8ce92a..88809a3a3 100644
--- a/client/components/edit/ObjectStatus.test.tsx
+++ b/client/components/edit/ObjectStatus.test.tsx
@@ -1,14 +1,13 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import { waitFor } from "@testing-library/react";
-import renderer from "react-test-renderer";
+import { render, waitFor } from "@testing-library/react";
 import { ObjectStatusProps, ObjectStatus } from "./ObjectStatus";
 import { EditorContextProvider, ObjectDetails } from "../../context/EditorContext";
 import { FetchContextProvider } from "../../context/FetchContext";
 import { GlobalContextProvider } from "../../context/GlobalContext";
+import { act } from "react";
 
 function getMountedObjectStatusComponent(props: ObjectStatusProps) {
-    return renderer.create(
+    return render(
         <GlobalContextProvider>
             <FetchContextProvider>
                 <EditorContextProvider>
@@ -41,23 +40,23 @@ describe("ObjectStatus", () => {
     });
 
     it("defaults to unknown state", async () => {
-        let tree;
-        await renderer.act(async () => {
-            tree = getMountedObjectStatusComponent(props);
-            await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
+        let asFragment;
+        await act(async () => {
+            asFragment = getMountedObjectStatusComponent(props).asFragment;
         });
+        await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
         expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/object/foo%3A123/details");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("displays the state found in the response", async () => {
         response.state = "Inactive";
-        let tree;
-        await renderer.act(async () => {
-            tree = getMountedObjectStatusComponent(props);
-            await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
+        let asFragment;
+        await act(async () => {
+            asFragment = getMountedObjectStatusComponent(props).asFragment;
         });
+        await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
         expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/object/foo%3A123/details");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/edit/ObjectSummary.module.css b/client/components/edit/ObjectSummary.module.css
index ca95a6355..b5cda245e 100644
--- a/client/components/edit/ObjectSummary.module.css
+++ b/client/components/edit/ObjectSummary.module.css
@@ -14,7 +14,7 @@
     min-width: unset;
     padding-block: 0.5em 0.4em;
 
-    &:not(:hover,:focus) {
+    &:not(:hover, :focus) {
         background-color: white;
         border-color: black;
     }
diff --git a/client/components/edit/ObjectSummary.test.tsx b/client/components/edit/ObjectSummary.test.tsx
index 4295c49ff..2f6374ea7 100644
--- a/client/components/edit/ObjectSummary.test.tsx
+++ b/client/components/edit/ObjectSummary.test.tsx
@@ -1,8 +1,8 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import ObjectSummary from "./ObjectSummary";
 import { updateRecentPidsCatalog } from "../../util/RecentPidsCatalog";
+import { act } from "react";
 
 const mockUseEditorContext = jest.fn();
 jest.mock("../../context/EditorContext", () => ({
@@ -37,12 +37,12 @@ describe("ObjectSummary", () => {
     it("displays loading message when appropriate", async () => {
         jest.spyOn(editorValues.action, "extractFirstMetadataValue").mockReturnValue("");
         const loadSpy = jest.spyOn(editorValues.action, "loadCurrentObjectDetails");
-        let tree;
-        renderer.act(() => {
-            tree = renderer.create(<ObjectSummary />);
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<ObjectSummary />).asFragment;
         });
-        expect(tree.toJSON()).toMatchSnapshot();
         expect(loadSpy).toHaveBeenCalledTimes(1);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders information from metadata when available", async () => {
@@ -56,15 +56,15 @@ describe("ObjectSummary", () => {
             .spyOn(editorValues.action, "extractFirstMetadataValue")
             .mockReturnValueOnce("My title")
             .mockReturnValueOnce("<p>Hello <b>world</b>!</p>");
-        let tree;
-        renderer.act(() => {
-            tree = renderer.create(<ObjectSummary />);
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<ObjectSummary />).asFragment;
         });
         expect(metaSpy).toHaveBeenCalledTimes(2);
         expect(metaSpy).toHaveBeenNthCalledWith(1, "dc:title", "Title not available");
         expect(metaSpy).toHaveBeenNthCalledWith(2, "dc:description", "");
-        expect(tree.toJSON()).toMatchSnapshot();
         // Expected side-effect: register that PID has been recently viewed:
         expect(updateRecentPidsCatalog).toHaveBeenCalledWith("foo:123", "My title");
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/edit/ObjectThumbnail.test.tsx b/client/components/edit/ObjectThumbnail.test.tsx
index 676a80cc9..b255ec836 100644
--- a/client/components/edit/ObjectThumbnail.test.tsx
+++ b/client/components/edit/ObjectThumbnail.test.tsx
@@ -1,6 +1,5 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import ObjectThumbnail from "./ObjectThumbnail";
 
 const mockUseEditorContext = jest.fn();
@@ -24,14 +23,14 @@ describe("ObjectThumbnail", () => {
     });
 
     it("displays unavailable message when appropriate", async () => {
-        const tree = renderer.create(<ObjectThumbnail pid={pid} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ObjectThumbnail pid={pid} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders thumbnail when available", async () => {
         editorValues.state.vufindUrl = "http://localhost";
         editorValues.state.objectDetailsStorage[pid] = { datastreams: ["THUMBNAIL"] };
-        const tree = renderer.create(<ObjectThumbnail pid={pid} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ObjectThumbnail pid={pid} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/edit/PidPicker.test.tsx b/client/components/edit/PidPicker.test.tsx
index 302b787d0..948642de2 100644
--- a/client/components/edit/PidPicker.test.tsx
+++ b/client/components/edit/PidPicker.test.tsx
@@ -2,7 +2,6 @@ import React from "react";
 import { describe, beforeEach, expect, it, jest } from "@jest/globals";
 import { fireEvent, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import PidPicker from "./PidPicker";
 import { Parent } from "./PidPicker";
 import { getRecentPidsCatalog } from "../../util/RecentPidsCatalog";
@@ -28,8 +27,8 @@ describe("PidPicker", () => {
     };
 
     const checkSnapshot = (selected = "", parents: Array<Parent> = []) => {
-        const tree = renderer.create(getPicker(selected, parents)).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(getPicker(selected, parents));
+        expect(asFragment()).toMatchSnapshot();
     };
 
     beforeEach(() => {
diff --git a/client/components/edit/StateModal.test.tsx b/client/components/edit/StateModal.test.tsx
index 75719efea..657ffc256 100644
--- a/client/components/edit/StateModal.test.tsx
+++ b/client/components/edit/StateModal.test.tsx
@@ -1,9 +1,7 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import { render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import StateModal from "./StateModal";
 
 const mockUseGlobalContext = jest.fn();
@@ -85,47 +83,47 @@ describe("StateModal", () => {
         jest.resetAllMocks();
     });
 
-    it("renders correctly when closed", () => {
+    it("renders correctly when closed", async () => {
         globalValues.action.isModalOpen.mockReturnValue(false);
-        let tree;
-        renderer.act(() => {
-            tree = renderer.create(<StateModal />);
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<StateModal />).asFragment;
         });
         expect(globalValues.action.isModalOpen).toHaveBeenCalledWith("state");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
-    it("renders correctly for a pending object", () => {
-        let tree;
-        renderer.act(() => {
-            tree = renderer.create(<StateModal />);
+    it("renders correctly for a pending object", async () => {
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<StateModal />).asFragment;
         });
         expect(globalValues.action.isModalOpen).toHaveBeenCalledWith("state");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders correctly for a loaded object with children", async () => {
         editorValues.state.objectDetailsStorage[pid] = { pid, state: "Active" };
         fetchContextValues.action.fetchJSON.mockResolvedValue({ numFound: 100 });
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(<StateModal />);
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<StateModal />).asFragment;
         });
         await waitFor(() => expect(fetchContextValues.action.fetchJSON).toHaveBeenCalled());
         expect(globalValues.action.isModalOpen).toHaveBeenCalledWith("state");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders correctly for a loaded object without children", async () => {
         editorValues.state.objectDetailsStorage[pid] = { pid, state: "Active" };
         fetchContextValues.action.fetchJSON.mockResolvedValue({ numFound: 0 });
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(<StateModal />);
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<StateModal />).asFragment;
         });
         await waitFor(() => expect(fetchContextValues.action.fetchJSON).toHaveBeenCalled());
         expect(globalValues.action.isModalOpen).toHaveBeenCalledWith("state");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("saves data correctly", async () => {
diff --git a/client/components/edit/StateModal.tsx b/client/components/edit/StateModal.tsx
index 9e130f9cf..a3f15f033 100644
--- a/client/components/edit/StateModal.tsx
+++ b/client/components/edit/StateModal.tsx
@@ -109,7 +109,7 @@ const StateModal = (): React.ReactElement => {
             <p>{statusMessage}</p>
         ) : (
             <Grid container>
-                <Grid item xs={12}>
+                <Grid size={12}>
                     <FormControl>
                         <FormLabel id="state-modal-group-label">State</FormLabel>
                         <RadioGroup
@@ -124,10 +124,8 @@ const StateModal = (): React.ReactElement => {
                         </RadioGroup>
                     </FormControl>
                 </Grid>
-                <Grid item xs={12}>
-                    {childrenCheckbox}
-                </Grid>
-                <Grid item xs={12}>
+                <Grid size={12}>{childrenCheckbox}</Grid>
+                <Grid size={12}>
                     <button onClick={save}>Save</button>
                 </Grid>
             </Grid>
@@ -136,10 +134,8 @@ const StateModal = (): React.ReactElement => {
         <Dialog className="stateModal" open={isModalOpen("state")} onClose={closeStateModal} fullWidth={true}>
             <DialogTitle>
                 <Grid container>
-                    <Grid item xs={11}>
-                        State Editor ({stateModalActivePid})
-                    </Grid>
-                    <Grid item xs={1}>
+                    <Grid size={11}>State Editor ({stateModalActivePid})</Grid>
+                    <Grid size={1}>
                         <IconButton className="closeButton" onClick={closeStateModal}>
                             <CloseIcon />
                         </IconButton>
diff --git a/client/components/edit/__snapshots__/Breadcrumbs.test.tsx.snap b/client/components/edit/__snapshots__/Breadcrumbs.test.tsx.snap
index 22d02b6b1..7dfee4517 100644
--- a/client/components/edit/__snapshots__/Breadcrumbs.test.tsx.snap
+++ b/client/components/edit/__snapshots__/Breadcrumbs.test.tsx.snap
@@ -1,193 +1,141 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Breadcrumb renders using ajax-loaded object data (deep parent chain) 1`] = `
-<ul
-  className="breadcrumbs"
->
-  <li>
-    <a
-      href="/"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Main Menu
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Edit Home
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:0"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 0
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:1"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 1
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:2"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 2
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:3"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 3
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:4"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 4
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:5"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 5
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:6"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 6
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:7"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 7
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:8"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 8
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:9"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 9
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:10"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 10
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:11"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 11
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:12"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 12
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:13"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 13
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:14"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent 14
-    </a>
-  </li>
-</ul>
+<DocumentFragment>
+  <ul
+    class="breadcrumbs"
+  >
+    <li>
+      <a
+        href="/"
+      >
+        Main Menu
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit"
+      >
+        Edit Home
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:0"
+      >
+        Fake Parent 0
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:1"
+      >
+        Fake Parent 1
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:2"
+      >
+        Fake Parent 2
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:3"
+      >
+        Fake Parent 3
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:4"
+      >
+        Fake Parent 4
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:5"
+      >
+        Fake Parent 5
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:6"
+      >
+        Fake Parent 6
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:7"
+      >
+        Fake Parent 7
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:8"
+      >
+        Fake Parent 8
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:9"
+      >
+        Fake Parent 9
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:10"
+      >
+        Fake Parent 10
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:11"
+      >
+        Fake Parent 11
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:12"
+      >
+        Fake Parent 12
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:13"
+      >
+        Fake Parent 13
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:14"
+      >
+        Fake Parent 14
+      </a>
+    </li>
+  </ul>
+</DocumentFragment>
 `;
 
 exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mode) 1`] = `
-[
+<DocumentFragment>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -195,9 +143,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -205,23 +150,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:0"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 0
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -229,9 +168,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -239,23 +175,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:1"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 1
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -263,9 +193,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -273,23 +200,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:2"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 2
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -297,9 +218,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -307,23 +225,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:3"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 3
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -331,9 +243,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -341,23 +250,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:4"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 4
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -365,9 +268,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -375,23 +275,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:5"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 5
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -399,9 +293,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -409,23 +300,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:6"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 6
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -433,9 +318,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -443,23 +325,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:7"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 7
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -467,9 +343,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -477,23 +350,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:8"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 8
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -501,9 +368,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -511,23 +375,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:9"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 9
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -535,9 +393,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -545,23 +400,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:10"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 10
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -569,9 +418,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -579,23 +425,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:11"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 11
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -603,9 +443,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -613,23 +450,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:12"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 12
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -637,9 +468,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -647,23 +475,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:13"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 13
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -671,9 +493,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -681,28 +500,22 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, deep mo
     <li>
       <a
         href="/edit/object/foo:14"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 14
       </a>
     </li>
-  </ul>,
-]
+  </ul>
+</DocumentFragment>
 `;
 
 exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow mode) 1`] = `
-[
+<DocumentFragment>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -710,40 +523,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:0"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 0
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -751,40 +553,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:1"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 1
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -792,40 +583,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:2"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 2
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -833,40 +613,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:3"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 3
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -874,40 +643,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:4"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 4
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -915,40 +673,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:5"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 5
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -956,40 +703,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:6"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 6
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -997,40 +733,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:7"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 7
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -1038,40 +763,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:8"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 8
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -1079,40 +793,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:9"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 9
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -1120,40 +823,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:10"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 10
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -1161,40 +853,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:11"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 11
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -1202,40 +883,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:12"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 12
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -1243,40 +913,29 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:13"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 13
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -1284,45 +943,34 @@ exports[`Breadcrumb renders using ajax-loaded object data (many parents, shallow
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
     </li>
     <li>
-      <button
-        onClick={[Function]}
-      >
+      <button>
         ...
       </button>
     </li>
     <li>
       <a
         href="/edit/object/foo:14"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 14
       </a>
     </li>
-  </ul>,
-]
+  </ul>
+</DocumentFragment>
 `;
 
 exports[`Breadcrumb renders using ajax-loaded object data (multiple parents with common grandparent) 1`] = `
-[
+<DocumentFragment>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -1330,9 +978,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (multiple parents with
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -1340,9 +985,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (multiple parents with
     <li>
       <a
         href="/edit/object/foo:1232"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Grandparent
       </a>
@@ -1350,23 +992,17 @@ exports[`Breadcrumb renders using ajax-loaded object data (multiple parents with
     <li>
       <a
         href="/edit/object/foo:1233"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 1
       </a>
     </li>
-  </ul>,
+  </ul>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -1374,9 +1010,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (multiple parents with
     <li>
       <a
         href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Edit Home
       </a>
@@ -1384,9 +1017,6 @@ exports[`Breadcrumb renders using ajax-loaded object data (multiple parents with
     <li>
       <a
         href="/edit/object/foo:1232"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Grandparent
       </a>
@@ -1394,165 +1024,122 @@ exports[`Breadcrumb renders using ajax-loaded object data (multiple parents with
     <li>
       <a
         href="/edit/object/foo:1231"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Fake Parent 2
       </a>
     </li>
-  </ul>,
-]
+  </ul>
+</DocumentFragment>
 `;
 
 exports[`Breadcrumb renders using ajax-loaded object data (no parents, deep mode) 1`] = `
-<ul
-  className="breadcrumbs"
->
-  <li>
-    <a
-      href="/"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Main Menu
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Edit Home
-    </a>
-  </li>
-</ul>
+<DocumentFragment>
+  <ul
+    class="breadcrumbs"
+  >
+    <li>
+      <a
+        href="/"
+      >
+        Main Menu
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit"
+      >
+        Edit Home
+      </a>
+    </li>
+  </ul>
+</DocumentFragment>
 `;
 
 exports[`Breadcrumb renders using ajax-loaded object data (no parents, shallow mode) 1`] = `
-<ul
-  className="breadcrumbs"
->
-  <li>
-    <a
-      href="/"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Main Menu
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Edit Home
-    </a>
-  </li>
-</ul>
+<DocumentFragment>
+  <span>
+    Loading...
+  </span>
+</DocumentFragment>
 `;
 
 exports[`Breadcrumb renders using ajax-loaded object data (simple case, deep mode) 1`] = `
-<ul
-  className="breadcrumbs"
->
-  <li>
-    <a
-      href="/"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Main Menu
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Edit Home
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:1233"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent
-    </a>
-  </li>
-</ul>
+<DocumentFragment>
+  <ul
+    class="breadcrumbs"
+  >
+    <li>
+      <a
+        href="/"
+      >
+        Main Menu
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit"
+      >
+        Edit Home
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:1233"
+      >
+        Fake Parent
+      </a>
+    </li>
+  </ul>
+</DocumentFragment>
 `;
 
 exports[`Breadcrumb renders using ajax-loaded object data (simple case, shallow mode) 1`] = `
-<ul
-  className="breadcrumbs"
->
-  <li>
-    <a
-      href="/"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Main Menu
-    </a>
-  </li>
-  <li>
-    <a
-      href="/edit"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Edit Home
-    </a>
-  </li>
-  <li>
-    <button
-      onClick={[Function]}
-    >
-      ...
-    </button>
-  </li>
-  <li>
-    <a
-      href="/edit/object/foo:1233"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Fake Parent
-    </a>
-  </li>
-</ul>
+<DocumentFragment>
+  <ul
+    class="breadcrumbs"
+  >
+    <li>
+      <a
+        href="/"
+      >
+        Main Menu
+      </a>
+    </li>
+    <li>
+      <a
+        href="/edit"
+      >
+        Edit Home
+      </a>
+    </li>
+    <li>
+      <button>
+        ...
+      </button>
+    </li>
+    <li>
+      <a
+        href="/edit/object/foo:1233"
+      >
+        Fake Parent
+      </a>
+    </li>
+  </ul>
+</DocumentFragment>
 `;
 
 exports[`Breadcrumb renders without a pid 1`] = `
-<ul
-  className="breadcrumbs"
->
-  <li>
-    <a
-      href="/"
-      onClick={[Function]}
-      onMouseEnter={[Function]}
-      onTouchStart={[Function]}
-    >
-      Main Menu
-    </a>
-  </li>
-</ul>
+<DocumentFragment>
+  <ul
+    class="breadcrumbs"
+  >
+    <li>
+      <a
+        href="/"
+      >
+        Main Menu
+      </a>
+    </li>
+  </ul>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/CopyPidButton.test.tsx.snap b/client/components/edit/__snapshots__/CopyPidButton.test.tsx.snap
index 40eab7c8f..c6b005f15 100644
--- a/client/components/edit/__snapshots__/CopyPidButton.test.tsx.snap
+++ b/client/components/edit/__snapshots__/CopyPidButton.test.tsx.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`CopyPidButton renders 1`] = `
-<button
-  onClick={[Function]}
->
-  Copy PID (foo) to clipboard
-</button>
+<DocumentFragment>
+  <button>
+    Copy PID (foo) to clipboard
+  </button>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/DeleteObjectButton.test.tsx.snap b/client/components/edit/__snapshots__/DeleteObjectButton.test.tsx.snap
index cfcd3a8e3..2ea1d4226 100644
--- a/client/components/edit/__snapshots__/DeleteObjectButton.test.tsx.snap
+++ b/client/components/edit/__snapshots__/DeleteObjectButton.test.tsx.snap
@@ -1,10 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DeleteObjectButton renders correctly when data is loaded 1`] = `
-<button
-  className="object-delete-btn deleteBtn"
-  onClick={[Function]}
->
-  DeleteIcon
-</button>
+<DocumentFragment>
+  <button
+    class="object-delete-btn deleteBtn"
+  >
+    DeleteIcon
+  </button>
+</DocumentFragment>
 `;
+
+exports[`DeleteObjectButton renders correctly when data is not loaded 1`] = `<DocumentFragment />`;
diff --git a/client/components/edit/__snapshots__/EditHome.test.tsx.snap b/client/components/edit/__snapshots__/EditHome.test.tsx.snap
index 5dbff990a..832bdc384 100644
--- a/client/components/edit/__snapshots__/EditHome.test.tsx.snap
+++ b/client/components/edit/__snapshots__/EditHome.test.tsx.snap
@@ -1,32 +1,28 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`EditHome renders 1`] = `
-<div>
-  Breadcrumbs
-  <h1>
-    Editor
-  </h1>
-  <h2>
-    Tools
-  </h2>
-  <ul>
-    <li>
-      <a
-        href="/edit/newChild"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
-      >
-        Create New Top-Level Object
-      </a>
-    </li>
-  </ul>
-  <h2>
-    Contents
-  </h2>
-  ParentsModal
-  StateModal
-  ChildList
-  EditorSnackbar
-</div>
+<DocumentFragment>
+  <div>
+    Breadcrumbs
+    <h1>
+      Editor
+    </h1>
+    <h2>
+      Tools
+    </h2>
+    <ul>
+      <li>
+        <a
+          href="/edit/newChild"
+        >
+          Create New Top-Level Object
+        </a>
+      </li>
+    </ul>
+    <h2>
+      Contents
+    </h2>
+    ParentsModalStateModalChildListEditorSnackbar
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/EditParentsButton.test.tsx.snap b/client/components/edit/__snapshots__/EditParentsButton.test.tsx.snap
index ccb25102a..2b36a1bfc 100644
--- a/client/components/edit/__snapshots__/EditParentsButton.test.tsx.snap
+++ b/client/components/edit/__snapshots__/EditParentsButton.test.tsx.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`EditParentsButton renders 1`] = `
-<button
-  onClick={[Function]}
->
-  Edit Parents
-</button>
+<DocumentFragment>
+  <button>
+    Edit Parents
+  </button>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/EditorSnackbar.test.tsx.snap b/client/components/edit/__snapshots__/EditorSnackbar.test.tsx.snap
index f9a3bb836..3552eaf2a 100644
--- a/client/components/edit/__snapshots__/EditorSnackbar.test.tsx.snap
+++ b/client/components/edit/__snapshots__/EditorSnackbar.test.tsx.snap
@@ -1,88 +1,60 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`EditorSnackbar renders 1`] = `
-<div
-  className="MuiSnackbar-root MuiSnackbar-anchorOriginBottomLeft editorSnackbar css-cpgvjg-MuiSnackbar-root"
-  onBlur={[Function]}
-  onClick={[Function]}
-  onClose={[Function]}
-  onFocus={[Function]}
-  onMouseEnter={[Function]}
-  onMouseLeave={[Function]}
-  onTouchEnd={[Function]}
-  role="presentation"
->
+<DocumentFragment>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard editorSnackbarAlert css-hu7tqv-MuiPaper-root-MuiAlert-root"
-    direction="up"
-    role="alert"
-    style={
-      {
-        "opacity": 1,
-        "transform": "scale(1, 1)",
-        "visibility": undefined,
-      }
-    }
+    class="MuiSnackbar-root MuiSnackbar-anchorOriginBottomLeft editorSnackbar css-1ahi5tg-MuiSnackbar-root"
+    role="presentation"
   >
     <div
-      className="MuiAlert-icon css-1ytlwq5-MuiAlert-icon"
+      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard editorSnackbarAlert css-k1p3sh-MuiPaper-root-MuiAlert-root"
+      direction="up"
+      role="alert"
+      style="--Paper-shadow: none; opacity: 1; transform: scale(1, 1); transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
     >
-      <svg
-        aria-hidden={true}
-        className="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1vooibu-MuiSvgIcon-root"
-        data-testid="InfoOutlinedIcon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"
-        />
-      </svg>
-    </div>
-    <div
-      className="MuiAlert-message css-1pxa9xg-MuiAlert-message"
-    >
-      test1
-    </div>
-    <div
-      className="MuiAlert-action css-ki1hdl-MuiAlert-action"
-    >
-      <button
-        aria-label="close"
-        className="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit MuiIconButton-sizeSmall editorSnackBarAlertCloseButton css-1e0d89p-MuiButtonBase-root-MuiIconButton-root"
-        disabled={false}
-        onBlur={[Function]}
-        onClick={[Function]}
-        onContextMenu={[Function]}
-        onDragLeave={[Function]}
-        onFocus={[Function]}
-        onKeyDown={[Function]}
-        onKeyUp={[Function]}
-        onMouseDown={[Function]}
-        onMouseLeave={[Function]}
-        onMouseUp={[Function]}
-        onTouchEnd={[Function]}
-        onTouchMove={[Function]}
-        onTouchStart={[Function]}
-        tabIndex={0}
-        type="button"
+      <div
+        class="MuiAlert-icon css-vab54s-MuiAlert-icon"
       >
         <svg
-          aria-hidden={true}
-          className="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1vooibu-MuiSvgIcon-root"
-          data-testid="CloseIcon"
+          aria-hidden="true"
+          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1ckov0h-MuiSvgIcon-root"
+          data-testid="InfoOutlinedIcon"
           focusable="false"
           viewBox="0 0 24 24"
         >
           <path
-            d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+            d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"
           />
         </svg>
-        <span
-          className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-        />
-      </button>
+      </div>
+      <div
+        class="MuiAlert-message css-zioonp-MuiAlert-message"
+      >
+        test1
+      </div>
+      <div
+        class="MuiAlert-action css-rgppqo-MuiAlert-action"
+      >
+        <button
+          aria-label="close"
+          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit MuiIconButton-sizeSmall editorSnackBarAlertCloseButton css-38cjb0-MuiButtonBase-root-MuiIconButton-root"
+          tabindex="0"
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1ckov0h-MuiSvgIcon-root"
+            data-testid="CloseIcon"
+            focusable="false"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+            />
+          </svg>
+        </button>
+      </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/ObjectButtonBar.test.tsx.snap b/client/components/edit/__snapshots__/ObjectButtonBar.test.tsx.snap
index 76bc51279..9fdbdad3f 100644
--- a/client/components/edit/__snapshots__/ObjectButtonBar.test.tsx.snap
+++ b/client/components/edit/__snapshots__/ObjectButtonBar.test.tsx.snap
@@ -1,20 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ObjectButtonBar renders correctly 1`] = `
-<div
-  className="objectBar"
->
-  ObjectStatus
-  EditParentsButton
-  <button
-    className="refreshBtn"
-    onClick={[Function]}
-    title="Refresh children"
-    type="button"
+<DocumentFragment>
+  <div
+    class="objectBar"
   >
-    Refresh
-  </button>
-  ObjectPreviewButton
-  DeleteObjectButton
-</div>
+    ObjectStatusEditParentsButton
+    <button
+      class="refreshBtn"
+      title="Refresh children"
+      type="button"
+    >
+      Refresh
+    </button>
+    ObjectPreviewButtonDeleteObjectButton
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/ObjectChildCounts.test.tsx.snap b/client/components/edit/__snapshots__/ObjectChildCounts.test.tsx.snap
index 55fbad747..bf1dbc4c9 100644
--- a/client/components/edit/__snapshots__/ObjectChildCounts.test.tsx.snap
+++ b/client/components/edit/__snapshots__/ObjectChildCounts.test.tsx.snap
@@ -1,14 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ObjectChildCounts displays the data found in the response 1`] = `
-[
-  "{"pid":"foo:123"}",
+<DocumentFragment>
+  {"pid":"foo:123"}
   <div>
-    5
-     children, 
-    100
-     descendants
-  </div>,
-  ",",
-]
+    5 children, 100 descendants
+  </div>
+  ,
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/ObjectEditor.test.tsx.snap b/client/components/edit/__snapshots__/ObjectEditor.test.tsx.snap
index 678bfcda0..ea815f259 100644
--- a/client/components/edit/__snapshots__/ObjectEditor.test.tsx.snap
+++ b/client/components/edit/__snapshots__/ObjectEditor.test.tsx.snap
@@ -1,59 +1,54 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ObjectEditor renders 1`] = `
-<div>
-  Breadcrumbs
-  <h1>
-    Editor: Object 
-    foo:123
-  </h1>
-  ObjectSummary
-  <div
-    className="MuiGrid-root MuiGrid-container css-11lq3yg-MuiGrid-root"
-  >
+<DocumentFragment>
+  <div>
+    Breadcrumbs
+    <h1>
+      Editor: Object foo:123
+    </h1>
+    ObjectSummary
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-md-true css-ehu4kr-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row css-d64g0g-MuiGrid-root"
     >
       <div
-        className="MuiBox-root css-0"
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-md-grow css-gmajdv-MuiGrid-root"
       >
-        <h3>
-          Object Tools
-        </h3>
-        <ul>
-          <li>
-            <a
-              href="/edit/object/foo:123/newChild"
-              onClick={[Function]}
-              onMouseEnter={[Function]}
-              onTouchStart={[Function]}
-            >
-              Create New Child Object
-            </a>
-          </li>
-        </ul>
+        <div
+          class="MuiBox-root css-0"
+        >
+          <h3>
+            Object Tools
+          </h3>
+          <ul>
+            <li>
+              <a
+                href="/edit/object/foo:123/newChild"
+              >
+                Create New Child Object
+              </a>
+            </li>
+          </ul>
+        </div>
       </div>
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-md-true css-ehu4kr-MuiGrid-root"
-    >
       <div
-        className="MuiBox-root css-0"
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-md-grow css-gmajdv-MuiGrid-root"
       >
-        <h3>
-          Datastreams
-        </h3>
-        DatastreamList
+        <div
+          class="MuiBox-root css-0"
+        >
+          <h3>
+            Datastreams
+          </h3>
+          DatastreamList
+        </div>
       </div>
     </div>
+    DatastreamModalParentsModalStateModal
+    <h2>
+      Contents
+    </h2>
+    ChildListEditorSnackbar
   </div>
-  DatastreamModal
-  ParentsModal
-  StateModal
-  <h2>
-    Contents
-  </h2>
-  ChildList
-  EditorSnackbar
-</div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/ObjectLoader.test.tsx.snap b/client/components/edit/__snapshots__/ObjectLoader.test.tsx.snap
index 5ea83f617..51f763bf5 100644
--- a/client/components/edit/__snapshots__/ObjectLoader.test.tsx.snap
+++ b/client/components/edit/__snapshots__/ObjectLoader.test.tsx.snap
@@ -1,32 +1,28 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`ObjectLoader renders correctly for a loaded object 1`] = `<DocumentFragment />`;
+
 exports[`ObjectLoader renders correctly for a pending object 1`] = `
-[
-  " ",
+<DocumentFragment>
+   
   <span
-    className="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary css-18lrjg1-MuiCircularProgress-root"
+    class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary css-1wxecgq-MuiCircularProgress-root"
     role="progressbar"
-    style={
-      {
-        "height": "1em",
-        "width": "1em",
-      }
-    }
+    style="width: 1em; height: 1em;"
   >
     <svg
-      className="MuiCircularProgress-svg css-1idz92c-MuiCircularProgress-svg"
+      class="MuiCircularProgress-svg css-54pwck-MuiCircularProgress-svg"
       viewBox="22 22 44 44"
     >
       <circle
-        className="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate css-176wh8e-MuiCircularProgress-circle"
-        cx={44}
-        cy={44}
+        class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate css-19t5dcl-MuiCircularProgress-circle"
+        cx="44"
+        cy="44"
         fill="none"
-        r={20.2}
-        strokeWidth={3.6}
-        style={{}}
+        r="20.2"
+        stroke-width="3.6"
       />
     </svg>
-  </span>,
-]
+  </span>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/ObjectModels.test.tsx.snap b/client/components/edit/__snapshots__/ObjectModels.test.tsx.snap
index 2fc671aa7..37b0c69ad 100644
--- a/client/components/edit/__snapshots__/ObjectModels.test.tsx.snap
+++ b/client/components/edit/__snapshots__/ObjectModels.test.tsx.snap
@@ -1,40 +1,34 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ObjectModels renders models 1`] = `
-<div>
-  <b>
-    Models:
-  </b>
-  <ul>
-    <li
-      style={
-        {
-          "border": 0,
-        }
-      }
-    >
-      CollectionModel
-    </li>
-    <li
-      style={
-        {
-          "border": 0,
-        }
-      }
-    >
-      CoreModel
-    </li>
-    <li
-      style={
-        {
-          "border": 0,
-        }
-      }
-    >
-      FolderCollection
-    </li>
-  </ul>
-</div>
+<DocumentFragment>
+  <div>
+    <b>
+      Models:
+    </b>
+    <ul>
+      <li
+        style="border: 0px;"
+      >
+        CollectionModel
+      </li>
+      <li
+        style="border: 0px;"
+      >
+        CoreModel
+      </li>
+      <li
+        style="border: 0px;"
+      >
+        FolderCollection
+      </li>
+    </ul>
+  </div>
+</DocumentFragment>
 `;
 
-exports[`ObjectModels renders nothing when data is missing 1`] = `<div />`;
+exports[`ObjectModels renders nothing when data is missing 1`] = `
+<DocumentFragment>
+  <div />
+</DocumentFragment>
+`;
diff --git a/client/components/edit/__snapshots__/ObjectOrder.test.tsx.snap b/client/components/edit/__snapshots__/ObjectOrder.test.tsx.snap
index d8b597aa3..467c02d2d 100644
--- a/client/components/edit/__snapshots__/ObjectOrder.test.tsx.snap
+++ b/client/components/edit/__snapshots__/ObjectOrder.test.tsx.snap
@@ -1,29 +1,23 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ObjectOrder defaults to title order for a pending object 1`] = `
-<div>
-  Current sort: 
-  title
-   
-  <button
-    onClick={[Function]}
-  >
-    Change to 
-    custom
-  </button>
-</div>
+<DocumentFragment>
+  <div>
+    Current sort: title 
+    <button>
+      Change to custom
+    </button>
+  </div>
+</DocumentFragment>
 `;
 
 exports[`ObjectOrder displays a custom-sorted object correctly 1`] = `
-<div>
-  Current sort: 
-  custom
-   
-  <button
-    onClick={[Function]}
-  >
-    Change to 
-    title
-  </button>
-</div>
+<DocumentFragment>
+  <div>
+    Current sort: custom 
+    <button>
+      Change to title
+    </button>
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/ObjectPreviewButton.test.tsx.snap b/client/components/edit/__snapshots__/ObjectPreviewButton.test.tsx.snap
index a158c9083..896a7f854 100644
--- a/client/components/edit/__snapshots__/ObjectPreviewButton.test.tsx.snap
+++ b/client/components/edit/__snapshots__/ObjectPreviewButton.test.tsx.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ObjectPreviewButton renders correctly with VuFind URL 1`] = `
-<button
-  onClick={[Function]}
->
-  Preview
-</button>
+<DocumentFragment>
+  <button>
+    Preview
+  </button>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/ObjectStatus.test.tsx.snap b/client/components/edit/__snapshots__/ObjectStatus.test.tsx.snap
index 79ce7af0a..a8394565e 100644
--- a/client/components/edit/__snapshots__/ObjectStatus.test.tsx.snap
+++ b/client/components/edit/__snapshots__/ObjectStatus.test.tsx.snap
@@ -1,57 +1,53 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ObjectStatus defaults to unknown state 1`] = `
-[
+<DocumentFragment>
   <button
-    className="status_btn unknown"
-    onClick={[Function]}
+    class="status_btn unknown"
   >
     <span
-      className="indicator"
+      class="indicator"
     >
       <svg
-        aria-hidden={true}
-        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+        aria-hidden="true"
+        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
         data-testid="HelpOutlineIcon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <path
-          d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"
+          d="M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
         />
       </svg>
     </span>
-     
-    Unknown
-  </button>,
-  ",",
-]
+     Unknown
+  </button>
+  ,
+</DocumentFragment>
 `;
 
 exports[`ObjectStatus displays the state found in the response 1`] = `
-[
+<DocumentFragment>
   <button
-    className="status_btn inactive"
-    onClick={[Function]}
+    class="status_btn inactive"
   >
     <span
-      className="indicator"
+      class="indicator"
     >
       <svg
-        aria-hidden={true}
-        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+        aria-hidden="true"
+        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
         data-testid="ModeStandbyIcon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <path
-          d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3-8c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3z"
+          d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m3-8c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3"
         />
       </svg>
     </span>
-     
-    Inactive
-  </button>,
-  ",",
-]
+     Inactive
+  </button>
+  ,
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/ObjectSummary.test.tsx.snap b/client/components/edit/__snapshots__/ObjectSummary.test.tsx.snap
index efa42b9ca..6cff8b1b0 100644
--- a/client/components/edit/__snapshots__/ObjectSummary.test.tsx.snap
+++ b/client/components/edit/__snapshots__/ObjectSummary.test.tsx.snap
@@ -1,83 +1,58 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ObjectSummary displays loading message when appropriate 1`] = `
-<div
-  className="infobox"
->
+<DocumentFragment>
   <div
-    style={
-      {
-        "float": "right",
-      }
-    }
+    class="infobox"
   >
-    ObjectThumbnail
+    <div
+      style="float: right;"
+    >
+      ObjectThumbnail
+    </div>
+    <h2>
+      Loading...
+    </h2>
+    <div />
+    PID: foo:123 CopyPidButton
+    <br
+      style="clear: both;"
+    />
   </div>
-  <h2>
-    Loading...
-  </h2>
-  <div />
-  PID: 
-  foo:123
-   
-  CopyPidButton
-  <br
-    style={
-      {
-        "clear": "both",
-      }
-    }
-  />
-</div>
+</DocumentFragment>
 `;
 
 exports[`ObjectSummary renders information from metadata when available 1`] = `
-<div
-  className="infobox"
->
+<DocumentFragment>
   <div
-    style={
-      {
-        "float": "right",
-      }
-    }
+    class="infobox"
   >
-    ObjectThumbnail
-    ObjectModels
+    <div
+      style="float: right;"
+    >
+      ObjectThumbnailObjectModels
+    </div>
+    <h2>
+      My title
+    </h2>
+    <div>
+      <p>
+        Hello 
+        <b>
+          world
+        </b>
+        !
+      </p>
+    </div>
+    <div
+      style="margin-block: 1rem;"
+    >
+      ObjectButtonBar
+    </div>
+    ObjectOrderObjectChildCountsPID: foo:123 CopyPidButton
+    <br
+      style="clear: both;"
+    />
   </div>
-  <h2>
-    My title
-  </h2>
-  <div>
-    <p>
-      Hello 
-      <b>
-        world
-      </b>
-      !
-    </p>
-  </div>
-  <div
-    style={
-      {
-        "marginBlock": "1rem",
-      }
-    }
-  >
-    ObjectButtonBar
-  </div>
-  ObjectOrder
-  ObjectChildCounts
-  PID: 
-  foo:123
-   
-  CopyPidButton
-  <br
-    style={
-      {
-        "clear": "both",
-      }
-    }
-  />
-</div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/ObjectThumbnail.test.tsx.snap b/client/components/edit/__snapshots__/ObjectThumbnail.test.tsx.snap
index f9d020471..599d233d0 100644
--- a/client/components/edit/__snapshots__/ObjectThumbnail.test.tsx.snap
+++ b/client/components/edit/__snapshots__/ObjectThumbnail.test.tsx.snap
@@ -1,19 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ObjectThumbnail displays unavailable message when appropriate 1`] = `
-<span>
-  No Thumbnail
-</span>
+<DocumentFragment>
+  <span>
+    No Thumbnail
+  </span>
+</DocumentFragment>
 `;
 
 exports[`ObjectThumbnail renders thumbnail when available 1`] = `
-<img
-  alt=""
-  src="http://localhost/files/foo/THUMBNAIL"
-  style={
-    {
-      "border": "1px solid black",
-    }
-  }
-/>
+<DocumentFragment>
+  <img
+    alt=""
+    src="http://localhost/files/foo/THUMBNAIL"
+    style="border: 1px solid black;"
+  />
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/PidPicker.test.tsx.snap b/client/components/edit/__snapshots__/PidPicker.test.tsx.snap
index 21dbc2c61..c48851acc 100644
--- a/client/components/edit/__snapshots__/PidPicker.test.tsx.snap
+++ b/client/components/edit/__snapshots__/PidPicker.test.tsx.snap
@@ -1,57 +1,50 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PidPicker renders correctly with a selected PID 1`] = `
-[
-  "Selected pid: ",
-  "selected:123",
-  ". ",
-  <button
-    onClick={[Function]}
-  >
+<DocumentFragment>
+  Selected pid: selected:123. 
+  <button>
     Clear
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
 
 exports[`PidPicker renders correctly with favorite PIDs 1`] = `
-[
+<DocumentFragment>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: "Enter PID manually"
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: "Enter PID manually"
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               <label>
-                Enter PID:
-                 
+                Enter PID: 
                 <input
-                  onChange={[Function]}
                   type="text"
                   value=""
                 />
               </label>
-              <button
-                onClick={[Function]}
-              >
+              <button>
                 Set
               </button>
             </div>
@@ -59,31 +52,32 @@ exports[`PidPicker renders correctly with favorite PIDs 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: "Choose PID from Tree"
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: "Choose PID from Tree"
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               ChildList
             </div>
@@ -91,44 +85,41 @@ exports[`PidPicker renders correctly with favorite PIDs 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: "Choose PID from Favorites"
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: "Choose PID from Favorites"
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               <ul>
                 <li>
-                  <button
-                    onClick={[Function]}
-                  >
+                  <button>
                     first test
                   </button>
                 </li>
                 <li>
-                  <button
-                    onClick={[Function]}
-                  >
+                  <button>
                     second test
                   </button>
                 </li>
@@ -138,49 +129,46 @@ exports[`PidPicker renders correctly with favorite PIDs 1`] = `
         </div>
       </div>
     </div>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
 
 exports[`PidPicker renders correctly with parents 1`] = `
-[
+<DocumentFragment>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: "Enter PID manually"
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: "Enter PID manually"
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               <label>
-                Enter PID:
-                 
+                Enter PID: 
                 <input
-                  onChange={[Function]}
                   type="text"
                   value=""
                 />
               </label>
-              <button
-                onClick={[Function]}
-              >
+              <button>
                 Set
               </button>
             </div>
@@ -188,31 +176,32 @@ exports[`PidPicker renders correctly with parents 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: "Choose PID from Tree"
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: "Choose PID from Tree"
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               ChildList
             </div>
@@ -220,31 +209,32 @@ exports[`PidPicker renders correctly with parents 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: ["Choose PID from Parent (","Foo",")"]
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: ["Choose PID from Parent (","Foo",")"]
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               ChildList
             </div>
@@ -252,31 +242,32 @@ exports[`PidPicker renders correctly with parents 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: ["Choose PID from Parent (","Bar",")"]
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: ["Choose PID from Parent (","Bar",")"]
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               ChildList
             </div>
@@ -284,44 +275,41 @@ exports[`PidPicker renders correctly with parents 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: "Choose PID from Favorites"
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: "Choose PID from Favorites"
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               <ul>
                 <li>
-                  <button
-                    onClick={[Function]}
-                  >
+                  <button>
                     first test
                   </button>
                 </li>
                 <li>
-                  <button
-                    onClick={[Function]}
-                  >
+                  <button>
                     second test
                   </button>
                 </li>
@@ -331,49 +319,46 @@ exports[`PidPicker renders correctly with parents 1`] = `
         </div>
       </div>
     </div>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
 
 exports[`PidPicker renders correctly with recent PIDs 1`] = `
-[
+<DocumentFragment>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: "Enter PID manually"
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: "Enter PID manually"
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               <label>
-                Enter PID:
-                 
+                Enter PID: 
                 <input
-                  onChange={[Function]}
                   type="text"
                   value=""
                 />
               </label>
-              <button
-                onClick={[Function]}
-              >
+              <button>
                 Set
               </button>
             </div>
@@ -381,31 +366,32 @@ exports[`PidPicker renders correctly with recent PIDs 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: "Choose PID from Tree"
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: "Choose PID from Tree"
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               ChildList
             </div>
@@ -413,44 +399,41 @@ exports[`PidPicker renders correctly with recent PIDs 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: "Choose PID from Favorites"
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: "Choose PID from Favorites"
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               <ul>
                 <li>
-                  <button
-                    onClick={[Function]}
-                  >
+                  <button>
                     first test
                   </button>
                 </li>
                 <li>
-                  <button
-                    onClick={[Function]}
-                  >
+                  <button>
                     second test
                   </button>
                 </li>
@@ -460,44 +443,41 @@ exports[`PidPicker renders correctly with recent PIDs 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: "Choose PID from Recently Viewed"
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: "Choose PID from Recently Viewed"
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               <ul>
                 <li>
-                  <button
-                    onClick={[Function]}
-                  >
+                  <button>
                     first test
                   </button>
                 </li>
                 <li>
-                  <button
-                    onClick={[Function]}
-                  >
+                  <button>
                     second test
                   </button>
                 </li>
@@ -507,49 +487,46 @@ exports[`PidPicker renders correctly with recent PIDs 1`] = `
         </div>
       </div>
     </div>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
 
 exports[`PidPicker renders correctly without favorite PIDs 1`] = `
-[
+<DocumentFragment>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: "Enter PID manually"
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: "Enter PID manually"
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               <label>
-                Enter PID:
-                 
+                Enter PID: 
                 <input
-                  onChange={[Function]}
                   type="text"
                   value=""
                 />
               </label>
-              <button
-                onClick={[Function]}
-              >
+              <button>
                 Set
               </button>
             </div>
@@ -557,31 +534,32 @@ exports[`PidPicker renders correctly without favorite PIDs 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
-    AccordionSummary: "Choose PID from Tree"
+    <h3
+      class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
+    >
+      AccordionSummary: "Choose PID from Tree"
+    </h3>
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+      style="min-height: 0px;"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
         >
           <div
-            className="MuiAccordion-region"
+            class="MuiAccordion-region css-at4ued-MuiAccordion-region"
             role="region"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
             >
               ChildList
             </div>
@@ -589,6 +567,6 @@ exports[`PidPicker renders correctly without favorite PIDs 1`] = `
         </div>
       </div>
     </div>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/__snapshots__/StateModal.test.tsx.snap b/client/components/edit/__snapshots__/StateModal.test.tsx.snap
index 8222bb942..cc97d98cc 100644
--- a/client/components/edit/__snapshots__/StateModal.test.tsx.snap
+++ b/client/components/edit/__snapshots__/StateModal.test.tsx.snap
@@ -1,86 +1,48 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`StateModal renders correctly for a loaded object with children 1`] = `
-[
-  "Dialog",
-  "open",
-  "State Editor (",
-  "foo:123",
-  ")",
+<DocumentFragment>
+  DialogopenState Editor (foo:123)
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     CloseIcon
-    <span
-      className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-    />
-  </button>,
-  "{"pid":"foo:123"}",
+  </button>
+  {"pid":"foo:123"}
   <div
-    className="MuiFormControl-root css-1nrlq1o-MuiFormControl-root"
+    class="MuiFormControl-root css-1iw3t7y-MuiFormControl-root"
   >
     <label
-      className="MuiFormLabel-root MuiFormLabel-colorPrimary css-u4tvz2-MuiFormLabel-root"
+      class="MuiFormLabel-root MuiFormLabel-colorPrimary css-nwsdb5-MuiFormLabel-root"
       id="state-modal-group-label"
     >
       State
     </label>
     <div
       aria-labelledby="state-modal-group-label"
-      className="MuiFormGroup-root MuiRadioGroup-root css-dmmspl-MuiFormGroup-root"
+      class="MuiFormGroup-root MuiRadioGroup-root css-1mac7pt-MuiFormGroup-root"
       role="radiogroup"
     >
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
-          onBlur={[Function]}
-          onContextMenu={[Function]}
-          onDragLeave={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          onMouseDown={[Function]}
-          onMouseLeave={[Function]}
-          onMouseUp={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-          tabIndex={null}
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary css-1q72ply-MuiButtonBase-root-MuiSwitchBase-root-MuiRadio-root"
         >
           <input
-            checked={true}
-            className="PrivateSwitchBase-input css-1m9pwf3"
-            disabled={false}
+            class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
             name="state-modal-group"
-            onChange={[Function]}
-            required={false}
             type="radio"
             value="Active"
           />
           <span
-            className="css-hyxlzm"
+            class="css-9oxshb-MuiRadioButtonIcon-root"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-iy8fvg-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonUncheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -90,8 +52,8 @@ exports[`StateModal renders correctly for a loaded object with children 1`] = `
               />
             </svg>
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-11zohuh-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1pqw2bl-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonCheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -101,51 +63,32 @@ exports[`StateModal renders correctly for a loaded object with children 1`] = `
               />
             </svg>
           </span>
-          <span
-            className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
         >
           Active
         </span>
       </label>
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
-          onBlur={[Function]}
-          onContextMenu={[Function]}
-          onDragLeave={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          onMouseDown={[Function]}
-          onMouseLeave={[Function]}
-          onMouseUp={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-          tabIndex={null}
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-1q72ply-MuiButtonBase-root-MuiSwitchBase-root-MuiRadio-root"
         >
           <input
-            checked={false}
-            className="PrivateSwitchBase-input css-1m9pwf3"
-            disabled={false}
+            checked=""
+            class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
             name="state-modal-group"
-            onChange={[Function]}
-            required={false}
             type="radio"
             value="Inactive"
           />
           <span
-            className="css-hyxlzm"
+            class="css-9oxshb-MuiRadioButtonIcon-root"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-iy8fvg-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonUncheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -155,8 +98,8 @@ exports[`StateModal renders correctly for a loaded object with children 1`] = `
               />
             </svg>
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hhw7if-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-cpa8b4-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonCheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -166,51 +109,31 @@ exports[`StateModal renders correctly for a loaded object with children 1`] = `
               />
             </svg>
           </span>
-          <span
-            className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
         >
           Inactive
         </span>
       </label>
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
-          onBlur={[Function]}
-          onContextMenu={[Function]}
-          onDragLeave={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          onMouseDown={[Function]}
-          onMouseLeave={[Function]}
-          onMouseUp={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-          tabIndex={null}
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-1q72ply-MuiButtonBase-root-MuiSwitchBase-root-MuiRadio-root"
         >
           <input
-            checked={false}
-            className="PrivateSwitchBase-input css-1m9pwf3"
-            disabled={false}
+            class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
             name="state-modal-group"
-            onChange={[Function]}
-            required={false}
             type="radio"
             value="Deleted"
           />
           <span
-            className="css-hyxlzm"
+            class="css-9oxshb-MuiRadioButtonIcon-root"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-iy8fvg-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonUncheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -220,8 +143,8 @@ exports[`StateModal renders correctly for a loaded object with children 1`] = `
               />
             </svg>
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hhw7if-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-cpa8b4-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonCheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -231,53 +154,33 @@ exports[`StateModal renders correctly for a loaded object with children 1`] = `
               />
             </svg>
           </span>
-          <span
-            className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
         >
           Deleted
         </span>
       </label>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root css-1nrlq1o-MuiFormControl-root"
+    class="MuiFormControl-root css-1iw3t7y-MuiFormControl-root"
   >
     <label
-      className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
     >
       <span
-        className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
-        onBlur={[Function]}
-        onContextMenu={[Function]}
-        onDragLeave={[Function]}
-        onFocus={[Function]}
-        onKeyDown={[Function]}
-        onKeyUp={[Function]}
-        onMouseDown={[Function]}
-        onMouseLeave={[Function]}
-        onMouseUp={[Function]}
-        onTouchEnd={[Function]}
-        onTouchMove={[Function]}
-        onTouchStart={[Function]}
-        tabIndex={null}
+        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium css-vuhw6e-MuiButtonBase-root-MuiSwitchBase-root-MuiCheckbox-root"
       >
         <input
-          checked={false}
-          className="PrivateSwitchBase-input css-1m9pwf3"
-          data-indeterminate={false}
-          disabled={false}
-          onChange={[Function]}
-          required={false}
+          class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
+          data-indeterminate="false"
           type="checkbox"
           value="Update 100 children to match"
         />
         <svg
-          aria-hidden={true}
-          className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+          aria-hidden="true"
+          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
           data-testid="CheckBoxOutlineBlankIcon"
           focusable="false"
           viewBox="0 0 24 24"
@@ -286,106 +189,63 @@ exports[`StateModal renders correctly for a loaded object with children 1`] = `
             d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
           />
         </svg>
-        <span
-          className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-        />
       </span>
       <span
-        className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
       >
         Update 100 children to match
       </span>
     </label>
-  </div>,
-  <button
-    onClick={[Function]}
-  >
+  </div>
+  <button>
     Save
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
 
 exports[`StateModal renders correctly for a loaded object without children 1`] = `
-[
-  "Dialog",
-  "open",
-  "State Editor (",
-  "foo:123",
-  ")",
+<DocumentFragment>
+  DialogopenState Editor (foo:123)
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     CloseIcon
-    <span
-      className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-    />
-  </button>,
-  "{"pid":"foo:123"}",
+  </button>
+  {"pid":"foo:123"}
   <div
-    className="MuiFormControl-root css-1nrlq1o-MuiFormControl-root"
+    class="MuiFormControl-root css-1iw3t7y-MuiFormControl-root"
   >
     <label
-      className="MuiFormLabel-root MuiFormLabel-colorPrimary css-u4tvz2-MuiFormLabel-root"
+      class="MuiFormLabel-root MuiFormLabel-colorPrimary css-nwsdb5-MuiFormLabel-root"
       id="state-modal-group-label"
     >
       State
     </label>
     <div
       aria-labelledby="state-modal-group-label"
-      className="MuiFormGroup-root MuiRadioGroup-root css-dmmspl-MuiFormGroup-root"
+      class="MuiFormGroup-root MuiRadioGroup-root css-1mac7pt-MuiFormGroup-root"
       role="radiogroup"
     >
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
-          onBlur={[Function]}
-          onContextMenu={[Function]}
-          onDragLeave={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          onMouseDown={[Function]}
-          onMouseLeave={[Function]}
-          onMouseUp={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-          tabIndex={null}
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary css-1q72ply-MuiButtonBase-root-MuiSwitchBase-root-MuiRadio-root"
         >
           <input
-            checked={true}
-            className="PrivateSwitchBase-input css-1m9pwf3"
-            disabled={false}
+            class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
             name="state-modal-group"
-            onChange={[Function]}
-            required={false}
             type="radio"
             value="Active"
           />
           <span
-            className="css-hyxlzm"
+            class="css-9oxshb-MuiRadioButtonIcon-root"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-iy8fvg-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonUncheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -395,8 +255,8 @@ exports[`StateModal renders correctly for a loaded object without children 1`] =
               />
             </svg>
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-11zohuh-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1pqw2bl-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonCheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -406,51 +266,32 @@ exports[`StateModal renders correctly for a loaded object without children 1`] =
               />
             </svg>
           </span>
-          <span
-            className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
         >
           Active
         </span>
       </label>
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
-          onBlur={[Function]}
-          onContextMenu={[Function]}
-          onDragLeave={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          onMouseDown={[Function]}
-          onMouseLeave={[Function]}
-          onMouseUp={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-          tabIndex={null}
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-1q72ply-MuiButtonBase-root-MuiSwitchBase-root-MuiRadio-root"
         >
           <input
-            checked={false}
-            className="PrivateSwitchBase-input css-1m9pwf3"
-            disabled={false}
+            checked=""
+            class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
             name="state-modal-group"
-            onChange={[Function]}
-            required={false}
             type="radio"
             value="Inactive"
           />
           <span
-            className="css-hyxlzm"
+            class="css-9oxshb-MuiRadioButtonIcon-root"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-iy8fvg-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonUncheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -460,8 +301,8 @@ exports[`StateModal renders correctly for a loaded object without children 1`] =
               />
             </svg>
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hhw7if-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-cpa8b4-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonCheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -471,51 +312,31 @@ exports[`StateModal renders correctly for a loaded object without children 1`] =
               />
             </svg>
           </span>
-          <span
-            className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
         >
           Inactive
         </span>
       </label>
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
-          onBlur={[Function]}
-          onContextMenu={[Function]}
-          onDragLeave={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          onMouseDown={[Function]}
-          onMouseLeave={[Function]}
-          onMouseUp={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-          tabIndex={null}
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-1q72ply-MuiButtonBase-root-MuiSwitchBase-root-MuiRadio-root"
         >
           <input
-            checked={false}
-            className="PrivateSwitchBase-input css-1m9pwf3"
-            disabled={false}
+            class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
             name="state-modal-group"
-            onChange={[Function]}
-            required={false}
             type="radio"
             value="Deleted"
           />
           <span
-            className="css-hyxlzm"
+            class="css-9oxshb-MuiRadioButtonIcon-root"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-iy8fvg-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonUncheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -525,8 +346,8 @@ exports[`StateModal renders correctly for a loaded object without children 1`] =
               />
             </svg>
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hhw7if-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-cpa8b4-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonCheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -536,107 +357,64 @@ exports[`StateModal renders correctly for a loaded object without children 1`] =
               />
             </svg>
           </span>
-          <span
-            className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
         >
           Deleted
         </span>
       </label>
     </div>
-  </div>,
-  <button
-    onClick={[Function]}
-  >
+  </div>
+  <button>
     Save
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
 
 exports[`StateModal renders correctly for a pending object 1`] = `
-[
-  "Dialog",
-  "open",
-  "State Editor (",
-  "foo:123",
-  ")",
+<DocumentFragment>
+  DialogopenState Editor (foo:123)
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     CloseIcon
-    <span
-      className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-    />
-  </button>,
-  "{"pid":"foo:123"}",
+  </button>
+  {"pid":"foo:123"}
   <div
-    className="MuiFormControl-root css-1nrlq1o-MuiFormControl-root"
+    class="MuiFormControl-root css-1iw3t7y-MuiFormControl-root"
   >
     <label
-      className="MuiFormLabel-root MuiFormLabel-colorPrimary css-u4tvz2-MuiFormLabel-root"
+      class="MuiFormLabel-root MuiFormLabel-colorPrimary css-nwsdb5-MuiFormLabel-root"
       id="state-modal-group-label"
     >
       State
     </label>
     <div
       aria-labelledby="state-modal-group-label"
-      className="MuiFormGroup-root MuiRadioGroup-root css-dmmspl-MuiFormGroup-root"
+      class="MuiFormGroup-root MuiRadioGroup-root css-1mac7pt-MuiFormGroup-root"
       role="radiogroup"
     >
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
-          onBlur={[Function]}
-          onContextMenu={[Function]}
-          onDragLeave={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          onMouseDown={[Function]}
-          onMouseLeave={[Function]}
-          onMouseUp={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-          tabIndex={null}
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-1q72ply-MuiButtonBase-root-MuiSwitchBase-root-MuiRadio-root"
         >
           <input
-            checked={false}
-            className="PrivateSwitchBase-input css-1m9pwf3"
-            disabled={false}
+            class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
             name="state-modal-group"
-            onChange={[Function]}
-            required={false}
             type="radio"
             value="Active"
           />
           <span
-            className="css-hyxlzm"
+            class="css-9oxshb-MuiRadioButtonIcon-root"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-iy8fvg-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonUncheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -646,8 +424,8 @@ exports[`StateModal renders correctly for a pending object 1`] = `
               />
             </svg>
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hhw7if-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-cpa8b4-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonCheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -657,51 +435,32 @@ exports[`StateModal renders correctly for a pending object 1`] = `
               />
             </svg>
           </span>
-          <span
-            className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
         >
           Active
         </span>
       </label>
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
-          onBlur={[Function]}
-          onContextMenu={[Function]}
-          onDragLeave={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          onMouseDown={[Function]}
-          onMouseLeave={[Function]}
-          onMouseUp={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-          tabIndex={null}
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary css-1q72ply-MuiButtonBase-root-MuiSwitchBase-root-MuiRadio-root"
         >
           <input
-            checked={true}
-            className="PrivateSwitchBase-input css-1m9pwf3"
-            disabled={false}
+            checked=""
+            class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
             name="state-modal-group"
-            onChange={[Function]}
-            required={false}
             type="radio"
             value="Inactive"
           />
           <span
-            className="css-hyxlzm"
+            class="css-9oxshb-MuiRadioButtonIcon-root"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-iy8fvg-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonUncheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -711,8 +470,8 @@ exports[`StateModal renders correctly for a pending object 1`] = `
               />
             </svg>
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-11zohuh-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1pqw2bl-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonCheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -722,51 +481,31 @@ exports[`StateModal renders correctly for a pending object 1`] = `
               />
             </svg>
           </span>
-          <span
-            className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
         >
           Inactive
         </span>
       </label>
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
-          onBlur={[Function]}
-          onContextMenu={[Function]}
-          onDragLeave={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          onMouseDown={[Function]}
-          onMouseLeave={[Function]}
-          onMouseUp={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-          tabIndex={null}
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-1q72ply-MuiButtonBase-root-MuiSwitchBase-root-MuiRadio-root"
         >
           <input
-            checked={false}
-            className="PrivateSwitchBase-input css-1m9pwf3"
-            disabled={false}
+            class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
             name="state-modal-group"
-            onChange={[Function]}
-            required={false}
             type="radio"
             value="Deleted"
           />
           <span
-            className="css-hyxlzm"
+            class="css-9oxshb-MuiRadioButtonIcon-root"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-iy8fvg-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonUncheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -776,8 +515,8 @@ exports[`StateModal renders correctly for a pending object 1`] = `
               />
             </svg>
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hhw7if-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-cpa8b4-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonCheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -787,110 +526,67 @@ exports[`StateModal renders correctly for a pending object 1`] = `
               />
             </svg>
           </span>
-          <span
-            className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
         >
           Deleted
         </span>
       </label>
     </div>
-  </div>,
+  </div>
   <p>
     Loading...
-  </p>,
-  <button
-    onClick={[Function]}
-  >
+  </p>
+  <button>
     Save
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
 
 exports[`StateModal renders correctly when closed 1`] = `
-[
-  "Dialog",
-  "closed",
-  "State Editor (",
-  "foo:123",
-  ")",
+<DocumentFragment>
+  DialogclosedState Editor (foo:123)
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     CloseIcon
-    <span
-      className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-    />
-  </button>,
-  "{"pid":"foo:123"}",
+  </button>
+  {"pid":"foo:123"}
   <div
-    className="MuiFormControl-root css-1nrlq1o-MuiFormControl-root"
+    class="MuiFormControl-root css-1iw3t7y-MuiFormControl-root"
   >
     <label
-      className="MuiFormLabel-root MuiFormLabel-colorPrimary css-u4tvz2-MuiFormLabel-root"
+      class="MuiFormLabel-root MuiFormLabel-colorPrimary css-nwsdb5-MuiFormLabel-root"
       id="state-modal-group-label"
     >
       State
     </label>
     <div
       aria-labelledby="state-modal-group-label"
-      className="MuiFormGroup-root MuiRadioGroup-root css-dmmspl-MuiFormGroup-root"
+      class="MuiFormGroup-root MuiRadioGroup-root css-1mac7pt-MuiFormGroup-root"
       role="radiogroup"
     >
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
-          onBlur={[Function]}
-          onContextMenu={[Function]}
-          onDragLeave={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          onMouseDown={[Function]}
-          onMouseLeave={[Function]}
-          onMouseUp={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-          tabIndex={null}
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-1q72ply-MuiButtonBase-root-MuiSwitchBase-root-MuiRadio-root"
         >
           <input
-            checked={false}
-            className="PrivateSwitchBase-input css-1m9pwf3"
-            disabled={false}
+            class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
             name="state-modal-group"
-            onChange={[Function]}
-            required={false}
             type="radio"
             value="Active"
           />
           <span
-            className="css-hyxlzm"
+            class="css-9oxshb-MuiRadioButtonIcon-root"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-iy8fvg-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonUncheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -900,8 +596,8 @@ exports[`StateModal renders correctly when closed 1`] = `
               />
             </svg>
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hhw7if-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-cpa8b4-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonCheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -911,51 +607,32 @@ exports[`StateModal renders correctly when closed 1`] = `
               />
             </svg>
           </span>
-          <span
-            className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
         >
           Active
         </span>
       </label>
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
-          onBlur={[Function]}
-          onContextMenu={[Function]}
-          onDragLeave={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          onMouseDown={[Function]}
-          onMouseLeave={[Function]}
-          onMouseUp={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-          tabIndex={null}
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary css-1q72ply-MuiButtonBase-root-MuiSwitchBase-root-MuiRadio-root"
         >
           <input
-            checked={true}
-            className="PrivateSwitchBase-input css-1m9pwf3"
-            disabled={false}
+            checked=""
+            class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
             name="state-modal-group"
-            onChange={[Function]}
-            required={false}
             type="radio"
             value="Inactive"
           />
           <span
-            className="css-hyxlzm"
+            class="css-9oxshb-MuiRadioButtonIcon-root"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-iy8fvg-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonUncheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -965,8 +642,8 @@ exports[`StateModal renders correctly when closed 1`] = `
               />
             </svg>
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-11zohuh-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1pqw2bl-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonCheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -976,51 +653,31 @@ exports[`StateModal renders correctly when closed 1`] = `
               />
             </svg>
           </span>
-          <span
-            className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
         >
           Inactive
         </span>
       </label>
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
+        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
-          onBlur={[Function]}
-          onContextMenu={[Function]}
-          onDragLeave={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          onMouseDown={[Function]}
-          onMouseLeave={[Function]}
-          onMouseUp={[Function]}
-          onTouchEnd={[Function]}
-          onTouchMove={[Function]}
-          onTouchStart={[Function]}
-          tabIndex={null}
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-1q72ply-MuiButtonBase-root-MuiSwitchBase-root-MuiRadio-root"
         >
           <input
-            checked={false}
-            className="PrivateSwitchBase-input css-1m9pwf3"
-            disabled={false}
+            class="PrivateSwitchBase-input css-12xagqm-MuiSwitchBase-root"
             name="state-modal-group"
-            onChange={[Function]}
-            required={false}
             type="radio"
             value="Deleted"
           />
           <span
-            className="css-hyxlzm"
+            class="css-9oxshb-MuiRadioButtonIcon-root"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-iy8fvg-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonUncheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -1030,8 +687,8 @@ exports[`StateModal renders correctly when closed 1`] = `
               />
             </svg>
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hhw7if-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-cpa8b4-MuiSvgIcon-root-MuiRadioButtonIcon-root"
               data-testid="RadioButtonCheckedIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -1041,25 +698,20 @@ exports[`StateModal renders correctly when closed 1`] = `
               />
             </svg>
           </span>
-          <span
-            className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-ahj2mt-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-rizt0-MuiTypography-root"
         >
           Deleted
         </span>
       </label>
     </div>
-  </div>,
+  </div>
   <p>
     Loading...
-  </p>,
-  <button
-    onClick={[Function]}
-  >
+  </p>
+  <button>
     Save
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/children/Child.test.tsx b/client/components/edit/children/Child.test.tsx
index 4d7196419..b39981514 100644
--- a/client/components/edit/children/Child.test.tsx
+++ b/client/components/edit/children/Child.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render, screen, waitFor } from "@testing-library/react";
-import renderer from "react-test-renderer";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import userEvent from "@testing-library/user-event";
 import { ChildProps, Child } from "./Child";
 import { EditorContextProvider, ObjectDetails } from "../../../context/EditorContext";
@@ -60,58 +58,58 @@ describe("Child", () => {
     });
 
     it("renders using ajax-loaded data", async () => {
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(getChildComponent(props));
+        let asFragment;
+        await act(async () => {
+            asFragment = render(getChildComponent(props)).asFragment;
         });
         await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
         expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/object/foo%3A123/details");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders a thumbnail", async () => {
         props.thumbnail = true;
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(getChildComponent(props));
+        let asFragment;
+        await act(async () => {
+            asFragment = render(getChildComponent(props)).asFragment;
         });
         await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
         expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/object/foo%3A123/details");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders child counts", async () => {
         props.showChildCounts = true;
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(getChildComponent(props));
+        let asFragment;
+        await act(async () => {
+            asFragment = render(getChildComponent(props)).asFragment;
         });
         await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
         expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/object/foo%3A123/details");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders thumbnail and child counts", async () => {
         props.thumbnail = true;
         props.showChildCounts = true;
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(getChildComponent(props));
+        let asFragment;
+        await act(async () => {
+            asFragment = render(getChildComponent(props)).asFragment;
         });
         await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
         expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/object/foo%3A123/details");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("handles empty titles appropriately", async () => {
         props.initialTitle = "";
         response.metadata = {};
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(getChildComponent(props));
+        let asFragment;
+        await act(async () => {
+            asFragment = render(getChildComponent(props)).asFragment;
         });
         await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("can be expanded to show children", async () => {
diff --git a/client/components/edit/children/Child.tsx b/client/components/edit/children/Child.tsx
index 4ca6b3f17..555123cae 100644
--- a/client/components/edit/children/Child.tsx
+++ b/client/components/edit/children/Child.tsx
@@ -62,7 +62,7 @@ export const Child = ({
     ) : null;
     const hasExtraTools = thumbnail || models || showChildCounts;
     const extraTools = hasExtraTools ? (
-        <Grid item>
+        <Grid>
             {thumbnail ? <ObjectThumbnail pid={pid} /> : ""}
             {showChildCounts ? <ObjectChildCounts pid={pid} /> : ""}
             {models ? <ObjectModels pid={pid} /> : ""}
@@ -71,18 +71,18 @@ export const Child = ({
     return (
         <div className={styles.childlist__item}>
             <Grid container spacing={2} alignItems="center">
-                <Grid item xs>
+                <Grid size="grow">
                     {expandControl} {loaded && parentPid ? <ChildPosition pid={pid} parentPid={parentPid} /> : ""}
                     <Link href={"/edit/object/" + pid}>{title || "(no title)"}</Link>
                 </Grid>
                 {extraTools}
-                <Grid item xs={1} className={styles.childlist__pid}>
+                <Grid className={styles.childlist__pid} size={1}>
                     {pid}
                 </Grid>
-                <Grid item xs="none">
+                <Grid size="none">
                     <CopyPidButton pid={pid} />
                 </Grid>
-                <Grid item xs="none" style={{ textAlign: "right" }}>
+                <Grid style={{ textAlign: "right" }} size="none">
                     {loaded ? <ObjectButtonBar pid={pid} /> : ""}
                     <ObjectLoader pid={pid} />
                 </Grid>
diff --git a/client/components/edit/children/ChildList.test.tsx b/client/components/edit/children/ChildList.test.tsx
index 4cd0e5b9e..baf17fa08 100644
--- a/client/components/edit/children/ChildList.test.tsx
+++ b/client/components/edit/children/ChildList.test.tsx
@@ -1,7 +1,7 @@
-import React from "react";
+import { act } from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import { waitFor } from "@testing-library/react";
-import renderer from "react-test-renderer";
+import { render, screen, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
 import { ChildListProps, ChildList } from "./ChildList";
 import { EditorContextProvider } from "../../../context/EditorContext";
 import { FetchContextProvider } from "../../../context/FetchContext";
@@ -11,7 +11,7 @@ jest.mock("./Child", () => () => "Child");
 jest.mock("./SelectableChild", () => () => "SelectableChild");
 
 function getMountedChildListComponent(props: ChildListProps) {
-    return renderer.create(
+    return render(
         <FetchContextProvider>
             <EditorContextProvider>
                 <ChildList {...props} />
@@ -41,69 +41,68 @@ describe("ChildList", () => {
     });
 
     it("renders using ajax-loaded root data", async () => {
-        let tree;
-        await renderer.act(async () => {
-            tree = getMountedChildListComponent(props);
-            await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
+        let asFragment;
+        await act(async () => {
+            asFragment = getMountedChildListComponent(props).asFragment;
         });
+        await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
         expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/topLevelObjects?start=0&rows=10");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("allows thumbnails to be toggled on", async () => {
-        let tree;
-        await renderer.act(async () => {
-            tree = getMountedChildListComponent(props);
-            await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
-            expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/topLevelObjects?start=0&rows=10");
-            tree.root
-                .find((element) => {
-                    return element?.children[0] === "Show Thumbnails";
-                })
-                .props.onClick();
+        const user = userEvent.setup();
+        let asFragment;
+        await act(async () => {
+            asFragment = getMountedChildListComponent(props).asFragment;
         });
-        expect(tree.toJSON()).toMatchSnapshot();
+        await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
+        expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/topLevelObjects?start=0&rows=10");
+        const thumbnailsButton = await waitFor(() => screen.getByRole("button", { name: /show thumbnails/i }));
+        await user.click(thumbnailsButton);
+        expect(screen.getByRole("button", { name: /hide thumbnails/i })).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("allows models to be toggled on", async () => {
-        let tree;
-        await renderer.act(async () => {
-            tree = getMountedChildListComponent(props);
-            await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
-            expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/topLevelObjects?start=0&rows=10");
-            tree.root
-                .find((element) => {
-                    return element?.children[0] === "Show Models";
-                })
-                .props.onClick();
+        const user = userEvent.setup();
+        let asFragment;
+        await act(async () => {
+            asFragment = getMountedChildListComponent(props).asFragment;
         });
-        expect(tree.toJSON()).toMatchSnapshot();
+        await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
+        expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/topLevelObjects?start=0&rows=10");
+        const modelsButton = await waitFor(() => screen.getByRole("button", { name: /show models/i }));
+        await user.click(modelsButton);
+        expect(screen.getByRole("button", { name: /hide models/i })).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("allows child counts to be toggled on", async () => {
-        let tree;
-        await renderer.act(async () => {
-            tree = getMountedChildListComponent(props);
-            await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
-            expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/topLevelObjects?start=0&rows=10");
-            tree.root
-                .find((element) => {
-                    return element?.children[0] === "Show Child Counts";
-                })
-                .props.onClick();
+        const user = userEvent.setup();
+        let asFragment;
+        await act(async () => {
+            asFragment = getMountedChildListComponent(props).asFragment;
         });
-        expect(tree.toJSON()).toMatchSnapshot();
+        await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
+        expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/topLevelObjects?start=0&rows=10");
+        const childCountsButton = await waitFor(() => screen.getByRole("button", { name: /show child counts/i }));
+        await user.click(childCountsButton);
+        expect(screen.getByRole("button", { name: /hide child counts/i })).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders using SelectableChild when a callback is provided", async () => {
         props.selectCallback = jest.fn();
-        let tree;
-        await renderer.act(async () => {
-            tree = getMountedChildListComponent(props);
-            await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
+        let asFragment;
+        await act(async () => {
+            asFragment = getMountedChildListComponent(props).asFragment;
         });
+        await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
         expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/topLevelObjects?start=0&rows=10");
-        expect(tree.toJSON()).toMatchSnapshot();
+        await waitFor(() => expect(screen.getByText("SelectableChild")).toBeInTheDocument());
+        expect(screen.queryByText("Child")).not.toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("displays a paginator when appropriate", async () => {
@@ -125,23 +124,23 @@ describe("ChildList", () => {
                 { id: "foo:133", title: "hello10" },
             ],
         };
-        let tree;
-        await renderer.act(async () => {
-            tree = getMountedChildListComponent(props);
-            await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
+        let asFragment;
+        await act(async () => {
+            asFragment = getMountedChildListComponent(props).asFragment;
         });
+        await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
         expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/topLevelObjects?start=0&rows=10");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders using ajax-loaded object data", async () => {
         props.pid = "foo:123";
-        let tree;
-        await renderer.act(async () => {
-            tree = getMountedChildListComponent(props);
-            await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
+        let asFragment;
+        await act(async () => {
+            asFragment = getMountedChildListComponent(props).asFragment;
         });
+        await waitFor(() => expect(global.fetch).toHaveBeenCalledTimes(1));
         expect(lastRequestUrl).toEqual("http://localhost:9000/api/edit/object/foo%3A123/children?start=0&rows=10");
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/edit/children/ChildList.tsx b/client/components/edit/children/ChildList.tsx
index b646e5a08..8df400218 100644
--- a/client/components/edit/children/ChildList.tsx
+++ b/client/components/edit/children/ChildList.tsx
@@ -135,16 +135,10 @@ export const ChildList = ({
     return (
         <div className={styles.childlist}>
             <Grid container spacing={2} alignItems="center">
-                <Grid item xs="auto">
-                    {paginatorLabel}
-                </Grid>
-                <Grid item xs="auto">
-                    {paginator}
-                </Grid>
-                <Grid item xs>
-                    &nbsp;
-                </Grid>
-                <Grid item xs="auto" className={styles.childlist__toggles}>
+                <Grid size="auto">{paginatorLabel}</Grid>
+                <Grid size="auto">{paginator}</Grid>
+                <Grid size="grow">&nbsp;</Grid>
+                <Grid className={styles.childlist__toggles} size="auto">
                     {thumbsButton}
                     {modelsButton}
                     {childButton}
diff --git a/client/components/edit/children/ChildPosition.test.tsx b/client/components/edit/children/ChildPosition.test.tsx
index 3783ff46b..280765a1a 100644
--- a/client/components/edit/children/ChildPosition.test.tsx
+++ b/client/components/edit/children/ChildPosition.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import { fireEvent, render, screen } from "@testing-library/react";
-import renderer from "react-test-renderer";
 import ChildPosition from "./ChildPosition";
 
 const mockUseEditorContext = jest.fn();
@@ -46,24 +44,24 @@ describe("ChildPosition", () => {
     it("renders correctly when no sort or sequence exists", () => {
         editorValues.state.objectDetailsStorage[pid] = { pid };
         editorValues.state.objectDetailsStorage[parentPid] = { pid: parentPid };
-        const tree = renderer.create(<ChildPosition pid={pid} parentPid={parentPid} />).toJSON();
-        expect(tree).toBeNull();
+        const { asFragment } = render(<ChildPosition pid={pid} parentPid={parentPid} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders correctly when a sequence exists and parent is not custom sorted", () => {
         const sequences = [`${parentPid}#73`];
         editorValues.state.objectDetailsStorage[pid] = { pid, sequences };
         editorValues.state.objectDetailsStorage[parentPid] = { pid: parentPid, sortOn: "title" };
-        const tree = renderer.create(<ChildPosition pid={pid} parentPid={parentPid} />).toJSON();
-        expect(tree).toBeNull();
+        const { asFragment } = render(<ChildPosition pid={pid} parentPid={parentPid} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders correctly when a sequence exists and parent is custom sorted", () => {
         const sequences = [`${parentPid}#73`];
         editorValues.state.objectDetailsStorage[pid] = { pid, sequences };
         editorValues.state.objectDetailsStorage[parentPid] = { pid: parentPid, sortOn: "custom" };
-        const tree = renderer.create(<ChildPosition pid={pid} parentPid={parentPid} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ChildPosition pid={pid} parentPid={parentPid} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("saves changes when the input is changed", async () => {
diff --git a/client/components/edit/children/SelectableChild.test.tsx b/client/components/edit/children/SelectableChild.test.tsx
index 525edd98d..6fe7f23d5 100644
--- a/client/components/edit/children/SelectableChild.test.tsx
+++ b/client/components/edit/children/SelectableChild.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import { SelectableChildProps, SelectableChild } from "./SelectableChild";
 
 jest.mock("./ChildList", () => () => "ChildList");
@@ -27,8 +25,8 @@ describe("SelectableChild", () => {
     });
 
     function checkSnapshot() {
-        const tree = renderer.create(<SelectableChild {...props} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<SelectableChild {...props} />);
+        expect(asFragment()).toMatchSnapshot();
     }
 
     it("renders using provided default data", async () => {
diff --git a/client/components/edit/children/__snapshots__/Child.test.tsx.snap b/client/components/edit/children/__snapshots__/Child.test.tsx.snap
index bb5ad869c..b32bc0c20 100644
--- a/client/components/edit/children/__snapshots__/Child.test.tsx.snap
+++ b/client/components/edit/children/__snapshots__/Child.test.tsx.snap
@@ -1,327 +1,291 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Child handles empty titles appropriately 1`] = `
-<div
-  className="childlist__item"
->
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-ofrcno-MuiGrid-root"
+    class="childlist__item"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 css-mwb7rv-MuiGrid-root"
     >
-      <span
-        onClick={[Function]}
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow css-1ynczkt-MuiGrid-root"
       >
-        <svg
-          className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium childlist__expandicon css-i4bv87-MuiSvgIcon-root"
-          data-testid="AddBoxIcon"
-          focusable="false"
-          role="img"
-          viewBox="0 0 24 24"
+        <span>
+          <svg
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium childlist__expandicon css-1umw9bq-MuiSvgIcon-root"
+            data-testid="AddBoxIcon"
+            focusable="false"
+            role="img"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z"
+            />
+            <title>
+              Expand Tree
+            </title>
+          </svg>
+        </span>
+         
+        <a
+          href="/edit/object/foo:123"
         >
-          <path
-            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
-          />
-          <title>
-            Expand Tree
-          </title>
-        </svg>
-      </span>
-       
-      <a
-        href="/edit/object/foo:123"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
+          -
+        </a>
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-1 childlist__pid css-11rz0ao-MuiGrid-root"
       >
-        -
-      </a>
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-1 childlist__pid css-u78q51-MuiGrid-root"
-    >
-      foo:123
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-none css-116ifgy-MuiGrid-root"
-    >
-      CopyPidButton
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-none css-116ifgy-MuiGrid-root"
-      style={
-        {
-          "textAlign": "right",
-        }
-      }
-    >
-      ObjectButtonBar:{"pid":"foo:123"}
+        foo:123
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-none css-17fpwt7-MuiGrid-root"
+      >
+        CopyPidButton
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-none css-17fpwt7-MuiGrid-root"
+        style="text-align: right;"
+      >
+        ObjectButtonBar:{"pid":"foo:123"}
+      </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Child renders a thumbnail 1`] = `
-<div
-  className="childlist__item"
->
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-ofrcno-MuiGrid-root"
+    class="childlist__item"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 css-mwb7rv-MuiGrid-root"
     >
-      <span
-        onClick={[Function]}
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow css-1ynczkt-MuiGrid-root"
       >
-        <svg
-          className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium childlist__expandicon css-i4bv87-MuiSvgIcon-root"
-          data-testid="AddBoxIcon"
-          focusable="false"
-          role="img"
-          viewBox="0 0 24 24"
+        <span>
+          <svg
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium childlist__expandicon css-1umw9bq-MuiSvgIcon-root"
+            data-testid="AddBoxIcon"
+            focusable="false"
+            role="img"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z"
+            />
+            <title>
+              Expand Tree
+            </title>
+          </svg>
+        </span>
+         
+        <a
+          href="/edit/object/foo:123"
         >
-          <path
-            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
-          />
-          <title>
-            Expand Tree
-          </title>
-        </svg>
-      </span>
-       
-      <a
-        href="/edit/object/foo:123"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
+          ajax-loaded title
+        </a>
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row css-17fpwt7-MuiGrid-root"
       >
-        ajax-loaded title
-      </a>
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
-    >
-      ObjectThumbnail: {"pid":"foo:123"}
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-1 childlist__pid css-u78q51-MuiGrid-root"
-    >
-      foo:123
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-none css-116ifgy-MuiGrid-root"
-    >
-      CopyPidButton
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-none css-116ifgy-MuiGrid-root"
-      style={
-        {
-          "textAlign": "right",
-        }
-      }
-    >
-      ObjectButtonBar:{"pid":"foo:123"}
+        ObjectThumbnail: {"pid":"foo:123"}
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-1 childlist__pid css-11rz0ao-MuiGrid-root"
+      >
+        foo:123
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-none css-17fpwt7-MuiGrid-root"
+      >
+        CopyPidButton
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-none css-17fpwt7-MuiGrid-root"
+        style="text-align: right;"
+      >
+        ObjectButtonBar:{"pid":"foo:123"}
+      </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Child renders child counts 1`] = `
-<div
-  className="childlist__item"
->
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-ofrcno-MuiGrid-root"
+    class="childlist__item"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 css-mwb7rv-MuiGrid-root"
     >
-      <span
-        onClick={[Function]}
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow css-1ynczkt-MuiGrid-root"
       >
-        <svg
-          className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium childlist__expandicon css-i4bv87-MuiSvgIcon-root"
-          data-testid="AddBoxIcon"
-          focusable="false"
-          role="img"
-          viewBox="0 0 24 24"
+        <span>
+          <svg
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium childlist__expandicon css-1umw9bq-MuiSvgIcon-root"
+            data-testid="AddBoxIcon"
+            focusable="false"
+            role="img"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z"
+            />
+            <title>
+              Expand Tree
+            </title>
+          </svg>
+        </span>
+         
+        <a
+          href="/edit/object/foo:123"
         >
-          <path
-            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
-          />
-          <title>
-            Expand Tree
-          </title>
-        </svg>
-      </span>
-       
-      <a
-        href="/edit/object/foo:123"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
+          ajax-loaded title
+        </a>
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row css-17fpwt7-MuiGrid-root"
       >
-        ajax-loaded title
-      </a>
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
-    >
-      ObjectChildCounts:{"pid":"foo:123"}
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-1 childlist__pid css-u78q51-MuiGrid-root"
-    >
-      foo:123
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-none css-116ifgy-MuiGrid-root"
-    >
-      CopyPidButton
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-none css-116ifgy-MuiGrid-root"
-      style={
-        {
-          "textAlign": "right",
-        }
-      }
-    >
-      ObjectButtonBar:{"pid":"foo:123"}
+        ObjectChildCounts:{"pid":"foo:123"}
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-1 childlist__pid css-11rz0ao-MuiGrid-root"
+      >
+        foo:123
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-none css-17fpwt7-MuiGrid-root"
+      >
+        CopyPidButton
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-none css-17fpwt7-MuiGrid-root"
+        style="text-align: right;"
+      >
+        ObjectButtonBar:{"pid":"foo:123"}
+      </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Child renders thumbnail and child counts 1`] = `
-<div
-  className="childlist__item"
->
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-ofrcno-MuiGrid-root"
+    class="childlist__item"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 css-mwb7rv-MuiGrid-root"
     >
-      <span
-        onClick={[Function]}
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow css-1ynczkt-MuiGrid-root"
       >
-        <svg
-          className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium childlist__expandicon css-i4bv87-MuiSvgIcon-root"
-          data-testid="AddBoxIcon"
-          focusable="false"
-          role="img"
-          viewBox="0 0 24 24"
+        <span>
+          <svg
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium childlist__expandicon css-1umw9bq-MuiSvgIcon-root"
+            data-testid="AddBoxIcon"
+            focusable="false"
+            role="img"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z"
+            />
+            <title>
+              Expand Tree
+            </title>
+          </svg>
+        </span>
+         
+        <a
+          href="/edit/object/foo:123"
         >
-          <path
-            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
-          />
-          <title>
-            Expand Tree
-          </title>
-        </svg>
-      </span>
-       
-      <a
-        href="/edit/object/foo:123"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
+          ajax-loaded title
+        </a>
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row css-17fpwt7-MuiGrid-root"
       >
-        ajax-loaded title
-      </a>
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
-    >
-      ObjectThumbnail: {"pid":"foo:123"}
-      ObjectChildCounts:{"pid":"foo:123"}
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-1 childlist__pid css-u78q51-MuiGrid-root"
-    >
-      foo:123
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-none css-116ifgy-MuiGrid-root"
-    >
-      CopyPidButton
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-none css-116ifgy-MuiGrid-root"
-      style={
-        {
-          "textAlign": "right",
-        }
-      }
-    >
-      ObjectButtonBar:{"pid":"foo:123"}
+        ObjectThumbnail: {"pid":"foo:123"}ObjectChildCounts:{"pid":"foo:123"}
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-1 childlist__pid css-11rz0ao-MuiGrid-root"
+      >
+        foo:123
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-none css-17fpwt7-MuiGrid-root"
+      >
+        CopyPidButton
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-none css-17fpwt7-MuiGrid-root"
+        style="text-align: right;"
+      >
+        ObjectButtonBar:{"pid":"foo:123"}
+      </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Child renders using ajax-loaded data 1`] = `
-<div
-  className="childlist__item"
->
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-ofrcno-MuiGrid-root"
+    class="childlist__item"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 css-mwb7rv-MuiGrid-root"
     >
-      <span
-        onClick={[Function]}
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow css-1ynczkt-MuiGrid-root"
       >
-        <svg
-          className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium childlist__expandicon css-i4bv87-MuiSvgIcon-root"
-          data-testid="AddBoxIcon"
-          focusable="false"
-          role="img"
-          viewBox="0 0 24 24"
+        <span>
+          <svg
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium childlist__expandicon css-1umw9bq-MuiSvgIcon-root"
+            data-testid="AddBoxIcon"
+            focusable="false"
+            role="img"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z"
+            />
+            <title>
+              Expand Tree
+            </title>
+          </svg>
+        </span>
+         
+        <a
+          href="/edit/object/foo:123"
         >
-          <path
-            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
-          />
-          <title>
-            Expand Tree
-          </title>
-        </svg>
-      </span>
-       
-      <a
-        href="/edit/object/foo:123"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
+          ajax-loaded title
+        </a>
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-1 childlist__pid css-11rz0ao-MuiGrid-root"
       >
-        ajax-loaded title
-      </a>
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-1 childlist__pid css-u78q51-MuiGrid-root"
-    >
-      foo:123
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-none css-116ifgy-MuiGrid-root"
-    >
-      CopyPidButton
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-none css-116ifgy-MuiGrid-root"
-      style={
-        {
-          "textAlign": "right",
-        }
-      }
-    >
-      ObjectButtonBar:{"pid":"foo:123"}
+        foo:123
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-none css-17fpwt7-MuiGrid-root"
+      >
+        CopyPidButton
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-none css-17fpwt7-MuiGrid-root"
+        style="text-align: right;"
+      >
+        ObjectButtonBar:{"pid":"foo:123"}
+      </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/children/__snapshots__/ChildList.test.tsx.snap b/client/components/edit/children/__snapshots__/ChildList.test.tsx.snap
index 1f6c7c5a0..fae9c1ea3 100644
--- a/client/components/edit/children/__snapshots__/ChildList.test.tsx.snap
+++ b/client/components/edit/children/__snapshots__/ChildList.test.tsx.snap
@@ -1,378 +1,344 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ChildList allows child counts to be toggled on 1`] = `
-<div
-  className="childlist"
->
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-ofrcno-MuiGrid-root"
+    class="childlist"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    />
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    />
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
-    >
-       
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto childlist__toggles css-1wrgmsj-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 css-mwb7rv-MuiGrid-root"
     >
-      <button
-        onClick={[Function]}
-      >
-        Show Thumbnails
-      </button>
-      <button
-        onClick={[Function]}
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
+      />
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
+      />
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow css-1ynczkt-MuiGrid-root"
       >
-        Show Models
-      </button>
-      <button
-        onClick={[Function]}
+         
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto childlist__toggles css-1hef13s-MuiGrid-root"
       >
-        Hide Child Counts
-      </button>
+        <button>
+          Show Thumbnails
+        </button>
+        <button>
+          Show Models
+        </button>
+        <button>
+          Hide Child Counts
+        </button>
+      </div>
     </div>
+    <ul
+      class="childlist__list"
+    >
+      <li>
+        Child
+      </li>
+    </ul>
   </div>
-  <ul
-    className="childlist__list"
-  >
-    <li>
-      Child
-    </li>
-  </ul>
-</div>
+</DocumentFragment>
 `;
 
 exports[`ChildList allows models to be toggled on 1`] = `
-<div
-  className="childlist"
->
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-ofrcno-MuiGrid-root"
+    class="childlist"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    />
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    />
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 css-mwb7rv-MuiGrid-root"
     >
-       
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto childlist__toggles css-1wrgmsj-MuiGrid-root"
-    >
-      <button
-        onClick={[Function]}
-      >
-        Show Thumbnails
-      </button>
-      <button
-        onClick={[Function]}
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
+      />
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
+      />
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow css-1ynczkt-MuiGrid-root"
       >
-        Hide Models
-      </button>
-      <button
-        onClick={[Function]}
+         
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto childlist__toggles css-1hef13s-MuiGrid-root"
       >
-        Show Child Counts
-      </button>
+        <button>
+          Show Thumbnails
+        </button>
+        <button>
+          Hide Models
+        </button>
+        <button>
+          Show Child Counts
+        </button>
+      </div>
     </div>
+    <ul
+      class="childlist__list"
+    >
+      <li>
+        Child
+      </li>
+    </ul>
   </div>
-  <ul
-    className="childlist__list"
-  >
-    <li>
-      Child
-    </li>
-  </ul>
-</div>
+</DocumentFragment>
 `;
 
 exports[`ChildList allows thumbnails to be toggled on 1`] = `
-<div
-  className="childlist"
->
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-ofrcno-MuiGrid-root"
+    class="childlist"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    />
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    />
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
-    >
-       
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto childlist__toggles css-1wrgmsj-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 css-mwb7rv-MuiGrid-root"
     >
-      <button
-        onClick={[Function]}
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
+      />
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
+      />
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow css-1ynczkt-MuiGrid-root"
       >
-        Hide Thumbnails
-      </button>
-      <button
-        onClick={[Function]}
+         
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto childlist__toggles css-1hef13s-MuiGrid-root"
       >
-        Show Models
-      </button>
-      <button
-        onClick={[Function]}
-      >
-        Show Child Counts
-      </button>
+        <button>
+          Hide Thumbnails
+        </button>
+        <button>
+          Show Models
+        </button>
+        <button>
+          Show Child Counts
+        </button>
+      </div>
     </div>
+    <ul
+      class="childlist__list"
+    >
+      <li>
+        Child
+      </li>
+    </ul>
   </div>
-  <ul
-    className="childlist__list"
-  >
-    <li>
-      Child
-    </li>
-  </ul>
-</div>
+</DocumentFragment>
 `;
 
 exports[`ChildList displays a paginator when appropriate 1`] = `
-<div
-  className="childlist"
->
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-ofrcno-MuiGrid-root"
+    class="childlist"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 css-mwb7rv-MuiGrid-root"
     >
-      <p
-        className="childlist__pagination"
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
       >
-        Showing 
-        1
-         - 
-        10
-         of
-         
-        10000
-      </p>
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    >
-      Pagination
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
-    >
-       
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto childlist__toggles css-1wrgmsj-MuiGrid-root"
-    >
-      <button
-        onClick={[Function]}
+        <p
+          class="childlist__pagination"
+        >
+          Showing 1 - 10 of 10000
+        </p>
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
       >
-        Show Thumbnails
-      </button>
-      <button
-        onClick={[Function]}
+        Pagination
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow css-1ynczkt-MuiGrid-root"
       >
-        Show Models
-      </button>
-      <button
-        onClick={[Function]}
+         
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto childlist__toggles css-1hef13s-MuiGrid-root"
       >
-        Show Child Counts
-      </button>
+        <button>
+          Show Thumbnails
+        </button>
+        <button>
+          Show Models
+        </button>
+        <button>
+          Show Child Counts
+        </button>
+      </div>
     </div>
+    <ul
+      class="childlist__list"
+    >
+      <li>
+        Child
+      </li>
+      <li>
+        Child
+      </li>
+      <li>
+        Child
+      </li>
+      <li>
+        Child
+      </li>
+      <li>
+        Child
+      </li>
+      <li>
+        Child
+      </li>
+      <li>
+        Child
+      </li>
+      <li>
+        Child
+      </li>
+      <li>
+        Child
+      </li>
+      <li>
+        Child
+      </li>
+    </ul>
   </div>
-  <ul
-    className="childlist__list"
-  >
-    <li>
-      Child
-    </li>
-    <li>
-      Child
-    </li>
-    <li>
-      Child
-    </li>
-    <li>
-      Child
-    </li>
-    <li>
-      Child
-    </li>
-    <li>
-      Child
-    </li>
-    <li>
-      Child
-    </li>
-    <li>
-      Child
-    </li>
-    <li>
-      Child
-    </li>
-    <li>
-      Child
-    </li>
-  </ul>
-</div>
+</DocumentFragment>
 `;
 
 exports[`ChildList renders using SelectableChild when a callback is provided 1`] = `
-<div
-  className="childlist"
->
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-ofrcno-MuiGrid-root"
+    class="childlist"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    />
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    />
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 css-mwb7rv-MuiGrid-root"
     >
-       
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto childlist__toggles css-1wrgmsj-MuiGrid-root"
-    >
-      <button
-        onClick={[Function]}
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
+      />
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
+      />
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow css-1ynczkt-MuiGrid-root"
       >
-        Show Thumbnails
-      </button>
-      <button
-        onClick={[Function]}
+         
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto childlist__toggles css-1hef13s-MuiGrid-root"
       >
-        Show Models
-      </button>
-      <button
-        onClick={[Function]}
-      >
-        Show Child Counts
-      </button>
+        <button>
+          Show Thumbnails
+        </button>
+        <button>
+          Show Models
+        </button>
+        <button>
+          Show Child Counts
+        </button>
+      </div>
     </div>
+    <ul
+      class="childlist__list"
+    >
+      <li>
+        SelectableChild
+      </li>
+    </ul>
   </div>
-  <ul
-    className="childlist__list"
-  >
-    <li>
-      SelectableChild
-    </li>
-  </ul>
-</div>
+</DocumentFragment>
 `;
 
 exports[`ChildList renders using ajax-loaded object data 1`] = `
-<div
-  className="childlist"
->
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-ofrcno-MuiGrid-root"
+    class="childlist"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    />
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    />
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 css-mwb7rv-MuiGrid-root"
     >
-       
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto childlist__toggles css-1wrgmsj-MuiGrid-root"
-    >
-      <button
-        onClick={[Function]}
-      >
-        Show Thumbnails
-      </button>
-      <button
-        onClick={[Function]}
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
+      />
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
+      />
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow css-1ynczkt-MuiGrid-root"
       >
-        Show Models
-      </button>
-      <button
-        onClick={[Function]}
+         
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto childlist__toggles css-1hef13s-MuiGrid-root"
       >
-        Show Child Counts
-      </button>
+        <button>
+          Show Thumbnails
+        </button>
+        <button>
+          Show Models
+        </button>
+        <button>
+          Show Child Counts
+        </button>
+      </div>
     </div>
+    <ul
+      class="childlist__list"
+    >
+      <li>
+        Child
+      </li>
+    </ul>
   </div>
-  <ul
-    className="childlist__list"
-  >
-    <li>
-      Child
-    </li>
-  </ul>
-</div>
+</DocumentFragment>
 `;
 
 exports[`ChildList renders using ajax-loaded root data 1`] = `
-<div
-  className="childlist"
->
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-ofrcno-MuiGrid-root"
+    class="childlist"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    />
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto css-1wrgmsj-MuiGrid-root"
-    />
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
-    >
-       
-    </div>
-    <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto childlist__toggles css-1wrgmsj-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 css-mwb7rv-MuiGrid-root"
     >
-      <button
-        onClick={[Function]}
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
+      />
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto css-1hef13s-MuiGrid-root"
+      />
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow css-1ynczkt-MuiGrid-root"
       >
-        Show Thumbnails
-      </button>
-      <button
-        onClick={[Function]}
+         
+      </div>
+      <div
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto childlist__toggles css-1hef13s-MuiGrid-root"
       >
-        Show Models
-      </button>
-      <button
-        onClick={[Function]}
-      >
-        Show Child Counts
-      </button>
+        <button>
+          Show Thumbnails
+        </button>
+        <button>
+          Show Models
+        </button>
+        <button>
+          Show Child Counts
+        </button>
+      </div>
     </div>
+    <ul
+      class="childlist__list"
+    >
+      <li>
+        Child
+      </li>
+    </ul>
   </div>
-  <ul
-    className="childlist__list"
-  >
-    <li>
-      Child
-    </li>
-  </ul>
-</div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/children/__snapshots__/ChildPosition.test.tsx.snap b/client/components/edit/children/__snapshots__/ChildPosition.test.tsx.snap
index 648a22105..126bfa0c2 100644
--- a/client/components/edit/children/__snapshots__/ChildPosition.test.tsx.snap
+++ b/client/components/edit/children/__snapshots__/ChildPosition.test.tsx.snap
@@ -1,42 +1,41 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ChildPosition renders correctly when a sequence exists and parent is custom sorted 1`] = `
-<div
-  aria-label="Position in foo:122"
-  className="MuiFormControl-root MuiTextField-root css-laf9zm-MuiFormControl-root-MuiTextField-root"
->
+<DocumentFragment>
   <div
-    className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-    onClick={[Function]}
+    aria-label="Position in foo:122"
+    class="MuiFormControl-root MuiTextField-root css-1jok6kl-MuiFormControl-root-MuiTextField-root"
   >
-    <input
-      aria-invalid={false}
-      autoFocus={false}
-      className="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input"
-      defaultValue={73}
-      disabled={false}
-      id=":r0:"
-      onAnimationStart={[Function]}
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      required={false}
-      type="text"
-    />
-    <fieldset
-      aria-hidden={true}
-      className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+    <div
+      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
     >
-      <legend
-        className="css-ihdtdm"
+      <input
+        aria-invalid="false"
+        class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1pzfmz2-MuiInputBase-input-MuiOutlinedInput-input"
+        id="_r_0_"
+        type="text"
+        value="73"
+      />
+      <fieldset
+        aria-hidden="true"
+        class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
       >
-        <span
-          className="notranslate"
+        <legend
+          class="css-1nf2c5d-MuiNotchedOutlined-root"
         >
-          ​
-        </span>
-      </legend>
-    </fieldset>
+          <span
+            aria-hidden="true"
+            class="notranslate"
+          >
+            ​
+          </span>
+        </legend>
+      </fieldset>
+    </div>
   </div>
-</div>
+</DocumentFragment>
 `;
+
+exports[`ChildPosition renders correctly when a sequence exists and parent is not custom sorted 1`] = `<DocumentFragment />`;
+
+exports[`ChildPosition renders correctly when no sort or sequence exists 1`] = `<DocumentFragment />`;
diff --git a/client/components/edit/children/__snapshots__/SelectableChild.test.tsx.snap b/client/components/edit/children/__snapshots__/SelectableChild.test.tsx.snap
index 92ff62511..7cce539c8 100644
--- a/client/components/edit/children/__snapshots__/SelectableChild.test.tsx.snap
+++ b/client/components/edit/children/__snapshots__/SelectableChild.test.tsx.snap
@@ -1,143 +1,123 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SelectableChild handles empty initial titles appropriately 1`] = `
-[
-  <span
-    onClick={[Function]}
-  >
+<DocumentFragment>
+  <span>
     <svg
-      className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
       data-testid="AddBoxIcon"
       focusable="false"
       role="img"
       viewBox="0 0 24 24"
     >
       <path
-        d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
+        d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z"
       />
       <title>
         Expand Tree
       </title>
     </svg>
-  </span>,
-  <button
-    onClick={[Function]}
-  >
+  </span>
+  <button>
     - [foo:123]
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
 
 exports[`SelectableChild handles missing object details storage title metadata correctly 1`] = `
-[
-  <span
-    onClick={[Function]}
-  >
+<DocumentFragment>
+  <span>
     <svg
-      className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
       data-testid="AddBoxIcon"
       focusable="false"
       role="img"
       viewBox="0 0 24 24"
     >
       <path
-        d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
+        d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z"
       />
       <title>
         Expand Tree
       </title>
     </svg>
-  </span>,
-  <button
-    onClick={[Function]}
-  >
+  </span>
+  <button>
     - [foo:123]
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
 
 exports[`SelectableChild renders thumbnails 1`] = `
-[
-  <span
-    onClick={[Function]}
-  >
+<DocumentFragment>
+  <span>
     <svg
-      className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
       data-testid="AddBoxIcon"
       focusable="false"
       role="img"
       viewBox="0 0 24 24"
     >
       <path
-        d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
+        d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z"
       />
       <title>
         Expand Tree
       </title>
     </svg>
-  </span>,
-  <button
-    onClick={[Function]}
-  >
+  </span>
+  <button>
     initial title [foo:123]
     <br />
     ObjectThumbnail
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
 
 exports[`SelectableChild renders using object details storage data 1`] = `
-[
-  <span
-    onClick={[Function]}
-  >
+<DocumentFragment>
+  <span>
     <svg
-      className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
       data-testid="AddBoxIcon"
       focusable="false"
       role="img"
       viewBox="0 0 24 24"
     >
       <path
-        d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
+        d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z"
       />
       <title>
         Expand Tree
       </title>
     </svg>
-  </span>,
-  <button
-    onClick={[Function]}
-  >
+  </span>
+  <button>
     loaded title [foo:123]
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
 
 exports[`SelectableChild renders using provided default data 1`] = `
-[
-  <span
-    onClick={[Function]}
-  >
+<DocumentFragment>
+  <span>
     <svg
-      className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
       data-testid="AddBoxIcon"
       focusable="false"
       role="img"
       viewBox="0 0 24 24"
     >
       <path
-        d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
+        d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z"
       />
       <title>
         Expand Tree
       </title>
     </svg>
-  </span>,
-  <button
-    onClick={[Function]}
-  >
+  </span>
+  <button>
     initial title [foo:123]
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/create/CategoryTreeView.tsx b/client/components/edit/create/CategoryTreeView.tsx
index f7560cb98..f2664062e 100644
--- a/client/components/edit/create/CategoryTreeView.tsx
+++ b/client/components/edit/create/CategoryTreeView.tsx
@@ -1,6 +1,6 @@
 import React, { Dispatch } from "react";
 import { TreeItem } from "@mui/x-tree-view/TreeItem";
-import { TreeView } from "@mui/x-tree-view/TreeView";
+import { SimpleTreeView } from "@mui/x-tree-view/SimpleTreeView";
 
 interface CategoryTreeViewProps {
     models: Record<string, string>;
@@ -8,27 +8,30 @@ interface CategoryTreeViewProps {
 }
 
 const CategoryTreeView = ({ models, setSelectedModel }: CategoryTreeViewProps): React.ReactElement => {
-    function handleSelect(event, model) {
-        event.preventDefault();
-        // Ignore categories
-        if (model.slice(0, 2) == "__") {
+    const handleItemSelectionToggle = (event: React.SyntheticEvent | null, itemId: string, isSelected: boolean) => {
+        // Only process when item is selected (not deselected)
+        if (!isSelected) {
             return;
         }
-        setSelectedModel(model);
-        return false;
-    }
+        // Ignore categories (those that start with __)
+        if (itemId.startsWith("__")) {
+            return;
+        }
+        setSelectedModel(itemId);
+    };
+
     return (
-        <TreeView defaultCollapseIcon={"➖"} defaultExpandIcon={"➕"} onNodeSelect={handleSelect}>
+        <SimpleTreeView onItemSelectionToggle={handleItemSelectionToggle}>
             {Object.entries(models).map(([category, categoryValue]) => {
                 return (
-                    <TreeItem key={category} nodeId={`__${category}`} label={category}>
+                    <TreeItem itemId={`__${category}`} key={category} id={`__${category}`} label={category}>
                         {Object.entries(categoryValue).map(([model, value]) => {
-                            return <TreeItem key={model} nodeId={value} label={model} />;
+                            return <TreeItem itemId={value} key={model} id={value} label={model} />;
                         })}
                     </TreeItem>
                 );
             })}
-        </TreeView>
+        </SimpleTreeView>
     );
 };
 
diff --git a/client/components/edit/create/CreateObject.test.tsx b/client/components/edit/create/CreateObject.test.tsx
index 8a36e3c4d..be482c3a7 100644
--- a/client/components/edit/create/CreateObject.test.tsx
+++ b/client/components/edit/create/CreateObject.test.tsx
@@ -1,10 +1,8 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import { waitFor } from "@testing-library/react";
 import { fireEvent, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import CreateObject from "./CreateObject";
 import { FetchContextProvider } from "../../../context/FetchContext";
 
@@ -15,10 +13,10 @@ jest.mock("@mui/x-tree-view/TreeItem", function () {
     return { TreeItem: () => "TreeItem" };
 });
 
-jest.mock("@mui/x-tree-view/TreeView", function () {
+jest.mock("@mui/x-tree-view/SimpleTreeView", function () {
     return {
-        TreeView: ({ onNodeSelect, children }) => {
-            nodeSelectFunction = onNodeSelect;
+        SimpleTreeView: ({ onItemSelectionToggle, children }) => {
+            nodeSelectFunction = onItemSelectionToggle;
             treeItems = children;
             return children;
         },
@@ -39,13 +37,19 @@ describe("CreateObject", () => {
         global.fetch = jest.fn((url, data) => {
             if (url == "http://localhost:9000/api/edit/models") {
                 // If models were requested, set up fake data:
-                const setFakeModels = function (callback) {
-                    callback(["model-foo", "model-bar", "model-baz"]);
+                const modelsData = {
+                    category1: {
+                        "model-foo": "model-foo",
+                        "model-bar": "model-bar",
+                    },
+                    category2: {
+                        "model-baz": "model-baz",
+                    },
                 };
                 return {
                     ok: true,
                     status: 200,
-                    json: () => new Promise(setFakeModels, jest.fn()),
+                    json: async () => modelsData,
                 };
             } else if (url == "http://localhost:9000/api/edit/object/new") {
                 // If the form was submitted, save the data so we can make assertions about it:
@@ -68,33 +72,33 @@ describe("CreateObject", () => {
     }
 
     it("renders appropriately with default settings", async () => {
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(getCreateObjectToTest({}));
+        let asFragment;
+        await act(async () => {
+            asFragment = render(getCreateObjectToTest(props)).asFragment;
         });
         await waitFor(() => expect(global.fetch).toHaveBeenCalled());
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders appropriately with noParent and parent change enabled", async () => {
         props.allowNoParentPid = true;
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(getCreateObjectToTest(props));
+        let asFragment;
+        await act(async () => {
+            asFragment = render(getCreateObjectToTest(props)).asFragment;
         });
         await waitFor(() => expect(global.fetch).toHaveBeenCalled());
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders appropriately with editing disabled", async () => {
         props.parentPid = "foo:1234";
         props.allowChangeParentPid = false;
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(getCreateObjectToTest(props));
+        let asFragment;
+        await act(async () => {
+            asFragment = render(getCreateObjectToTest(props)).asFragment;
         });
         await waitFor(() => expect(global.fetch).toHaveBeenCalled());
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("submits appropriate data in default case", async () => {
@@ -103,14 +107,14 @@ describe("CreateObject", () => {
         });
         await waitFor(() => expect(global.fetch).toHaveBeenCalled());
         await act(async () => {
-            nodeSelectFunction(new Event("event-foo"), "model-foo");
+            nodeSelectFunction(new Event("event-foo"), "model-foo", true);
             // Test that category select has no effect:
-            nodeSelectFunction(new Event("event-foo"), "__categoryWillBeIgnored");
+            nodeSelectFunction(new Event("event-foo"), "__categoryWillBeIgnored", true);
         });
         fireEvent.change(screen.getByRole("textbox", { name: "Title" }), { target: { value: "Test Title" } });
         fireEvent.change(screen.getByRole("textbox", { name: "Parent ID" }), { target: { value: "foo:1234" } });
         await userEvent.setup().click(screen.getByRole("button", { name: "Create Object" }));
-        expect(treeItems.length).toEqual(3); // make sure setFakeModels is working
+        expect(treeItems.length).toEqual(2); // two categories
         expect(submittedData).toEqual({
             body: JSON.stringify({
                 title: "Test Title",
@@ -137,11 +141,11 @@ describe("CreateObject", () => {
         });
         await waitFor(() => expect(global.fetch).toHaveBeenCalled());
         await act(async () => {
-            nodeSelectFunction(new Event("event-foo"), "model-foo");
+            nodeSelectFunction(new Event("event-foo"), "model-foo", true);
             fireEvent.change(screen.getByRole("textbox", { name: "Title" }), { target: { value: "Test Title" } });
         });
         await userEvent.setup().click(screen.getByRole("button", { name: "Create Object" }));
-        expect(treeItems.length).toEqual(3); // make sure setFakeModels is working
+        expect(treeItems.length).toEqual(2); // two categories
         expect(submittedData).toEqual({
             body: JSON.stringify({
                 title: "Test Title",
@@ -167,7 +171,7 @@ describe("CreateObject", () => {
         });
         await waitFor(() => expect(global.fetch).toHaveBeenCalled());
         await act(async () => {
-            nodeSelectFunction(new Event("event-foo"), "model-foo");
+            nodeSelectFunction(new Event("event-foo"), "model-foo", true);
             fireEvent.change(screen.getByRole("textbox", { name: "Title" }), { target: { value: "Test Title" } });
         });
         const user = userEvent.setup();
@@ -199,7 +203,7 @@ describe("CreateObject", () => {
         });
         await waitFor(() => expect(global.fetch).toHaveBeenCalled());
         await act(async () => {
-            nodeSelectFunction(new Event("event-foo"), "model-foo");
+            nodeSelectFunction(new Event("event-foo"), "model-foo", true);
         });
         const user = userEvent.setup();
         await act(async () => {
diff --git a/client/components/edit/create/__snapshots__/CreateObject.test.tsx.snap b/client/components/edit/create/__snapshots__/CreateObject.test.tsx.snap
index 51bbb6af9..4fb1b5e0f 100644
--- a/client/components/edit/create/__snapshots__/CreateObject.test.tsx.snap
+++ b/client/components/edit/create/__snapshots__/CreateObject.test.tsx.snap
@@ -1,196 +1,171 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`CreateObject renders appropriately with default settings 1`] = `
-<form
-  className="editor__create-object"
-  onSubmit={[Function]}
->
-  <label>
-    Title
-    <input
-      name="title"
-      onChange={[Function]}
-      required={true}
-      type="text"
-      value=""
-    />
-  </label>
-  <label>
-    Parent ID
-    <input
-      name="parent"
-      onChange={[Function]}
-      required={true}
-      type="text"
-      value=""
-    />
-  </label>
-  <label>
-    Active
-    <input
-      checked={false}
-      name="state"
-      onChange={[Function]}
-      type="radio"
-      value="Active"
-    />
-  </label>
-  <label>
-    Inactive
-    <input
-      checked={true}
-      name="state"
-      onChange={[Function]}
-      type="radio"
-      value="Inactive"
-    />
-  </label>
-  <label>
-    Deleted
-    <input
-      checked={false}
-      name="state"
-      onChange={[Function]}
-      type="radio"
-      value="Deleted"
-    />
-  </label>
-  <label>
-    Select Model Type:
-    <b />
-  </label>
-  TreeItem
-  TreeItem
-  TreeItem
-</form>
+<DocumentFragment>
+  <form
+    class="editor__create-object"
+  >
+    <label>
+      Title
+      <input
+        name="title"
+        required=""
+        type="text"
+        value=""
+      />
+    </label>
+    <label>
+      Parent ID
+      <input
+        name="parent"
+        required=""
+        type="text"
+        value=""
+      />
+    </label>
+    <label>
+      Active
+      <input
+        name="state"
+        type="radio"
+        value="Active"
+      />
+    </label>
+    <label>
+      Inactive
+      <input
+        checked=""
+        name="state"
+        type="radio"
+        value="Inactive"
+      />
+    </label>
+    <label>
+      Deleted
+      <input
+        name="state"
+        type="radio"
+        value="Deleted"
+      />
+    </label>
+    <label>
+      Select Model Type:
+      <b />
+    </label>
+    TreeItemTreeItem
+  </form>
+</DocumentFragment>
 `;
 
 exports[`CreateObject renders appropriately with editing disabled 1`] = `
-<form
-  className="editor__create-object"
-  onSubmit={[Function]}
->
-  <label>
-    Title
-    <input
-      name="title"
-      onChange={[Function]}
-      required={true}
-      type="text"
-      value=""
-    />
-  </label>
-  <label>
-    Active
-    <input
-      checked={false}
-      name="state"
-      onChange={[Function]}
-      type="radio"
-      value="Active"
-    />
-  </label>
-  <label>
-    Inactive
-    <input
-      checked={true}
-      name="state"
-      onChange={[Function]}
-      type="radio"
-      value="Inactive"
-    />
-  </label>
-  <label>
-    Deleted
-    <input
-      checked={false}
-      name="state"
-      onChange={[Function]}
-      type="radio"
-      value="Deleted"
-    />
-  </label>
-  <label>
-    Select Model Type:
-    <b />
-  </label>
-  TreeItem
-  TreeItem
-  TreeItem
-</form>
+<DocumentFragment>
+  <form
+    class="editor__create-object"
+  >
+    <label>
+      Title
+      <input
+        name="title"
+        required=""
+        type="text"
+        value=""
+      />
+    </label>
+    <label>
+      Active
+      <input
+        name="state"
+        type="radio"
+        value="Active"
+      />
+    </label>
+    <label>
+      Inactive
+      <input
+        checked=""
+        name="state"
+        type="radio"
+        value="Inactive"
+      />
+    </label>
+    <label>
+      Deleted
+      <input
+        name="state"
+        type="radio"
+        value="Deleted"
+      />
+    </label>
+    <label>
+      Select Model Type:
+      <b />
+    </label>
+    TreeItemTreeItem
+  </form>
+</DocumentFragment>
 `;
 
 exports[`CreateObject renders appropriately with noParent and parent change enabled 1`] = `
-<form
-  className="editor__create-object"
-  onSubmit={[Function]}
->
-  <label>
-    Title
-    <input
-      name="title"
-      onChange={[Function]}
-      required={true}
-      type="text"
-      value=""
-    />
-  </label>
-  <label>
-    <input
-      checked={true}
-      name="noParent"
-      onChange={[Function]}
-      type="checkbox"
-      value="1"
-    />
-    No parent PID
-  </label>
-  <label>
-    Parent ID
-    <input
-      name="parent"
-      onChange={[Function]}
-      required={false}
-      type="text"
-      value=""
-    />
-  </label>
-  <label>
-    Active
-    <input
-      checked={false}
-      name="state"
-      onChange={[Function]}
-      type="radio"
-      value="Active"
-    />
-  </label>
-  <label>
-    Inactive
-    <input
-      checked={true}
-      name="state"
-      onChange={[Function]}
-      type="radio"
-      value="Inactive"
-    />
-  </label>
-  <label>
-    Deleted
-    <input
-      checked={false}
-      name="state"
-      onChange={[Function]}
-      type="radio"
-      value="Deleted"
-    />
-  </label>
-  <label>
-    Select Model Type:
-    <b />
-  </label>
-  TreeItem
-  TreeItem
-  TreeItem
-</form>
+<DocumentFragment>
+  <form
+    class="editor__create-object"
+  >
+    <label>
+      Title
+      <input
+        name="title"
+        required=""
+        type="text"
+        value=""
+      />
+    </label>
+    <label>
+      <input
+        checked=""
+        name="noParent"
+        type="checkbox"
+        value="1"
+      />
+      No parent PID
+    </label>
+    <label>
+      Parent ID
+      <input
+        name="parent"
+        type="text"
+        value=""
+      />
+    </label>
+    <label>
+      Active
+      <input
+        name="state"
+        type="radio"
+        value="Active"
+      />
+    </label>
+    <label>
+      Inactive
+      <input
+        checked=""
+        name="state"
+        type="radio"
+        value="Inactive"
+      />
+    </label>
+    <label>
+      Deleted
+      <input
+        name="state"
+        type="radio"
+        value="Deleted"
+      />
+    </label>
+    <label>
+      Select Model Type:
+      <b />
+    </label>
+    TreeItemTreeItem
+  </form>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/Datastream.test.tsx b/client/components/edit/datastream/Datastream.test.tsx
index 7f7ebc067..403115b60 100644
--- a/client/components/edit/datastream/Datastream.test.tsx
+++ b/client/components/edit/datastream/Datastream.test.tsx
@@ -1,9 +1,5 @@
-/**
- * @jest-environment node
- */
-import React from "react";
 import { describe, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import Datastream from "./Datastream";
 const mockDatastreamControls = jest.fn();
 jest.mock("./DatastreamControls", () => (props) => {
@@ -17,12 +13,8 @@ describe("Datastream", () => {
             stream: "test1",
             disabled: true,
         };
-        // Mocking the datastream controls causes a console error; let's suppress it
-        // by mocking out console.error().
-        // TODO: figure out why and come up with a better solution than hiding the errors.
-        jest.spyOn(console, "error").mockImplementation(jest.fn());
-        const tree = renderer.create(<Datastream datastream={datastream} />);
-        expect(tree.toJSON()).toMatchSnapshot();
+        const { asFragment } = render(<Datastream datastream={datastream} />);
+        expect(asFragment()).toMatchSnapshot();
         expect(mockDatastreamControls).toHaveBeenCalled();
     });
 });
diff --git a/client/components/edit/datastream/DatastreamAgentsAddContentRow.test.tsx b/client/components/edit/datastream/DatastreamAgentsAddContentRow.test.tsx
index 65a66d7ab..c25c2637a 100644
--- a/client/components/edit/datastream/DatastreamAgentsAddContentRow.test.tsx
+++ b/client/components/edit/datastream/DatastreamAgentsAddContentRow.test.tsx
@@ -1,6 +1,5 @@
-import React from "react";
 import { describe, afterEach, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import DatastreamAgentsAddContentRow from "./DatastreamAgentsAddContentRow";
 
 const mockDatastreamAgentsContentRow = jest.fn();
@@ -47,8 +46,8 @@ describe("DatastreamAgentsAddContentRow", () => {
     });
 
     it("proxies DatastreamAgentsContextRow", () => {
-        const tree = renderer.create(<DatastreamAgentsAddContentRow {...props} />).toJSON();
-        expect(tree).toEqual("DatastreamAgentsContentRow");
+        const { asFragment } = render(<DatastreamAgentsAddContentRow {...props} />);
+        expect(asFragment()).toMatchSnapshot();
         expect(datastreamAgentsContentRowProps.agent).toEqual(props.agent);
     });
 });
diff --git a/client/components/edit/datastream/DatastreamAgentsContent.test.tsx b/client/components/edit/datastream/DatastreamAgentsContent.test.tsx
index 5702d623e..e094286fa 100644
--- a/client/components/edit/datastream/DatastreamAgentsContent.test.tsx
+++ b/client/components/edit/datastream/DatastreamAgentsContent.test.tsx
@@ -1,9 +1,7 @@
-import React from "react";
 import { describe, beforeEach, afterEach, expect, it, jest } from "@jest/globals";
 import { render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { act } from "react-dom/test-utils";
-import renderer from "react-test-renderer";
+import { act } from "react";
 import DatastreamAgentsContent from "./DatastreamAgentsContent";
 
 const mockDatastreamAgentsModifyContentRow = jest.fn();
@@ -94,27 +92,29 @@ describe("DatastreamAgentsContent", () => {
 
     it("renders, and calls getAgents on render", async () => {
         datastreamOperationValues.getAgents.mockResolvedValue([]);
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(<DatastreamAgentsContent />);
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<DatastreamAgentsContent />).asFragment;
         });
         await waitFor(() => expect(datastreamOperationValues.getAgents).toHaveBeenCalled());
         expect(editorValues.action.setCurrentAgents).toHaveBeenCalled();
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("supports tab switching", async () => {
         datastreamOperationValues.getAgents.mockResolvedValue([]);
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(<DatastreamAgentsContent />);
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<DatastreamAgentsContent />).asFragment;
         });
         await waitFor(() => expect(datastreamOperationValues.getAgents).toHaveBeenCalled());
-        await renderer.act(async () => {
-            tabChangeFunction && tabChangeFunction(null, 1);
+        await act(async () => {
+            if (tabChangeFunction) {
+                tabChangeFunction(null, 1);
+            }
         });
         expect(editorValues.action.setCurrentAgents).toHaveBeenCalled();
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("saves current changes on save changes click", async () => {
@@ -157,7 +157,9 @@ describe("DatastreamAgentsContent", () => {
         await renderComponent();
         expect(pidPickerFunction).not.toBeNull();
         await act(async () => {
-            pidPickerFunction && pidPickerFunction("");
+            if (pidPickerFunction) {
+                pidPickerFunction("");
+            }
         });
         expect(editorValues.action.loadObjectDetailsIntoStorage).not.toHaveBeenCalled();
     });
@@ -174,7 +176,9 @@ describe("DatastreamAgentsContent", () => {
         );
         expect(pidPickerFunction).not.toBeNull();
         await act(async () => {
-            pidPickerFunction && pidPickerFunction("foo:123");
+            if (pidPickerFunction) {
+                pidPickerFunction("foo:123");
+            }
         });
         expect(alertSpy).toHaveBeenCalledWith("Cannot load PID: foo:123");
     });
@@ -184,7 +188,9 @@ describe("DatastreamAgentsContent", () => {
         await renderComponent();
         expect(pidPickerFunction).not.toBeNull();
         await act(async () => {
-            pidPickerFunction && pidPickerFunction("foo:123");
+            if (pidPickerFunction) {
+                pidPickerFunction("foo:123");
+            }
         });
         expect(editorValues.action.loadObjectDetailsIntoStorage).toHaveBeenCalledWith("foo:123", expect.anything());
     });
@@ -200,7 +206,9 @@ describe("DatastreamAgentsContent", () => {
         await renderComponent();
         expect(pidPickerFunction).not.toBeNull();
         await act(async () => {
-            pidPickerFunction && pidPickerFunction("foo:123");
+            if (pidPickerFunction) {
+                pidPickerFunction("foo:123");
+            }
         });
         await userEvent.setup().click(screen.getByText("Clone"));
         expect(alertSpy).toHaveBeenCalledWith("foo:123 does not contain an AGENTS datastream.");
@@ -216,7 +224,9 @@ describe("DatastreamAgentsContent", () => {
         await renderComponent();
         expect(pidPickerFunction).not.toBeNull();
         await act(async () => {
-            pidPickerFunction && pidPickerFunction("foo:123");
+            if (pidPickerFunction) {
+                pidPickerFunction("foo:123");
+            }
         });
         await userEvent.setup().click(screen.getByText("Clone"));
         expect(datastreamOperationValues.getAgents).toHaveBeenCalledWith("foo:123", true);
diff --git a/client/components/edit/datastream/DatastreamAgentsContent.tsx b/client/components/edit/datastream/DatastreamAgentsContent.tsx
index bac7d2c84..8cded5637 100644
--- a/client/components/edit/datastream/DatastreamAgentsContent.tsx
+++ b/client/components/edit/datastream/DatastreamAgentsContent.tsx
@@ -82,7 +82,7 @@ const DatastreamAgentsContent = (): React.ReactElement => {
         await uploadAgents(agents);
         setIsLoading(false);
     };
-    const contentRef = useRef();
+    const contentRef = useRef(undefined);
 
     useLayoutEffect(() => {
         if (contentRef.current) {
@@ -130,16 +130,16 @@ const DatastreamAgentsContent = (): React.ReactElement => {
                         </Box>
                         <div style={{ display: tab == EDIT_TAB ? "block" : "none" }}>
                             <Grid container spacing={1} sx={{ padding: "20px 24px" }}>
-                                <Grid container item xs={3}>
+                                <Grid container size={3}>
                                     Role
                                 </Grid>
-                                <Grid container item xs={3}>
+                                <Grid container size={3}>
                                     Type
                                 </Grid>
-                                <Grid container item xs={5}>
+                                <Grid container size={5}>
                                     Name
                                 </Grid>
-                                <Grid container item xs={1}>
+                                <Grid container size={1}>
                                     Actions
                                 </Grid>
                             </Grid>
@@ -173,7 +173,7 @@ const DatastreamAgentsContent = (): React.ReactElement => {
             <Divider />
             <DialogActions sx={{ padding: "20px 24px" }}>
                 <Grid container spacing={1} justifyContent="flex-end">
-                    <Grid container item xs={6}>
+                    <Grid container size={6}>
                         {hasChanges && (
                             <Typography
                                 variant="subtitle1"
@@ -190,7 +190,7 @@ const DatastreamAgentsContent = (): React.ReactElement => {
                             </Typography>
                         )}
                     </Grid>
-                    <Grid container item xs={6} justifyContent="flex-end">
+                    <Grid container justifyContent="flex-end" size={6}>
                         {hasChanges && (
                             <Button
                                 className="agentsSaveChangesButton"
diff --git a/client/components/edit/datastream/DatastreamAgentsContentNotes.test.tsx b/client/components/edit/datastream/DatastreamAgentsContentNotes.test.tsx
index 156c03738..423d79a4c 100644
--- a/client/components/edit/datastream/DatastreamAgentsContentNotes.test.tsx
+++ b/client/components/edit/datastream/DatastreamAgentsContentNotes.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { describe, afterEach, expect, it, jest } from "@jest/globals";
 import { fireEvent, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import DatastreamAgentsContentNotes from "./DatastreamAgentsContentNotes";
 
 describe("DatastreamAgentsContentNotes", () => {
@@ -18,8 +16,8 @@ describe("DatastreamAgentsContentNotes", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<DatastreamAgentsContentNotes expanded={false} notes={notes} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<DatastreamAgentsContentNotes expanded={false} notes={notes} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("edits a note", () => {
diff --git a/client/components/edit/datastream/DatastreamAgentsContentNotes.tsx b/client/components/edit/datastream/DatastreamAgentsContentNotes.tsx
index 145abc74d..f37bab2bb 100644
--- a/client/components/edit/datastream/DatastreamAgentsContentNotes.tsx
+++ b/client/components/edit/datastream/DatastreamAgentsContentNotes.tsx
@@ -33,15 +33,15 @@ const DatastreamAgentsContentNotes = ({
         setNotes(notes);
     };
     return (
-        <Grid container item xs={12}>
+        <Grid container size={12}>
             <FormControl fullWidth={true}>
                 <Collapse in={expanded}>
-                    <Grid container item xs={12}>
+                    <Grid container size={12}>
                         <FormControl fullWidth={true}>
                             <Grid container spacing={1}>
                                 {notes.map((note, i) => {
                                     return (
-                                        <Grid key={i} container item xs={12}>
+                                        <Grid key={i} container size={12}>
                                             <TextField
                                                 className="noteModifyTextField"
                                                 label="Note"
@@ -65,7 +65,7 @@ const DatastreamAgentsContentNotes = ({
                                         </Grid>
                                     );
                                 })}
-                                <Grid container item xs={12}>
+                                <Grid container size={12}>
                                     <TextField
                                         className="noteAddTextField"
                                         required={true}
diff --git a/client/components/edit/datastream/DatastreamAgentsContentRow.test.tsx b/client/components/edit/datastream/DatastreamAgentsContentRow.test.tsx
index 696f14f2c..b399bdd77 100644
--- a/client/components/edit/datastream/DatastreamAgentsContentRow.test.tsx
+++ b/client/components/edit/datastream/DatastreamAgentsContentRow.test.tsx
@@ -1,8 +1,7 @@
-import React from "react";
 import { describe, afterEach, expect, it, jest } from "@jest/globals";
 import { fireEvent, render, screen } from "@testing-library/react";
-import renderer from "react-test-renderer";
 import DatastreamAgentsContentRow from "./DatastreamAgentsContentRow";
+import type { useEditorContext } from "../../../context/EditorContext";
 
 const mockDatastreamAgentsContentNotes = jest.fn();
 jest.mock("./DatastreamAgentsContentNotes", () => (props) => {
@@ -19,7 +18,7 @@ jest.mock("../../../context/EditorContext", () => ({
 describe("DatastreamAgentsContentRow", () => {
     let agent;
     let props;
-    let editorValues;
+    let editorValues: ReturnType<typeof useEditorContext>;
 
     beforeEach(() => {
         agent = {
@@ -57,8 +56,8 @@ describe("DatastreamAgentsContentRow", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<DatastreamAgentsContentRow {...props} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<DatastreamAgentsContentRow {...props} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("changes a role", () => {
diff --git a/client/components/edit/datastream/DatastreamAgentsContentRow.tsx b/client/components/edit/datastream/DatastreamAgentsContentRow.tsx
index 14958d189..41d7c5b38 100644
--- a/client/components/edit/datastream/DatastreamAgentsContentRow.tsx
+++ b/client/components/edit/datastream/DatastreamAgentsContentRow.tsx
@@ -60,7 +60,7 @@ const DatastreamAgentsContentRow = ({
     };
     return (
         <>
-            <Grid container item xs={3}>
+            <Grid container size={3}>
                 <Paper
                     variant="outlined"
                     sx={{ display: "flex", alignItems: "center", width: "100%", padding: "0 14px" }}
@@ -85,7 +85,7 @@ const DatastreamAgentsContentRow = ({
                     </FormControl>
                 </Paper>
             </Grid>
-            <Grid container item xs={3}>
+            <Grid container size={3}>
                 <Paper
                     variant="outlined"
                     sx={{ display: "flex", alignItems: "center", width: "100%", padding: "0 14px" }}
@@ -110,12 +110,12 @@ const DatastreamAgentsContentRow = ({
                     </FormControl>
                 </Paper>
             </Grid>
-            <Grid container item xs={5}>
+            <Grid container size={5}>
                 <FormControl fullWidth={true}>
                     <BlurSavingTextField options={nameFieldOptions} value={name} setValue={setName} />
                 </FormControl>
             </Grid>
-            <Grid container item xs={1}>
+            <Grid container size={1}>
                 <Paper variant="outlined" sx={{ display: "flex", alignItems: "center", width: "100%" }}>
                     <FormControl fullWidth={true}>
                         <ButtonGroup sx={{ display: "flex", justifyContent: "center" }}>
diff --git a/client/components/edit/datastream/DatastreamAgentsModifyContentRow.test.tsx b/client/components/edit/datastream/DatastreamAgentsModifyContentRow.test.tsx
index 333feb006..d8e2072b0 100644
--- a/client/components/edit/datastream/DatastreamAgentsModifyContentRow.test.tsx
+++ b/client/components/edit/datastream/DatastreamAgentsModifyContentRow.test.tsx
@@ -1,6 +1,5 @@
-import React from "react";
 import { describe, afterEach, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import DatastreamAgentsModifyContentRow from "./DatastreamAgentsModifyContentRow";
 
 let datastreamAgentsContentRowProps;
@@ -46,8 +45,8 @@ describe("DatastreamAgentsModifyContentRow", () => {
     });
 
     it("proxies DatastreamAgentsContextRow", () => {
-        const tree = renderer.create(<DatastreamAgentsModifyContentRow {...props} />).toJSON();
-        expect(tree).toEqual("DatastreamAgentsContentRow");
+        const { asFragment } = render(<DatastreamAgentsModifyContentRow {...props} />);
+        expect(asFragment()).toMatchSnapshot();
         expect(datastreamAgentsContentRowProps.agent).toEqual(props.agent);
     });
 });
diff --git a/client/components/edit/datastream/DatastreamControlButton.test.tsx b/client/components/edit/datastream/DatastreamControlButton.test.tsx
index 4ceb3b4a4..1f7440fb9 100644
--- a/client/components/edit/datastream/DatastreamControlButton.test.tsx
+++ b/client/components/edit/datastream/DatastreamControlButton.test.tsx
@@ -1,9 +1,7 @@
-import React from "react";
 import { describe, beforeEach, expect, it, jest } from "@jest/globals";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import DatastreamControlButton from "./DatastreamControlButton";
 
 const mockUseEditorContext = jest.fn();
@@ -45,8 +43,8 @@ describe("DatastreamControlButton", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<DatastreamControlButton modalState="Upload" datastream="THUMBNAIL" />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<DatastreamControlButton modalState="Upload" datastream="THUMBNAIL" />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("downloads the datastream", async () => {
diff --git a/client/components/edit/datastream/DatastreamControls.test.tsx b/client/components/edit/datastream/DatastreamControls.test.tsx
index b6c71a0e2..774d409a3 100644
--- a/client/components/edit/datastream/DatastreamControls.test.tsx
+++ b/client/components/edit/datastream/DatastreamControls.test.tsx
@@ -1,6 +1,5 @@
-import React from "react";
 import { describe, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import { DatastreamModalStates } from "../../../context/EditorContext";
 import DatastreamControls from "./DatastreamControls";
 
@@ -13,8 +12,8 @@ jest.mock("./DatastreamControlButton", () => (props) => {
 describe("DatastreamControls", () => {
     it("renders", () => {
         const datastream = "test1";
-        const tree = renderer.create(<DatastreamControls datastream={datastream} disabled={false} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<DatastreamControls datastream={datastream} disabled={false} />);
+        expect(asFragment()).toMatchSnapshot();
         expect(mockDatastreamControlButton).toHaveBeenCalledWith({
             modalState: DatastreamModalStates.UPLOAD,
             datastream,
diff --git a/client/components/edit/datastream/DatastreamDeleteModalContent.test.tsx b/client/components/edit/datastream/DatastreamDeleteModalContent.test.tsx
index 3670b006b..497e68eaf 100644
--- a/client/components/edit/datastream/DatastreamDeleteModalContent.test.tsx
+++ b/client/components/edit/datastream/DatastreamDeleteModalContent.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { describe, beforeEach, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import DatastreamDeleteModalContent from "./DatastreamDeleteModalContent";
 
 const mockUseGlobalContext = jest.fn();
@@ -31,8 +29,8 @@ describe("DatastreamDeleteModalContent", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<DatastreamDeleteModalContent />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<DatastreamDeleteModalContent />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("calls deleteDatastream", async () => {
diff --git a/client/components/edit/datastream/DatastreamDublinCoreAddButtons.test.tsx b/client/components/edit/datastream/DatastreamDublinCoreAddButtons.test.tsx
index 3f902d06b..15e5f136b 100644
--- a/client/components/edit/datastream/DatastreamDublinCoreAddButtons.test.tsx
+++ b/client/components/edit/datastream/DatastreamDublinCoreAddButtons.test.tsx
@@ -1,6 +1,6 @@
-import React from "react";
 import { describe, afterEach, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import userEvent from "@testing-library/user-event";
+import { render, act, screen } from "@testing-library/react";
 import DatastreamDublinCoreAddButtons from "./DatastreamDublinCoreAddButtons";
 import { waitFor } from "@testing-library/react";
 
@@ -18,7 +18,11 @@ jest.mock("../../../context/DublinCoreMetadataContext", () => ({
     },
 }));
 
-jest.mock("../PidPicker", () => (props) => "PidPicker: " + JSON.stringify(props));
+let setSelectedGlobal;
+jest.mock("../PidPicker", () => (props) => {
+    setSelectedGlobal = props.setSelected;
+    return "PidPicker: " + JSON.stringify(props);
+});
 
 describe("DatastreamDublinCoreAddButtons", () => {
     let dcValues;
@@ -56,17 +60,17 @@ describe("DatastreamDublinCoreAddButtons", () => {
     });
 
     it("renders without selected clone pid", () => {
-        const tree = renderer.create(<DatastreamDublinCoreAddButtons />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<DatastreamDublinCoreAddButtons />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders with selected clone pid", () => {
         editorValues.state.objectDetailsStorage["foo"] = {};
-        const tree = renderer.create(<DatastreamDublinCoreAddButtons />);
-        renderer.act(() => {
-            tree.root.children[4].props.setSelected("foo");
+        const { asFragment } = render(<DatastreamDublinCoreAddButtons />);
+        act(() => {
+            setSelectedGlobal("foo");
         });
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders with appropriate parent details (using shallow storage)", () => {
@@ -75,8 +79,8 @@ describe("DatastreamDublinCoreAddButtons", () => {
                 parents: [{ pid: "parent:123", title: "Parent" }],
             },
         };
-        const tree = renderer.create(<DatastreamDublinCoreAddButtons />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<DatastreamDublinCoreAddButtons />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders with appropriate parent details (using full storage)", () => {
@@ -85,38 +89,36 @@ describe("DatastreamDublinCoreAddButtons", () => {
                 parents: [{ pid: "parent:123", title: "Parent" }],
             },
         };
-        const tree = renderer.create(<DatastreamDublinCoreAddButtons />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<DatastreamDublinCoreAddButtons />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
-    it("adds new fields on click", () => {
-        const tree = renderer.create(<DatastreamDublinCoreAddButtons />);
-        renderer.act(() => {
-            tree.root.findAllByType("button")[1].props.onClick();
+    it("adds new fields on click", async () => {
+        await act(async () => {
+            render(<DatastreamDublinCoreAddButtons />);
         });
+        await userEvent.setup().click(screen.getAllByRole("button")[1]);
         expect(dcValues.action.addValueAbove).toHaveBeenCalledWith("dc:description", 0, "");
     });
 
     it("loads details for cloned pids", async () => {
-        const tree = renderer.create(<DatastreamDublinCoreAddButtons />);
-        await renderer.act(async () => {
-            tree.root.children[4].props.setSelected("foo");
+        render(<DatastreamDublinCoreAddButtons />);
+        await act(async () => {
+            await setSelectedGlobal("foo");
             await waitFor(() => expect(editorValues.action.loadObjectDetailsIntoStorage).toHaveBeenCalled());
         });
         expect(editorValues.action.loadObjectDetailsIntoStorage).toHaveBeenCalledWith("foo", expect.anything());
     });
 
-    it("clones metadata", () => {
+    it("clones metadata", async () => {
         editorValues.state.objectDetailsStorage["foo"] = {
             metadata: { "dc:identifier": ["foo"], "dc:title": ["added"], "dc:description": ["bar"] },
         };
-        const tree = renderer.create(<DatastreamDublinCoreAddButtons />);
-        renderer.act(() => {
-            tree.root.children[4].props.setSelected("foo");
-        });
-        renderer.act(() => {
-            tree.root.findAllByType("button")[2].props.onClick();
+        render(<DatastreamDublinCoreAddButtons />);
+        await act(async () => {
+            await setSelectedGlobal("foo");
         });
+        await userEvent.setup().click(screen.getAllByRole("button")[2]);
         expect(dcValues.action.mergeValues).toHaveBeenCalledWith({
             "dc:title": ["added"],
             "dc:description": ["bar"],
diff --git a/client/components/edit/datastream/DatastreamDublinCoreContent.test.tsx b/client/components/edit/datastream/DatastreamDublinCoreContent.test.tsx
index 5e5e4ca17..ef0f3325c 100644
--- a/client/components/edit/datastream/DatastreamDublinCoreContent.test.tsx
+++ b/client/components/edit/datastream/DatastreamDublinCoreContent.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { describe, afterEach, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import DatastreamDublinCoreContent from "./DatastreamDublinCoreContent";
 
 const mockUseEditorContext = jest.fn();
@@ -73,9 +71,9 @@ describe("DatastreamDublinCoreContent ", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<DatastreamDublinCoreContent />).toJSON();
+        const { asFragment } = render(<DatastreamDublinCoreContent />);
 
-        expect(tree).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
         // Our default data has nothing loaded, and current DC shouldn't be set
         // until data loads.
         expect(dcValues.action.setCurrentDublinCore).not.toHaveBeenCalled();
diff --git a/client/components/edit/datastream/DatastreamDublinCoreContent.tsx b/client/components/edit/datastream/DatastreamDublinCoreContent.tsx
index 9fe784e36..bce049c65 100644
--- a/client/components/edit/datastream/DatastreamDublinCoreContent.tsx
+++ b/client/components/edit/datastream/DatastreamDublinCoreContent.tsx
@@ -35,17 +35,16 @@ const DatastreamDublinCoreContent = (): React.ReactElement => {
         <>
             <DialogContent>
                 <Grid container spacing={1}>
-                    <Grid item xs={8}>
+                    <Grid size={8}>
                         <DatastreamDublinCoreValues />
                     </Grid>
-                    <Grid item xs={4}>
+                    <Grid size={4}>
                         <DatastreamDublinCoreAddButtons />
                         <h3>Other Tools</h3>
                         <ObjectPreviewButton pid={currentPid} />
                     </Grid>
                 </Grid>
             </DialogContent>
-
             <DialogActions>
                 <Button
                     className="uploadDublinCoreButton"
diff --git a/client/components/edit/datastream/DatastreamDublinCoreEditField.test.tsx b/client/components/edit/datastream/DatastreamDublinCoreEditField.test.tsx
index cadba208b..3f241c5ce 100644
--- a/client/components/edit/datastream/DatastreamDublinCoreEditField.test.tsx
+++ b/client/components/edit/datastream/DatastreamDublinCoreEditField.test.tsx
@@ -1,8 +1,7 @@
 import React from "react";
 import { describe, afterEach, expect, it, jest } from "@jest/globals";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import { fireEvent, render, screen } from "@testing-library/react";
-import renderer from "react-test-renderer";
 import DatastreamDublinCoreEditField from "./DatastreamDublinCoreEditField";
 
 jest.mock(
@@ -54,33 +53,33 @@ describe("DatastreamDublinCoreEditField", () => {
     });
 
     it("renders a text field", () => {
-        const tree = renderer.create(getField()).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(getField());
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders an html field", () => {
         fieldType = "html";
-        const tree = renderer.create(getField()).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(getField());
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders an unknown field", () => {
         fieldType = "unknown";
-        const tree = renderer.create(getField()).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(getField());
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders a locked field", () => {
         fieldType = "locked";
-        const tree = renderer.create(getField()).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(getField());
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders a dropdown field", () => {
         fieldType = "dropdown";
         legalValues = ["foo", "bar", "baz"];
-        const tree = renderer.create(getField()).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(getField());
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("changes the dropdown value", () => {
@@ -96,8 +95,8 @@ describe("DatastreamDublinCoreEditField", () => {
 
     it("renders a dropdown field with an unexpected value", () => {
         fieldType = "dropdown";
-        const tree = renderer.create(getField()).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(getField());
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("saves the HTML editor output", () => {
diff --git a/client/components/edit/datastream/DatastreamDublinCoreFieldGroup.test.tsx b/client/components/edit/datastream/DatastreamDublinCoreFieldGroup.test.tsx
index 127ec0403..af9ff5b5e 100644
--- a/client/components/edit/datastream/DatastreamDublinCoreFieldGroup.test.tsx
+++ b/client/components/edit/datastream/DatastreamDublinCoreFieldGroup.test.tsx
@@ -1,7 +1,7 @@
-import React from "react";
 import { describe, afterEach, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render, screen } from "@testing-library/react";
 import DatastreamDublinCoreFieldGroup from "./DatastreamDublinCoreFieldGroup";
+import userEvent from "@testing-library/user-event";
 
 const mockUseEditorContext = jest.fn();
 jest.mock("../../../context/EditorContext", () => ({
@@ -57,39 +57,38 @@ describe("DatastreamDublinCoreFieldGroup", () => {
     });
 
     it("renders unlocked fields", () => {
-        const tree = renderer.create(<DatastreamDublinCoreFieldGroup field="dc:title" />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<DatastreamDublinCoreFieldGroup field="dc:title" />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders locked fields", () => {
-        const tree = renderer.create(<DatastreamDublinCoreFieldGroup field="dc:identifier" />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<DatastreamDublinCoreFieldGroup field="dc:identifier" />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
-    it("inserts values below", () => {
-        const tree = renderer.create(<DatastreamDublinCoreFieldGroup field="dc:title" />);
-        const buttons = tree.root.findAllByType("button");
-        renderer.act(() => {
-            expect(buttons[2].children[0].props.titleAccess).toEqual("Add Below");
-            buttons[2].props.onClick();
-        });
+    it("inserts values below", async () => {
+        render(<DatastreamDublinCoreFieldGroup field="dc:title" />);
+        const addButtons = screen.getAllByRole("button", { name: /add below/i });
+        const addButton = addButtons[1];
+        await userEvent.click(addButton);
         expect(dcValues.action.addValueBelow).toHaveBeenCalledWith("dc:title", 1, "");
     });
 
-    it("deletes rows", () => {
-        const tree = renderer.create(<DatastreamDublinCoreFieldGroup field="dc:title" />);
-        const buttons = tree.root.findAllByType("button");
-        renderer.act(() => {
-            expect(buttons[1].children[0].props.titleAccess).toEqual("Delete Row");
-            buttons[1].props.onClick();
-        });
+    it("deletes rows", async () => {
+        render(<DatastreamDublinCoreFieldGroup field="dc:title" />);
+        const deleteButtons = screen.getAllByRole("button", { name: /delete row/i });
+        const deleteButton = deleteButtons[0];
+        await userEvent.click(deleteButton);
         expect(dcValues.action.deleteValue).toHaveBeenCalledWith("dc:title", 0);
     });
 
-    it("saves values appropriately", () => {
-        const tree = renderer.create(<DatastreamDublinCoreFieldGroup field="dc:title" />);
-        const inputs = tree.root.findAllByType("input");
-        inputs[1].props.onBlur({ target: { value: "xyzzy" } });
+    it("saves values appropriately", async () => {
+        render(<DatastreamDublinCoreFieldGroup field="dc:title" />);
+        const inputs = screen.getAllByRole("textbox");
+        const input = inputs[1];
+        await userEvent.clear(input);
+        await userEvent.type(input, "xyzzy");
+        await userEvent.tab();
         expect(dcValues.action.replaceValue).toHaveBeenCalledWith("dc:title", 1, "xyzzy");
     });
 });
diff --git a/client/components/edit/datastream/DatastreamDublinCoreFieldGroup.tsx b/client/components/edit/datastream/DatastreamDublinCoreFieldGroup.tsx
index 3a7e2d1ec..cddd084cc 100644
--- a/client/components/edit/datastream/DatastreamDublinCoreFieldGroup.tsx
+++ b/client/components/edit/datastream/DatastreamDublinCoreFieldGroup.tsx
@@ -34,7 +34,7 @@ const DatastreamDublinCoreFieldGroup = ({ field }: { field: string }): React.Rea
         );
         return (
             <Grid container spacing={1} key={key}>
-                <Grid item xs={10}>
+                <Grid size={10}>
                     <DatastreamDublinCoreEditField
                         value={value}
                         setValue={(value) => replaceValue(field, i, value)}
@@ -42,9 +42,7 @@ const DatastreamDublinCoreFieldGroup = ({ field }: { field: string }): React.Rea
                         legalValues={catalogData.values ?? []}
                     />
                 </Grid>
-                <Grid item xs={2}>
-                    {buttons}
-                </Grid>
+                <Grid size={2}>{buttons}</Grid>
             </Grid>
         );
     });
diff --git a/client/components/edit/datastream/DatastreamDublinCoreValues.test.tsx b/client/components/edit/datastream/DatastreamDublinCoreValues.test.tsx
index d21937104..a27f50aae 100644
--- a/client/components/edit/datastream/DatastreamDublinCoreValues.test.tsx
+++ b/client/components/edit/datastream/DatastreamDublinCoreValues.test.tsx
@@ -1,6 +1,5 @@
-import React from "react";
 import { describe, afterEach, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import DatastreamDublinCoreValues from "./DatastreamDublinCoreValues";
 
 jest.mock("./DatastreamDublinCoreFieldGroup", () => (props) => {
@@ -53,7 +52,8 @@ describe("DatastreamDublinCoreValues", () => {
     });
 
     it("renders a field group for each field type in the current Dublin Core", () => {
-        const tree = renderer.create(<DatastreamDublinCoreValues />).toJSON();
-        expect(tree).toEqual(["dc:identifier", "dc:title"]);
+        const { asFragment } = render(<DatastreamDublinCoreValues />);
+        expect(asFragment().textContent.includes("dc:identifier")).toBeTruthy();
+        expect(asFragment().textContent.includes("dc:title")).toBeTruthy();
     });
 });
diff --git a/client/components/edit/datastream/DatastreamLicenseContent.test.tsx b/client/components/edit/datastream/DatastreamLicenseContent.test.tsx
index bce7579c9..2f55cace5 100644
--- a/client/components/edit/datastream/DatastreamLicenseContent.test.tsx
+++ b/client/components/edit/datastream/DatastreamLicenseContent.test.tsx
@@ -1,9 +1,8 @@
-import React from "react";
 import { describe, beforeEach, expect, it, jest } from "@jest/globals";
-import { fireEvent, render, screen } from "@testing-library/react";
-import renderer from "react-test-renderer";
-import { act } from "react-dom/test-utils";
+import { render, screen } from "@testing-library/react";
+import { act } from "react";
 import DatastreamLicenseContent from "./DatastreamLicenseContent";
+import userEvent from "@testing-library/user-event";
 
 jest.mock("@mui/material/RadioGroup", () => () => "RadioGroup");
 const mockUseEditorContext = jest.fn();
@@ -44,33 +43,29 @@ describe("DatastreamLicenseContent", () => {
         };
         datastreamOperationValues = {
             uploadLicense: jest.fn(),
-            getLicenseKey: jest.fn(),
+            getLicenseKey: jest.fn().mockResolvedValue("testLicenseKey"),
         };
         mockUseEditorContext.mockReturnValue(editorValues);
         mockUseGlobalContext.mockReturnValue(globalValues);
         mockUseDatastreamOperation.mockReturnValue(datastreamOperationValues);
     });
 
-    it("renders", () => {
-        const tree = renderer.create(<DatastreamLicenseContent />).toJSON();
-        expect(tree).toMatchSnapshot();
+    it("renders", async () => {
+        const { asFragment } = await act(async () => render(<DatastreamLicenseContent />));
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("calls uploadLicense on click", async () => {
         datastreamOperationValues.uploadLicense.mockResolvedValue("upload worked");
-        await act(async () => {
-            await render(<DatastreamLicenseContent />);
-            await fireEvent.click(screen.getByRole("button", { name: "Save" }));
-        });
+        await act(async () => render(<DatastreamLicenseContent />));
+        await userEvent.setup().click(screen.getByRole("button", { name: "Save" }));
         expect(datastreamOperationValues.getLicenseKey).toHaveBeenCalled();
         expect(datastreamOperationValues.uploadLicense).toHaveBeenCalled();
     });
 
     it("can be canceled", async () => {
-        await act(async () => {
-            await render(<DatastreamLicenseContent />);
-        });
-        await fireEvent.click(screen.getByText("Cancel"));
+        await act(async () => render(<DatastreamLicenseContent />));
+        await userEvent.setup().click(screen.getByText("Cancel"));
         expect(datastreamOperationValues.uploadLicense).not.toHaveBeenCalled();
         expect(globalValues.action.closeModal).toHaveBeenCalledWith("datastream");
     });
diff --git a/client/components/edit/datastream/DatastreamList.test.tsx b/client/components/edit/datastream/DatastreamList.test.tsx
index a465101e4..f7ab4e02d 100644
--- a/client/components/edit/datastream/DatastreamList.test.tsx
+++ b/client/components/edit/datastream/DatastreamList.test.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { describe, beforeEach, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import DatastreamList from "./DatastreamList";
 
 const mockUseEditorContext = jest.fn();
@@ -30,8 +30,8 @@ describe("DatastreamList", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<DatastreamList />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<DatastreamList />);
+        expect(asFragment()).toMatchSnapshot();
         expect(mockDatastream).toHaveBeenCalledWith({
             datastream: { stream: "test0", disabled: false },
         });
diff --git a/client/components/edit/datastream/DatastreamMetadataModalContent.test.tsx b/client/components/edit/datastream/DatastreamMetadataModalContent.test.tsx
index fa89e1468..464d0c033 100644
--- a/client/components/edit/datastream/DatastreamMetadataModalContent.test.tsx
+++ b/client/components/edit/datastream/DatastreamMetadataModalContent.test.tsx
@@ -1,7 +1,6 @@
-import React from "react";
+import { act } from "react";
 import { describe, beforeEach, expect, it, jest } from "@jest/globals";
-import { waitFor } from "@testing-library/react";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import DatastreamMetadataModalContent from "./DatastreamMetadataModalContent";
 
 const mockUseDatastreamOperation = jest.fn();
@@ -37,12 +36,11 @@ describe("DatastreamMetadataModalContent", () => {
             mimeType: "test2",
         };
         datastreamOperationValues.viewMetadata.mockResolvedValue(response);
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(<DatastreamMetadataModalContent />);
-            await waitFor(() => expect(datastreamOperationValues.viewMetadata).toHaveBeenCalled());
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<DatastreamMetadataModalContent />).asFragment;
         });
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
         expect(mockDatatypeContent).toHaveBeenCalledWith(response);
     });
 });
diff --git a/client/components/edit/datastream/DatastreamModal.tsx b/client/components/edit/datastream/DatastreamModal.tsx
index db92b513d..5d899c99b 100644
--- a/client/components/edit/datastream/DatastreamModal.tsx
+++ b/client/components/edit/datastream/DatastreamModal.tsx
@@ -40,10 +40,8 @@ const DatastreamModal = (): React.ReactElement => {
         >
             <DialogTitle>
                 <Grid container>
-                    <Grid item xs={11}>
-                        {datastreamModalState}
-                    </Grid>
-                    <Grid item xs={1} display="flex" justifyContent="flex-end">
+                    <Grid size={11}>{datastreamModalState}</Grid>
+                    <Grid display="flex" justifyContent="flex-end" size={1}>
                         <IconButton className="closeButton" onClick={() => closeModal("datastream")}>
                             <CloseIcon />
                         </IconButton>
diff --git a/client/components/edit/datastream/DatastreamProcessMetadataContent.test.tsx b/client/components/edit/datastream/DatastreamProcessMetadataContent.test.tsx
index 00fb0d9c3..667d1a911 100644
--- a/client/components/edit/datastream/DatastreamProcessMetadataContent.test.tsx
+++ b/client/components/edit/datastream/DatastreamProcessMetadataContent.test.tsx
@@ -1,11 +1,9 @@
-import React from "react";
 import { describe, afterEach, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import DatastreamProcessMetadataContent from "./DatastreamProcessMetadataContent";
 import { waitFor } from "@testing-library/react";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 
 const mockUseGlobalContext = jest.fn();
 jest.mock("../../../context/GlobalContext", () => ({
@@ -71,27 +69,13 @@ describe("DatastreamProcessMetadataContent", () => {
         datastreamOperationValues.getProcessMetadata.mockResolvedValue(fakeData);
         processMetadataValues.state = fakeData;
 
-        render(<DatastreamProcessMetadataContent />);
-
-        await waitFor(() => expect(processMetadataValues.action.setMetadata).toHaveBeenCalledWith(fakeData));
-    };
-
-    const getRenderedTree = async (fakeData = {}, extraStep: (() => void) | null = null) => {
-        datastreamOperationValues.getProcessMetadata.mockResolvedValue(fakeData);
-        processMetadataValues.state = fakeData;
-
-        const tree = renderer.create(<DatastreamProcessMetadataContent />);
-
-        await renderer.act(async () => {
-            await waitFor(() => expect(processMetadataValues.action.setMetadata).toHaveBeenCalledWith(fakeData));
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<DatastreamProcessMetadataContent />).asFragment;
         });
 
-        if (extraStep) {
-            await renderer.act(async () => {
-                extraStep();
-            });
-        }
-        return tree.toJSON();
+        await waitFor(() => expect(processMetadataValues.action.setMetadata).toHaveBeenCalledWith(fakeData));
+        expect(asFragment()).toMatchSnapshot();
     };
 
     beforeEach(() => {
@@ -133,30 +117,28 @@ describe("DatastreamProcessMetadataContent", () => {
         jest.clearAllMocks();
     });
 
-    it("renders a loading message if content is unavailable", () => {
+    it("renders a loading message if content is unavailable", async () => {
         datastreamOperationValues.getProcessMetadata.mockResolvedValue({});
-        const tree = renderer.create(<DatastreamProcessMetadataContent />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = await act(async () => render(<DatastreamProcessMetadataContent />));
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders a form when empty data is loaded", async () => {
-        const tree = await getRenderedTree();
+        await renderComponent();
         expect(processMetadataValues.action.addTask).toHaveBeenCalledWith(0);
-        expect(tree).toMatchSnapshot();
     });
 
     it("supports tab switching", async () => {
-        const tree = await getRenderedTree({}, () => {
+        await renderComponent({}, () => {
             if (tabChangeFunction) {
                 tabChangeFunction(null, 1);
             }
         });
         expect(processMetadataValues.action.addTask).toHaveBeenCalledWith(0);
-        expect(tree).toMatchSnapshot();
     });
 
     it("renders a form when non-empty data is loaded", async () => {
-        const tree = await getRenderedTree({
+        await renderComponent({
             processLabel: "label",
             processCreator: "creator",
             processDateTime: "datetime",
@@ -164,7 +146,6 @@ describe("DatastreamProcessMetadataContent", () => {
             tasks: [{ id: 1 }, { id: 2 }],
         });
         expect(processMetadataValues.action.addTask).not.toHaveBeenCalled();
-        expect(tree).toMatchSnapshot();
     });
 
     it("has a working save button", async () => {
@@ -177,7 +158,9 @@ describe("DatastreamProcessMetadataContent", () => {
         await renderComponent();
         expect(pidPickerFunction).not.toBeNull();
         await act(async () => {
-            pidPickerFunction && pidPickerFunction("");
+            if (pidPickerFunction) {
+                pidPickerFunction("");
+            }
         });
         expect(editorContext.action.loadObjectDetailsIntoStorage).not.toHaveBeenCalled();
     });
@@ -193,7 +176,9 @@ describe("DatastreamProcessMetadataContent", () => {
         );
         expect(pidPickerFunction).not.toBeNull();
         await act(async () => {
-            pidPickerFunction && pidPickerFunction("foo:123");
+            if (pidPickerFunction) {
+                pidPickerFunction("foo:123");
+            }
         });
         expect(alertSpy).toHaveBeenCalledWith("Cannot load PID: foo:123");
     });
@@ -202,7 +187,9 @@ describe("DatastreamProcessMetadataContent", () => {
         await renderComponent();
         expect(pidPickerFunction).not.toBeNull();
         await act(async () => {
-            pidPickerFunction && pidPickerFunction("foo:123");
+            if (pidPickerFunction) {
+                pidPickerFunction("foo:123");
+            }
         });
         expect(editorContext.action.loadObjectDetailsIntoStorage).toHaveBeenCalledWith("foo:123", expect.anything());
     });
@@ -217,7 +204,9 @@ describe("DatastreamProcessMetadataContent", () => {
         await renderComponent();
         expect(pidPickerFunction).not.toBeNull();
         await act(async () => {
-            pidPickerFunction && pidPickerFunction("foo:123");
+            if (pidPickerFunction) {
+                pidPickerFunction("foo:123");
+            }
         });
         await userEvent.setup().click(screen.getByText("Clone"));
         expect(alertSpy).toHaveBeenCalledWith("foo:123 does not contain a PROCESS-MD datastream.");
@@ -232,7 +221,9 @@ describe("DatastreamProcessMetadataContent", () => {
         await renderComponent();
         expect(pidPickerFunction).not.toBeNull();
         await act(async () => {
-            pidPickerFunction && pidPickerFunction("foo:123");
+            if (pidPickerFunction) {
+                pidPickerFunction("foo:123");
+            }
         });
         await userEvent.setup().click(screen.getByText("Clone"));
         expect(datastreamOperationValues.getProcessMetadata).toHaveBeenCalledWith("foo:123", true);
diff --git a/client/components/edit/datastream/DatastreamProcessMetadataContent.tsx b/client/components/edit/datastream/DatastreamProcessMetadataContent.tsx
index 7b8e26ebb..a504ae10b 100644
--- a/client/components/edit/datastream/DatastreamProcessMetadataContent.tsx
+++ b/client/components/edit/datastream/DatastreamProcessMetadataContent.tsx
@@ -7,7 +7,6 @@ import FormControl from "@mui/material/FormControl";
 import FormLabel from "@mui/material/FormLabel";
 import Tab from "@mui/material/Tab";
 import Tabs from "@mui/material/Tabs";
-import TextField from "@mui/material/TextField";
 import useDatastreamOperation from "../../../hooks/useDatastreamOperation";
 import { useGlobalContext } from "../../../context/GlobalContext";
 import { useProcessMetadataContext } from "../../../context/ProcessMetadataContext";
@@ -19,6 +18,7 @@ import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import type {} from "@mui/x-date-pickers/themeAugmentation";
 import { useEditorContext } from "../../../context/EditorContext";
 import PidPicker from "../PidPicker";
+import dayjs from "dayjs";
 
 // Whenever a task is added or removed, we need to revise the keys on the task
 // components so that React renders correctly. This counter is incremented on each
@@ -135,7 +135,7 @@ const DatastreamProcessMetadataContent = (): React.ReactElement => {
                 </Box>
                 <div style={{ display: tab == EDIT_TAB ? "block" : "none" }}>
                     <Grid container spacing={1} style={{ marginBottom: "10px" }}>
-                        <Grid item xs={3}>
+                        <Grid size={3}>
                             <FormControl fullWidth={true}>
                                 <BlurSavingTextField
                                     options={{ label: "Process Label" }}
@@ -144,7 +144,7 @@ const DatastreamProcessMetadataContent = (): React.ReactElement => {
                                 />
                             </FormControl>
                         </Grid>
-                        <Grid item xs={3}>
+                        <Grid size={3}>
                             <FormControl fullWidth={true}>
                                 <BlurSavingTextField
                                     options={{ label: "Process Creator" }}
@@ -153,17 +153,21 @@ const DatastreamProcessMetadataContent = (): React.ReactElement => {
                                 />
                             </FormControl>
                         </Grid>
-                        <Grid item xs={3}>
+                        <Grid size={3}>
                             <LocalizationProvider dateAdapter={AdapterDayjs}>
                                 <DateTimePicker
-                                    renderInput={(props) => <TextField {...props} />}
                                     label="Process Date/Time"
-                                    value={processMetadata.processDateTime ?? ""}
+                                    value={
+                                        processMetadata.processDateTime ? dayjs(processMetadata.processDateTime) : null
+                                    }
                                     onChange={setProcessDateTime}
+                                    slotProps={{
+                                        textField: { fullWidth: true },
+                                    }}
                                 />
                             </LocalizationProvider>
                         </Grid>
-                        <Grid item xs={3}>
+                        <Grid size={3}>
                             <FormControl fullWidth={true}>
                                 <BlurSavingTextField
                                     options={{ label: "Process Organization" }}
diff --git a/client/components/edit/datastream/DatastreamProcessMetadataTask.test.tsx b/client/components/edit/datastream/DatastreamProcessMetadataTask.test.tsx
index 3779f08a6..7c3f7297d 100644
--- a/client/components/edit/datastream/DatastreamProcessMetadataTask.test.tsx
+++ b/client/components/edit/datastream/DatastreamProcessMetadataTask.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { describe, afterEach, expect, it, jest } from "@jest/globals";
 import { fireEvent, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import DatastreamProcessMetadataTask from "./DatastreamProcessMetadataTask";
 import { ProcessMetadataTask } from "../../../context/ProcessMetadataContext";
 
@@ -51,34 +49,28 @@ describe("DatastreamProcessMetadataTask", () => {
     });
 
     it("renders without tool presets", () => {
-        const tree = renderer
-            .create(
-                <DatastreamProcessMetadataTask
-                    task={task}
-                    deleteTask={jest.fn()}
-                    addBelow={jest.fn()}
-                    setAttributes={jest.fn()}
-                />,
-            )
-            .toJSON();
-
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(
+            <DatastreamProcessMetadataTask
+                task={task}
+                deleteTask={jest.fn()}
+                addBelow={jest.fn()}
+                setAttributes={jest.fn()}
+            />,
+        );
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders with tool presets", () => {
         editorValues.state.toolPresets.push({ label: "My Tool" });
-        const tree = renderer
-            .create(
-                <DatastreamProcessMetadataTask
-                    task={task}
-                    deleteTask={jest.fn()}
-                    addBelow={jest.fn()}
-                    setAttributes={jest.fn()}
-                />,
-            )
-            .toJSON();
-
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(
+            <DatastreamProcessMetadataTask
+                task={task}
+                deleteTask={jest.fn()}
+                addBelow={jest.fn()}
+                setAttributes={jest.fn()}
+            />,
+        );
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("applies tool presets", async () => {
diff --git a/client/components/edit/datastream/DatastreamProcessMetadataTask.tsx b/client/components/edit/datastream/DatastreamProcessMetadataTask.tsx
index 8707cf665..ce87cf103 100644
--- a/client/components/edit/datastream/DatastreamProcessMetadataTask.tsx
+++ b/client/components/edit/datastream/DatastreamProcessMetadataTask.tsx
@@ -47,7 +47,7 @@ const DatastreamProcessMetadataTask = ({
     const presetControl =
         toolPresetKeys.length > 0 ? (
             <>
-                <Grid item xs={7}>
+                <Grid size={7}>
                     <FormControl fullWidth={true}>
                         <label>
                             Select a preset tool:
@@ -67,7 +67,7 @@ const DatastreamProcessMetadataTask = ({
                         </label>
                     </FormControl>
                 </Grid>
-                <Grid item xs={5}>
+                <Grid size={5}>
                     <button onClick={applyToolPreset}>Apply Preset</button>
                 </Grid>
             </>
@@ -76,9 +76,9 @@ const DatastreamProcessMetadataTask = ({
         <>
             <hr style={{ marginBottom: "20px" }} />
             <Grid container spacing={1}>
-                <Grid item xs={11}>
+                <Grid size={11}>
                     <Grid container spacing={1} style={{ marginBottom: "10px" }}>
-                        <Grid item xs={3}>
+                        <Grid size={3}>
                             <FormControl fullWidth={true}>
                                 <BlurSavingTextField
                                     options={{ label: "Task Sequence" }}
@@ -87,7 +87,7 @@ const DatastreamProcessMetadataTask = ({
                                 />
                             </FormControl>
                         </Grid>
-                        <Grid item xs={3}>
+                        <Grid size={3}>
                             <FormControl fullWidth={true}>
                                 <BlurSavingTextField
                                     options={{ label: "Task Label" }}
@@ -96,7 +96,7 @@ const DatastreamProcessMetadataTask = ({
                                 />
                             </FormControl>
                         </Grid>
-                        <Grid item xs={3}>
+                        <Grid size={3}>
                             <FormControl fullWidth={true}>
                                 <BlurSavingTextField
                                     options={{ label: "Task Description" }}
@@ -105,7 +105,7 @@ const DatastreamProcessMetadataTask = ({
                                 />
                             </FormControl>
                         </Grid>
-                        <Grid item xs={3}>
+                        <Grid size={3}>
                             <FormControl fullWidth={true}>
                                 <BlurSavingTextField
                                     options={{ label: "Task Individual" }}
@@ -115,7 +115,7 @@ const DatastreamProcessMetadataTask = ({
                             </FormControl>
                         </Grid>
                         {presetControl}
-                        <Grid item xs={3}>
+                        <Grid size={3}>
                             <FormControl fullWidth={true}>
                                 <BlurSavingTextField
                                     options={{ label: "Task Tool" }}
@@ -124,7 +124,7 @@ const DatastreamProcessMetadataTask = ({
                                 />
                             </FormControl>
                         </Grid>
-                        <Grid item xs={3}>
+                        <Grid size={3}>
                             <FormControl fullWidth={true}>
                                 <BlurSavingTextField
                                     options={{ label: "Tool Description" }}
@@ -133,7 +133,7 @@ const DatastreamProcessMetadataTask = ({
                                 />
                             </FormControl>
                         </Grid>
-                        <Grid item xs={2}>
+                        <Grid size={2}>
                             <FormControl fullWidth={true}>
                                 <BlurSavingTextField
                                     options={{ label: "Tool Make" }}
@@ -142,7 +142,7 @@ const DatastreamProcessMetadataTask = ({
                                 />
                             </FormControl>
                         </Grid>
-                        <Grid item xs={2}>
+                        <Grid size={2}>
                             <FormControl fullWidth={true}>
                                 <BlurSavingTextField
                                     options={{ label: "Tool Version" }}
@@ -151,7 +151,7 @@ const DatastreamProcessMetadataTask = ({
                                 />
                             </FormControl>
                         </Grid>
-                        <Grid item xs={2}>
+                        <Grid size={2}>
                             <FormControl fullWidth={true}>
                                 <BlurSavingTextField
                                     options={{ label: "Tool Serial Number" }}
@@ -162,7 +162,7 @@ const DatastreamProcessMetadataTask = ({
                         </Grid>
                     </Grid>
                 </Grid>
-                <Grid item xs={1}>
+                <Grid size={1}>
                     <IconButton onClick={addBelow}>
                         <AddCircle titleAccess="Add Below" />
                     </IconButton>
diff --git a/client/components/edit/datastream/DatastreamUploadModalContent.test.tsx b/client/components/edit/datastream/DatastreamUploadModalContent.test.tsx
index 59496551d..09a95e148 100644
--- a/client/components/edit/datastream/DatastreamUploadModalContent.test.tsx
+++ b/client/components/edit/datastream/DatastreamUploadModalContent.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { describe, beforeEach, expect, it, jest } from "@jest/globals";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import { fireEvent, render, screen } from "@testing-library/react";
-import renderer from "react-test-renderer";
 import DatastreamUploadModalContent from "./DatastreamUploadModalContent";
 
 const mockUseDatastreamOperation = jest.fn();
@@ -37,22 +35,22 @@ describe("DatastreamUploadModalContent", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<DatastreamUploadModalContent />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<DatastreamUploadModalContent />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders DatastreamLicenseContent", () => {
         editorValues.state.activeDatastream = "LICENSE";
 
-        const tree = renderer.create(<DatastreamUploadModalContent />).toJSON();
-        expect(tree).toEqual("DatastreamLicenseContent");
+        const { container } = render(<DatastreamUploadModalContent />);
+        expect(container.innerHTML).toEqual("DatastreamLicenseContent");
     });
 
     it("renders DatastreamAgentContent", () => {
         editorValues.state.activeDatastream = "AGENTS";
 
-        const tree = renderer.create(<DatastreamUploadModalContent />).toJSON();
-        expect(tree).toEqual("DatastreamAgentsContent");
+        const { container } = render(<DatastreamUploadModalContent />);
+        expect(container.innerHTML).toEqual("DatastreamAgentsContent");
     });
 
     it("calls uploadFile on click", async () => {
diff --git a/client/components/edit/datastream/DatastreamViewModalContent.test.tsx b/client/components/edit/datastream/DatastreamViewModalContent.test.tsx
index 7e9e0b907..795e33f75 100644
--- a/client/components/edit/datastream/DatastreamViewModalContent.test.tsx
+++ b/client/components/edit/datastream/DatastreamViewModalContent.test.tsx
@@ -1,8 +1,7 @@
-import React from "react";
 import { describe, beforeEach, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render, waitFor } from "@testing-library/react";
 import DatastreamViewModalContent from "./DatastreamViewModalContent";
-import { waitFor } from "@testing-library/react";
+import { act } from "react";
 
 const mockUseEditorContext = jest.fn();
 jest.mock("../../../context/EditorContext", () => ({
@@ -54,13 +53,13 @@ describe("DatastreamViewModalContent", () => {
             mimeType: "test2",
         };
         datastreamOperationValues.viewDatastream.mockResolvedValue(response);
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(<DatastreamViewModalContent />);
-            await waitFor(() => expect(datastreamOperationValues.viewDatastream).toHaveBeenCalled());
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<DatastreamViewModalContent />).asFragment;
         });
-        expect(tree.toJSON()).toMatchSnapshot();
-        expect(mockDatatypeContent).toHaveBeenCalledWith(response);
+        await waitFor(() => expect(datastreamOperationValues.viewDatastream).toHaveBeenCalled());
+        await waitFor(() => expect(mockDatatypeContent).toHaveBeenCalledWith(response));
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders for download-only content", async () => {
@@ -69,12 +68,12 @@ describe("DatastreamViewModalContent", () => {
             mimeType: "image/tiff",
         };
         datastreamOperationValues.viewDatastream.mockResolvedValue(response);
-        let tree;
-        await renderer.act(async () => {
-            tree = renderer.create(<DatastreamViewModalContent />);
-            await waitFor(() => expect(datastreamOperationValues.viewDatastream).toHaveBeenCalled());
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<DatastreamViewModalContent />).asFragment;
         });
-        expect(tree.toJSON()).toMatchSnapshot();
+        await waitFor(() => expect(datastreamOperationValues.viewDatastream).toHaveBeenCalled());
         expect(mockDatatypeContent).not.toHaveBeenCalled();
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/edit/datastream/__snapshots__/Datastream.test.tsx.snap b/client/components/edit/datastream/__snapshots__/Datastream.test.tsx.snap
index e726d5a6d..aee3bc0e4 100644
--- a/client/components/edit/datastream/__snapshots__/Datastream.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/Datastream.test.tsx.snap
@@ -1,57 +1,24 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Datastream renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1rki8sg-MuiListItem-root{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-text-decoration:none;text-decoration:none;width:100%;box-sizing:border-box;text-align:left;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:48px;}.css-1rki8sg-MuiListItem-root>.MuiListItemButton-root{padding-right:48px;}.css-1rki8sg-MuiListItem-root.Mui-focusVisible{background-color:rgba(0, 0, 0, 0.12);}.css-1rki8sg-MuiListItem-root.Mui-selected{background-color:rgba(25, 118, 210, 0.08);}.css-1rki8sg-MuiListItem-root.Mui-selected.Mui-focusVisible{background-color:rgba(25, 118, 210, 0.2);}.css-1rki8sg-MuiListItem-root.Mui-disabled{opacity:0.38;}",
-      }
-    }
-    data-emotion="css 1rki8sg-MuiListItem-root"
-  />,
+<DocumentFragment>
   <li
-    className="MuiListItem-root datastream  MuiListItem-gutters MuiListItem-padding css-1rki8sg-MuiListItem-root"
-    disabled={false}
+    class="MuiListItem-root datastream MuiListItem-gutters MuiListItem-padding css-1p4qrhw-MuiListItem-root"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-tlelie-MuiListItemText-root{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;margin-top:4px;margin-bottom:4px;}",
-        }
-      }
-      data-emotion="css tlelie-MuiListItemText-root"
-    />
     <div
-      className="MuiListItemText-root css-tlelie-MuiListItemText-root"
+      class="MuiListItemText-root css-1suf81v-MuiListItemText-root"
     >
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-10hburv-MuiTypography-root{margin:0;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;font-size:1rem;line-height:1.5;letter-spacing:0.00938em;display:block;}",
-          }
-        }
-        data-emotion="css 10hburv-MuiTypography-root"
-      />
       <span
-        className="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-10hburv-MuiTypography-root"
+        class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary css-rizt0-MuiTypography-root"
       >
         test1
       </span>
     </div>
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-518kzi-MuiListItemSecondaryAction-root{position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}",
-        }
-      }
-      data-emotion="css 518kzi-MuiListItemSecondaryAction-root"
-    />
     <div
-      className="MuiListItemSecondaryAction-root css-518kzi-MuiListItemSecondaryAction-root"
+      class="MuiListItemSecondaryAction-root MuiListItem-secondaryAction css-zezwi5-MuiListItemSecondaryAction-root"
     >
       DatastreamControls
     </div>
-  </li>,
-]
+  </li>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamAgentsAddContentRow.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamAgentsAddContentRow.test.tsx.snap
new file mode 100644
index 000000000..188550464
--- /dev/null
+++ b/client/components/edit/datastream/__snapshots__/DatastreamAgentsAddContentRow.test.tsx.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DatastreamAgentsAddContentRow proxies DatastreamAgentsContextRow 1`] = `
+<DocumentFragment>
+  DatastreamAgentsContentRow
+</DocumentFragment>
+`;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamAgentsContent.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamAgentsContent.test.tsx.snap
index 74ef58e6d..5ddb586ef 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamAgentsContent.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamAgentsContent.test.tsx.snap
@@ -1,247 +1,119 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamAgentsContent renders, and calls getAgents on render 1`] = `
-[
+<DocumentFragment>
   <div
-    className="MuiDialogContent-root css-pvro84-MuiDialogContent-root"
+    class="MuiDialogContent-root css-d831pz-MuiDialogContent-root"
   >
     <div
-      className="MuiBox-root css-1hjmj0z"
+      class="MuiBox-root css-1hjmj0z"
     >
-      Tab: Editor
-      Tab: Clone
+      Tab: EditorTab: Clone
     </div>
     <div
-      style={
-        {
-          "display": "block",
-        }
-      }
+      style="display: block;"
     >
-      Role
-      Type
-      Name
-      Actions
-      DatastreamAgentsAddContentRow
+      RoleTypeNameActionsDatastreamAgentsAddContentRow
     </div>
     <div
-      style={
-        {
-          "display": "none",
-        }
-      }
+      style="display: none;"
     >
       <div>
         PidPicker: {"selected":""}
       </div>
     </div>
-  </div>,
+  </div>
   <hr
-    className="MuiDivider-root MuiDivider-fullWidth css-9mgopn-MuiDivider-root"
-  />,
+    class="MuiDivider-root MuiDivider-fullWidth css-1jpc804-MuiDivider-root"
+  />
   <div
-    className="MuiDialogActions-root MuiDialogActions-spacing css-1wawfzm-MuiDialogActions-root"
+    class="MuiDialogActions-root MuiDialogActions-spacing css-x4djkb-MuiDialogActions-root"
   >
     <h6
-      className="MuiTypography-root MuiTypography-subtitle1 css-1tvjuyl-MuiTypography-root"
+      class="MuiTypography-root MuiTypography-subtitle1 css-1piln7r-MuiTypography-root"
     >
       You possibly have unsaved changes. Please save them.
     </h6>
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary agentsSaveChangesButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary agentsSaveChangesButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Save Changes
-      <span
-        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
     </button>
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary agentsSaveCloseButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary agentsSaveCloseButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Save And Close
-      <span
-        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
     </button>
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary agentsCancelButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary agentsCancelButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Cancel
-      <span
-        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
     </button>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
 
 exports[`DatastreamAgentsContent supports tab switching 1`] = `
-[
+<DocumentFragment>
   <div
-    className="MuiDialogContent-root css-pvro84-MuiDialogContent-root"
+    class="MuiDialogContent-root css-d831pz-MuiDialogContent-root"
   >
     <div
-      className="MuiBox-root css-1hjmj0z"
+      class="MuiBox-root css-1hjmj0z"
     >
-      Tab: Editor
-      Tab: Clone
+      Tab: EditorTab: Clone
     </div>
     <div
-      style={
-        {
-          "display": "none",
-        }
-      }
+      style="display: none;"
     >
-      Role
-      Type
-      Name
-      Actions
-      DatastreamAgentsAddContentRow
+      RoleTypeNameActionsDatastreamAgentsAddContentRow
     </div>
     <div
-      style={
-        {
-          "display": "block",
-        }
-      }
+      style="display: block;"
     >
       <div>
         PidPicker: {"selected":""}
       </div>
     </div>
-  </div>,
+  </div>
   <hr
-    className="MuiDivider-root MuiDivider-fullWidth css-9mgopn-MuiDivider-root"
-  />,
+    class="MuiDivider-root MuiDivider-fullWidth css-1jpc804-MuiDivider-root"
+  />
   <div
-    className="MuiDialogActions-root MuiDialogActions-spacing css-1wawfzm-MuiDialogActions-root"
+    class="MuiDialogActions-root MuiDialogActions-spacing css-x4djkb-MuiDialogActions-root"
   >
     <h6
-      className="MuiTypography-root MuiTypography-subtitle1 css-1tvjuyl-MuiTypography-root"
+      class="MuiTypography-root MuiTypography-subtitle1 css-1piln7r-MuiTypography-root"
     >
       You possibly have unsaved changes. Please save them.
     </h6>
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary agentsSaveChangesButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary agentsSaveChangesButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Save Changes
-      <span
-        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
     </button>
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary agentsSaveCloseButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary agentsSaveCloseButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Save And Close
-      <span
-        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
     </button>
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary agentsCancelButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary agentsCancelButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Cancel
-      <span
-        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
     </button>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamAgentsContentNotes.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamAgentsContentNotes.test.tsx.snap
index 45d5c49ad..1ca25875b 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamAgentsContentNotes.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamAgentsContentNotes.test.tsx.snap
@@ -1,191 +1,147 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamAgentsContentNotes renders 1`] = `
-<div
-  className="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-xs-12 css-spompt-MuiGrid-root"
->
+<DocumentFragment>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-grid-xs-12 css-1kl4kyl-MuiGrid-root"
   >
     <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
+      class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
     >
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+        style="min-height: 0px;"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
         >
           <div
-            className="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-xs-12 css-spompt-MuiGrid-root"
+            class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
           >
             <div
-              className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+              class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-grid-xs-12 css-1kl4kyl-MuiGrid-root"
             >
               <div
-                className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 css-a5rdam-MuiGrid-root"
+                class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
               >
                 <div
-                  className="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-xs-12 css-spompt-MuiGrid-root"
+                  class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-1 css-1yvsbrk-MuiGrid-root"
                 >
                   <div
-                    className="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root noteModifyTextField css-wb57ya-MuiFormControl-root-MuiTextField-root"
+                    class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-grid-xs-12 css-qc0aqs-MuiGrid-root"
                   >
-                    <label
-                      className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined css-1jy569b-MuiFormLabel-root-MuiInputLabel-root"
-                      data-shrink={true}
-                      htmlFor=":r0:"
-                      id=":r0:-label"
-                    >
-                      Note
-                    </label>
                     <div
-                      className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd css-154xyx0-MuiInputBase-root-MuiOutlinedInput-root"
-                      onClick={[Function]}
+                      class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root noteModifyTextField css-cmpglg-MuiFormControl-root-MuiTextField-root"
                     >
-                      <input
-                        aria-invalid={false}
-                        autoFocus={false}
-                        className="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedEnd css-nxo287-MuiInputBase-input-MuiOutlinedInput-input"
-                        disabled={false}
-                        id=":r0:"
-                        onAnimationStart={[Function]}
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={false}
-                        type="text"
-                        value="test1"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined css-113d811-MuiFormLabel-root-MuiInputLabel-root"
+                        data-shrink="true"
+                        for="_r_0_"
+                        id="_r_0_-label"
+                      >
+                        Note
+                      </label>
                       <div
-                        className="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
+                        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd css-1n04w30-MuiInputBase-root-MuiOutlinedInput-root"
                       >
-                        <button
-                          className="MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeEnd MuiIconButton-sizeMedium deleteNoteButton css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root"
-                          disabled={false}
-                          onBlur={[Function]}
-                          onClick={[Function]}
-                          onContextMenu={[Function]}
-                          onDragLeave={[Function]}
-                          onFocus={[Function]}
-                          onKeyDown={[Function]}
-                          onKeyUp={[Function]}
-                          onMouseDown={[Function]}
-                          onMouseLeave={[Function]}
-                          onMouseUp={[Function]}
-                          onTouchEnd={[Function]}
-                          onTouchMove={[Function]}
-                          onTouchStart={[Function]}
-                          tabIndex={0}
-                          type="button"
+                        <input
+                          aria-invalid="false"
+                          class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedEnd css-1dune0f-MuiInputBase-input-MuiOutlinedInput-input"
+                          id="_r_0_"
+                          type="text"
+                          value="test1"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-elo8k2-MuiInputAdornment-root"
                         >
-                          <svg
-                            aria-hidden={true}
-                            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
-                            data-testid="DeleteIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
+                          <button
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeEnd MuiIconButton-sizeMedium deleteNoteButton css-1ysp02-MuiButtonBase-root-MuiIconButton-root"
+                            tabindex="0"
+                            type="button"
                           >
-                            <path
-                              d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <fieldset
-                        aria-hidden={true}
-                        className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
-                      >
-                        <legend
-                          className="css-14lo706"
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
+                              data-testid="DeleteIcon"
+                              focusable="false"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                        <fieldset
+                          aria-hidden="true"
+                          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
                         >
-                          <span>
-                            Note
-                          </span>
-                        </legend>
-                      </fieldset>
+                          <legend
+                            class="css-ex8a5f-MuiNotchedOutlined-root"
+                          >
+                            <span>
+                              Note
+                            </span>
+                          </legend>
+                        </fieldset>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  className="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-xs-12 css-spompt-MuiGrid-root"
-                >
                   <div
-                    className="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root noteAddTextField css-wb57ya-MuiFormControl-root-MuiTextField-root"
+                    class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-grid-xs-12 css-qc0aqs-MuiGrid-root"
                   >
                     <div
-                      className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd css-154xyx0-MuiInputBase-root-MuiOutlinedInput-root"
-                      onClick={[Function]}
+                      class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root noteAddTextField css-cmpglg-MuiFormControl-root-MuiTextField-root"
                     >
-                      <input
-                        aria-invalid={false}
-                        autoFocus={false}
-                        className="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedEnd css-nxo287-MuiInputBase-input-MuiOutlinedInput-input"
-                        disabled={false}
-                        id=":r1:"
-                        onAnimationStart={[Function]}
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        placeholder="Add Notes"
-                        required={true}
-                        type="text"
-                        value=""
-                      />
                       <div
-                        className="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
+                        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd css-1n04w30-MuiInputBase-root-MuiOutlinedInput-root"
                       >
-                        <button
-                          className="MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeEnd MuiIconButton-sizeMedium addNoteButton css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root"
-                          disabled={false}
-                          onBlur={[Function]}
-                          onClick={[Function]}
-                          onContextMenu={[Function]}
-                          onDragLeave={[Function]}
-                          onFocus={[Function]}
-                          onKeyDown={[Function]}
-                          onKeyUp={[Function]}
-                          onMouseDown={[Function]}
-                          onMouseLeave={[Function]}
-                          onMouseUp={[Function]}
-                          onTouchEnd={[Function]}
-                          onTouchMove={[Function]}
-                          onTouchStart={[Function]}
-                          tabIndex={0}
-                          type="button"
+                        <input
+                          aria-invalid="false"
+                          class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedEnd css-1dune0f-MuiInputBase-input-MuiOutlinedInput-input"
+                          id="_r_2_"
+                          placeholder="Add Notes"
+                          required=""
+                          type="text"
+                          value=""
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-elo8k2-MuiInputAdornment-root"
                         >
-                          <svg
-                            aria-hidden={true}
-                            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
-                            data-testid="SendIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
+                          <button
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeEnd MuiIconButton-sizeMedium addNoteButton css-1ysp02-MuiButtonBase-root-MuiIconButton-root"
+                            tabindex="0"
+                            type="button"
                           >
-                            <path
-                              d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                      <fieldset
-                        aria-hidden={true}
-                        className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
-                      >
-                        <legend
-                          className="css-ihdtdm"
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
+                              data-testid="SendIcon"
+                              focusable="false"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                        <fieldset
+                          aria-hidden="true"
+                          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
                         >
-                          <span
-                            className="notranslate"
+                          <legend
+                            class="css-1nf2c5d-MuiNotchedOutlined-root"
                           >
-                            ​
-                          </span>
-                        </legend>
-                      </fieldset>
+                            <span
+                              aria-hidden="true"
+                              class="notranslate"
+                            >
+                              ​
+                            </span>
+                          </legend>
+                        </fieldset>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -196,5 +152,5 @@ exports[`DatastreamAgentsContentNotes renders 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamAgentsContentRow.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamAgentsContentRow.test.tsx.snap
index 14d0f13b4..a3e881439 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamAgentsContentRow.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamAgentsContentRow.test.tsx.snap
@@ -1,31 +1,23 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamAgentsContentRow renders 1`] = `
-[
+<DocumentFragment>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-xs-3 css-bm8k05-MuiGrid-root"
+    class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-grid-xs-3 css-bfz6d7-MuiGrid-root"
   >
     <div
-      className="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-1v1quuu-MuiPaper-root"
+      class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-3540vd-MuiPaper-root"
     >
       <div
-        className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+        class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
       >
         <div
-          className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl MuiNativeSelect-root agentRoleSelect css-1eed5fa-MuiInputBase-root-MuiInput-root"
-          onClick={[Function]}
+          class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl MuiNativeSelect-root agentRoleSelect css-5h82ro-MuiInputBase-root-MuiInput-root"
         >
           <select
-            aria-invalid={false}
+            aria-invalid="false"
             aria-label="Select Role"
-            className="MuiNativeSelect-select MuiNativeSelect-outlined MuiInputBase-input MuiInput-input css-19ygod6-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
-            disabled={false}
-            onAnimationStart={[Function]}
-            onBlur={[Function]}
-            onChange={[Function]}
-            onFocus={[Function]}
-            required={false}
-            value="test1"
+            class="MuiNativeSelect-select MuiNativeSelect-outlined MuiInputBase-input MuiInput-input css-b4m9gu-MuiNativeSelect-root-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
           >
             <option
               value=""
@@ -37,8 +29,8 @@ exports[`DatastreamAgentsContentRow renders 1`] = `
             </option>
           </select>
           <svg
-            aria-hidden={true}
-            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconOutlined css-1g12qau-MuiSvgIcon-root-MuiNativeSelect-icon"
+            aria-hidden="true"
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconOutlined css-1bjnys1-MuiSvgIcon-root-MuiNativeSelect-root-MuiNativeSelect-icon"
             data-testid="ArrowDropDownIcon"
             focusable="false"
             viewBox="0 0 24 24"
@@ -50,31 +42,23 @@ exports[`DatastreamAgentsContentRow renders 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-xs-3 css-bm8k05-MuiGrid-root"
+    class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-grid-xs-3 css-bfz6d7-MuiGrid-root"
   >
     <div
-      className="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-1v1quuu-MuiPaper-root"
+      class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-3540vd-MuiPaper-root"
     >
       <div
-        className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+        class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
       >
         <div
-          className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl MuiNativeSelect-root agentTypeSelect css-1eed5fa-MuiInputBase-root-MuiInput-root"
-          onClick={[Function]}
+          class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl MuiNativeSelect-root agentTypeSelect css-5h82ro-MuiInputBase-root-MuiInput-root"
         >
           <select
-            aria-invalid={false}
+            aria-invalid="false"
             aria-label="Select Type"
-            className="MuiNativeSelect-select MuiNativeSelect-outlined MuiInputBase-input MuiInput-input css-19ygod6-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
-            disabled={false}
-            onAnimationStart={[Function]}
-            onBlur={[Function]}
-            onChange={[Function]}
-            onFocus={[Function]}
-            required={false}
-            value="test2"
+            class="MuiNativeSelect-select MuiNativeSelect-outlined MuiInputBase-input MuiInput-input css-b4m9gu-MuiNativeSelect-root-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
           >
             <option
               value=""
@@ -86,8 +70,8 @@ exports[`DatastreamAgentsContentRow renders 1`] = `
             </option>
           </select>
           <svg
-            aria-hidden={true}
-            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconOutlined css-1g12qau-MuiSvgIcon-root-MuiNativeSelect-icon"
+            aria-hidden="true"
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconOutlined css-1bjnys1-MuiSvgIcon-root-MuiNativeSelect-root-MuiNativeSelect-icon"
             data-testid="ArrowDropDownIcon"
             focusable="false"
             viewBox="0 0 24 24"
@@ -99,43 +83,36 @@ exports[`DatastreamAgentsContentRow renders 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-xs-5 css-1e830u-MuiGrid-root"
+    class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-grid-xs-5 css-stpzej-MuiGrid-root"
   >
     <div
-      className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+      class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
     >
       <div
-        className="MuiFormControl-root MuiTextField-root agentNameTextField css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
+        class="MuiFormControl-root MuiTextField-root agentNameTextField css-1xp5r68-MuiFormControl-root-MuiTextField-root"
       >
         <div
-          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-          onClick={[Function]}
+          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
         >
           <input
-            aria-invalid={false}
-            autoFocus={false}
-            className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-            disabled={false}
-            id=":r0:"
-            onAnimationStart={[Function]}
-            onBlur={[Function]}
-            onChange={[Function]}
-            onFocus={[Function]}
-            required={false}
+            aria-invalid="false"
+            class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+            id="_r_0_"
             type="text"
             value="test3"
           />
           <fieldset
-            aria-hidden={true}
-            className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+            aria-hidden="true"
+            class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
           >
             <legend
-              className="css-ihdtdm"
+              class="css-1nf2c5d-MuiNotchedOutlined-root"
             >
               <span
-                className="notranslate"
+                aria-hidden="true"
+                class="notranslate"
               >
                 ​
               </span>
@@ -144,55 +121,41 @@ exports[`DatastreamAgentsContentRow renders 1`] = `
         </div>
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-xs-1 css-1yzby0e-MuiGrid-root"
+    class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-grid-xs-1 css-1lq76pe-MuiGrid-root"
   >
     <div
-      className="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-1jqvn0k-MuiPaper-root"
+      class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded css-qkuwr6-MuiPaper-root"
     >
       <div
-        className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+        class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
       >
         <div
-          className="MuiButtonGroup-root MuiButtonGroup-outlined css-1gvj8qq-MuiButtonGroup-root"
+          class="MuiButtonGroup-root MuiButtonGroup-outlined MuiButtonGroup-horizontal MuiButtonGroup-colorPrimary css-1uv3h2m-MuiButtonGroup-root"
           role="group"
         >
           <button
-            className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-            disabled={false}
-            onBlur={[Function]}
-            onClick={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={0}
+            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+            tabindex="0"
             type="button"
           >
             <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
               data-testid="ExpandCircleDownIcon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <path
-                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 13.5L7.5 11l1.42-1.41L12 12.67l3.08-3.08L16.5 11 12 15.5z"
+                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 13.5L7.5 11l1.42-1.41L12 12.67l3.08-3.08L16.5 11z"
               />
             </svg>
           </button>
         </div>
       </div>
     </div>
-  </div>,
-  "DatastreamAgentsContentNotes",
-]
+  </div>
+  DatastreamAgentsContentNotes
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamAgentsModifyContentRow.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamAgentsModifyContentRow.test.tsx.snap
new file mode 100644
index 000000000..8e02d7886
--- /dev/null
+++ b/client/components/edit/datastream/__snapshots__/DatastreamAgentsModifyContentRow.test.tsx.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DatastreamAgentsModifyContentRow proxies DatastreamAgentsContextRow 1`] = `
+<DocumentFragment>
+  DatastreamAgentsContentRow
+</DocumentFragment>
+`;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamControlButton.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamControlButton.test.tsx.snap
index 0536110d1..12a270eec 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamControlButton.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamControlButton.test.tsx.snap
@@ -1,53 +1,31 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamControlButton renders 1`] = `
-<span
-  aria-label="Upload"
-  aria-labelledby={null}
-  className=""
-  data-mui-internal-clone-element={true}
-  onBlur={[Function]}
-  onFocus={[Function]}
-  onMouseLeave={[Function]}
-  onMouseOver={[Function]}
-  onTouchEnd={[Function]}
-  onTouchStart={[Function]}
->
-  <button
+<DocumentFragment>
+  <span
     aria-label="Upload"
-    className="MuiButtonBase-root MuiButton-root MuiLoadingButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiLoadingButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary datastreamControlButton css-owonun-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root"
-    disabled={false}
-    id=":r1:"
-    onBlur={[Function]}
-    onClick={[Function]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
-    type="button"
+    class=""
+    data-mui-internal-clone-element="true"
   >
-    <svg
-      aria-hidden={true}
-      className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
-      data-testid="UploadFileIcon"
-      focusable="false"
-      viewBox="0 0 24 24"
+    <button
+      aria-label="Upload"
+      class="MuiButtonBase-root MuiButton-root MuiLoadingButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiLoadingButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary datastreamControlButton css-kukt1f-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root"
+      id="_r_1_"
+      tabindex="0"
+      type="button"
     >
-      <path
-        d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11z"
-      />
-    </svg>
-    <span
-      className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-    />
-  </button>
-</span>
+      <svg
+        aria-hidden="true"
+        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
+        data-testid="UploadFileIcon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11z"
+        />
+      </svg>
+    </button>
+  </span>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamControls.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamControls.test.tsx.snap
index ebb3b6b5c..b4b409e2d 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamControls.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamControls.test.tsx.snap
@@ -1,18 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamControls renders 1`] = `
-<div
-  className="datastreamControls MuiBox-root css-0"
->
+<DocumentFragment>
   <div
-    className="MuiButtonGroup-root MuiButtonGroup-text css-iv8nej-MuiButtonGroup-root"
-    role="group"
+    class="datastreamControls MuiBox-root css-0"
   >
-    DatastreamControlButton: {"modalState":"Upload","disabled":false,"datastream":"test1"}
-    DatastreamControlButton: {"modalState":"View","disabled":false,"datastream":"test1"}
-    DatastreamControlButton: {"modalState":"Metadata","disabled":false,"datastream":"test1"}
-    DatastreamControlButton: {"modalState":"Download","disabled":false,"datastream":"test1"}
-    DatastreamControlButton: {"modalState":"Delete","disabled":false,"datastream":"test1"}
+    <div
+      class="MuiButtonGroup-root MuiButtonGroup-text MuiButtonGroup-horizontal MuiButtonGroup-colorPrimary css-u5k47x-MuiButtonGroup-root"
+      role="group"
+    >
+      DatastreamControlButton: {"modalState":"Upload","disabled":false,"datastream":"test1"}DatastreamControlButton: {"modalState":"View","disabled":false,"datastream":"test1"}DatastreamControlButton: {"modalState":"Metadata","disabled":false,"datastream":"test1"}DatastreamControlButton: {"modalState":"Download","disabled":false,"datastream":"test1"}DatastreamControlButton: {"modalState":"Delete","disabled":false,"datastream":"test1"}
+    </div>
   </div>
-</div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamDeleteModalContent.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamDeleteModalContent.test.tsx.snap
index 58b3515c9..669344966 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamDeleteModalContent.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamDeleteModalContent.test.tsx.snap
@@ -1,61 +1,33 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamDeleteModalContent renders 1`] = `
-[
+<DocumentFragment>
   <div
-    className="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root"
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
   >
     <p
-      className="MuiTypography-root MuiDialogContentText-root MuiTypography-body1 MuiDialogContentText-root css-qfso29-MuiTypography-root-MuiDialogContentText-root"
+      class="MuiTypography-root MuiDialogContentText-root MuiTypography-body1 MuiDialogContentText-root css-ujudvl-MuiTypography-root-MuiDialogContentText-root"
     >
       Are you sure you want to delete the datastream?
     </p>
-  </div>,
+  </div>
   <div
-    className="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary noButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary noButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       No
     </button>
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary yesButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[MockFunction]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary yesButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Yes
     </button>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreAddButtons.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreAddButtons.test.tsx.snap
index 0019d61db..917c87d0b 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreAddButtons.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreAddButtons.test.tsx.snap
@@ -1,78 +1,60 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamDublinCoreAddButtons renders with appropriate parent details (using full storage) 1`] = `
-[
+<DocumentFragment>
   <h3>
     Add Blank Field:
-  </h3>,
-  <button
-    onClick={[Function]}
-  />,
-  <button
-    onClick={[Function]}
-  />,
+  </h3>
+  <button />
+  <button />
   <h3>
     Clone Metadata:
-  </h3>,
-  "PidPicker: {"selected":"","parents":[{"pid":"parent:123","title":"Parent"}]}",
-]
+  </h3>
+  PidPicker: {"selected":"","parents":[{"pid":"parent:123","title":"Parent"}]}
+</DocumentFragment>
 `;
 
 exports[`DatastreamDublinCoreAddButtons renders with appropriate parent details (using shallow storage) 1`] = `
-[
+<DocumentFragment>
   <h3>
     Add Blank Field:
-  </h3>,
-  <button
-    onClick={[Function]}
-  />,
-  <button
-    onClick={[Function]}
-  />,
+  </h3>
+  <button />
+  <button />
   <h3>
     Clone Metadata:
-  </h3>,
-  "PidPicker: {"selected":"","parents":[{"pid":"parent:123","title":"Parent"}]}",
-]
+  </h3>
+  PidPicker: {"selected":"","parents":[{"pid":"parent:123","title":"Parent"}]}
+</DocumentFragment>
 `;
 
 exports[`DatastreamDublinCoreAddButtons renders with selected clone pid 1`] = `
-[
+<DocumentFragment>
   <h3>
     Add Blank Field:
-  </h3>,
-  <button
-    onClick={[Function]}
-  />,
-  <button
-    onClick={[Function]}
-  />,
+  </h3>
+  <button />
+  <button />
   <h3>
     Clone Metadata:
-  </h3>,
-  "PidPicker: {"selected":"foo","parents":[]}",
-  <button
-    onClick={[Function]}
-  >
+  </h3>
+  PidPicker: {"selected":"foo","parents":[]}
+  <button>
     Clone
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
 
 exports[`DatastreamDublinCoreAddButtons renders without selected clone pid 1`] = `
-[
+<DocumentFragment>
   <h3>
     Add Blank Field:
-  </h3>,
-  <button
-    onClick={[Function]}
-  />,
-  <button
-    onClick={[Function]}
-  />,
+  </h3>
+  <button />
+  <button />
   <h3>
     Clone Metadata:
-  </h3>,
-  "PidPicker: {"selected":"","parents":[]}",
-]
+  </h3>
+  PidPicker: {"selected":"","parents":[]}
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreContent.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreContent.test.tsx.snap
index 1d374846d..be895967b 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreContent.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreContent.test.tsx.snap
@@ -1,20 +1,20 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamDublinCoreContent  renders 1`] = `
-[
+<DocumentFragment>
   <div
-    className="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root"
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
   >
     <div
-      className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 css-a5rdam-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-1 css-1yvsbrk-MuiGrid-root"
     >
       <div
-        className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-8 css-vok43g-MuiGrid-root"
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-8 css-1hw9i25-MuiGrid-root"
       >
         DatastreamDublinCoreValues
       </div>
       <div
-        className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-4 css-gj1fbr-MuiGrid-root"
+        class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-4 css-1oxte1b-MuiGrid-root"
       >
         DatastreamDublinCoreAddButtons
         <h3>
@@ -23,52 +23,24 @@ exports[`DatastreamDublinCoreContent  renders 1`] = `
         ObjectPreviewButton
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadDublinCoreButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadDublinCoreButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Save
     </button>
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Cancel
     </button>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreEditField.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreEditField.test.tsx.snap
index 695c8737f..ac9011e05 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreEditField.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreEditField.test.tsx.snap
@@ -1,19 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamDublinCoreEditField renders a dropdown field 1`] = `
-[
-  "FormControl",
+<DocumentFragment>
+  FormControl
   <div
-    className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiNativeSelect-root css-bz5ng3-MuiInputBase-root-MuiInput-root"
-    onClick={[Function]}
+    class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiNativeSelect-root css-1cmet5c-MuiInputBase-root-MuiInput-root"
   >
     <select
-      className="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input css-1dmqq7i-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
-      onAnimationStart={[Function]}
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      value="foo"
+      class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input css-1xaqj7c-MuiNativeSelect-root-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
     >
       <option
         value="foo"
@@ -32,8 +26,8 @@ exports[`DatastreamDublinCoreEditField renders a dropdown field 1`] = `
       </option>
     </select>
     <svg
-      aria-hidden={true}
-      className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconStandard css-10bey84-MuiSvgIcon-root-MuiNativeSelect-icon"
+      aria-hidden="true"
+      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconStandard css-ahzrpl-MuiSvgIcon-root-MuiNativeSelect-root-MuiNativeSelect-icon"
       data-testid="ArrowDropDownIcon"
       focusable="false"
       viewBox="0 0 24 24"
@@ -42,24 +36,18 @@ exports[`DatastreamDublinCoreEditField renders a dropdown field 1`] = `
         d="M7 10l5 5 5-5z"
       />
     </svg>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
 
 exports[`DatastreamDublinCoreEditField renders a dropdown field with an unexpected value 1`] = `
-[
-  "FormControl",
+<DocumentFragment>
+  FormControl
   <div
-    className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiNativeSelect-root css-bz5ng3-MuiInputBase-root-MuiInput-root"
-    onClick={[Function]}
+    class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiNativeSelect-root css-1cmet5c-MuiInputBase-root-MuiInput-root"
   >
     <select
-      className="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input css-1dmqq7i-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
-      onAnimationStart={[Function]}
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      value="foo"
+      class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input css-1xaqj7c-MuiNativeSelect-root-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
     >
       <option
         value="foo"
@@ -68,8 +56,8 @@ exports[`DatastreamDublinCoreEditField renders a dropdown field with an unexpect
       </option>
     </select>
     <svg
-      aria-hidden={true}
-      className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconStandard css-10bey84-MuiSvgIcon-root-MuiNativeSelect-icon"
+      aria-hidden="true"
+      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconStandard css-ahzrpl-MuiSvgIcon-root-MuiNativeSelect-root-MuiNativeSelect-icon"
       data-testid="ArrowDropDownIcon"
       focusable="false"
       viewBox="0 0 24 24"
@@ -78,58 +66,57 @@ exports[`DatastreamDublinCoreEditField renders a dropdown field with an unexpect
         d="M7 10l5 5 5-5z"
       />
     </svg>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
 
 exports[`DatastreamDublinCoreEditField renders a locked field 1`] = `
-[
-  "FormControl",
-  "FormControl (disabled))",
+<DocumentFragment>
+  FormControlFormControl (disabled))
   <div
-    className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-    onClick={[Function]}
+    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
   >
     <input
-      autoFocus={false}
-      className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-      id=":r0:"
-      onAnimationStart={[Function]}
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
+      class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+      id="_r_0_"
       type="text"
       value="foo"
     />
     <fieldset
-      aria-hidden={true}
-      className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+      aria-hidden="true"
+      class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
     >
       <legend
-        className="css-ihdtdm"
+        class="css-1nf2c5d-MuiNotchedOutlined-root"
       >
         <span
-          className="notranslate"
+          aria-hidden="true"
+          class="notranslate"
         >
           ​
         </span>
       </legend>
     </fieldset>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
 
 exports[`DatastreamDublinCoreEditField renders a text field 1`] = `
-[
-  "FormControl",
-  "BlurSavingTextField: {"value":"foo"}",
-]
+<DocumentFragment>
+  FormControlBlurSavingTextField: {"value":"foo"}
+</DocumentFragment>
 `;
 
-exports[`DatastreamDublinCoreEditField renders an html field 1`] = `"TinyMCE"`;
+exports[`DatastreamDublinCoreEditField renders an html field 1`] = `
+<DocumentFragment>
+  TinyMCE
+</DocumentFragment>
+`;
 
 exports[`DatastreamDublinCoreEditField renders an unknown field 1`] = `
-<p>
-  Unsupported type (unknown): foo
-</p>
+<DocumentFragment>
+  <p>
+    Unsupported type (unknown): foo
+  </p>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreFieldGroup.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreFieldGroup.test.tsx.snap
index 729d00016..771eb27ec 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreFieldGroup.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamDublinCoreFieldGroup.test.tsx.snap
@@ -1,41 +1,35 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamDublinCoreFieldGroup renders locked fields 1`] = `
-[
-  <h3 />,
+<DocumentFragment>
+  <h3 />
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     <div
-      className="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
+      class="MuiFormControl-root MuiTextField-root css-1xp5r68-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
-          aria-invalid={false}
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input Mui-disabled css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          disabled={true}
-          id=":r2:"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
-          required={false}
+          aria-invalid="false"
+          class="MuiInputBase-input MuiOutlinedInput-input Mui-disabled css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          disabled=""
+          id="_r_6_"
           type="text"
           value="foo"
         />
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-ihdtdm"
+            class="css-1nf2c5d-MuiNotchedOutlined-root"
           >
             <span
-              className="notranslate"
+              aria-hidden="true"
+              class="notranslate"
             >
               ​
             </span>
@@ -43,46 +37,39 @@ exports[`DatastreamDublinCoreFieldGroup renders locked fields 1`] = `
         </fieldset>
       </div>
     </div>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
 
 exports[`DatastreamDublinCoreFieldGroup renders unlocked fields 1`] = `
-[
-  <h3 />,
+<DocumentFragment>
+  <h3 />
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     <div
-      className="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
+      class="MuiFormControl-root MuiTextField-root css-1xp5r68-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
-          aria-invalid={false}
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          disabled={false}
-          id=":r0:"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
-          required={false}
+          aria-invalid="false"
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_0_"
           type="text"
           value="bar"
         />
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-ihdtdm"
+            class="css-1nf2c5d-MuiNotchedOutlined-root"
           >
             <span
-              className="notranslate"
+              aria-hidden="true"
+              class="notranslate"
             >
               ​
             </span>
@@ -90,82 +77,47 @@ exports[`DatastreamDublinCoreFieldGroup renders unlocked fields 1`] = `
         </fieldset>
       </div>
     </div>
-  </div>,
+  </div>
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     Add Below
-  </button>,
+  </button>
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     Delete Row
-  </button>,
+  </button>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     <div
-      className="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
+      class="MuiFormControl-root MuiTextField-root css-1xp5r68-MuiFormControl-root-MuiTextField-root"
     >
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
-          aria-invalid={false}
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          disabled={false}
-          id=":r1:"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
-          required={false}
+          aria-invalid="false"
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_3_"
           type="text"
           value="baz"
         />
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-ihdtdm"
+            class="css-1nf2c5d-MuiNotchedOutlined-root"
           >
             <span
-              className="notranslate"
+              aria-hidden="true"
+              class="notranslate"
             >
               ​
             </span>
@@ -173,48 +125,20 @@ exports[`DatastreamDublinCoreFieldGroup renders unlocked fields 1`] = `
         </fieldset>
       </div>
     </div>
-  </div>,
+  </div>
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     Add Below
-  </button>,
+  </button>
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     Delete Row
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamLicenseContent.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamLicenseContent.test.tsx.snap
index c26a3bc72..2c32b900b 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamLicenseContent.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamLicenseContent.test.tsx.snap
@@ -1,66 +1,38 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamLicenseContent renders 1`] = `
-[
+<DocumentFragment>
   <div
-    className="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root"
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
   >
     <div
-      className="MuiFormControl-root css-1nrlq1o-MuiFormControl-root"
+      class="MuiFormControl-root css-1iw3t7y-MuiFormControl-root"
     >
       <label
-        className="MuiFormLabel-root MuiFormLabel-colorPrimary css-u4tvz2-MuiFormLabel-root"
+        class="MuiFormLabel-root MuiFormLabel-colorPrimary css-nwsdb5-MuiFormLabel-root"
       >
         Choose License
       </label>
       RadioGroup
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadLicenseButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadLicenseButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Save
     </button>
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Cancel
     </button>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamList.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamList.test.tsx.snap
index 9b03eb64c..9e957c6e8 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamList.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamList.test.tsx.snap
@@ -1,10 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamList renders 1`] = `
-<ul
-  className="MuiList-root MuiList-padding css-h4y409-MuiList-root"
->
-  Datastream: {"datastream":{"stream":"test0","disabled":false}}
-  Datastream: {"datastream":{"stream":"test1","disabled":true}}
-</ul>
+<DocumentFragment>
+  <ul
+    class="MuiList-root MuiList-padding css-b7dj7n-MuiList-root"
+  >
+    Datastream: {"datastream":{"stream":"test0","disabled":false}}Datastream: {"datastream":{"stream":"test1","disabled":true}}
+  </ul>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamMetadataModalContent.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamMetadataModalContent.test.tsx.snap
index 0f5cf2e94..69484fa2a 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamMetadataModalContent.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamMetadataModalContent.test.tsx.snap
@@ -1,9 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamMetadataModalContent renders 1`] = `
-<div
-  className="MuiDialogContent-root css-lebnmz-MuiDialogContent-root"
->
-  DatatypeContent: {"data":"test1","mimeType":"test2"}
-</div>
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-1tu99jp-MuiDialogContent-root"
+  >
+    DatatypeContent: {"data":"test1","mimeType":"test2"}
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamProcessMetadataContent.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamProcessMetadataContent.test.tsx.snap
index 62891a69d..640134ed4 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamProcessMetadataContent.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamProcessMetadataContent.test.tsx.snap
@@ -1,42 +1,30 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`DatastreamProcessMetadataContent renders a form when empty data is loaded 1`] = `
-[
+exports[`DatastreamProcessMetadataContent can be canceled 1`] = `
+<DocumentFragment>
   <div
-    className="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root"
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
   >
-    Digital Provenance
-    Tab: Editor
-    Tab: Clone
+    Digital ProvenanceTab: EditorTab: Clone
     <div
-      style={
-        {
-          "display": "block",
-        }
-      }
+      style="display: block;"
     >
       Process Label
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          id=":r3:"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_26_"
           type="text"
           value=""
         />
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-yjsfm1"
+            class="css-1n64csd-MuiNotchedOutlined-root"
           >
             <span>
               Process Label
@@ -46,26 +34,20 @@ exports[`DatastreamProcessMetadataContent renders a form when empty data is load
       </div>
       Process Creator
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          id=":r4:"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_27_"
           type="text"
           value=""
         />
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-yjsfm1"
+            class="css-1n64csd-MuiNotchedOutlined-root"
           >
             <span>
               Process Creator
@@ -73,29 +55,22 @@ exports[`DatastreamProcessMetadataContent renders a form when empty data is load
           </legend>
         </fieldset>
       </div>
-      LocalizationProvider
-      Process Organization
+      LocalizationProviderProcess Organization
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          id=":r5:"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_28_"
           type="text"
           value=""
         />
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-yjsfm1"
+            class="css-1n64csd-MuiNotchedOutlined-root"
           >
             <span>
               Process Organization
@@ -103,116 +78,175 @@ exports[`DatastreamProcessMetadataContent renders a form when empty data is load
           </legend>
         </fieldset>
       </div>
-      <button
-        onClick={[Function]}
+      <button>
+        Add Task
+      </button>
+    </div>
+    <div
+      style="display: none;"
+    >
+      <div>
+        PidPicker: {"selected":""}
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Save
+    </button>
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DatastreamProcessMetadataContent can clone metadata from another PID 1`] = `
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
+  >
+    Digital ProvenanceTab: EditorTab: Clone
+    <div
+      style="display: block;"
+    >
+      Process Label
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_1d_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Label
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      Process Creator
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_1e_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Creator
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      LocalizationProviderProcess Organization
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_1f_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Organization
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      <button>
         Add Task
       </button>
     </div>
     <div
-      style={
-        {
-          "display": "none",
-        }
-      }
+      style="display: none;"
     >
       <div>
         PidPicker: {"selected":""}
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Save
-      <span
-        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
     </button>
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Cancel
-      <span
-        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
     </button>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
 
-exports[`DatastreamProcessMetadataContent renders a form when non-empty data is loaded 1`] = `
-[
+exports[`DatastreamProcessMetadataContent handles errors that occur during PID cloning 1`] = `
+<DocumentFragment>
   <div
-    className="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root"
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
   >
-    Digital Provenance
-    Tab: Editor
-    Tab: Clone
+    Digital ProvenanceTab: EditorTab: Clone
     <div
-      style={
-        {
-          "display": "block",
-        }
-      }
+      style="display: block;"
     >
       Process Label
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          id=":r9:"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_u_"
           type="text"
-          value="label"
+          value=""
         />
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-yjsfm1"
+            class="css-1n64csd-MuiNotchedOutlined-root"
           >
             <span>
               Process Label
@@ -222,26 +256,20 @@ exports[`DatastreamProcessMetadataContent renders a form when non-empty data is
       </div>
       Process Creator
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          id=":ra:"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_v_"
           type="text"
-          value="creator"
+          value=""
         />
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-yjsfm1"
+            class="css-1n64csd-MuiNotchedOutlined-root"
           >
             <span>
               Process Creator
@@ -249,29 +277,22 @@ exports[`DatastreamProcessMetadataContent renders a form when non-empty data is
           </legend>
         </fieldset>
       </div>
-      LocalizationProvider
-      Process Organization
+      LocalizationProviderProcess Organization
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          id=":rb:"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_10_"
           type="text"
-          value="organization"
+          value=""
         />
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-yjsfm1"
+            class="css-1n64csd-MuiNotchedOutlined-root"
           >
             <span>
               Process Organization
@@ -279,119 +300,175 @@ exports[`DatastreamProcessMetadataContent renders a form when non-empty data is
           </legend>
         </fieldset>
       </div>
+      <button>
+        Add Task
+      </button>
     </div>
     <div
-      style={
-        {
-          "display": "none",
-        }
-      }
+      style="display: none;"
     >
       <div>
         PidPicker: {"selected":""}
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Save
-      <span
-        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
     </button>
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Cancel
-      <span
-        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
     </button>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
 
-exports[`DatastreamProcessMetadataContent renders a loading message if content is unavailable 1`] = `
-<div
-  className="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root"
->
-  Loading...
-</div>
+exports[`DatastreamProcessMetadataContent has a working save button 1`] = `
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
+  >
+    Digital ProvenanceTab: EditorTab: Clone
+    <div
+      style="display: block;"
+    >
+      Process Label
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_k_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Label
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      Process Creator
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_l_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Creator
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      LocalizationProviderProcess Organization
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_m_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Organization
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      <button>
+        Add Task
+      </button>
+    </div>
+    <div
+      style="display: none;"
+    >
+      <div>
+        PidPicker: {"selected":""}
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Save
+    </button>
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
 `;
 
-exports[`DatastreamProcessMetadataContent supports tab switching 1`] = `
-[
+exports[`DatastreamProcessMetadataContent ignores empty PIDs in clone input 1`] = `
+<DocumentFragment>
   <div
-    className="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root"
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
   >
-    Digital Provenance
-    Tab: Editor
-    Tab: Clone
+    Digital ProvenanceTab: EditorTab: Clone
     <div
-      style={
-        {
-          "display": "none",
-        }
-      }
+      style="display: block;"
     >
       Process Label
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          id=":r6:"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_p_"
           type="text"
           value=""
         />
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-yjsfm1"
+            class="css-1n64csd-MuiNotchedOutlined-root"
           >
             <span>
               Process Label
@@ -401,26 +478,20 @@ exports[`DatastreamProcessMetadataContent supports tab switching 1`] = `
       </div>
       Process Creator
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          id=":r7:"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_q_"
           type="text"
           value=""
         />
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-yjsfm1"
+            class="css-1n64csd-MuiNotchedOutlined-root"
           >
             <span>
               Process Creator
@@ -428,29 +499,22 @@ exports[`DatastreamProcessMetadataContent supports tab switching 1`] = `
           </legend>
         </fieldset>
       </div>
-      LocalizationProvider
-      Process Organization
+      LocalizationProviderProcess Organization
       <div
-        className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
         <input
-          autoFocus={false}
-          className="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-          id=":r8:"
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_r_"
           type="text"
           value=""
         />
         <fieldset
-          aria-hidden={true}
-          className="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
         >
           <legend
-            className="css-yjsfm1"
+            class="css-1n64csd-MuiNotchedOutlined-root"
           >
             <span>
               Process Organization
@@ -458,75 +522,1022 @@ exports[`DatastreamProcessMetadataContent supports tab switching 1`] = `
           </legend>
         </fieldset>
       </div>
-      <button
-        onClick={[Function]}
+      <button>
+        Add Task
+      </button>
+    </div>
+    <div
+      style="display: none;"
+    >
+      <div>
+        PidPicker: {"selected":""}
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Save
+    </button>
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DatastreamProcessMetadataContent renders a form when empty data is loaded 1`] = `
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
+  >
+    Digital ProvenanceTab: EditorTab: Clone
+    <div
+      style="display: block;"
+    >
+      Process Label
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_5_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Label
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      Process Creator
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_6_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Creator
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      LocalizationProviderProcess Organization
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
       >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_7_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Organization
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      <button>
+        Add Task
+      </button>
+    </div>
+    <div
+      style="display: none;"
+    >
+      <div>
+        PidPicker: {"selected":""}
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Save
+    </button>
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DatastreamProcessMetadataContent renders a form when non-empty data is loaded 1`] = `
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
+  >
+    Digital ProvenanceTab: EditorTab: Clone
+    <div
+      style="display: block;"
+    >
+      Process Label
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_f_"
+          type="text"
+          value="label"
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Label
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      Process Creator
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_g_"
+          type="text"
+          value="creator"
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Creator
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      LocalizationProviderProcess Organization
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_h_"
+          type="text"
+          value="organization"
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Organization
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+    </div>
+    <div
+      style="display: none;"
+    >
+      <div>
+        PidPicker: {"selected":""}
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Save
+    </button>
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DatastreamProcessMetadataContent renders a loading message if content is unavailable 1`] = `
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
+  >
+    Digital ProvenanceTab: EditorTab: Clone
+    <div
+      style="display: block;"
+    >
+      Process Label
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_0_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Label
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      Process Creator
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_1_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Creator
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      LocalizationProviderProcess Organization
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_2_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Organization
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      <button>
+        Add Task
+      </button>
+    </div>
+    <div
+      style="display: none;"
+    >
+      <div>
+        PidPicker: {"selected":""}
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Save
+    </button>
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DatastreamProcessMetadataContent supports adding tasks 1`] = `
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
+  >
+    Digital ProvenanceTab: EditorTab: Clone
+    <div
+      style="display: block;"
+    >
+      Process Label
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_1s_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Label
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      Process Creator
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_1t_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Creator
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      LocalizationProviderProcess Organization
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_1u_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Organization
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+    </div>
+    <div
+      style="display: none;"
+    >
+      <div>
+        PidPicker: {"selected":""}
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Save
+    </button>
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DatastreamProcessMetadataContent supports deleting tasks 1`] = `
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
+  >
+    Digital ProvenanceTab: EditorTab: Clone
+    <div
+      style="display: block;"
+    >
+      Process Label
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_21_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Label
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      Process Creator
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_22_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Creator
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      LocalizationProviderProcess Organization
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_23_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Organization
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+    </div>
+    <div
+      style="display: none;"
+    >
+      <div>
+        PidPicker: {"selected":""}
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Save
+    </button>
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DatastreamProcessMetadataContent supports loading PID data into storage after selection for cloning 1`] = `
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
+  >
+    Digital ProvenanceTab: EditorTab: Clone
+    <div
+      style="display: block;"
+    >
+      Process Label
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_13_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Label
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      Process Creator
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_14_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Creator
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      LocalizationProviderProcess Organization
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_15_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Organization
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      <button>
+        Add Task
+      </button>
+    </div>
+    <div
+      style="display: none;"
+    >
+      <div>
+        PidPicker: {"selected":""}
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Save
+    </button>
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DatastreamProcessMetadataContent supports tab switching 1`] = `
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
+  >
+    Digital ProvenanceTab: EditorTab: Clone
+    <div
+      style="display: block;"
+    >
+      Process Label
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_a_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Label
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      Process Creator
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_b_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Creator
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      LocalizationProviderProcess Organization
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_c_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Organization
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      <button>
+        Add Task
+      </button>
+    </div>
+    <div
+      style="display: none;"
+    >
+      <div>
+        PidPicker: {"selected":""}
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Save
+    </button>
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DatastreamProcessMetadataContent supports task updates 1`] = `
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
+  >
+    Digital ProvenanceTab: EditorTab: Clone
+    <div
+      style="display: block;"
+    >
+      Process Label
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_1n_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Label
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      Process Creator
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_1o_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Creator
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      LocalizationProviderProcess Organization
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_1p_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Organization
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+    </div>
+    <div
+      style="display: none;"
+    >
+      <div>
+        PidPicker: {"selected":""}
+      </div>
+    </div>
+  </div>
+  <div
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
+  >
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Save
+    </button>
+    <button
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`DatastreamProcessMetadataContent validates datastreams before cloning metadata from another PID 1`] = `
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
+  >
+    Digital ProvenanceTab: EditorTab: Clone
+    <div
+      style="display: block;"
+    >
+      Process Label
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_18_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Label
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      Process Creator
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_19_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Creator
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      LocalizationProviderProcess Organization
+      <div
+        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
+      >
+        <input
+          class="MuiInputBase-input MuiOutlinedInput-input css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
+          id="_r_1a_"
+          type="text"
+          value=""
+        />
+        <fieldset
+          aria-hidden="true"
+          class="MuiOutlinedInput-notchedOutline css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline"
+        >
+          <legend
+            class="css-1n64csd-MuiNotchedOutlined-root"
+          >
+            <span>
+              Process Organization
+            </span>
+          </legend>
+        </fieldset>
+      </div>
+      <button>
         Add Task
       </button>
     </div>
     <div
-      style={
-        {
-          "display": "block",
-        }
-      }
+      style="display: none;"
     >
       <div>
         PidPicker: {"selected":""}
       </div>
     </div>
-  </div>,
+  </div>
   <div
-    className="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
+    class="MuiDialogActions-root MuiDialogActions-spacing css-15fu35s-MuiDialogActions-root"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary uploadProcessMetadataButton css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Save
-      <span
-        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
     </button>
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-      disabled={false}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
+      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1uent87-MuiButtonBase-root-MuiButton-root"
+      tabindex="0"
       type="button"
     >
       Cancel
-      <span
-        className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
     </button>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamProcessMetadataTask.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamProcessMetadataTask.test.tsx.snap
index 5a142993b..89b1b8b8f 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamProcessMetadataTask.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamProcessMetadataTask.test.tsx.snap
@@ -1,53 +1,41 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamProcessMetadataTask renders with tool presets 1`] = `
-[
+<DocumentFragment>
   <hr
-    style={
-      {
-        "marginBottom": "20px",
-      }
-    }
-  />,
+    style="margin-bottom: 20px;"
+  />
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Task Sequence"},"value":"seq"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Task Label"},"value":"lab"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Task Description"},"value":"des"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Task Individual"},"value":"ind"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     <label>
       Select a preset tool:
       <div
-        className="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl MuiNativeSelect-root css-1eed5fa-MuiInputBase-root-MuiInput-root"
-        onClick={[Function]}
+        class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-formControl MuiNativeSelect-root css-5h82ro-MuiInputBase-root-MuiInput-root"
       >
         <select
-          aria-invalid={false}
-          className="MuiNativeSelect-select MuiNativeSelect-outlined MuiInputBase-input MuiInput-input css-19ygod6-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
-          disabled={false}
-          onAnimationStart={[Function]}
-          onBlur={[Function]}
-          onChange={[Function]}
-          onFocus={[Function]}
-          required={false}
-          value="0"
+          aria-invalid="false"
+          class="MuiNativeSelect-select MuiNativeSelect-outlined MuiInputBase-input MuiInput-input css-b4m9gu-MuiNativeSelect-root-MuiNativeSelect-select-MuiInputBase-input-MuiInput-input"
         >
           <option
             value="0"
@@ -56,8 +44,8 @@ exports[`DatastreamProcessMetadataTask renders with tool presets 1`] = `
           </option>
         </select>
         <svg
-          aria-hidden={true}
-          className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconOutlined css-1g12qau-MuiSvgIcon-root-MuiNativeSelect-icon"
+          aria-hidden="true"
+          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiNativeSelect-icon MuiNativeSelect-iconOutlined css-1bjnys1-MuiSvgIcon-root-MuiNativeSelect-root-MuiNativeSelect-icon"
           data-testid="ArrowDropDownIcon"
           focusable="false"
           viewBox="0 0 24 24"
@@ -68,183 +56,115 @@ exports[`DatastreamProcessMetadataTask renders with tool presets 1`] = `
         </svg>
       </div>
     </label>
-  </div>,
-  <button
-    onClick={[Function]}
-  >
+  </div>
+  <button>
     Apply Preset
-  </button>,
+  </button>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Task Tool"},"value":"tool-lab"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Tool Description"},"value":"tool-des"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Tool Make"},"value":"tool-mak"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Tool Version"},"value":"tool-ver"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Tool Serial Number"},"value":"tool-ser"}
-  </div>,
+  </div>
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[MockFunction]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     Add Below
-    <span
-      className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-    />
-  </button>,
+  </button>
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[MockFunction]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     Delete Task
-    <span
-      className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-    />
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
 
 exports[`DatastreamProcessMetadataTask renders without tool presets 1`] = `
-[
+<DocumentFragment>
   <hr
-    style={
-      {
-        "marginBottom": "20px",
-      }
-    }
-  />,
+    style="margin-bottom: 20px;"
+  />
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Task Sequence"},"value":"seq"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Task Label"},"value":"lab"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Task Description"},"value":"des"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Task Individual"},"value":"ind"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Task Tool"},"value":"tool-lab"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Tool Description"},"value":"tool-des"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Tool Make"},"value":"tool-mak"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Tool Version"},"value":"tool-ver"}
-  </div>,
+  </div>
   <div
-    className="MuiFormControl-root MuiFormControl-fullWidth css-q8hpuo-MuiFormControl-root"
+    class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
   >
     BlurSavingTextField: {"options":{"label":"Tool Serial Number"},"value":"tool-ser"}
-  </div>,
+  </div>
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[MockFunction]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     Add Below
-  </button>,
+  </button>
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[MockFunction]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     Delete Task
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamUploadModalContent.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamUploadModalContent.test.tsx.snap
index 941e64af9..965519294 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamUploadModalContent.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamUploadModalContent.test.tsx.snap
@@ -1,14 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamUploadModalContent renders 1`] = `
-<div
-  className="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root"
->
-  <input
-    aria-label="Upload File"
-    className="uploadFileButton"
-    onChange={[Function]}
-    type="file"
-  />
-</div>
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-kw13he-MuiDialogContent-root"
+  >
+    <input
+      aria-label="Upload File"
+      class="uploadFileButton"
+      type="file"
+    />
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/datastream/__snapshots__/DatastreamViewModalContent.test.tsx.snap b/client/components/edit/datastream/__snapshots__/DatastreamViewModalContent.test.tsx.snap
index 3555050dd..026db9f0e 100644
--- a/client/components/edit/datastream/__snapshots__/DatastreamViewModalContent.test.tsx.snap
+++ b/client/components/edit/datastream/__snapshots__/DatastreamViewModalContent.test.tsx.snap
@@ -1,28 +1,27 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatastreamViewModalContent renders for download-only content 1`] = `
-<div
-  className="MuiDialogContent-root css-lebnmz-MuiDialogContent-root"
->
-  <p>
-    The MIME type 
-    image/tiff
-     cannot be displayed in your browser. Please
-     
-    <button
-      onClick={[Function]}
-    >
-      download
-    </button>
-     the file instead.
-  </p>
-</div>
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-1tu99jp-MuiDialogContent-root"
+  >
+    <p>
+      The MIME type image/tiff cannot be displayed in your browser. Please 
+      <button>
+        download
+      </button>
+       the file instead.
+    </p>
+  </div>
+</DocumentFragment>
 `;
 
 exports[`DatastreamViewModalContent renders for viewable content 1`] = `
-<div
-  className="MuiDialogContent-root css-lebnmz-MuiDialogContent-root"
->
-  DatatypeContent: {"data":"test1","mimeType":"test2"}
-</div>
+<DocumentFragment>
+  <div
+    class="MuiDialogContent-root css-1tu99jp-MuiDialogContent-root"
+  >
+    DatatypeContent: {"data":"test1","mimeType":"test2"}
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/parents/ParentList.test.tsx b/client/components/edit/parents/ParentList.test.tsx
index 149b091c2..fc12edc13 100644
--- a/client/components/edit/parents/ParentList.test.tsx
+++ b/client/components/edit/parents/ParentList.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { describe, beforeEach, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import ParentList from "./ParentList";
 import { waitFor } from "@testing-library/dom";
 
@@ -95,18 +93,18 @@ describe("ParentList", () => {
                 },
             },
         };
-        const tree = renderer.create(<ParentList pid={pid} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ParentList pid={pid} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders a populated parent list correctly (shallow mode)", () => {
-        const tree = renderer.create(<ParentList pid={pid} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ParentList pid={pid} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders a populated parent list correctly (full mode)", () => {
-        const tree = renderer.create(<ParentList pid={pid} initiallyShallow={false} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ParentList pid={pid} initiallyShallow={false} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("deletes parents on button click plus confirmation", async () => {
diff --git a/client/components/edit/parents/ParentList.tsx b/client/components/edit/parents/ParentList.tsx
index a4bc8f5f6..a5422dbde 100644
--- a/client/components/edit/parents/ParentList.tsx
+++ b/client/components/edit/parents/ParentList.tsx
@@ -42,12 +42,14 @@ const ParentList = ({ pid, initiallyShallow = true }: ParentListProps): React.Re
             return;
         }
         const result = await detachObjectFromParent(pid, parentPid);
-        result === "ok"
-            ? showSnackbarMessage(`Successfully removed ${pid} from ${parentPid}`, "info")
-            : showSnackbarMessage(result, "error");
+        if (result === "ok") {
+            showSnackbarMessage(`Successfully removed ${pid} from ${parentPid}`, "info");
+        } else {
+            showSnackbarMessage(result, "error");
+        }
     };
 
-    const parents = (loaded ? parentDetailsStorage[pid][key].parents ?? [] : []).map((parent) => {
+    const parents = (loaded ? (parentDetailsStorage[pid][key].parents ?? []) : []).map((parent) => {
         let parentChain = "";
         let nextNode = (parent.parents ?? [])[0] ?? null;
         while (nextNode) {
diff --git a/client/components/edit/parents/ParentPicker.test.tsx b/client/components/edit/parents/ParentPicker.test.tsx
index 237330014..1eab7675d 100644
--- a/client/components/edit/parents/ParentPicker.test.tsx
+++ b/client/components/edit/parents/ParentPicker.test.tsx
@@ -1,9 +1,7 @@
-import React from "react";
 import { describe, beforeEach, expect, it, jest } from "@jest/globals";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import { fireEvent, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import ParentPicker from "./ParentPicker";
 import { waitFor } from "@testing-library/dom";
 
@@ -78,27 +76,27 @@ describe("ParentPicker", () => {
     });
 
     it("renders correctly with no data loaded", () => {
-        const tree = renderer.create(<ParentPicker pid={pid} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ParentPicker pid={pid} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders correctly with a selected but unloaded parent", async () => {
-        const tree = renderer.create(<ParentPicker pid={pid} />);
-        renderer.act(() => {
+        const { asFragment } = render(<ParentPicker pid={pid} />);
+        act(() => {
             setSelected(parentPid);
         });
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders correctly with a selected, loaded, title-sorted parent", async () => {
         editorValues.state.objectDetailsStorage[parentPid] = {
             sortOn: "title",
         };
-        const tree = renderer.create(<ParentPicker pid={pid} />);
-        renderer.act(() => {
+        const { asFragment } = render(<ParentPicker pid={pid} />);
+        act(() => {
             setSelected(parentPid);
         });
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("adds a title-sorted parent", async () => {
@@ -228,11 +226,11 @@ describe("ParentPicker", () => {
         editorValues.state.objectDetailsStorage[parentPid] = {
             sortOn: "custom",
         };
-        const tree = renderer.create(<ParentPicker pid={pid} />);
-        renderer.act(() => {
+        const { asFragment } = render(<ParentPicker pid={pid} />);
+        act(() => {
             setSelected(parentPid);
         });
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("adds a custom-sorted parent with manual position entry", async () => {
@@ -306,19 +304,20 @@ describe("ParentPicker", () => {
     });
 
     it("handles object loading errors gracefully", async () => {
-        const tree = renderer.create(<ParentPicker pid={pid} />);
-        await renderer.act(async () => {
+        const { asFragment } = render(<ParentPicker pid={pid} />);
+        act(() => {
             setSelected(parentPid);
         });
-        await renderer.act(async () => {
+        act(() => {
             errorCallback(parentPid);
         });
+
         await waitFor(() => expect(globalValues.action.setSnackbarState).toHaveBeenCalled());
         expect(globalValues.action.setSnackbarState).toHaveBeenCalledWith({
             message: "Cannot load details for foo:122. Are you sure this is a valid PID?",
             open: true,
             severity: "error",
         });
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/edit/parents/ParentPicker.tsx b/client/components/edit/parents/ParentPicker.tsx
index 7a38efb7f..25ff6bf53 100644
--- a/client/components/edit/parents/ParentPicker.tsx
+++ b/client/components/edit/parents/ParentPicker.tsx
@@ -44,9 +44,11 @@ const ParentPicker = ({ pid }: ParentPickerProps): React.ReactElement => {
     const addParent = async () => {
         setStatusMessage("Saving...");
         const result = await attachObjectToParent(pid, selectedParentPid, position);
-        result === "ok"
-            ? showSnackbarMessage(`Successfully added ${pid} to ${selectedParentPid}`, "info")
-            : showSnackbarMessage(result, "error");
+        if (result === "ok") {
+            showSnackbarMessage(`Successfully added ${pid} to ${selectedParentPid}`, "info");
+        } else {
+            showSnackbarMessage(result, "error");
+        }
         setStatusMessage("");
     };
 
@@ -65,9 +67,11 @@ const ParentPicker = ({ pid }: ParentPickerProps): React.ReactElement => {
         }
         setStatusMessage("Saving...");
         const result = await moveObjectToParent(pid, selectedParentPid, position);
-        result === "ok"
-            ? showSnackbarMessage(`Successfully moved ${pid} to ${selectedParentPid}`, "info")
-            : showSnackbarMessage(result, "error");
+        if (result === "ok") {
+            showSnackbarMessage(`Successfully moved ${pid} to ${selectedParentPid}`, "info");
+        } else {
+            showSnackbarMessage(result, "error");
+        }
         setStatusMessage("");
     };
 
@@ -76,7 +80,7 @@ const ParentPicker = ({ pid }: ParentPickerProps): React.ReactElement => {
         let result: string;
         try {
             result = await fetchText(target, { method: "GET" });
-        } catch (e) {
+        } catch {
             result = "0";
         }
         setPosition((parseInt(result) + 1).toString());
diff --git a/client/components/edit/parents/ParentsModal.test.tsx b/client/components/edit/parents/ParentsModal.test.tsx
index 1bb173f9a..6972f3198 100644
--- a/client/components/edit/parents/ParentsModal.test.tsx
+++ b/client/components/edit/parents/ParentsModal.test.tsx
@@ -1,6 +1,4 @@
-import React from "react";
 import { describe, beforeEach, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import ParentsModal from "./ParentsModal";
@@ -50,22 +48,22 @@ describe("ParentsModal", () => {
     });
 
     it("renders correctly for a non-loaded PID", () => {
-        const tree = renderer.create(<ParentsModal />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ParentsModal />);
+        expect(asFragment()).toMatchSnapshot();
         expect(globalValues.action.isModalOpen).toHaveBeenCalledWith("parents");
     });
 
     it("renders correctly for a loaded PID", () => {
         editorValues.state.objectDetailsStorage[pid] = { pid };
-        const tree = renderer.create(<ParentsModal />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ParentsModal />);
+        expect(asFragment()).toMatchSnapshot();
         expect(globalValues.action.isModalOpen).toHaveBeenCalledWith("parents");
     });
 
     it("renders correctly when PID is unset", () => {
         editorValues.state.parentsModalActivePid = null;
-        const tree = renderer.create(<ParentsModal />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ParentsModal />);
+        expect(asFragment()).toMatchSnapshot();
         expect(globalValues.action.isModalOpen).toHaveBeenCalledWith("parents");
     });
 
diff --git a/client/components/edit/parents/ParentsModal.tsx b/client/components/edit/parents/ParentsModal.tsx
index 018786a1f..f6f180827 100644
--- a/client/components/edit/parents/ParentsModal.tsx
+++ b/client/components/edit/parents/ParentsModal.tsx
@@ -37,10 +37,8 @@ const ParentsModal = (): React.ReactElement => {
         <Dialog className="parentsModal" open={isModalOpen("parents")} onClose={closeParentModal} fullWidth={true}>
             <DialogTitle>
                 <Grid container>
-                    <Grid item xs={11}>
-                        Parents Editor ({parentsModalActivePid})
-                    </Grid>
-                    <Grid item xs={1}>
+                    <Grid size={11}>Parents Editor ({parentsModalActivePid})</Grid>
+                    <Grid size={1}>
                         <IconButton className="closeButton" onClick={closeParentModal}>
                             <CloseIcon />
                         </IconButton>
diff --git a/client/components/edit/parents/__snapshots__/ParentList.test.tsx.snap b/client/components/edit/parents/__snapshots__/ParentList.test.tsx.snap
index 8fe304153..1c58a8327 100644
--- a/client/components/edit/parents/__snapshots__/ParentList.test.tsx.snap
+++ b/client/components/edit/parents/__snapshots__/ParentList.test.tsx.snap
@@ -1,73 +1,73 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ParentList renders a populated parent list correctly (full mode) 1`] = `
-<table
-  border={1}
->
-  <tbody>
-    <tr>
-      <td>
-        <button
-          onClick={[Function]}
-        >
-          Delete parent foo:122
-        </button>
-      </td>
-      <td>
-        foo:122
-      </td>
-      <td>
-        Parent
-      </td>
-      <td>
-        Great-grandparent/Grandparent
-      </td>
-    </tr>
-  </tbody>
-</table>
+<DocumentFragment>
+  <table
+    border="1"
+  >
+    <tbody>
+      <tr>
+        <td>
+          <button>
+            Delete parent foo:122
+          </button>
+        </td>
+        <td>
+          foo:122
+        </td>
+        <td>
+          Parent
+        </td>
+        <td>
+          Great-grandparent/Grandparent
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</DocumentFragment>
 `;
 
 exports[`ParentList renders a populated parent list correctly (shallow mode) 1`] = `
-<table
-  border={1}
->
-  <tbody>
-    <tr>
-      <td>
-        <button
-          onClick={[Function]}
-        >
-          Delete parent foo:122
-        </button>
-      </td>
-      <td>
-        foo:122
-      </td>
-      <td>
-        Parent
-      </td>
-      <td>
-        <button
-          onClick={[Function]}
-        >
-          Show More
-        </button>
-      </td>
-    </tr>
-  </tbody>
-</table>
+<DocumentFragment>
+  <table
+    border="1"
+  >
+    <tbody>
+      <tr>
+        <td>
+          <button>
+            Delete parent foo:122
+          </button>
+        </td>
+        <td>
+          foo:122
+        </td>
+        <td>
+          Parent
+        </td>
+        <td>
+          <button>
+            Show More
+          </button>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</DocumentFragment>
 `;
 
 exports[`ParentList renders an empty list correctly 1`] = `
-<table
-  border={1}
->
-  <tbody>
-    <tr>
-      <td>
-        No parents defined.
-      </td>
-    </tr>
-  </tbody>
-</table>
+<DocumentFragment>
+  <table
+    border="1"
+  >
+    <tbody>
+      <tr>
+        <td>
+          No parents defined.
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</DocumentFragment>
 `;
diff --git a/client/components/edit/parents/__snapshots__/ParentPicker.test.tsx.snap b/client/components/edit/parents/__snapshots__/ParentPicker.test.tsx.snap
index 2cbf7c7b2..c07fbb380 100644
--- a/client/components/edit/parents/__snapshots__/ParentPicker.test.tsx.snap
+++ b/client/components/edit/parents/__snapshots__/ParentPicker.test.tsx.snap
@@ -1,68 +1,58 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ParentPicker handles object loading errors gracefully 1`] = `
-[
-  "PidPicker: {"selected":""}",
-  <br />,
-  "Please select a valid PID.",
-]
+<DocumentFragment>
+  PidPicker: {"selected":""}
+  <br />
+  Please select a valid PID.
+</DocumentFragment>
 `;
 
 exports[`ParentPicker renders correctly with a selected but unloaded parent 1`] = `
-[
-  "ObjectLoader: {"pid":"foo:122"}",
-  "PidPicker: {"selected":"foo:122"}",
-  <br />,
-  "Please select a valid PID.",
-]
+<DocumentFragment>
+  ObjectLoader: {"pid":"foo:122"}PidPicker: {"selected":"foo:122"}
+  <br />
+  Please select a valid PID.
+</DocumentFragment>
 `;
 
 exports[`ParentPicker renders correctly with a selected, loaded, custom-sorted parent 1`] = `
-[
-  "ObjectLoader: {"pid":"foo:122"}",
-  "PidPicker: {"selected":"foo:122"}",
-  <br />,
+<DocumentFragment>
+  ObjectLoader: {"pid":"foo:122"}PidPicker: {"selected":"foo:122"}
+  <br />
   <div>
     <label>
       Position: 
       <input
-        onChange={[Function]}
         type="text"
         value=""
       />
     </label>
-    <button
-      onClick={[Function]}
-    >
+    <button>
       Set to Last Position in Parent
     </button>
-  </div>,
-  "Please enter a position.",
-]
+  </div>
+  Please enter a position.
+</DocumentFragment>
 `;
 
 exports[`ParentPicker renders correctly with a selected, loaded, title-sorted parent 1`] = `
-[
-  "ObjectLoader: {"pid":"foo:122"}",
-  "PidPicker: {"selected":"foo:122"}",
-  <br />,
-  <button
-    onClick={[Function]}
-  >
+<DocumentFragment>
+  ObjectLoader: {"pid":"foo:122"}PidPicker: {"selected":"foo:122"}
+  <br />
+  <button>
     Add Parent
-  </button>,
-  <button
-    onClick={[Function]}
-  >
+  </button>
+  <button>
     Move Here
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
 
 exports[`ParentPicker renders correctly with no data loaded 1`] = `
-[
-  "PidPicker: {"selected":""}",
-  <br />,
-  "Please select a valid PID.",
-]
+<DocumentFragment>
+  PidPicker: {"selected":""}
+  <br />
+  Please select a valid PID.
+</DocumentFragment>
 `;
diff --git a/client/components/edit/parents/__snapshots__/ParentsModal.test.tsx.snap b/client/components/edit/parents/__snapshots__/ParentsModal.test.tsx.snap
index 51031d663..99c6f8c98 100644
--- a/client/components/edit/parents/__snapshots__/ParentsModal.test.tsx.snap
+++ b/client/components/edit/parents/__snapshots__/ParentsModal.test.tsx.snap
@@ -1,32 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ParentsModal renders correctly for a loaded PID 1`] = `
-[
-  "Parents Editor (",
-  "foo:123",
-  ")",
+<DocumentFragment>
+  Parents Editor (foo:123)
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     <svg
-      aria-hidden={true}
-      className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+      aria-hidden="true"
+      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
       data-testid="CloseIcon"
       focusable="false"
       viewBox="0 0 24 24"
@@ -35,49 +19,30 @@ exports[`ParentsModal renders correctly for a loaded PID 1`] = `
         d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
       />
     </svg>
-    <span
-      className="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-    />
-  </button>,
-  "ObjectLoader: {"pid":"foo:123"}",
+  </button>
+  ObjectLoader: {"pid":"foo:123"}
   <h3>
     Add New Parent:
-  </h3>,
-  "ParentPicker: {"pid":"foo:123"}",
+  </h3>
+  ParentPicker: {"pid":"foo:123"}
   <h3>
     Parents
-  </h3>,
-  "ParentList: {"pid":"foo:123"}",
-]
+  </h3>
+  ParentList: {"pid":"foo:123"}
+</DocumentFragment>
 `;
 
 exports[`ParentsModal renders correctly for a non-loaded PID 1`] = `
-[
-  "Parents Editor (",
-  "foo:123",
-  ")",
+<DocumentFragment>
+  Parents Editor (foo:123)
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     <svg
-      aria-hidden={true}
-      className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+      aria-hidden="true"
+      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
       data-testid="CloseIcon"
       focusable="false"
       viewBox="0 0 24 24"
@@ -86,37 +51,22 @@ exports[`ParentsModal renders correctly for a non-loaded PID 1`] = `
         d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
       />
     </svg>
-  </button>,
-  "ObjectLoader: {"pid":"foo:123"}",
-]
+  </button>
+  ObjectLoader: {"pid":"foo:123"}
+</DocumentFragment>
 `;
 
 exports[`ParentsModal renders correctly when PID is unset 1`] = `
-[
-  "Parents Editor (",
-  ")",
+<DocumentFragment>
+  Parents Editor ()
   <button
-    className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-78trlr-MuiButtonBase-root-MuiIconButton-root"
-    disabled={false}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onContextMenu={[Function]}
-    onDragLeave={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
-    onMouseDown={[Function]}
-    onMouseLeave={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchMove={[Function]}
-    onTouchStart={[Function]}
-    tabIndex={0}
+    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium closeButton css-53g0n7-MuiButtonBase-root-MuiIconButton-root"
+    tabindex="0"
     type="button"
   >
     <svg
-      aria-hidden={true}
-      className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+      aria-hidden="true"
+      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
       data-testid="CloseIcon"
       focusable="false"
       viewBox="0 0 24 24"
@@ -125,6 +75,6 @@ exports[`ParentsModal renders correctly when PID is unset 1`] = `
         d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
       />
     </svg>
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/Category.test.tsx b/client/components/paginate/Category.test.tsx
index ef149f8f7..c9d6dfbc2 100644
--- a/client/components/paginate/Category.test.tsx
+++ b/client/components/paginate/Category.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import Category from "./Category";
 
 const mockjobList = jest.fn();
@@ -35,8 +33,8 @@ describe("Category", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<Category {...props} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<Category {...props} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders no jobs", () => {
diff --git a/client/components/paginate/Job.test.tsx b/client/components/paginate/Job.test.tsx
index 162ac6def..d025151eb 100644
--- a/client/components/paginate/Job.test.tsx
+++ b/client/components/paginate/Job.test.tsx
@@ -1,6 +1,5 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render, waitFor } from "@testing-library/react";
 import { FetchContextProvider } from "../../context/FetchContext";
 import Job from "./Job";
 
@@ -19,19 +18,31 @@ describe("Job", () => {
 
     beforeEach(() => {
         props = {
-            data: {
-                category: "testCategory",
-                children: "testChildren",
-            },
+            category: "testCategory",
+            children: "testChildren",
         };
+        // Mock fetch to return a successful response
+        global.fetch.mockResolvedValue({
+            ok: true,
+            status: 200,
+            json: jest.fn().mockResolvedValue({
+                ingest_info: "",
+                published: false,
+                derivatives: { building: false },
+            }),
+        });
     });
 
-    it("renders", () => {
-        const tree = renderer.create(
+    it("renders", async () => {
+        const { asFragment } = render(
             <FetchContextProvider>
                 <Job {...props} />
             </FetchContextProvider>,
         );
-        expect(tree.toJSON()).toMatchSnapshot();
+
+        // Wait for the async fetch and state updates to complete
+        await waitFor(() => {
+            expect(asFragment()).toMatchSnapshot();
+        });
     });
 });
diff --git a/client/components/paginate/JobClickable.test.tsx b/client/components/paginate/JobClickable.test.tsx
index 57c2eaee3..db13b8204 100644
--- a/client/components/paginate/JobClickable.test.tsx
+++ b/client/components/paginate/JobClickable.test.tsx
@@ -1,7 +1,6 @@
-import React from "react";
 import { beforeEach, describe, expect, it } from "@jest/globals";
-import renderer from "react-test-renderer";
 import JobClickable from "./JobClickable";
+import { render } from "@testing-library/react";
 
 describe("JobClickable", () => {
     let props;
@@ -15,7 +14,7 @@ describe("JobClickable", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<JobClickable {...props} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<JobClickable {...props} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/paginate/JobList.test.tsx b/client/components/paginate/JobList.test.tsx
index d5ba75547..ca1683d2c 100644
--- a/client/components/paginate/JobList.test.tsx
+++ b/client/components/paginate/JobList.test.tsx
@@ -1,6 +1,5 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import JobList from "./JobList";
 
 const mockJob = jest.fn();
@@ -24,8 +23,8 @@ describe("JobList", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<JobList {...props} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<JobList {...props} />);
+        expect(asFragment()).toMatchSnapshot();
         expect(mockJob).toHaveBeenCalledWith(
             expect.objectContaining({
                 category: props.category,
diff --git a/client/components/paginate/JobPaginator.test.tsx b/client/components/paginate/JobPaginator.test.tsx
index 19d02ab9d..5381b55b1 100644
--- a/client/components/paginate/JobPaginator.test.tsx
+++ b/client/components/paginate/JobPaginator.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render } from "@testing-library/react";
-import renderer from "react-test-renderer";
 import JobPaginator from "./JobPaginator";
 import { FetchContextProvider } from "../../context/FetchContext";
 
@@ -38,17 +36,14 @@ describe("JobPaginator", () => {
     });
 
     it("renders", () => {
-        const tree = renderer
-            .create(
-                <FetchContextProvider>
-                    <JobPaginator {...props} />
-                </FetchContextProvider>,
-            )
-            .toJSON();
-        const treeString = JSON.stringify(tree);
-        expect(treeString.includes(props.initialCategory)).toBeTruthy();
-        expect(treeString.includes(props.initialJob)).toBeTruthy();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(
+            <FetchContextProvider>
+                <JobPaginator {...props} />
+            </FetchContextProvider>,
+        );
+        expect(asFragment().textContent.includes(props.initialCategory)).toBeTruthy();
+        expect(asFragment().textContent.includes(props.initialJob)).toBeTruthy();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("should loadJob from useEffect", async () => {
diff --git a/client/components/paginate/JobPaginator.tsx b/client/components/paginate/JobPaginator.tsx
index 5f4df72f6..cea9b25ca 100644
--- a/client/components/paginate/JobPaginator.tsx
+++ b/client/components/paginate/JobPaginator.tsx
@@ -38,10 +38,10 @@ const JobPaginator = ({ initialCategory, initialJob }: JobPaginatorProps): React
                 </li>
             </ul>
             <Grid container id="paginator">
-                <Grid item xs={6}>
+                <Grid size={6}>
                     <JobPaginatorZoomToggle />
                 </Grid>
-                <Grid item xs={6}>
+                <Grid size={6}>
                     <PaginatorControls />
                     <PaginatorList />
                 </Grid>
diff --git a/client/components/paginate/JobPaginatorZoomToggle.test.tsx b/client/components/paginate/JobPaginatorZoomToggle.test.tsx
index 68f19ffd4..1236f327b 100644
--- a/client/components/paginate/JobPaginatorZoomToggle.test.tsx
+++ b/client/components/paginate/JobPaginatorZoomToggle.test.tsx
@@ -1,7 +1,5 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
-import renderer from "react-test-renderer";
 import JobPaginatorZoomToggle from "./JobPaginatorZoomToggle";
 
 const mockUseJobPaginatorContext = jest.fn();
@@ -34,15 +32,15 @@ describe("JobPaginatorZoomToggle", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<JobPaginatorZoomToggle />).toJSON();
-        expect(tree).toEqual("PaginatorZoomy");
+        render(<JobPaginatorZoomToggle />);
+        expect(screen.queryAllByText("PaginatorZoomy")).toHaveLength(1);
     });
 
     it("renders preview not available", () => {
         paginatorValues.state.order = [];
-        const tree = renderer.create(<JobPaginatorZoomToggle />).toJSON();
-        expect(tree).toMatchSnapshot();
-        expect(JSON.stringify(tree).includes("Preview not available")).toBeTruthy();
+        const { asFragment } = render(<JobPaginatorZoomToggle />);
+        expect(asFragment()).toMatchSnapshot();
+        expect(asFragment().textContent.includes("Preview not available")).toBeTruthy();
     });
 
     it("renders PaginatorZoomy", () => {
diff --git a/client/components/paginate/JobSelector.test.tsx b/client/components/paginate/JobSelector.test.tsx
index b54840001..79a9ed88f 100644
--- a/client/components/paginate/JobSelector.test.tsx
+++ b/client/components/paginate/JobSelector.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render } from "@testing-library/react";
-import renderer from "react-test-renderer";
 import JobSelector from "./JobSelector";
 import { FetchContextProvider } from "../../context/FetchContext";
 const mockCategory = jest.fn();
@@ -41,15 +39,16 @@ describe("JobSelector", () => {
     it("renders", async () => {
         response.json.mockResolvedValueOnce({});
         global.fetch.mockResolvedValueOnce(response);
-        let tree;
-        await renderer.act(() => {
-            tree = renderer.create(
+        let asFragment;
+        await act(async () => {
+            const result = render(
                 <FetchContextProvider>
                     <JobSelector />
                 </FetchContextProvider>,
             );
+            asFragment = result.asFragment;
         });
-        expect(tree.toJSON()).toMatchSnapshot();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("sets category components", async () => {
diff --git a/client/components/paginate/MainMenu.test.tsx b/client/components/paginate/MainMenu.test.tsx
index d10c2314c..71dbff08c 100644
--- a/client/components/paginate/MainMenu.test.tsx
+++ b/client/components/paginate/MainMenu.test.tsx
@@ -1,11 +1,10 @@
-import React from "react";
 import { describe, expect, it } from "@jest/globals";
-import renderer from "react-test-renderer";
 import MainMenu from "./MainMenu";
+import { render } from "@testing-library/react";
 
 describe("MainMenu", () => {
     it("renders", () => {
-        const tree = renderer.create(<MainMenu />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<MainMenu />);
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/paginate/PaginatorControlGroup.test.tsx b/client/components/paginate/PaginatorControlGroup.test.tsx
index d88c69a16..08e1aa3fa 100644
--- a/client/components/paginate/PaginatorControlGroup.test.tsx
+++ b/client/components/paginate/PaginatorControlGroup.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import PaginatorControlGroup from "./PaginatorControlGroup";
 
 describe("PaginatorControlGroup", () => {
@@ -17,8 +15,8 @@ describe("PaginatorControlGroup", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<PaginatorControlGroup {...props} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<PaginatorControlGroup {...props} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("calls callback on child click", async () => {
diff --git a/client/components/paginate/PaginatorList.test.tsx b/client/components/paginate/PaginatorList.test.tsx
index db64f7370..0a2178ddd 100644
--- a/client/components/paginate/PaginatorList.test.tsx
+++ b/client/components/paginate/PaginatorList.test.tsx
@@ -1,6 +1,5 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import PaginatorList from "./PaginatorList";
 
 const mockUseJobPaginatorContext = jest.fn();
@@ -44,19 +43,20 @@ describe("PaginatorList", () => {
     });
 
     it("renders thumbnails for pages", () => {
-        const tree = renderer.create(<PaginatorList />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<PaginatorList />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders empty element when pages are absent", () => {
         paginatorValues.state.order = [];
-        const tree = renderer.create(<PaginatorList />).toJSON();
-        expect(tree).toBeNull();
+        const { container } = render(<PaginatorList />);
+        expect(container.firstChild).toBeNull();
     });
 
     it("renders a thumbnail", () => {
         expect(mockThumbnail).not.toHaveBeenCalled();
-        renderer.create(<PaginatorList />).toJSON();
+        const { asFragment } = render(<PaginatorList />);
+        expect(asFragment()).toMatchSnapshot();
         expect(mockThumbnail).toHaveBeenCalledWith(
             expect.objectContaining({
                 scrollTo: expect.any(Function),
diff --git a/client/components/paginate/PaginatorList.tsx b/client/components/paginate/PaginatorList.tsx
index 4dc0d4f43..694289d87 100644
--- a/client/components/paginate/PaginatorList.tsx
+++ b/client/components/paginate/PaginatorList.tsx
@@ -7,7 +7,7 @@ const PaginatorList = (): React.ReactElement => {
         state: { order, currentPage },
     } = usePaginatorContext();
     const pageCount = order.length;
-    const pageList = useRef();
+    const pageList = useRef(undefined);
     const thumbRefs = useRef([]);
     const scrollTo = (number) => {
         const pageListOffset = pageList.current.offsetTop;
diff --git a/client/components/paginate/PaginatorPreview.test.tsx b/client/components/paginate/PaginatorPreview.test.tsx
index a0738b655..2cbd93ef5 100644
--- a/client/components/paginate/PaginatorPreview.test.tsx
+++ b/client/components/paginate/PaginatorPreview.test.tsx
@@ -1,7 +1,7 @@
-import React from "react";
 import { beforeEach, describe, expect, it } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render, screen } from "@testing-library/react";
 import PaginatorPreview from "./PaginatorPreview";
+import { act } from "react";
 
 describe("PaginatorPreview", () => {
     let props;
@@ -12,15 +12,22 @@ describe("PaginatorPreview", () => {
         };
     });
 
-    it("renders", () => {
-        const tree = renderer.create(<PaginatorPreview {...props} />).toJSON();
-        expect(tree).toMatchSnapshot();
-        expect(tree.children[0].props.className).toEqual("preview-image");
+    it("renders", async () => {
+        let container;
+        await act(async () => {
+            container = render(<PaginatorPreview {...props} />).container;
+        });
+        expect(container.innerHTML).toContain("preview-image");
+        expect(container).toMatchSnapshot();
     });
 
-    it("does not render image", () => {
+    it("does not render image", async () => {
         props.img = "";
-        const tree = renderer.create(<PaginatorPreview {...props} />).toJSON();
-        expect(JSON.stringify(tree).includes("preview-image")).toBeFalsy();
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<PaginatorPreview {...props} />).asFragment;
+        });
+        expect(screen.queryByRole("img")).not.toBeInTheDocument();
+        expect(asFragment).toMatchSnapshot();
     });
 });
diff --git a/client/components/paginate/PaginatorZoomy.test.tsx b/client/components/paginate/PaginatorZoomy.test.tsx
index 145809cca..23e284c24 100644
--- a/client/components/paginate/PaginatorZoomy.test.tsx
+++ b/client/components/paginate/PaginatorZoomy.test.tsx
@@ -1,7 +1,5 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render } from "@testing-library/react";
-import renderer from "react-test-renderer";
 import PaginatorZoomy from "./PaginatorZoomy";
 
 const mockInit = jest.fn();
@@ -23,8 +21,8 @@ describe("PaginatorZoomy", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<PaginatorZoomy {...props} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<PaginatorZoomy {...props} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("calls zoomy functions on initial state", () => {
diff --git a/client/components/paginate/PaginatorZoomy.tsx b/client/components/paginate/PaginatorZoomy.tsx
index 0acf393e5..e30a1fe75 100644
--- a/client/components/paginate/PaginatorZoomy.tsx
+++ b/client/components/paginate/PaginatorZoomy.tsx
@@ -7,7 +7,7 @@ interface PaginatorZoomyProps {
 }
 
 const PaginatorZoomy = ({ img }: PaginatorZoomyProps): React.ReactElement => {
-    const status = useRef();
+    const status = useRef(undefined);
     const initializeZoomy = () => {
         Zoomy.init(document.getElementById("zoomy"));
     };
diff --git a/client/components/paginate/Thumbnail.test.tsx b/client/components/paginate/Thumbnail.test.tsx
index a1b746aae..f68b19815 100644
--- a/client/components/paginate/Thumbnail.test.tsx
+++ b/client/components/paginate/Thumbnail.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import Thumbnail from "./Thumbnail";
 
 const mockUseJobPaginatorContext = jest.fn();
@@ -48,8 +46,8 @@ describe("Thumbnail", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<Thumbnail {...props} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<Thumbnail {...props} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders initial state and calls appropriate functions when selected", () => {
diff --git a/client/components/paginate/ZoomToggleButton.test.tsx b/client/components/paginate/ZoomToggleButton.test.tsx
index 1a4b10d8f..faea80543 100644
--- a/client/components/paginate/ZoomToggleButton.test.tsx
+++ b/client/components/paginate/ZoomToggleButton.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import ZoomToggleButton from "./ZoomToggleButton";
 
 describe("ZoomToggleButton", () => {
@@ -16,8 +14,8 @@ describe("ZoomToggleButton", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<ZoomToggleButton {...props} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<ZoomToggleButton {...props} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders correctly when zoom is off", () => {
diff --git a/client/components/paginate/__snapshots__/Category.test.tsx.snap b/client/components/paginate/__snapshots__/Category.test.tsx.snap
index 811429fee..401eee6be 100644
--- a/client/components/paginate/__snapshots__/Category.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/Category.test.tsx.snap
@@ -1,18 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Category renders 1`] = `
-<div
-  className="jobCategory"
->
-  <h2>
-    <button
-      className="btn-link"
-      onClick={[Function]}
-    >
-      [+]
-    </button>
-     
-    testCategory
-  </h2>
-</div>
+<DocumentFragment>
+  <div
+    class="jobCategory"
+  >
+    <h2>
+      <button
+        class="btn-link"
+      >
+        [+]
+      </button>
+       testCategory
+    </h2>
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/__snapshots__/Job.test.tsx.snap b/client/components/paginate/__snapshots__/Job.test.tsx.snap
index e05cd0df8..522bc6128 100644
--- a/client/components/paginate/__snapshots__/Job.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/Job.test.tsx.snap
@@ -1,9 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Job renders 1`] = `
-<li>
-  JobClickable
-   [] 
-  <br />
-</li>
+<DocumentFragment>
+  <li>
+    JobClickable [] 
+    <br />
+  </li>
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/__snapshots__/JobClickable.test.tsx.snap b/client/components/paginate/__snapshots__/JobClickable.test.tsx.snap
index 743a8a3b2..c967effb8 100644
--- a/client/components/paginate/__snapshots__/JobClickable.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/JobClickable.test.tsx.snap
@@ -1,12 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`JobClickable renders 1`] = `
-<a
-  href="/paginate/testCategory/testChildren"
-  onClick={[Function]}
-  onMouseEnter={[Function]}
-  onTouchStart={[Function]}
->
-  testChildren
-</a>
+<DocumentFragment>
+  <a
+    href="/paginate/testCategory/testChildren"
+  >
+    testChildren
+  </a>
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/__snapshots__/JobList.test.tsx.snap b/client/components/paginate/__snapshots__/JobList.test.tsx.snap
index 950c17885..cd890e86f 100644
--- a/client/components/paginate/__snapshots__/JobList.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/JobList.test.tsx.snap
@@ -1,7 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`JobList renders 1`] = `
-<ul>
-  <mock-job />
-</ul>
+<DocumentFragment>
+  <ul>
+    <mock-job />
+  </ul>
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/__snapshots__/JobPaginator.test.tsx.snap b/client/components/paginate/__snapshots__/JobPaginator.test.tsx.snap
index 1965d021b..33490e1cc 100644
--- a/client/components/paginate/__snapshots__/JobPaginator.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/JobPaginator.test.tsx.snap
@@ -1,16 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`JobPaginator renders 1`] = `
-[
+<DocumentFragment>
   <ul
-    className="breadcrumbs"
+    class="breadcrumbs"
   >
     <li>
       <a
         href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Main Menu
       </a>
@@ -18,34 +15,28 @@ exports[`JobPaginator renders 1`] = `
     <li>
       <a
         href="/paginate"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
       >
         Paginator
       </a>
     </li>
     <li>
-      testCategory
-       
-      testJob
+      testCategory testJob
     </li>
-  </ul>,
+  </ul>
   <div
-    className="MuiGrid-root MuiGrid-container css-11lq3yg-MuiGrid-root"
+    class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row css-d64g0g-MuiGrid-root"
     id="paginator"
   >
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 css-1osj8n2-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-6 css-1ml5fja-MuiGrid-root"
     >
       JobPaginatorZoomToggle
     </div>
     <div
-      className="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 css-1osj8n2-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-6 css-1ml5fja-MuiGrid-root"
     >
-      PaginatorControls
-      PaginatorList
+      PaginatorControlsPaginatorList
     </div>
-  </div>,
-]
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/__snapshots__/JobPaginatorZoomToggle.test.tsx.snap b/client/components/paginate/__snapshots__/JobPaginatorZoomToggle.test.tsx.snap
index 0b26ec9ea..6269431b3 100644
--- a/client/components/paginate/__snapshots__/JobPaginatorZoomToggle.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/JobPaginatorZoomToggle.test.tsx.snap
@@ -1,7 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`JobPaginatorZoomToggle renders preview not available 1`] = `
-<div>
-  Preview not available.
-</div>
+<DocumentFragment>
+  <div>
+    Preview not available.
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/__snapshots__/JobSelector.test.tsx.snap b/client/components/paginate/__snapshots__/JobSelector.test.tsx.snap
index c20810a2f..81d456756 100644
--- a/client/components/paginate/__snapshots__/JobSelector.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/JobSelector.test.tsx.snap
@@ -1,10 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`JobSelector renders 1`] = `
-[
-  "BasicBreadcrumbs",
+<DocumentFragment>
+  BasicBreadcrumbs
   <div
     id="jobSelector"
-  />,
-]
+  />
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/__snapshots__/MainMenu.test.tsx.snap b/client/components/paginate/__snapshots__/MainMenu.test.tsx.snap
index f49540dde..86e1777d9 100644
--- a/client/components/paginate/__snapshots__/MainMenu.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/MainMenu.test.tsx.snap
@@ -1,88 +1,75 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`MainMenu renders 1`] = `
-<div
-  className="main-menu"
->
-  <h1
-    className="main-menu-heading"
+<DocumentFragment>
+  <div
+    class="main-menu"
   >
-    VuDL Admin
-  </h1>
-  <h2
-    className="main-menu-core-functions-heading"
-  >
-    Core Functions
-  </h2>
-  <ul
-    className="main-menu-core-functions-list"
-  >
-    <li>
-      <a
-        href="/paginate"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
-      >
-        Job Paginator
-      </a>
-    </li>
-    <li>
-      <a
-        href="/edit"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
-      >
-        Object Editor
-      </a>
-    </li>
-  </ul>
-  <h2
-    className="main-menu-other-tools-heading"
-  >
-    Other Tools
-  </h2>
-  <ul
-    className="main-menu-other-tools-list"
-  >
-    <li>
-      <a
-        href="http://localhost:9000/queue"
-      >
-        Arena (Job Queue Manager)
-      </a>
-    </li>
-    <li>
-      <a
-        href="/bulk"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
-      >
-        Bulk Editor
-      </a>
-    </li>
-    <li>
-      <a
-        href="/pdf"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
-      >
-        PDF Generator
-      </a>
-    </li>
-    <li>
-      <a
-        href="/solr"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
-      >
-        Solr Indexer
-      </a>
-    </li>
-  </ul>
-</div>
+    <h1
+      class="main-menu-heading"
+    >
+      VuDL Admin
+    </h1>
+    <h2
+      class="main-menu-core-functions-heading"
+    >
+      Core Functions
+    </h2>
+    <ul
+      class="main-menu-core-functions-list"
+    >
+      <li>
+        <a
+          href="/paginate"
+        >
+          Job Paginator
+        </a>
+      </li>
+      <li>
+        <a
+          href="/edit"
+        >
+          Object Editor
+        </a>
+      </li>
+    </ul>
+    <h2
+      class="main-menu-other-tools-heading"
+    >
+      Other Tools
+    </h2>
+    <ul
+      class="main-menu-other-tools-list"
+    >
+      <li>
+        <a
+          href="http://localhost:9000/queue"
+        >
+          Arena (Job Queue Manager)
+        </a>
+      </li>
+      <li>
+        <a
+          href="/bulk"
+        >
+          Bulk Editor
+        </a>
+      </li>
+      <li>
+        <a
+          href="/pdf"
+        >
+          PDF Generator
+        </a>
+      </li>
+      <li>
+        <a
+          href="/solr"
+        >
+          Solr Indexer
+        </a>
+      </li>
+    </ul>
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/__snapshots__/PaginatorControlGroup.test.tsx.snap b/client/components/paginate/__snapshots__/PaginatorControlGroup.test.tsx.snap
index 47da63e62..7d53392a8 100644
--- a/client/components/paginate/__snapshots__/PaginatorControlGroup.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/PaginatorControlGroup.test.tsx.snap
@@ -1,14 +1,14 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PaginatorControlGroup renders 1`] = `
-<div
-  className="group"
-  id="testLabel"
->
-  <button
-    onClick={[Function]}
+<DocumentFragment>
+  <div
+    class="group"
+    id="testLabel"
   >
-    testChild
-  </button>
-</div>
+    <button>
+      testChild
+    </button>
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/__snapshots__/PaginatorList.test.tsx.snap b/client/components/paginate/__snapshots__/PaginatorList.test.tsx.snap
index e0e0b0ba7..2af3a3499 100644
--- a/client/components/paginate/__snapshots__/PaginatorList.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/PaginatorList.test.tsx.snap
@@ -1,9 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`PaginatorList renders a thumbnail 1`] = `
+<DocumentFragment>
+  <div
+    class="pageList"
+  >
+    Thumbnail
+  </div>
+</DocumentFragment>
+`;
+
 exports[`PaginatorList renders thumbnails for pages 1`] = `
-<div
-  className="pageList"
->
-  Thumbnail
-</div>
+<DocumentFragment>
+  <div
+    class="pageList"
+  >
+    Thumbnail
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/__snapshots__/PaginatorPreview.test.tsx.snap b/client/components/paginate/__snapshots__/PaginatorPreview.test.tsx.snap
index d590c30b3..333a5ce9d 100644
--- a/client/components/paginate/__snapshots__/PaginatorPreview.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/PaginatorPreview.test.tsx.snap
@@ -1,13 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`PaginatorPreview does not render image 1`] = `[Function]`;
+
 exports[`PaginatorPreview renders 1`] = `
-<div
-  className="preview"
->
-  <img
-    alt=""
-    className="preview-image"
-    src="testImage"
-  />
+<div>
+  <div
+    class="preview"
+  >
+    <img
+      alt=""
+      class="preview-image"
+      src="testImage"
+    />
+  </div>
 </div>
 `;
diff --git a/client/components/paginate/__snapshots__/PaginatorZoomy.test.tsx.snap b/client/components/paginate/__snapshots__/PaginatorZoomy.test.tsx.snap
index 524fced21..fd54bf6fd 100644
--- a/client/components/paginate/__snapshots__/PaginatorZoomy.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/PaginatorZoomy.test.tsx.snap
@@ -1,14 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PaginatorZoomy renders 1`] = `
-<div>
-  <div
-    id="zoomyStatus"
-  >
-    Loading...
+<DocumentFragment>
+  <div>
+    <div
+      id="zoomyStatus"
+    >
+      Loading...
+    </div>
+    <canvas
+      id="zoomy"
+    />
   </div>
-  <canvas
-    id="zoomy"
-  />
-</div>
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/__snapshots__/Thumbnail.test.tsx.snap b/client/components/paginate/__snapshots__/Thumbnail.test.tsx.snap
index 3003d7f42..78e3bacad 100644
--- a/client/components/paginate/__snapshots__/Thumbnail.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/Thumbnail.test.tsx.snap
@@ -1,21 +1,22 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Thumbnail renders 1`] = `
-<div
-  className="thumbnail selected"
-  onClick={[Function]}
->
-  <img
-    alt="thumbnail 1"
-    src="www.testurl.com"
-  />
+<DocumentFragment>
   <div
-    className="number"
+    class="thumbnail selected"
   >
-    2
+    <img
+      alt="thumbnail 1"
+      src="www.testurl.com"
+    />
+    <div
+      class="number"
+    >
+      2
+    </div>
+    <div
+      class="label magic"
+    />
   </div>
-  <div
-    className="label magic"
-  />
-</div>
+</DocumentFragment>
 `;
diff --git a/client/components/paginate/__snapshots__/ZoomToggleButton.test.tsx.snap b/client/components/paginate/__snapshots__/ZoomToggleButton.test.tsx.snap
index a23d63ebd..c63de4c4c 100644
--- a/client/components/paginate/__snapshots__/ZoomToggleButton.test.tsx.snap
+++ b/client/components/paginate/__snapshots__/ZoomToggleButton.test.tsx.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ZoomToggleButton renders 1`] = `
-<button
-  onClick={[MockFunction]}
->
-  Turn Zoom On
-</button>
+<DocumentFragment>
+  <button>
+    Turn Zoom On
+  </button>
+</DocumentFragment>
 `;
diff --git a/client/components/pdf/PdfGenerator.test.tsx b/client/components/pdf/PdfGenerator.test.tsx
index 85668dfe2..1047fec19 100644
--- a/client/components/pdf/PdfGenerator.test.tsx
+++ b/client/components/pdf/PdfGenerator.test.tsx
@@ -1,9 +1,7 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
-import { act } from "react-dom/test-utils";
+import { act } from "react";
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import PdfGenerator from "./PdfGenerator";
 
 const mockUseFetchContext = jest.fn();
@@ -25,12 +23,15 @@ describe("PdfGenerator", () => {
         mockUseFetchContext.mockReturnValue(fetchContextValues);
     });
 
-    it("renders", () => {
-        const tree = renderer.create(<PdfGenerator />).toJSON();
-        expect(tree).toMatchSnapshot();
+    it("renders", async () => {
+        let asFragment;
+        await act(async () => {
+            asFragment = render(<PdfGenerator />).asFragment;
+        });
+        expect(asFragment()).toMatchSnapshot();
     });
 
-    it("changes the pid input", () => {
+    it("changes the pid input", async () => {
         render(<PdfGenerator />);
         const input = screen.getByRole("textbox");
         fireEvent.change(input, {
diff --git a/client/components/pdf/__snapshots__/PdfGenerator.test.tsx.snap b/client/components/pdf/__snapshots__/PdfGenerator.test.tsx.snap
index f9227eb42..77123fad0 100644
--- a/client/components/pdf/__snapshots__/PdfGenerator.test.tsx.snap
+++ b/client/components/pdf/__snapshots__/PdfGenerator.test.tsx.snap
@@ -1,31 +1,31 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PdfGenerator renders 1`] = `
-<div>
-  BasicBreadcrumbs
-  <h1>
-    PDF Generator Tool
-  </h1>
-  <label>
-    PID: 
-    <input
-      id="pdfGeneratePid"
-      onChange={[Function]}
-      type="text"
-      value=""
+<DocumentFragment>
+  <div>
+    BasicBreadcrumbs
+    <h1>
+      PDF Generator Tool
+    </h1>
+    <label>
+      PID: 
+      <input
+        id="pdfGeneratePid"
+        type="text"
+        value=""
+      />
+    </label>
+    <button
+      id="pdfGenerateButton"
+    >
+      Generate
+    </button>
+    <h2>
+      Results:
+    </h2>
+    <pre
+      id="pdfGenerateResults"
     />
-  </label>
-  <button
-    id="pdfGenerateButton"
-    onClick={[Function]}
-  >
-    Generate
-  </button>
-  <h2>
-    Results:
-  </h2>
-  <pre
-    id="pdfGenerateResults"
-  />
-</div>
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/shared/BlurSavingTextField.test.tsx b/client/components/shared/BlurSavingTextField.test.tsx
index d08acc095..5420f9f27 100644
--- a/client/components/shared/BlurSavingTextField.test.tsx
+++ b/client/components/shared/BlurSavingTextField.test.tsx
@@ -1,10 +1,13 @@
-import React from "react";
-import { describe, beforeEach, expect, it } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { describe, beforeEach, expect, it, jest } from "@jest/globals";
+import { render, act } from "@testing-library/react";
 import BlurSavingTextField, { BlurSavingTextFieldProps } from "./BlurSavingTextField";
 
+const mockTextField = jest.fn();
 jest.mock("@mui/material/TextField", function () {
-    return (props) => "TextField: " + JSON.stringify(props);
+    return (props) => {
+        mockTextField(props);
+        return "TextField: " + JSON.stringify(props);
+    };
 });
 
 describe("BlurSavingTextField", () => {
@@ -24,34 +27,46 @@ describe("BlurSavingTextField", () => {
     });
 
     it("renders using the initial value", () => {
-        const tree = renderer.create(<BlurSavingTextField {...props} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<BlurSavingTextField {...props} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("updates the temporary internal value appropriately", () => {
-        const tree = renderer.create(<BlurSavingTextField {...props} />);
-        renderer.act(() => {
-            tree.root.children[0].props.onChange({ target: { value: "bar" } });
+        mockTextField.mockClear();
+        const { asFragment } = render(<BlurSavingTextField {...props} />);
+        expect(asFragment()).toMatchSnapshot();
+
+        // Trigger the onChange handler with a new value
+        const changeHandler = mockTextField.mock.calls[0][0].onChange;
+        act(() => {
+            changeHandler({ target: { value: "bar" } });
         });
-        expect(tree.toJSON()).toMatchSnapshot();
+
+        // The snapshot should show the updated temporary value
+        expect(asFragment()).toMatchSnapshot();
+
         // Even though the internal value has changed, the external hasn't (because
         // we didn't trigger blur yet):
         expect(value).toEqual("foo");
     });
 
     it("saves on blur", () => {
-        const tree = renderer.create(<BlurSavingTextField {...props} />);
-        renderer.act(() => {
-            tree.root.children[0].props.onBlur({ target: { value: "bar" } });
+        mockTextField.mockClear();
+        render(<BlurSavingTextField {...props} />);
+        const blurHandler = mockTextField.mock.calls[0][0].onBlur;
+        act(() => {
+            blurHandler({ target: { value: "bar" } });
         });
         expect(setterWasCalled).toEqual(true);
         expect(value).toEqual("bar");
     });
 
     it("doesn't call the save callback if nothing has changed", () => {
-        const tree = renderer.create(<BlurSavingTextField {...props} />);
-        renderer.act(() => {
-            tree.root.children[0].props.onBlur({ target: { value: "foo" } });
+        mockTextField.mockClear();
+        render(<BlurSavingTextField {...props} />);
+        const blurHandler = mockTextField.mock.calls[0][0].onBlur;
+        act(() => {
+            blurHandler({ target: { value: "foo" } });
         });
         expect(setterWasCalled).toEqual(false);
         expect(value).toEqual("foo");
diff --git a/client/components/shared/DatatypeContent.module.css b/client/components/shared/DatatypeContent.module.css
index fc9e60ecb..d922786bb 100644
--- a/client/components/shared/DatatypeContent.module.css
+++ b/client/components/shared/DatatypeContent.module.css
@@ -17,4 +17,4 @@
 .viewContentObject {
     width: 100%;
     min-height: 50vh;
-}
\ No newline at end of file
+}
diff --git a/client/components/shared/DatatypeContent.test.tsx b/client/components/shared/DatatypeContent.test.tsx
index cc30e5a1f..258ac55d0 100644
--- a/client/components/shared/DatatypeContent.test.tsx
+++ b/client/components/shared/DatatypeContent.test.tsx
@@ -1,6 +1,5 @@
-import React from "react";
 import { describe, beforeEach, expect, it } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import DatatypeContent from "./DatatypeContent";
 
 describe("DatatypeContent", () => {
@@ -15,36 +14,36 @@ describe("DatatypeContent", () => {
     it("renders img on image primaryType", () => {
         props.data = "test1";
         props.mimeType = "image/jpeg";
-        const tree = renderer.create(<DatatypeContent {...props} />);
 
-        expect(tree.toJSON()).toMatchSnapshot();
-        expect(tree.root.findByType("img")).toBeTruthy();
+        const { container, asFragment } = render(<DatatypeContent {...props} />);
+        expect(container.querySelector("img")).toBeTruthy();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders textarea on text primaryType", () => {
         props.data = "testXml";
         props.mimeType = "text/xml";
-        const tree = renderer.create(<DatatypeContent {...props} />);
 
-        expect(tree.toJSON()).toMatchSnapshot();
-        expect(tree.root.findByType("div").props.children).toContain(props.data);
+        const { container, asFragment } = render(<DatatypeContent {...props} />);
+        expect(container.querySelector("div")).toBeTruthy();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders object on application/pdf", () => {
         props.data = "testPdf";
         props.mimeType = "application/pdf";
-        const tree = renderer.create(<DatatypeContent {...props} />);
 
-        expect(tree.toJSON()).toMatchSnapshot();
-        expect(tree.root.findByType("object")).toBeTruthy();
+        const { container, asFragment } = render(<DatatypeContent {...props} />);
+        expect(container.querySelector("object")).toBeTruthy();
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("renders audio tag on audio primaryType", () => {
         props.data = "testAudio";
         props.mimeType = "audio/mpeg3";
-        const tree = renderer.create(<DatatypeContent {...props} />);
 
-        expect(tree.toJSON()).toMatchSnapshot();
-        expect(tree.root.findByType("audio")).toBeTruthy();
+        const { container, asFragment } = render(<DatatypeContent {...props} />);
+        expect(container.querySelector("audio")).toBeTruthy();
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/shared/GenericError.test.tsx b/client/components/shared/GenericError.test.tsx
index 18df9e5e4..e976484c1 100644
--- a/client/components/shared/GenericError.test.tsx
+++ b/client/components/shared/GenericError.test.tsx
@@ -1,13 +1,11 @@
-import React from "react";
 import { describe, expect, it } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import GenericError from "./GenericError";
 
 describe("GenericError", () => {
     it("renders", () => {
         const message = "Test error";
-        const tree = renderer.create(<GenericError message={message} />).toJSON();
-        expect(tree).toMatchSnapshot();
-        expect(JSON.stringify(tree).includes(message)).toBeTruthy();
+        const { asFragment } = render(<GenericError message={message} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/shared/__snapshots__/BlurSavingTextField.test.tsx.snap b/client/components/shared/__snapshots__/BlurSavingTextField.test.tsx.snap
index 458fe0041..bfcf8e72b 100644
--- a/client/components/shared/__snapshots__/BlurSavingTextField.test.tsx.snap
+++ b/client/components/shared/__snapshots__/BlurSavingTextField.test.tsx.snap
@@ -1,5 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`BlurSavingTextField renders using the initial value 1`] = `"TextField: {"value":"foo"}"`;
+exports[`BlurSavingTextField renders using the initial value 1`] = `
+<DocumentFragment>
+  TextField: {"value":"foo"}
+</DocumentFragment>
+`;
 
-exports[`BlurSavingTextField updates the temporary internal value appropriately 1`] = `"TextField: {"value":"bar"}"`;
+exports[`BlurSavingTextField updates the temporary internal value appropriately 1`] = `
+<DocumentFragment>
+  TextField: {"value":"foo"}
+</DocumentFragment>
+`;
+
+exports[`BlurSavingTextField updates the temporary internal value appropriately 2`] = `
+<DocumentFragment>
+  TextField: {"value":"bar"}
+</DocumentFragment>
+`;
diff --git a/client/components/shared/__snapshots__/DatatypeContent.test.tsx.snap b/client/components/shared/__snapshots__/DatatypeContent.test.tsx.snap
index 5c27bbfbe..d02f08d8e 100644
--- a/client/components/shared/__snapshots__/DatatypeContent.test.tsx.snap
+++ b/client/components/shared/__snapshots__/DatatypeContent.test.tsx.snap
@@ -1,42 +1,50 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DatatypeContent renders audio tag on audio primaryType 1`] = `
-<div
-  className="viewContentAudio MuiBox-root css-0"
->
-  <audio
-    autoPlay={true}
-    controls={true}
-    preload="auto"
+<DocumentFragment>
+  <div
+    class="viewContentAudio MuiBox-root css-0"
   >
-    <source
-      src="testAudio"
-      type="audio/mpeg3"
-    />
-  </audio>
-</div>
+    <audio
+      autoplay=""
+      controls=""
+      preload="auto"
+    >
+      <source
+        src="testAudio"
+        type="audio/mpeg3"
+      />
+    </audio>
+  </div>
+</DocumentFragment>
 `;
 
 exports[`DatatypeContent renders img on image primaryType 1`] = `
-<img
-  alt="Datastream Image"
-  className="viewContentImage"
-  src="test1"
-/>
+<DocumentFragment>
+  <img
+    alt="Datastream Image"
+    class="viewContentImage"
+    src="test1"
+  />
+</DocumentFragment>
 `;
 
 exports[`DatatypeContent renders object on application/pdf 1`] = `
-<object
-  className="viewContentObject"
-  data="testPdf"
-  type="application/pdf"
-/>
+<DocumentFragment>
+  <object
+    class="viewContentObject"
+    data="testPdf"
+    type="application/pdf"
+  />
+</DocumentFragment>
 `;
 
 exports[`DatatypeContent renders textarea on text primaryType 1`] = `
-<div
-  className="viewContentText MuiBox-root css-0"
->
-  testXml
-</div>
+<DocumentFragment>
+  <div
+    class="viewContentText MuiBox-root css-0"
+  >
+    testXml
+  </div>
+</DocumentFragment>
 `;
diff --git a/client/components/shared/__snapshots__/GenericError.test.tsx.snap b/client/components/shared/__snapshots__/GenericError.test.tsx.snap
index 26f4f6bf2..59611249c 100644
--- a/client/components/shared/__snapshots__/GenericError.test.tsx.snap
+++ b/client/components/shared/__snapshots__/GenericError.test.tsx.snap
@@ -1,53 +1,51 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`GenericError renders 1`] = `
-<div
-  className="MuiBox-root css-1ot2opo"
->
-  <svg
-    aria-hidden={true}
-    className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-exsomj-MuiSvgIcon-root"
-    data-testid="SentimentVeryDissatisfiedIcon"
-    focusable="false"
-    viewBox="0 0 24 24"
-  >
-    <circle
-      cx="15.5"
-      cy="9.5"
-      r="1.5"
-    />
-    <circle
-      cx="8.5"
-      cy="9.5"
-      r="1.5"
-    />
-    <path
-      d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-6c-2.33 0-4.32 1.45-5.12 3.5h1.67c.69-1.19 1.97-2 3.45-2s2.75.81 3.45 2h1.67c-.8-2.05-2.79-3.5-5.12-3.5z"
-    />
-  </svg>
-  <br />
+<DocumentFragment>
   <div
-    className="MuiBox-root css-1v5z18m"
+    class="MuiBox-root css-1ot2opo"
   >
-    <div
-      className="MuiBox-root css-1tq9rpv"
+    <svg
+      aria-hidden="true"
+      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1h02v5v-MuiSvgIcon-root"
+      data-testid="SentimentVeryDissatisfiedIcon"
+      focusable="false"
+      viewBox="0 0 24 24"
     >
-      A generic error occurred. Please return 
-      <a
-        href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-        onTouchStart={[Function]}
-      >
-        home.
-      </a>
-    </div>
+      <circle
+        cx="15.5"
+        cy="9.5"
+        r="1.5"
+      />
+      <circle
+        cx="8.5"
+        cy="9.5"
+        r="1.5"
+      />
+      <path
+        d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8m0-6c-2.33 0-4.32 1.45-5.12 3.5h1.67c.69-1.19 1.97-2 3.45-2s2.75.81 3.45 2h1.67c-.8-2.05-2.79-3.5-5.12-3.5"
+      />
+    </svg>
+    <br />
     <div
-      className="MuiBox-root css-14ocvhn"
+      class="MuiBox-root css-1v5z18m"
     >
-      Error details: 
-      Test error
+      <div
+        class="MuiBox-root css-1tq9rpv"
+      >
+        A generic error occurred. Please return 
+        <a
+          href="/"
+        >
+          home.
+        </a>
+      </div>
+      <div
+        class="MuiBox-root css-14ocvhn"
+      >
+        Error details: Test error
+      </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
diff --git a/client/components/solr/PidRangeIndexer.test.tsx b/client/components/solr/PidRangeIndexer.test.tsx
index 335b56d98..e71bbefd5 100644
--- a/client/components/solr/PidRangeIndexer.test.tsx
+++ b/client/components/solr/PidRangeIndexer.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { fireEvent, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import PidRangeIndexer from "./PidRangeIndexer";
 
 const mockUseFetchContext = jest.fn();
@@ -26,8 +24,8 @@ describe("PidRangeIndexer", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<PidRangeIndexer setResults={setResults} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<PidRangeIndexer setResults={setResults} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("submits appropriate JSON", async () => {
diff --git a/client/components/solr/SinglePidIndexer.test.tsx b/client/components/solr/SinglePidIndexer.test.tsx
index 2137b2d92..fcc0baa5b 100644
--- a/client/components/solr/SinglePidIndexer.test.tsx
+++ b/client/components/solr/SinglePidIndexer.test.tsx
@@ -1,8 +1,6 @@
-import React from "react";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { fireEvent, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import renderer from "react-test-renderer";
 import SinglePidIndexer from "./SinglePidIndexer";
 
 const mockUseFetchContext = jest.fn();
@@ -26,8 +24,8 @@ describe("SinglePidIndexer", () => {
     });
 
     it("renders", () => {
-        const tree = renderer.create(<SinglePidIndexer setResults={setResults} />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<SinglePidIndexer setResults={setResults} />);
+        expect(asFragment()).toMatchSnapshot();
     });
 
     it("changes the pid input", () => {
diff --git a/client/components/solr/SolrIndexer.test.tsx b/client/components/solr/SolrIndexer.test.tsx
index 4f056dbbb..a0707a316 100644
--- a/client/components/solr/SolrIndexer.test.tsx
+++ b/client/components/solr/SolrIndexer.test.tsx
@@ -1,6 +1,5 @@
-import React from "react";
 import { describe, expect, it, jest } from "@jest/globals";
-import renderer from "react-test-renderer";
+import { render } from "@testing-library/react";
 import SolrIndexer from "./SolrIndexer";
 
 jest.mock("./SinglePidIndexer", () => () => "SinglePidIndexer");
@@ -16,7 +15,7 @@ jest.mock("../../context/FetchContext", () => ({
 
 describe("SolrIndexer", () => {
     it("renders", () => {
-        const tree = renderer.create(<SolrIndexer />).toJSON();
-        expect(tree).toMatchSnapshot();
+        const { asFragment } = render(<SolrIndexer />);
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/client/components/solr/__snapshots__/PidRangeIndexer.test.tsx.snap b/client/components/solr/__snapshots__/PidRangeIndexer.test.tsx.snap
index b7f64a5cf..1d4680da1 100644
--- a/client/components/solr/__snapshots__/PidRangeIndexer.test.tsx.snap
+++ b/client/components/solr/__snapshots__/PidRangeIndexer.test.tsx.snap
@@ -1,38 +1,33 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PidRangeIndexer renders 1`] = `
-[
+<DocumentFragment>
   <label>
     Prefix:
     <input
       id="pidRangePrefix"
-      onChange={[Function]}
       type="text"
       value="vudl:"
     />
-  </label>,
+  </label>
   <label>
     From (number):
     <input
       id="pidRangeFrom"
-      onChange={[Function]}
       type="text"
       value=""
     />
-  </label>,
+  </label>
   <label>
     To (number): 
     <input
       id="pidRangeTo"
-      onChange={[Function]}
       type="text"
       value=""
     />
-  </label>,
-  <button
-    onClick={[Function]}
-  >
+  </label>
+  <button>
     Queue Range
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
diff --git a/client/components/solr/__snapshots__/SinglePidIndexer.test.tsx.snap b/client/components/solr/__snapshots__/SinglePidIndexer.test.tsx.snap
index 3c734f86f..66af90052 100644
--- a/client/components/solr/__snapshots__/SinglePidIndexer.test.tsx.snap
+++ b/client/components/solr/__snapshots__/SinglePidIndexer.test.tsx.snap
@@ -1,27 +1,24 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SinglePidIndexer renders 1`] = `
-[
+<DocumentFragment>
   <label>
     PID: 
     <input
       id="solrIndexPid"
-      onChange={[Function]}
       type="text"
       value=""
     />
-  </label>,
+  </label>
   <button
     id="solrIndexPreviewButton"
-    onClick={[Function]}
   >
     Preview
-  </button>,
+  </button>
   <button
     id="solrIndexIndexButton"
-    onClick={[Function]}
   >
     Index
-  </button>,
-]
+  </button>
+</DocumentFragment>
 `;
diff --git a/client/components/solr/__snapshots__/SolrIndexer.test.tsx.snap b/client/components/solr/__snapshots__/SolrIndexer.test.tsx.snap
index b49590037..988974aa5 100644
--- a/client/components/solr/__snapshots__/SolrIndexer.test.tsx.snap
+++ b/client/components/solr/__snapshots__/SolrIndexer.test.tsx.snap
@@ -1,158 +1,136 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SolrIndexer renders 1`] = `
-<div>
-  BasicBreadcrumbs
-  <h1>
-    Solr Index Tool
-  </h1>
-  <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
-  >
+<DocumentFragment>
+  <div>
+    BasicBreadcrumbs
+    <h1>
+      Solr Index Tool
+    </h1>
     <div
-      aria-expanded={false}
-      className="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-gutters css-1f773le-MuiButtonBase-root-MuiAccordionSummary-root"
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      role="button"
-      tabIndex={0}
+      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+      style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
     >
-      <div
-        className="MuiAccordionSummary-content MuiAccordionSummary-contentGutters css-eqpfi5-MuiAccordionSummary-content"
-      >
-        Index Single PID:
-      </div>
-      <div
-        className="MuiAccordionSummary-expandIconWrapper css-yw020d-MuiAccordionSummary-expandIconWrapper"
+      <h3
+        class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
       >
-        <svg
-          aria-hidden={true}
-          className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
-          data-testid="ExpandMoreIcon"
-          focusable="false"
-          viewBox="0 0 24 24"
+        <button
+          aria-expanded="false"
+          class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-gutters css-1f1pi2l-MuiButtonBase-root-MuiAccordionSummary-root"
+          tabindex="0"
+          type="button"
         >
-          <path
-            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-          />
-        </svg>
-      </div>
-    </div>
-    <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
-    >
+          <span
+            class="MuiAccordionSummary-content MuiAccordionSummary-contentGutters css-yfrx4k-MuiAccordionSummary-content"
+          >
+            Index Single PID:
+          </span>
+          <span
+            class="MuiAccordionSummary-expandIconWrapper css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
+          >
+            <svg
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
+              data-testid="ExpandMoreIcon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+              />
+            </svg>
+          </span>
+        </button>
+      </h3>
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+        style="min-height: 0px;"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
         >
           <div
-            className="MuiAccordion-region"
-            role="region"
+            class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordion-region css-at4ued-MuiAccordion-region"
+              role="region"
             >
-              SinglePidIndexer
+              <div
+                class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
+              >
+                SinglePidIndexer
+              </div>
             </div>
           </div>
         </div>
       </div>
     </div>
-  </div>
-  <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1086bdv-MuiPaper-root-MuiAccordion-root"
-  >
     <div
-      aria-expanded={false}
-      className="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-gutters css-1f773le-MuiButtonBase-root-MuiAccordionSummary-root"
-      onBlur={[Function]}
-      onClick={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      role="button"
-      tabIndex={0}
+      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded MuiAccordion-gutters css-1808mag-MuiPaper-root-MuiAccordion-root"
+      style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
     >
-      <div
-        className="MuiAccordionSummary-content MuiAccordionSummary-contentGutters css-eqpfi5-MuiAccordionSummary-content"
-      >
-        Index Range of PIDs:
-      </div>
-      <div
-        className="MuiAccordionSummary-expandIconWrapper css-yw020d-MuiAccordionSummary-expandIconWrapper"
+      <h3
+        class="MuiAccordion-heading css-cy7rkm-MuiAccordion-heading"
       >
-        <svg
-          aria-hidden={true}
-          className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
-          data-testid="ExpandMoreIcon"
-          focusable="false"
-          viewBox="0 0 24 24"
+        <button
+          aria-expanded="false"
+          class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-gutters css-1f1pi2l-MuiButtonBase-root-MuiAccordionSummary-root"
+          tabindex="0"
+          type="button"
         >
-          <path
-            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-          />
-        </svg>
-      </div>
-    </div>
-    <div
-      className="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-bz4dnt-MuiCollapse-root"
-      style={
-        {
-          "minHeight": "0px",
-        }
-      }
-    >
+          <span
+            class="MuiAccordionSummary-content MuiAccordionSummary-contentGutters css-yfrx4k-MuiAccordionSummary-content"
+          >
+            Index Range of PIDs:
+          </span>
+          <span
+            class="MuiAccordionSummary-expandIconWrapper css-1wqf3nl-MuiAccordionSummary-expandIconWrapper"
+          >
+            <svg
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
+              data-testid="ExpandMoreIcon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+              />
+            </svg>
+          </span>
+        </button>
+      </h3>
       <div
-        className="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+        class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-cwrbtg-MuiCollapse-root"
+        style="min-height: 0px;"
       >
         <div
-          className="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+          class="MuiCollapse-wrapper MuiCollapse-vertical css-1x6hinx-MuiCollapse-wrapper"
         >
           <div
-            className="MuiAccordion-region"
-            role="region"
+            class="MuiCollapse-wrapperInner MuiCollapse-vertical css-1i4ywhz-MuiCollapse-wrapperInner"
           >
             <div
-              className="MuiAccordionDetails-root css-15v22id-MuiAccordionDetails-root"
+              class="MuiAccordion-region css-at4ued-MuiAccordion-region"
+              role="region"
             >
-              PidRangeIndexer
+              <div
+                class="MuiAccordionDetails-root css-1lj39kh-MuiAccordionDetails-root"
+              >
+                PidRangeIndexer
+              </div>
             </div>
           </div>
         </div>
       </div>
     </div>
+    <h2>
+      Results:
+    </h2>
+    <pre
+      id="solrIndexResults"
+    />
   </div>
-  <h2>
-    Results:
-  </h2>
-  <pre
-    id="solrIndexResults"
-  />
-</div>
+</DocumentFragment>
 `;
diff --git a/client/context/DublinCoreMetadataContext.test.tsx b/client/context/DublinCoreMetadataContext.test.tsx
index f6a6c0f78..4b8409930 100644
--- a/client/context/DublinCoreMetadataContext.test.tsx
+++ b/client/context/DublinCoreMetadataContext.test.tsx
@@ -6,7 +6,9 @@ describe("useDublinCoreMetadataContext", () => {
     describe("setCurrentDublinCore", () => {
         it("sets the current Dublin Core", async () => {
             const dc = { "dc:title": ["foo"] };
-            const { result } = await renderHook(() => useDublinCoreMetadataContext(), { wrapper: DublinCoreMetadataContextProvider });
+            const { result } = await renderHook(() => useDublinCoreMetadataContext(), {
+                wrapper: DublinCoreMetadataContextProvider,
+            });
 
             expect(result.current.state.currentDublinCore).toEqual({});
 
@@ -19,33 +21,35 @@ describe("useDublinCoreMetadataContext", () => {
 
         it("allows value insertion above", async () => {
             const dc = { "dc:title": ["foo"] };
-            const { result } = await renderHook(() => useDublinCoreMetadataContext(), { wrapper: DublinCoreMetadataContextProvider });
+            const { result } = await renderHook(() => useDublinCoreMetadataContext(), {
+                wrapper: DublinCoreMetadataContextProvider,
+            });
 
             await act(async () => {
                 await result.current.action.setCurrentDublinCore(dc);
                 await result.current.action.addValueAbove("dc:title", 0, "bar");
             });
 
-            expect(result.current.state.currentDublinCore).toEqual(
-                { "dc:title": ["bar", "foo"] }
-            );
+            expect(result.current.state.currentDublinCore).toEqual({ "dc:title": ["bar", "foo"] });
         });
 
         it("allows value insertion below", async () => {
-            const { result } = await renderHook(() => useDublinCoreMetadataContext(), { wrapper: DublinCoreMetadataContextProvider });
+            const { result } = await renderHook(() => useDublinCoreMetadataContext(), {
+                wrapper: DublinCoreMetadataContextProvider,
+            });
 
             await act(async () => {
                 await result.current.action.replaceValue("dc:title", 0, "bar");
                 await result.current.action.addValueBelow("dc:title", 0, "foo");
             });
 
-            expect(result.current.state.currentDublinCore).toEqual(
-                { "dc:title": ["bar", "foo"] }
-            );
+            expect(result.current.state.currentDublinCore).toEqual({ "dc:title": ["bar", "foo"] });
         });
 
         it("allows value deletion", async () => {
-            const { result } = await renderHook(() => useDublinCoreMetadataContext(), { wrapper: DublinCoreMetadataContextProvider });
+            const { result } = await renderHook(() => useDublinCoreMetadataContext(), {
+                wrapper: DublinCoreMetadataContextProvider,
+            });
 
             await act(async () => {
                 await result.current.action.replaceValue("dc:title", 0, "bar");
@@ -53,36 +57,30 @@ describe("useDublinCoreMetadataContext", () => {
                 await result.current.action.deleteValue("dc:title", 0);
             });
 
-            expect(result.current.state.currentDublinCore).toEqual(
-                { "dc:title": ["foo"] }
-            );
+            expect(result.current.state.currentDublinCore).toEqual({ "dc:title": ["foo"] });
         });
 
         it("allows value merging", async () => {
-            const { result } = await renderHook(() => useDublinCoreMetadataContext(), { wrapper: DublinCoreMetadataContextProvider });
+            const { result } = await renderHook(() => useDublinCoreMetadataContext(), {
+                wrapper: DublinCoreMetadataContextProvider,
+            });
 
             await act(async () => {
-                await result.current.action.mergeValues(
-                    {
-                        "dc:title": ["foo"],
-                        "dc:description": ["desc 1"]
-                    }
-                );
-                await result.current.action.mergeValues(
-                    {
-                        "dc:id": ["bar"],
-                        "dc:description": ["desc 2"]
-                    }
-                );
+                await result.current.action.mergeValues({
+                    "dc:title": ["foo"],
+                    "dc:description": ["desc 1"],
+                });
+                await result.current.action.mergeValues({
+                    "dc:id": ["bar"],
+                    "dc:description": ["desc 2"],
+                });
             });
 
-            expect(result.current.state.currentDublinCore).toEqual(
-                {
-                    "dc:id": ["bar"],
-                    "dc:title": ["foo"],
-                    "dc:description": ["desc 1", "desc 2"],
-                }
-            );
+            expect(result.current.state.currentDublinCore).toEqual({
+                "dc:id": ["bar"],
+                "dc:title": ["foo"],
+                "dc:description": ["desc 1", "desc 2"],
+            });
         });
     });
 });
diff --git a/client/context/DublinCoreMetadataContext.tsx b/client/context/DublinCoreMetadataContext.tsx
index 6efbafc20..b30b96061 100644
--- a/client/context/DublinCoreMetadataContext.tsx
+++ b/client/context/DublinCoreMetadataContext.tsx
@@ -1,6 +1,4 @@
 import React, { createContext, useContext, useReducer } from "react";
-import PropTypes from "prop-types";
-import { constants } from "buffer";
 
 export interface DublinCoreMetadata {
     currentDublinCore: Record<string, Array<string>>;
@@ -42,34 +40,51 @@ const incrementKeyCounters = (keyCounter: Record<string, number>, fields: Array<
     };
 };
 
-const addAbove = (dublinCore: Record<string, Array<string>>, field: string, index: number, value: string): Record<string, Array<string>> => {
+const addAbove = (
+    dublinCore: Record<string, Array<string>>,
+    field: string,
+    index: number,
+    value: string,
+): Record<string, Array<string>> => {
     const current = (dublinCore[field] ?? []).slice(0);
     current.splice(index, 0, value);
     return {
         ...dublinCore,
         [field]: current,
-    }
+    };
 };
 
-const addBelow = (dublinCore: Record<string, Array<string>>, field: string, index: number, value: string): Record<string, Array<string>> => {
+const addBelow = (
+    dublinCore: Record<string, Array<string>>,
+    field: string,
+    index: number,
+    value: string,
+): Record<string, Array<string>> => {
     const current = (dublinCore[field] ?? []).slice(0);
     current.splice(index + 1, 0, value);
     return {
         ...dublinCore,
         [field]: current,
-    }
+    };
 };
 
-const deleteValue = (dublinCore: Record<string, Array<string>>, field: string, index: number): Record<string, Array<string>> => {
+const deleteValue = (
+    dublinCore: Record<string, Array<string>>,
+    field: string,
+    index: number,
+): Record<string, Array<string>> => {
     const current = (dublinCore[field] ?? []).slice(0);
     current.splice(index, 1);
     return {
         ...dublinCore,
         [field]: current,
-    }
+    };
 };
 
-const mergeValues = (existing: Record<string, Array<string>>, newValues: Record<string, Array<string>>): Record<string, Array<string>> => {
+const mergeValues = (
+    existing: Record<string, Array<string>>,
+    newValues: Record<string, Array<string>>,
+): Record<string, Array<string>> => {
     const allFields = new Set([...Object.keys(existing), ...Object.keys(newValues)]);
     const merged: Record<string, Array<string>> = {};
     allFields.forEach((field) => {
@@ -78,115 +93,126 @@ const mergeValues = (existing: Record<string, Array<string>>, newValues: Record<
     return merged;
 };
 
-const replaceValue = (dublinCore: Record<string, Array<string>>, field: string, index: number, value: string): Record<string, Array<string>> => {
+const replaceValue = (
+    dublinCore: Record<string, Array<string>>,
+    field: string,
+    index: number,
+    value: string,
+): Record<string, Array<string>> => {
     const current = (dublinCore[field] ?? []).slice(0);
     current[index] = value;
     return {
         ...dublinCore,
         [field]: current,
-    }
+    };
 };
 
-const dublinCoreMetadataReducer = (state: DublinCoreMetadata, { type, payload }: { type: string, payload: unknown }) => {
+const dublinCoreMetadataReducer = (
+    state: DublinCoreMetadata,
+    { type, payload }: { type: string; payload: unknown },
+) => {
     if (type === "ADD_VALUE_ABOVE") {
-        const { field, index, value } = payload as { field: string, index: number, value: string };
+        const { field, index, value } = payload as { field: string; index: number; value: string };
         return {
             ...state,
             keyCounter: incrementKeyCounter(state.keyCounter, field),
             currentDublinCore: addAbove(state.currentDublinCore, field, index, value),
-        }
+        };
     } else if (type === "ADD_VALUE_BELOW") {
-        const { field, index, value } = payload as { field: string, index: number, value: string };
+        const { field, index, value } = payload as { field: string; index: number; value: string };
         return {
             ...state,
             keyCounter: incrementKeyCounter(state.keyCounter, field),
             currentDublinCore: addBelow(state.currentDublinCore, field, index, value),
-        }
+        };
     } else if (type === "DELETE_VALUE") {
-        const { field, index } = payload as { field: string, index: number };
+        const { field, index } = payload as { field: string; index: number };
         return {
             ...state,
             keyCounter: incrementKeyCounter(state.keyCounter, field),
             currentDublinCore: deleteValue(state.currentDublinCore, field, index),
-        }
+        };
     } else if (type === "MERGE_VALUES") {
-        const { field, index } = payload as { field: string, index: number };
         return {
             ...state,
             keyCounter: incrementKeyCounters(state.keyCounter, Object.keys(payload)),
             currentDublinCore: mergeValues(state.currentDublinCore, payload),
-        }
+        };
     } else if (type === "REPLACE_VALUE") {
-        const { field, index, value } = payload as { field: string, index: number, value: string };
+        const { field, index, value } = payload as { field: string; index: number; value: string };
         return {
             ...state,
             // We don't need to refresh the key counter in this scenario, because the number of
             // fields is not changing.
             currentDublinCore: replaceValue(state.currentDublinCore, field, index, value),
-        }
-    } else if(Object.keys(reducerMapping).includes(type)) {
+        };
+    } else if (Object.keys(reducerMapping).includes(type)) {
         return {
             ...state,
-            [reducerMapping[type]]: payload
+            [reducerMapping[type]]: payload,
         };
     }
     console.error(`processMetadata action type: ${type} does not exist`);
     return state;
 };
 
-export const DublinCoreMetadataContextProvider = ({ children }) => {
+interface DublinCoreMetadataContextProviderProps {
+    children?: React.ReactNode;
+}
+
+export const DublinCoreMetadataContextProvider = ({ children }: DublinCoreMetadataContextProviderProps) => {
     const [state, dispatch] = useReducer(dublinCoreMetadataReducer, dublinCoreContextParams);
     const value = { state, dispatch };
     return <DublinCoreMetadataContext.Provider value={value}>{children}</DublinCoreMetadataContext.Provider>;
 };
 
 export const useDublinCoreMetadataContext = () => {
-    const {
-        state,
-        dispatch,
-    } = useContext(DublinCoreMetadataContext) as { state: DublinCoreMetadata, dispatch: (params: unknown) => void };
+    const { state, dispatch } = useContext(DublinCoreMetadataContext) as {
+        state: DublinCoreMetadata;
+        dispatch: (params: unknown) => void;
+    };
 
     const setCurrentDublinCore = (dc: Record<string, Array<string>>) => {
         dispatch({
             type: "SET_CURRENT_DUBLIN_CORE",
-            payload: dc
+            payload: dc,
         });
     };
 
     const addValueAbove = (field: string, index: number, value: string): void => {
         dispatch({
             type: "ADD_VALUE_ABOVE",
-            payload: { field, index, value }
+            payload: { field, index, value },
         });
-    }
+    };
 
     const addValueBelow = (field: string, index: number, value: string): void => {
         dispatch({
             type: "ADD_VALUE_BELOW",
-            payload: { field, index, value }
+            payload: { field, index, value },
         });
-    }
+    };
 
     const deleteValue = (field: string, index: number): void => {
         dispatch({
             type: "DELETE_VALUE",
-            payload: { field, index }
+            payload: { field, index },
         });
-    }
+    };
 
     const mergeValues = (dc: Record<string, Array<string>>) => {
         dispatch({
             type: "MERGE_VALUES",
-            payload: dc
+            payload: dc,
         });
     };
 
     const replaceValue = (field: string, index: number, value: string): void => {
         dispatch({
             type: "REPLACE_VALUE",
-            payload: { field, index, value }
+            payload: { field, index, value },
         });
-    }
+    };
 
     return {
         state,
@@ -201,8 +227,4 @@ export const useDublinCoreMetadataContext = () => {
     };
 };
 
-DublinCoreMetadataContextProvider.propTypes = {
-    children: PropTypes.node,
-};
-
 export default { DublinCoreMetadataContextProvider, useDublinCoreMetadataContext };
diff --git a/client/context/EditorContext.test.tsx b/client/context/EditorContext.test.tsx
index f28e24e94..e8593b267 100644
--- a/client/context/EditorContext.test.tsx
+++ b/client/context/EditorContext.test.tsx
@@ -12,15 +12,13 @@ jest.mock("./FetchContext", () => ({
 describe("useEditorContext", () => {
     let fetchValues: Record<string, Record<string, () => unknown>>;
     beforeEach(() => {
-        fetchValues =  {
+        fetchValues = {
             action: {
                 fetchJSON: jest.fn(),
                 fetchText: jest.fn(),
-            }
+            },
         };
-        mockUseFetchContext.mockReturnValue(
-            fetchValues
-        );
+        mockUseFetchContext.mockReturnValue(fetchValues);
     });
 
     afterEach(() => {
@@ -28,7 +26,7 @@ describe("useEditorContext", () => {
     });
     describe("setCurrentAgents", () => {
         it("sets the current agents", async () => {
-            const agents = [{ role: "test1", type: "test2", name: "test3", notes: [ "test4" ]}];
+            const agents = [{ role: "test1", type: "test2", name: "test3", notes: ["test4"] }];
             const { result } = await renderHook(() => useEditorContext(), { wrapper: EditorContextProvider });
 
             expect(result.current.state.currentAgents).toHaveLength(0);
@@ -104,7 +102,13 @@ describe("useEditorContext", () => {
             const favoritePids = { pid: "foo" };
             const agents = { agent: "bar" };
             const dublinCoreFields = { field: "xyzzy" };
-            fetchValues.action.fetchJSON.mockResolvedValue({ models, licenses, favoritePids, agents, dublinCoreFields });
+            fetchValues.action.fetchJSON.mockResolvedValue({
+                models,
+                licenses,
+                favoritePids,
+                agents,
+                dublinCoreFields,
+            });
             const { result } = await renderHook(() => useEditorContext(), { wrapper: EditorContextProvider });
 
             await act(async () => {
@@ -164,11 +168,11 @@ describe("useEditorContext", () => {
                         datastreams: {
                             THUMBNAIL: {
                                 allowedType: "image",
-                                allowedSubtypes: "jpeg,gif,png"
-                            }
-                        }
-                    }
-                }
+                                allowedSubtypes: "jpeg,gif,png",
+                            },
+                        },
+                    },
+                },
             });
 
             await act(async () => {
@@ -176,9 +180,7 @@ describe("useEditorContext", () => {
             });
 
             fetchValues.action.fetchJSON.mockResolvedValueOnce({
-                models: [
-                    "vudl-system:CoreModel"
-                ]
+                models: ["vudl-system:CoreModel"],
             });
 
             await act(async () => {
@@ -226,6 +228,7 @@ describe("useEditorContext", () => {
             });
             await result.current.action.loadCurrentObjectDetails();
             await waitFor(() => expect(fetchValues.action.fetchJSON).toHaveBeenCalled());
+            await waitFor(() => expect(result.current.state.objectDetailsStorage).toHaveProperty("test:123"));
             expect(result.current.action.extractFirstMetadataValue("field", "default")).toEqual("foo");
         });
     });
@@ -246,7 +249,9 @@ describe("useEditorContext", () => {
             });
             expect(Object.keys(result.current.state.objectDetailsStorage)).toEqual(["test:123"]);
             expect(fetchValues.action.fetchJSON).toHaveBeenCalledTimes(1);
-            expect(fetchValues.action.fetchJSON).toHaveBeenCalledWith("http://localhost:9000/api/edit/object/test%3A123/details");
+            expect(fetchValues.action.fetchJSON).toHaveBeenCalledWith(
+                "http://localhost:9000/api/edit/object/test%3A123/details",
+            );
         });
 
         it("ignores null pids", async () => {
@@ -260,14 +265,18 @@ describe("useEditorContext", () => {
         });
 
         it("handles exceptions", async () => {
-            const fetchSpy = jest.spyOn(fetchValues.action, "fetchJSON").mockImplementation(() => { throw new Error("kaboom"); });
+            const fetchSpy = jest.spyOn(fetchValues.action, "fetchJSON").mockImplementation(() => {
+                throw new Error("kaboom");
+            });
             const consoleSpy = jest.spyOn(console, "error").mockImplementation(jest.fn());
             const { result } = await renderHook(() => useEditorContext(), { wrapper: EditorContextProvider });
             await act(async () => {
                 await result.current.action.loadObjectDetailsIntoStorage("test:123");
             });
             expect(fetchSpy).toHaveBeenCalledTimes(1);
-            expect(consoleSpy).toHaveBeenCalledWith("Problem fetching details from http://localhost:9000/api/edit/object/test%3A123/details");
+            expect(consoleSpy).toHaveBeenCalledWith(
+                "Problem fetching details from http://localhost:9000/api/edit/object/test%3A123/details",
+            );
         });
     });
 
@@ -280,7 +289,11 @@ describe("useEditorContext", () => {
                 await result.current.action.loadObjectDetailsIntoStorage("test:124");
                 await result.current.action.loadObjectDetailsIntoStorage("test:125");
             });
-            expect(Object.keys(result.current.state.objectDetailsStorage)).toEqual(["test:123", "test:124", "test:125"]);
+            expect(Object.keys(result.current.state.objectDetailsStorage)).toEqual([
+                "test:123",
+                "test:124",
+                "test:125",
+            ]);
             await act(async () => {
                 await result.current.action.removeFromObjectDetailsStorage("test:124");
             });
@@ -297,18 +310,24 @@ describe("useEditorContext", () => {
             });
             expect(Object.keys(result.current.state.childCountsStorage)).toEqual(["test:123"]);
             expect(fetchValues.action.fetchJSON).toHaveBeenCalledTimes(1);
-            expect(fetchValues.action.fetchJSON).toHaveBeenCalledWith("http://localhost:9000/api/edit/object/test%3A123/childCounts");
+            expect(fetchValues.action.fetchJSON).toHaveBeenCalledWith(
+                "http://localhost:9000/api/edit/object/test%3A123/childCounts",
+            );
         });
 
         it("handles exceptions", async () => {
-            const fetchSpy = jest.spyOn(fetchValues.action, "fetchJSON").mockImplementation(() => { throw new Error("kaboom"); });
+            const fetchSpy = jest.spyOn(fetchValues.action, "fetchJSON").mockImplementation(() => {
+                throw new Error("kaboom");
+            });
             const consoleSpy = jest.spyOn(console, "error").mockImplementation(jest.fn());
             const { result } = await renderHook(() => useEditorContext(), { wrapper: EditorContextProvider });
             await act(async () => {
                 await result.current.action.loadChildCountsIntoStorage("test:123");
             });
             expect(fetchSpy).toHaveBeenCalledTimes(1);
-            expect(consoleSpy).toHaveBeenCalledWith("Problem fetching child count data from http://localhost:9000/api/edit/object/test%3A123/childCounts");
+            expect(consoleSpy).toHaveBeenCalledWith(
+                "Problem fetching child count data from http://localhost:9000/api/edit/object/test%3A123/childCounts",
+            );
         });
     });
 
@@ -321,18 +340,24 @@ describe("useEditorContext", () => {
             });
             expect(Object.keys(result.current.state.childListStorage)).toEqual(["test:123_1_10"]);
             expect(fetchValues.action.fetchJSON).toHaveBeenCalledTimes(1);
-            expect(fetchValues.action.fetchJSON).toHaveBeenCalledWith("http://localhost:9000/api/edit/object/test%3A123/children?start=0&rows=10");
+            expect(fetchValues.action.fetchJSON).toHaveBeenCalledWith(
+                "http://localhost:9000/api/edit/object/test%3A123/children?start=0&rows=10",
+            );
         });
 
         it("handles exceptions", async () => {
-            const fetchSpy = jest.spyOn(fetchValues.action, "fetchJSON").mockImplementation(() => { throw new Error("kaboom"); });
+            const fetchSpy = jest.spyOn(fetchValues.action, "fetchJSON").mockImplementation(() => {
+                throw new Error("kaboom");
+            });
             const consoleSpy = jest.spyOn(console, "error").mockImplementation(jest.fn());
             const { result } = await renderHook(() => useEditorContext(), { wrapper: EditorContextProvider });
             await act(async () => {
                 await result.current.action.loadChildrenIntoStorage("test:123", 1, 10);
             });
             expect(fetchSpy).toHaveBeenCalledTimes(1);
-            expect(consoleSpy).toHaveBeenCalledWith("Problem fetching tree data from http://localhost:9000/api/edit/object/test%3A123/children?start=0&rows=10");
+            expect(consoleSpy).toHaveBeenCalledWith(
+                "Problem fetching tree data from http://localhost:9000/api/edit/object/test%3A123/children?start=0&rows=10",
+            );
         });
     });
 
@@ -345,7 +370,11 @@ describe("useEditorContext", () => {
                 await result.current.action.loadChildrenIntoStorage("test:123", 11, 10);
                 await result.current.action.loadChildrenIntoStorage("test:1234", 1, 10);
             });
-            expect(Object.keys(result.current.state.childListStorage)).toEqual(["test:123_1_10", "test:123_11_10", "test:1234_1_10"]);
+            expect(Object.keys(result.current.state.childListStorage)).toEqual([
+                "test:123_1_10",
+                "test:123_11_10",
+                "test:1234_1_10",
+            ]);
             await act(async () => {
                 await result.current.action.clearPidFromChildListStorage("test:123");
             });
@@ -404,7 +433,9 @@ describe("useEditorContext", () => {
                 await result.current.action.loadParentDetailsIntoStorage("test:123", false, callback);
             });
             expect(callback).toHaveBeenCalledWith("test:123");
-            expect(errorSpy).toHaveBeenCalledWith("Problem fetching parent details from http://localhost:9000/api/edit/object/test%3A123/parents");
+            expect(errorSpy).toHaveBeenCalledWith(
+                "Problem fetching parent details from http://localhost:9000/api/edit/object/test%3A123/parents",
+            );
         });
     });
 
@@ -434,7 +465,11 @@ describe("useEditorContext", () => {
                 await result.current.action.loadParentDetailsIntoStorage("test:124");
                 await result.current.action.loadParentDetailsIntoStorage("test:125");
             });
-            expect(Object.keys(result.current.state.parentDetailsStorage)).toEqual(["test:123", "test:124", "test:125"]);
+            expect(Object.keys(result.current.state.parentDetailsStorage)).toEqual([
+                "test:123",
+                "test:124",
+                "test:125",
+            ]);
             await act(async () => {
                 await result.current.action.removeFromParentDetailsStorage("test:124");
             });
@@ -450,7 +485,7 @@ describe("useEditorContext", () => {
             // Load an object into storage so we can test that it gets cleared out after updates:
             const fakeObjectDetails = { foo: "bar" };
             fetchValues.action.fetchJSON.mockResolvedValue(fakeObjectDetails);
-            await act(async() => {
+            await act(async () => {
                 await result.current.action.loadObjectDetailsIntoStorage(pid);
             });
             expect(result.current.state.objectDetailsStorage[pid]).toEqual(fakeObjectDetails);
@@ -461,7 +496,10 @@ describe("useEditorContext", () => {
                 updateResult = await result.current.action.updateObjectState(pid, "Active", 0, statusCallback);
             });
             expect(statusCallback).toHaveBeenCalledWith("Saving status for test:123 (0 more remaining)...");
-            expect(fetchValues.action.fetchText).toHaveBeenCalledWith("http://localhost:9000/api/edit/object/test%3A123/state", {"body": "Active", "method": "PUT"});
+            expect(fetchValues.action.fetchText).toHaveBeenCalledWith(
+                "http://localhost:9000/api/edit/object/test%3A123/state",
+                { body: "Active", method: "PUT" },
+            );
             expect(updateResult).toEqual(["Status saved successfully.", "success"]);
             // Object storage should now be empty due to clearing of changed data:
             expect(result.current.state.objectDetailsStorage).toEqual({});
@@ -476,8 +514,11 @@ describe("useEditorContext", () => {
                 updateResult = await result.current.action.updateObjectState(pid, "Active", 0, statusCallback);
             });
             expect(statusCallback).toHaveBeenCalledWith("Saving status for test:123 (0 more remaining)...");
-            expect(fetchValues.action.fetchText).toHaveBeenCalledWith("http://localhost:9000/api/edit/object/test%3A123/state", {"body": "Active", "method": "PUT"});
-            expect(updateResult).toEqual(["Status failed to save; \"not ok\"", "error"]);
+            expect(fetchValues.action.fetchText).toHaveBeenCalledWith(
+                "http://localhost:9000/api/edit/object/test%3A123/state",
+                { body: "Active", method: "PUT" },
+            );
+            expect(updateResult).toEqual(['Status failed to save; "not ok"', "error"]);
         });
 
         it("handles child save failure gracefully", async () => {
@@ -496,7 +537,7 @@ describe("useEditorContext", () => {
             });
             expect(statusCallback).toHaveBeenCalledTimes(1);
             expect(statusCallback).toHaveBeenCalledWith("Saving status for foo:125 (1 more remaining)...");
-            expect(updateResult.message).toEqual("Status failed to save; \"not ok\"");
+            expect(updateResult.message).toEqual('Status failed to save; "not ok"');
         });
 
         it("updates children correctly", async () => {
@@ -511,7 +552,10 @@ describe("useEditorContext", () => {
             expect(statusCallback).toHaveBeenCalledTimes(2);
             expect(statusCallback).toHaveBeenCalledWith("Saving status for foo:125 (1 more remaining)...");
             expect(statusCallback).toHaveBeenCalledWith("Saving status for test:123 (0 more remaining)...");
-            expect(fetchValues.action.fetchText).toHaveBeenCalledWith("http://localhost:9000/api/edit/object/test%3A123/state", {"body": "Active", "method": "PUT"});
+            expect(fetchValues.action.fetchText).toHaveBeenCalledWith(
+                "http://localhost:9000/api/edit/object/test%3A123/state",
+                { body: "Active", method: "PUT" },
+            );
             expect(updateResult).toEqual(["Status saved successfully.", "success"]);
             // Object storage should now be empty due to clearing of changed data:
             expect(result.current.state.objectDetailsStorage).toEqual({});
@@ -528,19 +572,19 @@ describe("useEditorContext", () => {
             // Load data into storage so we can test that it gets cleared out after updates:
             const fakeObjectDetails = { foo: "bar" };
             fetchValues.action.fetchJSON.mockResolvedValue(fakeObjectDetails);
-            await act(async() => {
+            await act(async () => {
                 await result.current.action.loadObjectDetailsIntoStorage(pid);
             });
             expect(result.current.state.objectDetailsStorage[pid]).toEqual(fakeObjectDetails);
             const fakeParentDetails = ["foo", "bar"];
             fetchValues.action.fetchJSON.mockResolvedValue(fakeParentDetails);
-            await act(async() => {
+            await act(async () => {
                 await result.current.action.loadParentDetailsIntoStorage(pid);
             });
             expect(result.current.state.parentDetailsStorage[pid]["full"]).toEqual(fakeParentDetails);
             const fakeChildPage = ["boop"];
             fetchValues.action.fetchJSON.mockResolvedValue(fakeChildPage);
-            await act(async() => {
+            await act(async () => {
                 await result.current.action.loadChildrenIntoStorage("foo:122", 1, 1);
             });
             const expectedKey = result.current.action.getChildListStorageKey("foo:122", 1, 1);
@@ -590,19 +634,19 @@ describe("useEditorContext", () => {
             // Load data into storage so we can test that it gets cleared out after updates:
             const fakeObjectDetails = { foo: "bar" };
             fetchValues.action.fetchJSON.mockResolvedValue(fakeObjectDetails);
-            await act(async() => {
+            await act(async () => {
                 await result.current.action.loadObjectDetailsIntoStorage(pid);
             });
             expect(result.current.state.objectDetailsStorage[pid]).toEqual(fakeObjectDetails);
             const fakeParentDetails = ["foo", "bar"];
             fetchValues.action.fetchJSON.mockResolvedValue(fakeParentDetails);
-            await act(async() => {
+            await act(async () => {
                 await result.current.action.loadParentDetailsIntoStorage(pid);
             });
             expect(result.current.state.parentDetailsStorage[pid]["full"]).toEqual(fakeParentDetails);
             const fakeChildPage = ["boop"];
             fetchValues.action.fetchJSON.mockResolvedValue(fakeChildPage);
-            await act(async() => {
+            await act(async () => {
                 await result.current.action.loadChildrenIntoStorage("foo:122", 1, 1);
             });
             const expectedKey = result.current.action.getChildListStorageKey("foo:122", 1, 1);
@@ -652,19 +696,19 @@ describe("useEditorContext", () => {
             // Load data into storage so we can test that it gets cleared out after updates:
             const fakeObjectDetails = { foo: "bar" };
             fetchValues.action.fetchJSON.mockResolvedValue(fakeObjectDetails);
-            await act(async() => {
+            await act(async () => {
                 await result.current.action.loadObjectDetailsIntoStorage(pid);
             });
             expect(result.current.state.objectDetailsStorage[pid]).toEqual(fakeObjectDetails);
             const fakeParentDetails = ["foo", "bar"];
             fetchValues.action.fetchJSON.mockResolvedValue(fakeParentDetails);
-            await act(async() => {
+            await act(async () => {
                 await result.current.action.loadParentDetailsIntoStorage(pid);
             });
             expect(result.current.state.parentDetailsStorage[pid]["full"]).toEqual(fakeParentDetails);
             const fakeChildPage = ["boop"];
             fetchValues.action.fetchJSON.mockResolvedValue(fakeChildPage);
-            await act(async() => {
+            await act(async () => {
                 await result.current.action.loadChildrenIntoStorage("foo:122", 1, 1);
             });
             const expectedKey = result.current.action.getChildListStorageKey("foo:122", 1, 1);
diff --git a/client/context/EditorContext.tsx b/client/context/EditorContext.tsx
index 56fac37ee..94f1cf475 100644
--- a/client/context/EditorContext.tsx
+++ b/client/context/EditorContext.tsx
@@ -21,12 +21,12 @@ export interface ObjectDetails {
     pid: string;
     sortOn: string;
     state: string;
-};
+}
 
 interface ChildrenResultPage {
     numFound?: number;
     start?: number;
-    docs?: Record<string, string|string[]>[];
+    docs?: Record<string, string | string[]>[];
 }
 
 export interface FedoraDatastream {
@@ -53,14 +53,14 @@ export interface ChildCounts {
 interface EditorState {
     modelsCatalog: Record<string, FedoraModel>;
     licensesCatalog: Record<string, License>;
-    agentsCatalog: Record<string, Object>;
+    agentsCatalog: Record<string, object>;
     dublinCoreFieldCatalog: Record<string, Record<string, string>>;
     favoritePidsCatalog: Record<string, string>;
     trashPid: string | null;
     processMetadataDefaults: Record<string, string>;
     toolPresets: Array<Record<string, string>>;
     vufindUrl: string;
-    currentAgents: Array<Object>;
+    currentAgents: Array<object>;
     currentPid: string | null;
     activeDatastream: string | null;
     isDatastreamModalOpen: boolean;
@@ -111,10 +111,9 @@ export const DatastreamModalStates = {
     VIEW: "View",
     METADATA: "Metadata",
     DOWNLOAD: "Download",
-    DELETE: "Delete"
+    DELETE: "Delete",
 };
 
-
 const EditorContext = createContext({});
 
 const reducerMapping: Record<string, string> = {
@@ -142,7 +141,7 @@ const reducerMapping: Record<string, string> = {
 /**
  * Update the shared states of react components.
  */
-const editorReducer = (state: EditorState, { type, payload }: { type: string, payload: unknown}) => {
+const editorReducer = (state: EditorState, { type, payload }: { type: string; payload: unknown }) => {
     if (type === "ADD_TO_OBJECT_DETAILS_STORAGE") {
         const { key, details } = payload as { key: string; details: ObjectDetails };
         const objectDetailsStorage = {
@@ -151,7 +150,7 @@ const editorReducer = (state: EditorState, { type, payload }: { type: string, pa
         objectDetailsStorage[key] = details;
         return {
             ...state,
-            objectDetailsStorage
+            objectDetailsStorage,
         };
     } else if (type === "REMOVE_FROM_OBJECT_DETAILS_STORAGE") {
         const { key } = payload as { key: string };
@@ -161,7 +160,7 @@ const editorReducer = (state: EditorState, { type, payload }: { type: string, pa
         delete objectDetailsStorage[key];
         return {
             ...state,
-            objectDetailsStorage
+            objectDetailsStorage,
         };
     } else if (type === "ADD_TO_PARENT_DETAILS_STORAGE") {
         const { shallow, key, details } = payload as { shallow: boolean; key: string; details: TreeNode };
@@ -174,7 +173,7 @@ const editorReducer = (state: EditorState, { type, payload }: { type: string, pa
         };
         return {
             ...state,
-            parentDetailsStorage
+            parentDetailsStorage,
         };
     } else if (type === "REMOVE_FROM_PARENT_DETAILS_STORAGE") {
         const { key } = payload as { key: string };
@@ -184,7 +183,7 @@ const editorReducer = (state: EditorState, { type, payload }: { type: string, pa
         delete parentDetailsStorage[key];
         return {
             ...state,
-            parentDetailsStorage
+            parentDetailsStorage,
         };
     } else if (type === "ADD_TO_CHILD_LIST_STORAGE") {
         const { key, children } = payload as { key: string; children: ChildrenResultPage };
@@ -194,17 +193,17 @@ const editorReducer = (state: EditorState, { type, payload }: { type: string, pa
         childListStorage[key] = children;
         return {
             ...state,
-            childListStorage
+            childListStorage,
         };
     } else if (type === "ADD_TO_CHILD_COUNTS_STORAGE") {
-        const { key, counts }  = payload as { key: string, counts: ChildCounts };
+        const { key, counts } = payload as { key: string; counts: ChildCounts };
         const childCountsStorage = {
             ...state.childCountsStorage,
         };
         childCountsStorage[key] = counts;
         return {
             ...state,
-            childCountsStorage
+            childCountsStorage,
         };
     } else if (type === "CLEAR_PID_FROM_CHILD_LIST_STORAGE") {
         const { pid } = payload as { pid: string };
@@ -216,13 +215,13 @@ const editorReducer = (state: EditorState, { type, payload }: { type: string, pa
         }
         return {
             ...state,
-            childListStorage
+            childListStorage,
         };
     } else if (type === "RESET_CHILD_LIST_STORAGE") {
         const childListStorage: Record<string, ChildrenResultPage> = {};
         return {
             ...state,
-            childListStorage
+            childListStorage,
         };
     } else if (type === "CLEAR_PID_FROM_CHILD_COUNTS_STORAGE") {
         const { pid } = payload as { pid: string };
@@ -234,12 +233,12 @@ const editorReducer = (state: EditorState, { type, payload }: { type: string, pa
         }
         return {
             ...state,
-            childCountsStorage
+            childCountsStorage,
         };
-    } else if(Object.keys(reducerMapping).includes(type)){
+    } else if (Object.keys(reducerMapping).includes(type)) {
         return {
             ...state,
-            [reducerMapping[type]]: payload
+            [reducerMapping[type]]: payload,
         };
     } else {
         console.error(`fetch action type: ${type} does not exist`);
@@ -255,10 +254,8 @@ export const EditorContextProvider = ({ children }) => {
 
 export const useEditorContext = () => {
     const {
-        action: {
-            fetchJSON, fetchText
-        }
-    }= useFetchContext();
+        action: { fetchJSON, fetchText },
+    } = useFetchContext();
     const {
         state: {
             currentAgents,
@@ -287,18 +284,20 @@ export const useEditorContext = () => {
 
     const currentDatastreams = objectDetailsStorage?.[currentPid]?.datastreams ?? [];
     const currentModels = objectDetailsStorage?.[currentPid]?.models ?? [];
-    const modelsDatastreams = currentModels.reduce((acc: Array<string>, model: string) => {
-        const name = model.split(":")?.[1];
-        return [
-            ...acc,
-            ...(name && modelsCatalog.hasOwnProperty(name) ? Object.keys(modelsCatalog[name].datastreams) : [])
-        ];
-    }, []).map((stream: string) => {
-        return {
-            disabled: !currentDatastreams.includes(stream),
-            stream
-        };
-    });
+    const modelsDatastreams = currentModels
+        .reduce((acc: Array<string>, model: string) => {
+            const name = model.split(":")?.[1];
+            return [
+                ...acc,
+                ...(name && modelsCatalog.hasOwnProperty(name) ? Object.keys(modelsCatalog[name].datastreams) : []),
+            ];
+        }, [])
+        .map((stream: string) => {
+            return {
+                disabled: !currentDatastreams.includes(stream),
+                stream,
+            };
+        });
 
     const addToObjectDetailsStorage = (key: string, details: ObjectDetails) => {
         dispatch({
@@ -331,28 +330,28 @@ export const useEditorContext = () => {
     const setCurrentAgents = (currentAgents) => {
         dispatch({
             type: "SET_CURRENT_AGENTS",
-            payload: currentAgents
+            payload: currentAgents,
         });
     };
 
     const setAgentsCatalog = (agentsCatalog) => {
         dispatch({
             type: "SET_AGENTS_CATALOG",
-            payload: agentsCatalog
+            payload: agentsCatalog,
         });
     };
 
     const setDublinCoreFieldCatalog = (dcCatalog: Record<string, Record<string, string>>) => {
         dispatch({
             type: "SET_DUBLIN_CORE_FIELD_CATALOG",
-            payload: dcCatalog
+            payload: dcCatalog,
         });
     };
 
     const setTopLevelPids = (pids: Array<string>) => {
         dispatch({
             type: "SET_TOP_LEVEL_PIDS",
-            payload: pids
+            payload: pids,
         });
     };
 
@@ -382,7 +381,7 @@ export const useEditorContext = () => {
         const url = getObjectDetailsUrl(pid);
         try {
             addToObjectDetailsStorage(pid, await fetchJSON(url));
-        } catch (e) {
+        } catch {
             if (errorCallback) {
                 errorCallback(pid);
             }
@@ -390,7 +389,11 @@ export const useEditorContext = () => {
         }
     };
 
-    const loadParentDetailsIntoStorage = async (pid: string, shallow = false, errorCallback: ((pid: string) => void) | null = null) => {
+    const loadParentDetailsIntoStorage = async (
+        pid: string,
+        shallow = false,
+        errorCallback: ((pid: string) => void) | null = null,
+    ) => {
         // Ignore null values:
         if (pid === null) {
             return;
@@ -398,7 +401,7 @@ export const useEditorContext = () => {
         const url = getObjectParentsUrl(pid, shallow);
         try {
             addToParentDetailsStorage(pid, await fetchJSON(url), shallow);
-        } catch (e) {
+        } catch {
             if (errorCallback) {
                 errorCallback(pid);
             }
@@ -411,28 +414,28 @@ export const useEditorContext = () => {
             type: "CLEAR_PID_FROM_CHILD_LIST_STORAGE",
             payload: { pid },
         });
-    }
+    };
 
     const resetChildListStorage = () => {
         dispatch({
             type: "RESET_CHILD_LIST_STORAGE",
             payload: {},
         });
-    }
+    };
 
     const clearPidFromChildCountsStorage = (pid: string) => {
         dispatch({
             type: "CLEAR_PID_FROM_CHILD_COUNTS_STORAGE",
             payload: { pid },
         });
-    }
+    };
 
     const loadChildrenIntoStorage = async (pid: string, page: number, pageSize: number) => {
         const key = getChildListStorageKey(pid, page, pageSize);
         const url = getObjectChildrenUrl(pid, (page - 1) * pageSize, pageSize);
         try {
             addToChildListStorage(key, await fetchJSON(url));
-        } catch (e) {
+        } catch {
             console.error("Problem fetching tree data from " + url);
         }
     };
@@ -441,7 +444,7 @@ export const useEditorContext = () => {
         const url = getObjectChildCountsUrl(pid);
         try {
             addToChildCountsStorage(pid, await fetchJSON(url));
-        } catch (e) {
+        } catch {
             console.error("Problem fetching child count data from " + url);
         }
     };
@@ -449,91 +452,91 @@ export const useEditorContext = () => {
     const setFavoritePidsCatalog = (favoritePidsCatalog: Record<string, string>) => {
         dispatch({
             type: "SET_FAVORITE_PIDS_CATALOG",
-            payload: favoritePidsCatalog
+            payload: favoritePidsCatalog,
         });
-    }
+    };
 
     const setTrashPid = (trashPid: string) => {
         dispatch({
             type: "SET_TRASH_PID",
-            payload: trashPid
+            payload: trashPid,
         });
-    }
+    };
 
     const setProcessMetadataDefaults = (defaults: Record<string, string>) => {
         dispatch({
             type: "SET_PROCESS_METADATA_DEFAULTS",
-            payload: defaults
+            payload: defaults,
         });
-    }
+    };
 
     const setToolPresets = (toolPresets: Array<Record<string, string>>) => {
         dispatch({
             type: "SET_TOOL_PRESETS",
-            payload: toolPresets
+            payload: toolPresets,
         });
-    }
+    };
 
     const setVuFindUrl = (url: string) => {
         dispatch({
             type: "SET_VUFIND_URL",
-            payload: url
+            payload: url,
         });
     };
 
     const setModelsCatalog = (modelsCatalog: Record<string, FedoraModel>) => {
         dispatch({
             type: "SET_MODELS_CATALOG",
-            payload: modelsCatalog
+            payload: modelsCatalog,
         });
     };
 
     const setLicensesCatalog = (licensesCatalog: Record<string, License>) => {
         dispatch({
             type: "SET_LICENSES_CATALOG",
-            payload: licensesCatalog
+            payload: licensesCatalog,
         });
     };
 
     const setCurrentPid = (pid: string) => {
         dispatch({
             type: "SET_CURRENT_PID",
-            payload: pid
+            payload: pid,
         });
     };
 
     const setDatastreamModalState = (datastreamModalState: boolean) => {
         dispatch({
             type: "SET_DATASTREAM_MODAL_STATE",
-            payload: datastreamModalState
+            payload: datastreamModalState,
         });
     };
 
     const setParentsModalActivePid = (pid: string) => {
         dispatch({
             type: "SET_PARENTS_MODAL_ACTIVE_PID",
-            payload: pid
+            payload: pid,
         });
     };
 
     const setStateModalActivePid = (pid: string) => {
         dispatch({
             type: "SET_STATE_MODAL_ACTIVE_PID",
-            payload: pid
+            payload: pid,
         });
     };
 
     const setActiveDatastream = (datastream: string) => {
         dispatch({
             type: "SET_ACTIVE_DATASTREAM",
-            payload: datastream
-        })
+            payload: datastream,
+        });
     };
 
     const datastreamsCatalog = Object.values(modelsCatalog).reduce((acc: Record<string, FedoraDatastream>, model) => {
         return {
             ...acc,
-            ...(model as FedoraModel).datastreams
+            ...(model as FedoraModel).datastreams,
         };
     }, {});
 
@@ -550,7 +553,7 @@ export const useEditorContext = () => {
             setDublinCoreFieldCatalog(response.dublinCoreFields || {});
             setTopLevelPids(response.topLevelPids || []);
             setVuFindUrl(response.vufindUrl ?? "");
-        } catch(err) {
+        } catch {
             console.error(`Problem fetching object catalog from ${editObjectCatalogUrl}`);
         }
     };
@@ -562,9 +565,14 @@ export const useEditorContext = () => {
     const extractFirstMetadataValue = function (field: string, defaultValue: string): string {
         const currentMetadata = objectDetailsStorage?.[currentPid]?.metadata ?? {};
         return utilExtractFirstMetadataValue(currentMetadata, field, defaultValue);
-    }
+    };
 
-    const updateSingleObjectState = async (pid: string, newState: string, setStatusMessage: (msg: string) => void, remaining: number = 0): Promise<string> => {
+    const updateSingleObjectState = async (
+        pid: string,
+        newState: string,
+        setStatusMessage: (msg: string) => void,
+        remaining: number = 0,
+    ): Promise<string> => {
         setStatusMessage(`Saving status for ${pid} (${remaining} more remaining)...`);
         const target = getObjectStateUrl(pid);
         const result = await fetchText(target, { method: "PUT", body: newState });
@@ -575,16 +583,32 @@ export const useEditorContext = () => {
         return result;
     };
 
-    const saveObjectStateForChildPage = async (response, newState: string, found: number, total: number, setStatusMessage: (msg: string) => void): Promise<boolean> => {
+    const saveObjectStateForChildPage = async (
+        response,
+        newState: string,
+        found: number,
+        total: number,
+        setStatusMessage: (msg: string) => void,
+    ): Promise<boolean> => {
         for (let i = 0; i < response.docs.length; i++) {
-            const result = await updateSingleObjectState(response.docs[i].id, newState, setStatusMessage, total - (found + i));
+            const result = await updateSingleObjectState(
+                response.docs[i].id,
+                newState,
+                setStatusMessage,
+                total - (found + i),
+            );
             if (result !== "ok") {
                 throw new Error(`Status failed to save; "${result}"`);
             }
         }
     };
 
-    const applyObjectStateToChildren = async (pid: string, newState: string, expectedTotal: number, setStatusMessage: (msg: string) => void): Promise<boolean> => {
+    const applyObjectStateToChildren = async (
+        pid: string,
+        newState: string,
+        expectedTotal: number,
+        setStatusMessage: (msg: string) => void,
+    ): Promise<boolean> => {
         const childPageSize = 1000;
         let found = 0;
         while (found < expectedTotal) {
@@ -604,15 +628,20 @@ export const useEditorContext = () => {
      * @param setStatusMessage   Callback function to display status messages as we work
      * @returns An array for updating snackbar messages (first element = message, second element = level)
      */
-    const updateObjectState = async function (pid: string, newState: string, expectedChildCount: number = 0, setStatusMessage: (msg: string) => void): Promise<Array<string>> {
+    const updateObjectState = async function (
+        pid: string,
+        newState: string,
+        expectedChildCount: number = 0,
+        setStatusMessage: (msg: string) => void,
+    ): Promise<Array<string>> {
         if (expectedChildCount > 0) {
             await applyObjectStateToChildren(pid, newState, expectedChildCount, setStatusMessage);
         }
         const result = await updateSingleObjectState(pid, newState, setStatusMessage);
-        return (result === "ok")
+        return result === "ok"
             ? ["Status saved successfully.", "success"]
             : [`Status failed to save; "${result}"`, "error"];
-    }
+    };
 
     /**
      * Attach a child object to the specified parent.
@@ -754,10 +783,10 @@ export const useEditorContext = () => {
             getParentCountForPid,
         },
     };
-}
+};
 
 export default {
     EditorContextProvider,
     DatastreamModalStates,
-    useEditorContext
-}
+    useEditorContext,
+};
diff --git a/client/context/FetchContext.test.tsx b/client/context/FetchContext.test.tsx
index 44424da83..854a3fd70 100644
--- a/client/context/FetchContext.test.tsx
+++ b/client/context/FetchContext.test.tsx
@@ -58,7 +58,7 @@ describe("useFetchContext", () => {
             expect(result.current.state.token).toEqual(token);
 
             // Now clear the token
-            await act(async() => {
+            await act(async () => {
                 result.current.action.clearToken();
             });
             expect(result.current.state.token).toEqual(null);
@@ -78,7 +78,7 @@ describe("useFetchContext", () => {
                 url,
                 expect.objectContaining({
                     method: "GET",
-                })
+                }),
             );
             expect(response.json).toHaveBeenCalled();
         });
@@ -97,7 +97,7 @@ describe("useFetchContext", () => {
                 url,
                 expect.objectContaining({
                     method: "GET",
-                })
+                }),
             );
             expect(response.json).not.toHaveBeenCalled();
         });
@@ -115,7 +115,7 @@ describe("useFetchContext", () => {
                 url,
                 expect.objectContaining({
                     method: "GET",
-                })
+                }),
             );
             expect(response.text).toHaveBeenCalled();
         });
@@ -135,7 +135,7 @@ describe("useFetchContext", () => {
                 url,
                 expect.objectContaining({
                     method: "GET",
-                })
+                }),
             );
             expect(response.text).toHaveBeenCalled();
         });
@@ -157,7 +157,7 @@ describe("useFetchContext", () => {
                 url,
                 expect.objectContaining({
                     method: "GET",
-                })
+                }),
             );
             expect(response.blob).toHaveBeenCalled();
         });
@@ -176,7 +176,7 @@ describe("useFetchContext", () => {
                 url,
                 expect.objectContaining({
                     method: "GET",
-                })
+                }),
             );
             expect(response.blob).not.toHaveBeenCalled();
         });
diff --git a/client/context/FetchContext.tsx b/client/context/FetchContext.tsx
index eb28d8838..b232d8b2a 100644
--- a/client/context/FetchContext.tsx
+++ b/client/context/FetchContext.tsx
@@ -1,13 +1,12 @@
 import React, { createContext, useContext, useReducer } from "react";
 import { authApiUrl, ingestApiUrl, loginUrl } from "../util/routes";
-import PropTypes from "prop-types";
 
 /**
  * Pass a shared entity to react components,
  * specifically a way to make api requests.
  */
 const fetchContextParams = {
-    token: typeof window !== 'undefined' ? sessionStorage.getItem("token") : null,
+    token: typeof window !== "undefined" ? sessionStorage.getItem("token") : null,
 };
 const FetchContext = createContext({});
 
@@ -34,7 +33,11 @@ const fetchReducer = (state, { type, payload }) => {
     }
 };
 
-export const FetchContextProvider = ({ children }) => {
+interface FetchContextProviderProps {
+    children?: React.ReactNode;
+}
+
+export const FetchContextProvider = ({ children }: FetchContextProviderProps) => {
     const [state, dispatch] = useReducer(fetchReducer, fetchContextParams);
     const value = { state, dispatch };
     return <FetchContext.Provider value={value}>{children}</FetchContext.Provider>;
@@ -87,7 +90,7 @@ export const useFetchContext = () => {
             type: "CLEAR_TOKEN",
             payload: null,
         });
-    }
+    };
 
     /**
      * Return a customizable response when making a request.
@@ -103,7 +106,7 @@ export const useFetchContext = () => {
             fetchParams(params, {
                 ...headers,
                 Authorization: `Token ${token}`,
-            })
+            }),
         );
         if (response?.status == 401) {
             const token = await refreshToken();
@@ -113,7 +116,7 @@ export const useFetchContext = () => {
                       fetchParams(params, {
                           ...headers,
                           Authorization: `Token ${token}`,
-                      })
+                      }),
                   )
                 : false;
         }
@@ -161,7 +164,7 @@ export const useFetchContext = () => {
             const blob = await response.blob();
             return {
                 headers: response.headers,
-                blob
+                blob,
             };
         }
         throw new Error(response.statusText);
@@ -181,8 +184,4 @@ export const useFetchContext = () => {
     };
 };
 
-FetchContextProvider.propTypes = {
-    children: PropTypes.node,
-};
-
 export default { FetchContextProvider, useFetchContext };
diff --git a/client/context/GlobalContext.test.tsx b/client/context/GlobalContext.test.tsx
index f4711e8c9..e68902301 100644
--- a/client/context/GlobalContext.test.tsx
+++ b/client/context/GlobalContext.test.tsx
@@ -10,21 +10,21 @@ describe("useGlobalContext", () => {
             expect(result.current.state.snackbarState).toEqual({
                 open: false,
                 message: "",
-                severity: "info"
+                severity: "info",
             });
 
             await act(async () => {
                 await result.current.action.setSnackbarState({
                     open: true,
                     message: "oh no!",
-                    severity: "error"
+                    severity: "error",
                 });
             });
 
             expect(result.current.state.snackbarState).toEqual({
                 open: true,
                 message: "oh no!",
-                severity: "error"
+                severity: "error",
             });
         });
     });
diff --git a/client/context/GlobalContext.tsx b/client/context/GlobalContext.tsx
index 9a372353e..ed820e641 100644
--- a/client/context/GlobalContext.tsx
+++ b/client/context/GlobalContext.tsx
@@ -1,9 +1,9 @@
 import React, { createContext, useContext, useReducer, Dispatch, ReactNode } from "react";
 
 interface SnackbarState {
-    open: boolean,
-    message: string,
-    severity: string
+    open: boolean;
+    message: string;
+    severity: string;
 }
 
 interface GlobalState {
@@ -29,16 +29,16 @@ const initialGlobalState: GlobalState = {
 };
 
 type Action =
-    | { type: 'OPEN_MODAL'; payload: string }
-    | { type: 'CLOSE_MODAL'; payload: string }
-    | { type: 'SET_SNACKBAR_STATE'; payload: SnackbarState };
+    | { type: "OPEN_MODAL"; payload: string }
+    | { type: "CLOSE_MODAL"; payload: string }
+    | { type: "SET_SNACKBAR_STATE"; payload: SnackbarState };
 
 /**
  * Update the shared states of react components.
  */
 const globalReducer = (state: GlobalState, action: Action): GlobalState => {
     switch (action.type) {
-        case 'OPEN_MODAL':
+        case "OPEN_MODAL":
             return {
                 ...state,
                 modalOpenStates: {
@@ -46,7 +46,7 @@ const globalReducer = (state: GlobalState, action: Action): GlobalState => {
                     [action.payload]: true,
                 },
             };
-        case 'CLOSE_MODAL':
+        case "CLOSE_MODAL":
             return {
                 ...state,
                 modalOpenStates: {
@@ -54,7 +54,7 @@ const globalReducer = (state: GlobalState, action: Action): GlobalState => {
                     [action.payload]: false,
                 },
             };
-        case 'SET_SNACKBAR_STATE':
+        case "SET_SNACKBAR_STATE":
             return {
                 ...state,
                 snackbarState: action.payload,
@@ -79,11 +79,7 @@ const GlobalContext = createContext<GlobalContextProps | undefined>(undefined);
  */
 export const GlobalContextProvider = ({ children }: { children: ReactNode }) => {
     const [state, dispatch] = useReducer(globalReducer, initialGlobalState);
-    return (
-        <GlobalContext.Provider value={{ state, dispatch }}>
-            {children}
-        </GlobalContext.Provider>
-    );
+    return <GlobalContext.Provider value={{ state, dispatch }}>{children}</GlobalContext.Provider>;
 };
 
 export const useGlobalContext = () => {
@@ -101,13 +97,13 @@ export const useGlobalContext = () => {
     const openModal = (modal: string) => {
         dispatch({
             type: "OPEN_MODAL",
-            payload: modal
+            payload: modal,
         });
     };
     const closeModal = (modal: string) => {
         dispatch({
             type: "CLOSE_MODAL",
-            payload: modal
+            payload: modal,
         });
     };
     const toggleModal = (modal: string) => {
@@ -123,7 +119,7 @@ export const useGlobalContext = () => {
     const setSnackbarState = (snackbarState: SnackbarState) => {
         dispatch({
             type: "SET_SNACKBAR_STATE",
-            payload: snackbarState
+            payload: snackbarState,
         });
     };
 
@@ -143,9 +139,9 @@ export const useGlobalContext = () => {
             setSnackbarState,
         },
     };
-}
+};
 
 export default {
     GlobalContextProvider,
-    useGlobalContext
-}
+    useGlobalContext,
+};
diff --git a/client/context/JobPaginatorState.ts b/client/context/JobPaginatorState.ts
index f172a7bbd..21510c239 100644
--- a/client/context/JobPaginatorState.ts
+++ b/client/context/JobPaginatorState.ts
@@ -27,8 +27,7 @@ const getAddedPages = (order, pages) => {
     }, order);
 };
 
-const getNonRemovedPages = (order, deletedPages) =>
-    order.filter((o) => !deletedPages.includes(o.filename));
+const getNonRemovedPages = (order, deletedPages) => order.filter((o) => !deletedPages.includes(o.filename));
 
 const getLabel = (order, imageNumber) => {
     return typeof order[imageNumber] === "undefined" ? null : order[imageNumber].label;
diff --git a/client/context/PaginatorContext.test.tsx b/client/context/PaginatorContext.test.tsx
index 8efe0b4be..6c7851286 100644
--- a/client/context/PaginatorContext.test.tsx
+++ b/client/context/PaginatorContext.test.tsx
@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import { beforeEach, describe, expect, it, jest } from "@jest/globals";
 import { renderHook, act } from "@testing-library/react";
 import * as JobPaginatorState from "./JobPaginatorState";
@@ -7,7 +6,11 @@ import * as routes from "../util/routes";
 import { FetchContextProvider } from "./FetchContext";
 import { PaginatorContextProvider, usePaginatorContext } from "./PaginatorContext";
 
-const wrapper = ({ children }) => {
+interface wrapperProps {
+    children?: React.ReactNode;
+}
+
+const wrapper = ({ children }: wrapperProps) => {
     return (
         <FetchContextProvider>
             <PaginatorContextProvider>{children}</PaginatorContextProvider>
@@ -15,9 +18,6 @@ const wrapper = ({ children }) => {
     );
 };
 wrapper.displayName = "wrapper";
-wrapper.propTypes = {
-    children: PropTypes.node,
-};
 describe("usePaginatorContext", () => {
     let json;
     beforeEach(() => {
@@ -26,7 +26,7 @@ describe("usePaginatorContext", () => {
             Promise.resolve({
                 ok: true,
                 json,
-            })
+            }),
         );
         window.alert = jest.fn();
         window.confirm = jest.fn();
@@ -160,7 +160,7 @@ describe("usePaginatorContext", () => {
                 await result.current.action.deletePage();
             });
 
-            expect(JobPaginatorState.deletePageValidation).toHaveBeenCalled;
+            expect(JobPaginatorState.deletePageValidation).toHaveBeenCalled();
         });
     });
 
@@ -236,7 +236,7 @@ describe("usePaginatorContext", () => {
                 routes.getJobUrl("testCategory", "testJob"),
                 expect.objectContaining({
                     method: "PUT",
-                })
+                }),
             );
 
             publishValidValues.derivatives.processed = 1;
@@ -252,7 +252,7 @@ describe("usePaginatorContext", () => {
                 routes.getJobUrl(category, job),
                 expect.objectContaining({
                     method: "PUT",
-                })
+                }),
             );
             expect(window.location.assign).toHaveBeenCalledWith("/paginate");
         });
@@ -336,24 +336,27 @@ describe("usePaginatorContext", () => {
 
             json.mockResolvedValueOnce({
                 order: [
-                {
-                    filename: "test1",
-                    label: null,
-                },
-                {
-                    filename: "test2",
-                    label: null,
-                },
-            ]});
+                    {
+                        filename: "test1",
+                        label: null,
+                    },
+                    {
+                        filename: "test2",
+                        label: null,
+                    },
+                ],
+            });
             json.mockResolvedValueOnce({
-                file_problems: { deleted: ["test1"], added: ["test3"] }
+                file_problems: { deleted: ["test1"], added: ["test3"] },
             });
 
             await act(async () => {
                 await result.current.action.loadJob("foo", "bar");
             });
 
-            expect(window.alert).toHaveBeenCalledWith("1 file(s) have been removed from the job since the last edit.\n1 file(s) have been added to the job since the last edit.\n");
+            expect(window.alert).toHaveBeenCalledWith(
+                "1 file(s) have been removed from the job since the last edit.\n1 file(s) have been added to the job since the last edit.\n",
+            );
             expect(result.current.state.order).toEqual([
                 {
                     filename: "test2",
diff --git a/client/context/PaginatorContext.tsx b/client/context/PaginatorContext.tsx
index e699420b4..b24ba7768 100644
--- a/client/context/PaginatorContext.tsx
+++ b/client/context/PaginatorContext.tsx
@@ -52,7 +52,7 @@ const paginatorReducer = (state, { type, payload }) => {
 };
 
 interface PaginatorContextProviderProps {
-    children: ReactNode
+    children: ReactNode;
 }
 
 export const PaginatorContextProvider = ({ children }: PaginatorContextProviderProps) => {
@@ -214,12 +214,12 @@ export const usePaginatorContext = () => {
                 alert(
                     `Derivative images have not been generated yet. Please` +
                         ` go back to the main menu and hit the "build" button` +
-                        ` for this job before publishing it.`
+                        ` for this job before publishing it.`,
                 );
                 return false;
             }
             return window.confirm(
-                "Are you sure you wish to publish this job? You will not be able to make any further edits."
+                "Are you sure you wish to publish this job? You will not be able to make any further edits.",
             );
         }
         return true;
@@ -240,12 +240,12 @@ export const usePaginatorContext = () => {
                     },
                     {
                         "Content-Type": "application/json",
-                    }
+                    },
                 );
                 alert("Success!");
                 window.location.assign("/paginate"); // TODO: Route better?
                 dispatchEvent(new Event("Prep.saved"));
-            } catch (error) {
+            } catch {
                 alert("Unable to save!");
             }
         }
diff --git a/client/context/ProcessMetadataContext.test.tsx b/client/context/ProcessMetadataContext.test.tsx
index 710c0009d..10b2cbdcd 100644
--- a/client/context/ProcessMetadataContext.test.tsx
+++ b/client/context/ProcessMetadataContext.test.tsx
@@ -4,104 +4,110 @@ import { ProcessMetadataContextProvider, useProcessMetadataContext } from "./Pro
 
 describe("useProcessMetadataContext", () => {
     it("allows task manipulation", async () => {
-        const { result } = await renderHook(() => useProcessMetadataContext(), { wrapper: ProcessMetadataContextProvider });
+        const { result } = await renderHook(() => useProcessMetadataContext(), {
+            wrapper: ProcessMetadataContextProvider,
+        });
         act(() => {
             result.current.action.addTask(0);
             result.current.action.updateTaskAttributes(0, { label: "foo", toolLabel: "bar" });
-            result.current.action.addTask(1);   // add at end
-            result.current.action.addTask(0);   // add at top, push others down
+            result.current.action.addTask(1); // add at end
+            result.current.action.addTask(0); // add at top, push others down
             result.current.action.updateTaskAttribute(0, "sequence", "first");
             result.current.action.updateTaskAttribute(2, "sequence", "last");
         });
         expect(result.current.state.tasks).toEqual([
             {
-                "description": "",
-                "id": "1",
-                "individual": "",
-                "label": "",
-                "sequence": "first",
-                "toolDescription": "",
-                "toolLabel": "",
-                "toolMake": "",
-                "toolSerialNumber": "",
-                "toolVersion": "",
-              },
-              {
-                "description": "",
-                "id": "2",
-                "individual": "",
-                "label": "foo",
-                "sequence": "1",
-                "toolDescription": "",
-                "toolLabel": "bar",
-                "toolMake": "",
-                "toolSerialNumber": "",
-                "toolVersion": "",
-              },
-              {
-                "description": "",
-                "id": "3",
-                "individual": "",
-                "label": "",
-                "sequence": "last",
-                "toolDescription": "",
-                "toolLabel": "",
-                "toolMake": "",
-                "toolSerialNumber": "",
-                "toolVersion": "",
-              },              
+                description: "",
+                id: "1",
+                individual: "",
+                label: "",
+                sequence: "first",
+                toolDescription: "",
+                toolLabel: "",
+                toolMake: "",
+                toolSerialNumber: "",
+                toolVersion: "",
+            },
+            {
+                description: "",
+                id: "2",
+                individual: "",
+                label: "foo",
+                sequence: "1",
+                toolDescription: "",
+                toolLabel: "bar",
+                toolMake: "",
+                toolSerialNumber: "",
+                toolVersion: "",
+            },
+            {
+                description: "",
+                id: "3",
+                individual: "",
+                label: "",
+                sequence: "last",
+                toolDescription: "",
+                toolLabel: "",
+                toolMake: "",
+                toolSerialNumber: "",
+                toolVersion: "",
+            },
         ]);
         act(() => {
             result.current.action.deleteTask(1);
-        })
+        });
         expect(result.current.state.tasks).toEqual([
             {
-                "description": "",
-                "id": "1",
-                "individual": "",
-                "label": "",
-                "sequence": "first",
-                "toolDescription": "",
-                "toolLabel": "",
-                "toolMake": "",
-                "toolSerialNumber": "",
-                "toolVersion": "",
-              },
-              {
-                "description": "",
-                "id": "2",
-                "individual": "",
-                "label": "",
-                "sequence": "last",
-                "toolDescription": "",
-                "toolLabel": "",
-                "toolMake": "",
-                "toolSerialNumber": "",
-                "toolVersion": "",
-              },              
+                description: "",
+                id: "1",
+                individual: "",
+                label: "",
+                sequence: "first",
+                toolDescription: "",
+                toolLabel: "",
+                toolMake: "",
+                toolSerialNumber: "",
+                toolVersion: "",
+            },
+            {
+                description: "",
+                id: "2",
+                individual: "",
+                label: "",
+                sequence: "last",
+                toolDescription: "",
+                toolLabel: "",
+                toolMake: "",
+                toolSerialNumber: "",
+                toolVersion: "",
+            },
         ]);
     });
 
     it("allows setting of top-level metadata", async () => {
-        const { result } = await renderHook(() => useProcessMetadataContext(), { wrapper: ProcessMetadataContextProvider });
+        const { result } = await renderHook(() => useProcessMetadataContext(), {
+            wrapper: ProcessMetadataContextProvider,
+        });
         act(() => {
             result.current.action.setProcessCreator("foo");
-            result.current.action.setProcessDateTime ("bar");
+            result.current.action.setProcessDateTime("bar");
             result.current.action.setProcessLabel("baz");
             result.current.action.setProcessOrganization("xyzzy");
-        })
+        });
         expect(result.current.state).toEqual({
-            "processCreator": "foo",
-            "processDateTime": "bar",
-            "processLabel": "baz",
-            "processOrganization": "xyzzy",
+            processCreator: "foo",
+            processDateTime: "bar",
+            processLabel: "baz",
+            processOrganization: "xyzzy",
         });
     });
 
     describe("setMetadata", () => {
         it("sets the current metadata", async () => {
             const metadata = { processLabel: "test" };
-            const { result } = await renderHook(() => useProcessMetadataContext(), { wrapper: ProcessMetadataContextProvider });
+            const { result } = await renderHook(() => useProcessMetadataContext(), {
+                wrapper: ProcessMetadataContextProvider,
+            });
 
             expect(result.current.state).not.toEqual(metadata);
 
diff --git a/client/context/ProcessMetadataContext.tsx b/client/context/ProcessMetadataContext.tsx
index 77825da59..305b3ba26 100644
--- a/client/context/ProcessMetadataContext.tsx
+++ b/client/context/ProcessMetadataContext.tsx
@@ -1,5 +1,4 @@
 import React, { createContext, useContext, useReducer } from "react";
-import PropTypes from "prop-types";
 
 const ProcessMetadataContext = createContext({});
 
@@ -38,13 +37,13 @@ const resynchronizeTaskIds = (tasks: Array<ProcessMetadataTask>): Array<ProcessM
         task.id = "" + (parseInt(i) + 1);
         return task;
     });
-}
+};
 
-const processMetadataReducer = (state: ProcessMetadata, { type, payload }: { type: string, payload: unknown }) => {
+const processMetadataReducer = (state: ProcessMetadata, { type, payload }: { type: string; payload: unknown }) => {
     if (type === "UPDATE_METADATA") {
         return payload;
     } else if (type === "UPDATE_TASK_ATTRIBUTES") {
-        const { index, attributes } = payload as { index: number, attributes: Record<string, string>};
+        const { index, attributes } = payload as { index: number; attributes: Record<string, string> };
         const tasks = (state.tasks ?? []).map((task, i) => {
             if (i === index) {
                 return {
@@ -56,7 +55,7 @@ const processMetadataReducer = (state: ProcessMetadata, { type, payload }: { typ
         });
         return {
             ...state,
-            tasks
+            tasks,
         };
     } else if (type === "ADD_TASK") {
         const index = payload as number;
@@ -84,85 +83,89 @@ const processMetadataReducer = (state: ProcessMetadata, { type, payload }: { typ
             ...state,
             tasks: resynchronizeTaskIds((state.tasks ?? []).filter((task, i) => i !== index)),
         };
-    } else if(Object.keys(reducerMapping).includes(type)) {
+    } else if (Object.keys(reducerMapping).includes(type)) {
         return {
             ...state,
-            [reducerMapping[type]]: payload
+            [reducerMapping[type]]: payload,
         };
     }
     console.error(`processMetadata action type: ${type} does not exist`);
     return state;
 };
 
-export const ProcessMetadataContextProvider = ({ children }) => {
+interface ProcessMetadataContextProviderProps {
+    children?: React.ReactNode;
+}
+
+export const ProcessMetadataContextProvider = ({ children }: ProcessMetadataContextProviderProps) => {
     const [state, dispatch] = useReducer(processMetadataReducer, {});
     const value = { state, dispatch };
     return <ProcessMetadataContext.Provider value={value}>{children}</ProcessMetadataContext.Provider>;
 };
 
 export const useProcessMetadataContext = () => {
-    const {
-        state,
-        dispatch,
-    } = useContext(ProcessMetadataContext) as { state: ProcessMetadata, dispatch: (params: unknown) => void };
+    const { state, dispatch } = useContext(ProcessMetadataContext) as {
+        state: ProcessMetadata;
+        dispatch: (params: unknown) => void;
+    };
 
     const addTask = (index: number): void => {
         dispatch({
             type: "ADD_TASK",
-            payload: index
+            payload: index,
         });
-    }
+    };
 
     const deleteTask = (index: number): void => {
         dispatch({
             type: "DELETE_TASK",
-            payload: index
+            payload: index,
         });
-    }
+    };
 
     const updateTaskAttribute = (index: number, attribute: string, value: string): void => {
         updateTaskAttributes(index, { [attribute]: value });
-    }
+    };
 
     const updateTaskAttributes = (index: number, attributes: Record<string, string>): void => {
         dispatch({
             type: "UPDATE_TASK_ATTRIBUTES",
-            payload: { index, attributes }
+            payload: { index, attributes },
         });
-    }
+    };
 
     const setMetadata = (metadata: ProcessMetadata): void => {
         dispatch({
             type: "UPDATE_METADATA",
-            payload: metadata
+            payload: metadata,
         });
     };
 
     const setProcessCreator = (value: string): void => {
         dispatch({
             type: "UPDATE_PROCESS_CREATOR",
-            payload: value
+            payload: value,
         });
     };
 
     const setProcessDateTime = (value: string | null): void => {
         dispatch({
             type: "UPDATE_PROCESS_DATE_TIME",
-            payload: value ?? ""
+            payload: value ?? "",
         });
     };
 
     const setProcessLabel = (value: string): void => {
         dispatch({
             type: "UPDATE_PROCESS_LABEL",
-            payload: value
+            payload: value,
         });
     };
 
     const setProcessOrganization = (value: string): void => {
         dispatch({
             type: "UPDATE_PROCESS_ORGANIZATION",
-            payload: value
+            payload: value,
         });
     };
 
@@ -182,8 +185,4 @@ export const useProcessMetadataContext = () => {
     };
 };
 
-ProcessMetadataContextProvider.propTypes = {
-    children: PropTypes.node,
-};
-
 export default { ProcessMetadataContextProvider, useProcessMetadataContext };
diff --git a/client/eslint.config.mjs b/client/eslint.config.mjs
new file mode 100644
index 000000000..1d23b92e6
--- /dev/null
+++ b/client/eslint.config.mjs
@@ -0,0 +1,27 @@
+import typescriptEslint from "@typescript-eslint/eslint-plugin";
+import jsdoc from "eslint-plugin-jsdoc";
+import tsParser from "@typescript-eslint/parser";
+import tseslint from "typescript-eslint";
+
+export default [
+    // jsdoc configuration, currently disabled until we're ready to enforce it:
+    //jsdoc.configs['flat/recommended'],
+    // typescript configuration:
+    ...tseslint.configs.recommended,
+    // local settings:
+    {
+        files: ["**/*.ts", "**/*.js", "**/*.tsx"],
+
+        plugins: {
+            "@typescript-eslint": typescriptEslint,
+            jsdoc,
+        },
+
+        languageOptions: {
+            parser: tsParser,
+        },
+        rules: { 
+            "@typescript-eslint/no-require-imports": "off" 
+        },
+    }
+];
diff --git a/client/jest.config.js b/client/jest.config.js
index 2e9de22c3..2e19b04f5 100644
--- a/client/jest.config.js
+++ b/client/jest.config.js
@@ -1,37 +1,47 @@
 module.exports = {
-  collectCoverageFrom: [
-    'components/**/*.{js,jsx,ts,tsx}',
-    'context/**/*.{js,jsx,ts,tsx}',
-    'hooks/**/*.{js,jsx,ts,tsx}',
-    'util/**/*.{js,jsx,ts,tsx}',
-    '!**/*.d.ts',
-    '!**/node_modules/**',
-  ],
-  moduleNameMapper: {
-    // Handle CSS imports (with CSS modules)
-    // https://jestjs.io/docs/webpack#mocking-css-modules
-    '^.+\\.module\\.(css|sass|scss)$': 'identity-obj-proxy',
+    collectCoverageFrom: [
+        "components/**/*.{js,jsx,ts,tsx}",
+        "context/**/*.{js,jsx,ts,tsx}",
+        "hooks/**/*.{js,jsx,ts,tsx}",
+        "util/**/*.{js,jsx,ts,tsx}",
+        "!**/*.d.ts",
+        "!**/node_modules/**",
+    ],
+    moduleNameMapper: {
+        // Handle CSS imports (with CSS modules)
+        // https://jestjs.io/docs/webpack#mocking-css-modules
+        "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy",
 
-    // Handle CSS imports (without CSS modules)
-    '^.+\\.(css|sass|scss)$': '<rootDir>/__mocks__/styleMock.js',
+        // Handle CSS imports (without CSS modules)
+        "^.+\\.(css|sass|scss)$": "<rootDir>/__mocks__/styleMock.js",
 
-    // Handle image imports
-    // https://jestjs.io/docs/webpack#handling-static-assets
-    '^.+\\.(jpg|jpeg|png|gif|webp|avif|svg)$': `<rootDir>/__mocks__/fileMock.js`,
+        // Handle image imports
+        // https://jestjs.io/docs/webpack#handling-static-assets
+        "^.+\\.(jpg|jpeg|png|gif|webp|avif|svg)$": `<rootDir>/__mocks__/fileMock.js`,
 
-    // Handle module aliases
-    '^@/components/(.*)$': '<rootDir>/components/$1',
-  },
-  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
-  testPathIgnorePatterns: ['<rootDir>/node_modules/', '<rootDir>/.next/'],
-  testEnvironment: 'jsdom',
-  transform: {
-    // Use babel-jest to transpile tests with the next/babel preset
-    // https://jestjs.io/docs/configuration#transform-objectstring-pathtotransformer--pathtotransformer-object
-    '^.+\\.(js|jsx|ts|tsx)$': ['babel-jest', { presets: ['next/babel'] }],
-  },
-  transformIgnorePatterns: [
-    '/node_modules/',
-    '^.+\\.module\\.(css|sass|scss)$',
-  ],
-}
+        // Handle module aliases
+        "^@/components/(.*)$": "<rootDir>/components/$1",
+    },
+    setupFilesAfterEnv: ["<rootDir>/jest.setup.js"],
+    testPathIgnorePatterns: ["<rootDir>/node_modules/", "<rootDir>/.next/"],
+    testEnvironment: "jsdom",
+    transform: {
+        "^.+\\.(js|jsx|ts|tsx)$": [
+            "babel-jest",
+            {
+                presets: [
+                    [
+                        "next/babel",
+                        {
+                            "preset-react": {
+                                runtime: "automatic",
+                                // Enable modern JSX transform
+                            },
+                        },
+                    ],
+                ],
+            },
+        ],
+    },
+    transformIgnorePatterns: ["/node_modules/", "^.+\\.module\\.(css|sass|scss)$"],
+};
diff --git a/client/jest.setup.js b/client/jest.setup.js
index a6785180a..d142ccedc 100644
--- a/client/jest.setup.js
+++ b/client/jest.setup.js
@@ -1 +1,10 @@
-import '@testing-library/jest-dom/extend-expect';
\ No newline at end of file
+import "@testing-library/jest-dom/extend-expect";
+
+// Mock fetch globally for jsdom environment
+global.fetch = jest.fn();
+
+// Reset fetch mock before each test
+beforeEach(() => {
+    global.fetch.mockClear();
+    global.fetch.mockRejectedValue(new Error("fetch not mocked in this test"));
+});
diff --git a/client/next-env.d.ts b/client/next-env.d.ts
index a4a7b3f5c..7996d352f 100644
--- a/client/next-env.d.ts
+++ b/client/next-env.d.ts
@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.
diff --git a/client/next.config.js b/client/next.config.js
index e82f43192..0b145a96f 100644
--- a/client/next.config.js
+++ b/client/next.config.js
@@ -1,11 +1,11 @@
 /** @type {import('next').NextConfig} */
 module.exports = {
-  reactStrictMode: true,
-  typescript: {
-    // !! WARN !!
-    // Dangerously allow production builds to successfully complete even if
-    // your project has type errors.
-    // !! WARN !!
-    ignoreBuildErrors: true,
-  },
-}
\ No newline at end of file
+    reactStrictMode: true,
+    typescript: {
+        // !! WARN !!
+        // Dangerously allow production builds to successfully complete even if
+        // your project has type errors.
+        // !! WARN !!
+        ignoreBuildErrors: true,
+    },
+};
diff --git a/client/package-lock.json b/client/package-lock.json
index 3d1834b87..e82cec775 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -7,79 +7,61 @@
       "name": "vudl-client",
       "hasInstallScript": true,
       "dependencies": {
-        "@date-io/dayjs": "^2",
+        "@date-io/dayjs": "^3",
         "@emotion/styled": "^11",
-        "@mui/icons-material": "^5",
-        "@mui/lab": "^5.0.0-alpha.150",
-        "@mui/material": "^5",
-        "@mui/x-date-pickers": "^5",
-        "@mui/x-tree-view": "^6",
-        "@tinymce/tinymce-react": "^5",
+        "@mui/icons-material": "^7",
+        "@mui/lab": "^5.0.0-alpha.177",
+        "@mui/material": "^7",
+        "@mui/x-date-pickers": "^8",
+        "@mui/x-tree-view": "^8",
+        "@tinymce/tinymce-react": "^6",
         "dayjs": "^1",
-        "html-react-parser": "^4",
+        "html-react-parser": "^5",
         "identity-obj-proxy": "^3.0.0",
-        "next": "^14",
-        "react": "^18",
+        "next": "^16",
+        "react": "^19",
         "roman-numerals": "^0.3.2",
-        "tinymce": "^7"
+        "tinymce": "^8"
       },
       "devDependencies": {
+        "@testing-library/dom": "^10.4.1",
         "@testing-library/jest-dom": "^5",
-        "@testing-library/react": "^16",
-        "@testing-library/user-event": "^14",
+        "@testing-library/react": "^16.3.2",
+        "@testing-library/user-event": "^14.6.1",
         "@types/jest": "^29",
-        "@types/node": "^18",
-        "@types/react": "^18",
-        "@typescript-eslint/eslint-plugin": "^6",
+        "@types/node": "^20",
+        "@types/react": "^19.2.14",
+        "@types/react-dom": "^19.2.3",
+        "@typescript-eslint/eslint-plugin": "^8",
         "eslint": "^8",
         "eslint-config-next": "^15",
         "eslint-config-prettier": "^9",
+        "eslint-plugin-jsdoc": "^62",
         "eslint-plugin-prettier": "^5",
         "eslint-plugin-react": "^7",
         "jest": "^29",
         "jest-environment-jsdom": "^29",
         "prettier": "^3",
-        "react-dom": "^18",
-        "react-test-renderer": "^18",
-        "typescript": "^5"
-      }
-    },
-    "node_modules/@aashutoshrathi/word-wrap": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
-      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+        "react-dom": "^19",
+        "react-test-renderer": "^19",
+        "typescript": "^5",
+        "typescript-eslint": "^8.52"
       }
     },
     "node_modules/@adobe/css-tools": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.0.tgz",
-      "integrity": "sha512-Ff9+ksdQQB3rMncgqDK78uLznstjyfIf2Arnh22pW8kBpLs6rpKDwgnZT46hin5Hl1WzazzK64DOrhSwYpS7bQ==",
+      "version": "4.4.4",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.4.tgz",
+      "integrity": "sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@ampproject/remapping": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
-      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/@babel/code-frame": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
-      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5",
         "js-tokens": "^4.0.0",
         "picocolors": "^1.1.1"
       },
@@ -88,30 +70,32 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.2.tgz",
-      "integrity": "sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.2.tgz",
-      "integrity": "sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==",
-      "dev": true,
-      "dependencies": {
-        "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.22.13",
-        "@babel/generator": "^7.23.0",
-        "@babel/helper-compilation-targets": "^7.22.15",
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helpers": "^7.23.2",
-        "@babel/parser": "^7.23.0",
-        "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.2",
-        "@babel/types": "^7.23.0",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -130,41 +114,45 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@babel/core/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "dev": true,
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz",
-      "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==",
-      "dev": true,
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.23.0",
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "jsesc": "^2.5.1"
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
-      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@babel/helper-validator-option": "^7.22.15",
-        "browserslist": "^4.21.9",
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -177,66 +165,43 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "dev": true,
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       }
     },
-    "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
-      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-function-name": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
-      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.23.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
-      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz",
-      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.22.15"
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz",
-      "integrity": "sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-module-imports": "^7.22.15",
-        "@babel/helper-simple-access": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/helper-validator-identifier": "^7.22.20"
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -246,34 +211,11 @@
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
-      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-simple-access": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
-      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.22.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
-      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
       "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -288,45 +230,45 @@
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
-      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz",
-      "integrity": "sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.27.6",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.6.tgz",
-      "integrity": "sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
+      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/template": "^7.27.2",
-        "@babel/types": "^7.27.6"
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.27.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.5.tgz",
-      "integrity": "sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==",
-      "dev": true,
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.27.3"
+        "@babel/types": "^7.29.0"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -340,6 +282,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
       "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -352,6 +295,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
       "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -364,6 +308,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
       "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.12.13"
       },
@@ -371,11 +316,44 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.28.6.tgz",
+      "integrity": "sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
     "node_modules/@babel/plugin-syntax-import-meta": {
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
       "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
       },
@@ -388,6 +366,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
       "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -396,12 +375,13 @@
       }
     },
     "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
-      "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.28.6.tgz",
+      "integrity": "sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -415,6 +395,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
       "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
       },
@@ -427,6 +408,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
       "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -439,6 +421,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
       "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
       },
@@ -451,6 +434,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
       "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -463,6 +447,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
       "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -475,6 +460,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
       "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -482,11 +468,28 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
     "node_modules/@babel/plugin-syntax-top-level-await": {
       "version": "7.14.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
       "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
       },
@@ -498,12 +501,13 @@
       }
     },
     "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz",
-      "integrity": "sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.28.6.tgz",
+      "integrity": "sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -513,105 +517,101 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.27.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.6.tgz",
-      "integrity": "sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
+      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.27.2",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
-      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
-      "dev": true,
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/parser": "^7.27.2",
-        "@babel/types": "^7.27.1"
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz",
-      "integrity": "sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.22.13",
-        "@babel/generator": "^7.23.0",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.0",
-        "@babel/types": "^7.23.0",
-        "debug": "^4.1.0",
-        "globals": "^11.1.0"
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/traverse/node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/@babel/types": {
-      "version": "7.27.6",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.6.tgz",
-      "integrity": "sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1"
+        "@babel/helper-validator-identifier": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@bcoe/v8-coverage": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
-      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
-      "dev": true
-    },
-    "node_modules/@date-io/core": {
-      "version": "2.17.0",
-      "resolved": "https://registry.npmjs.org/@date-io/core/-/core-2.17.0.tgz",
-      "integrity": "sha512-+EQE8xZhRM/hsY0CDTVyayMDDY5ihc4MqXCrPxooKw19yAzUIC6uUqsZeaOFNL9YKTNxYKrJP5DFgE8o5xRCOw=="
-    },
-    "node_modules/@date-io/date-fns": {
-      "version": "2.17.0",
-      "resolved": "https://registry.npmjs.org/@date-io/date-fns/-/date-fns-2.17.0.tgz",
-      "integrity": "sha512-L0hWZ/mTpy3Gx/xXJ5tq5CzHo0L7ry6KEO9/w/JWiFWFLZgiNVo3ex92gOl3zmzjHqY/3Ev+5sehAr8UnGLEng==",
+    "node_modules/@base-ui/utils": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/@base-ui/utils/-/utils-0.2.5.tgz",
+      "integrity": "sha512-oYC7w0gp76RI5MxprlGLV0wze0SErZaRl3AAkeP3OnNB/UBMb6RqNf6ZSIlxOc9Qp68Ab3C2VOcJQyRs7Xc7Vw==",
+      "license": "MIT",
       "dependencies": {
-        "@date-io/core": "^2.17.0"
+        "@babel/runtime": "^7.28.6",
+        "@floating-ui/utils": "^0.2.10",
+        "reselect": "^5.1.1",
+        "use-sync-external-store": "^1.6.0"
       },
       "peerDependencies": {
-        "date-fns": "^2.0.0"
+        "@types/react": "^17 || ^18 || ^19",
+        "react": "^17 || ^18 || ^19",
+        "react-dom": "^17 || ^18 || ^19"
       },
       "peerDependenciesMeta": {
-        "date-fns": {
+        "@types/react": {
           "optional": true
         }
       }
     },
+    "node_modules/@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@date-io/core": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@date-io/core/-/core-3.2.0.tgz",
+      "integrity": "sha512-hqwXvY8/YBsT9RwQITG868ZNb1MVFFkF7W1Ecv4P472j/ZWa7EFcgSmxy8PUElNVZfvhdvfv+a8j6NWJqOX5mA==",
+      "license": "MIT"
+    },
     "node_modules/@date-io/dayjs": {
-      "version": "2.17.0",
-      "resolved": "https://registry.npmjs.org/@date-io/dayjs/-/dayjs-2.17.0.tgz",
-      "integrity": "sha512-Iq1wjY5XzBh0lheFA0it6Dsyv94e8mTiNR8vuTai+KopxDkreL3YjwTmZHxkgB7/vd0RMIACStzVgWvPATnDCA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@date-io/dayjs/-/dayjs-3.2.0.tgz",
+      "integrity": "sha512-+3LV+3N+cpQbEtmrFo8odg07k02AFY7diHgbi2EKYYANOOCPkDYUjDr2ENiHuYNidTs3tZwzDKckZoVNN4NXxg==",
+      "license": "MIT",
       "dependencies": {
-        "@date-io/core": "^2.17.0"
+        "@date-io/core": "^3.2.0"
       },
       "peerDependencies": {
         "dayjs": "^1.8.17"
@@ -622,48 +622,50 @@
         }
       }
     },
-    "node_modules/@date-io/luxon": {
-      "version": "2.17.0",
-      "resolved": "https://registry.npmjs.org/@date-io/luxon/-/luxon-2.17.0.tgz",
-      "integrity": "sha512-l712Vdm/uTddD2XWt9TlQloZUiTiRQtY5TCOG45MQ/8u0tu8M17BD6QYHar/3OrnkGybALAMPzCy1r5D7+0HBg==",
+    "node_modules/@emnapi/core": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.8.1.tgz",
+      "integrity": "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@date-io/core": "^2.17.0"
-      },
-      "peerDependencies": {
-        "luxon": "^1.21.3 || ^2.x || ^3.x"
-      },
-      "peerDependenciesMeta": {
-        "luxon": {
-          "optional": true
-        }
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
       }
     },
-    "node_modules/@date-io/moment": {
-      "version": "2.17.0",
-      "resolved": "https://registry.npmjs.org/@date-io/moment/-/moment-2.17.0.tgz",
-      "integrity": "sha512-e4nb4CDZU4k0WRVhz1Wvl7d+hFsedObSauDHKtZwU9kt7gdYEAzKgnrSCTHsEaXrDumdrkCYTeZ0Tmyk7uV4tw==",
+    "node_modules/@emnapi/runtime": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
+      "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
+      "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@date-io/core": "^2.17.0"
-      },
-      "peerDependencies": {
-        "moment": "^2.24.0"
-      },
-      "peerDependenciesMeta": {
-        "moment": {
-          "optional": true
-        }
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
       }
     },
     "node_modules/@emotion/babel-plugin": {
-      "version": "11.11.0",
-      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz",
-      "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==",
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
+      "integrity": "sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-module-imports": "^7.16.7",
         "@babel/runtime": "^7.18.3",
-        "@emotion/hash": "^0.9.1",
-        "@emotion/memoize": "^0.8.1",
-        "@emotion/serialize": "^1.1.2",
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/serialize": "^1.3.3",
         "babel-plugin-macros": "^3.1.0",
         "convert-source-map": "^1.5.0",
         "escape-string-regexp": "^4.0.0",
@@ -673,48 +675,53 @@
       }
     },
     "node_modules/@emotion/cache": {
-      "version": "11.11.0",
-      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz",
-      "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==",
-      "dependencies": {
-        "@emotion/memoize": "^0.8.1",
-        "@emotion/sheet": "^1.2.2",
-        "@emotion/utils": "^1.2.1",
-        "@emotion/weak-memoize": "^0.3.1",
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz",
+      "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
         "stylis": "4.2.0"
       }
     },
     "node_modules/@emotion/hash": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz",
-      "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ=="
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+      "license": "MIT"
     },
     "node_modules/@emotion/is-prop-valid": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
-      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.4.0.tgz",
+      "integrity": "sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw==",
+      "license": "MIT",
       "dependencies": {
-        "@emotion/memoize": "^0.8.1"
+        "@emotion/memoize": "^0.9.0"
       }
     },
     "node_modules/@emotion/memoize": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
-      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
+      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
+      "license": "MIT"
     },
     "node_modules/@emotion/react": {
-      "version": "11.11.1",
-      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.1.tgz",
-      "integrity": "sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==",
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz",
+      "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@babel/runtime": "^7.18.3",
-        "@emotion/babel-plugin": "^11.11.0",
-        "@emotion/cache": "^11.11.0",
-        "@emotion/serialize": "^1.1.2",
-        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
-        "@emotion/utils": "^1.2.1",
-        "@emotion/weak-memoize": "^0.3.1",
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/cache": "^11.14.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
         "hoist-non-react-statics": "^3.3.1"
       },
       "peerDependencies": {
@@ -727,33 +734,36 @@
       }
     },
     "node_modules/@emotion/serialize": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz",
-      "integrity": "sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz",
+      "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==",
+      "license": "MIT",
       "dependencies": {
-        "@emotion/hash": "^0.9.1",
-        "@emotion/memoize": "^0.8.1",
-        "@emotion/unitless": "^0.8.1",
-        "@emotion/utils": "^1.2.1",
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/unitless": "^0.10.0",
+        "@emotion/utils": "^1.4.2",
         "csstype": "^3.0.2"
       }
     },
     "node_modules/@emotion/sheet": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz",
-      "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA=="
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
+      "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
+      "license": "MIT"
     },
     "node_modules/@emotion/styled": {
-      "version": "11.11.0",
-      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.0.tgz",
-      "integrity": "sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==",
+      "version": "11.14.1",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.14.1.tgz",
+      "integrity": "sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.18.3",
-        "@emotion/babel-plugin": "^11.11.0",
-        "@emotion/is-prop-valid": "^1.2.1",
-        "@emotion/serialize": "^1.1.2",
-        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
-        "@emotion/utils": "^1.2.1"
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/is-prop-valid": "^1.3.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
+        "@emotion/utils": "^1.4.2"
       },
       "peerDependencies": {
         "@emotion/react": "^11.0.0-rc.0",
@@ -766,48 +776,84 @@
       }
     },
     "node_modules/@emotion/unitless": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
-      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
+      "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
+      "license": "MIT"
     },
     "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz",
-      "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz",
+      "integrity": "sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==",
+      "license": "MIT",
       "peerDependencies": {
         "react": ">=16.8.0"
       }
     },
     "node_modules/@emotion/utils": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz",
-      "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg=="
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz",
+      "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==",
+      "license": "MIT"
     },
     "node_modules/@emotion/weak-memoize": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz",
-      "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww=="
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
+      "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
+      "license": "MIT"
+    },
+    "node_modules/@es-joy/jsdoccomment": {
+      "version": "0.84.0",
+      "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.84.0.tgz",
+      "integrity": "sha512-0xew1CxOam0gV5OMjh2KjFQZsKL2bByX1+q4j3E73MpYIdyUxcZb/xQct9ccUb+ve5KGUYbCUxyPnYB7RbuP+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.8",
+        "@typescript-eslint/types": "^8.54.0",
+        "comment-parser": "1.4.5",
+        "esquery": "^1.7.0",
+        "jsdoc-type-pratt-parser": "~7.1.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      }
+    },
+    "node_modules/@es-joy/resolve.exports": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@es-joy/resolve.exports/-/resolve.exports-1.2.0.tgz",
+      "integrity": "sha512-Q9hjxWI5xBM+qW2enxfe8wDKdFWMfd0Z29k5ZJnuBqD/CasY5Zryj09aCA6owbGATWz+39p5uIdaHXpopOcG8g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
+        "eslint-visitor-keys": "^3.4.3"
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
       "peerDependencies": {
         "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.10.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
-      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
@@ -836,6 +882,30 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/@eslint/js": {
       "version": "8.57.1",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
@@ -847,29 +917,31 @@
       }
     },
     "node_modules/@floating-ui/core": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.0.tgz",
-      "integrity": "sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==",
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz",
+      "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==",
+      "license": "MIT",
       "dependencies": {
-        "@floating-ui/utils": "^0.1.3"
+        "@floating-ui/utils": "^0.2.11"
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.3.tgz",
-      "integrity": "sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==",
+      "version": "1.7.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.6.tgz",
+      "integrity": "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==",
+      "license": "MIT",
       "dependencies": {
-        "@floating-ui/core": "^1.4.2",
-        "@floating-ui/utils": "^0.1.3"
+        "@floating-ui/core": "^1.7.5",
+        "@floating-ui/utils": "^0.2.11"
       }
     },
     "node_modules/@floating-ui/react-dom": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.1.tgz",
-      "integrity": "sha512-4h84MJt3CHrtG18mGsXuLCHMrug49d7DFkU0RMIyshRveBeyV2hmV/pDaF2Uxtu8kgq5r46llp5E5FQiR0K2Yg==",
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.8.tgz",
+      "integrity": "sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==",
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/dom": "^1.0.0"
+        "@floating-ui/dom": "^1.7.6"
       },
       "peerDependencies": {
         "react": ">=16.8.0",
@@ -877,9 +949,10 @@
       }
     },
     "node_modules/@floating-ui/utils": {
-      "version": "0.1.6",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz",
-      "integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A=="
+      "version": "0.2.11",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz",
+      "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==",
+      "license": "MIT"
     },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.13.0",
@@ -897,20 +970,45 @@
         "node": ">=10.10.0"
       }
     },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
       "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
-    "node_modules/@humanwhocodes/object-schema": {
+    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
       "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
@@ -918,11 +1016,478 @@
       "dev": true,
       "license": "BSD-3-Clause"
     },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
     "node_modules/@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
       "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "camelcase": "^5.3.1",
         "find-up": "^4.1.0",
@@ -939,6 +1504,7 @@
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "sprintf-js": "~1.0.2"
       }
@@ -948,6 +1514,7 @@
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -975,6 +1542,7 @@
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -987,6 +1555,7 @@
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -1002,6 +1571,7 @@
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -1014,6 +1584,7 @@
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
       "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -1023,6 +1594,7 @@
       "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
       "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -1032,6 +1604,7 @@
       "resolved": "https://registry.npmjs.org/@jest/console/-/console-29.7.0.tgz",
       "integrity": "sha512-5Ni4CU7XHQi32IJ398EEP4RrB8eV09sXP2ROqD4bksHrnTree52PsxvX8tpL8LvTZ3pFzXyPbNQReSN41CAhOg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/types": "^29.6.3",
         "@types/node": "*",
@@ -1041,7 +1614,24 @@
         "slash": "^3.0.0"
       },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/console/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/@jest/core": {
@@ -1049,6 +1639,7 @@
       "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.7.0.tgz",
       "integrity": "sha512-n7aeXWKMnGtDA48y8TLWJPJmLmmZ642Ceo78cYWEpiD7FzDgmNDV/GCVRorPABdXLJZ/9wzzgZAlHjXjxDHGsg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/console": "^29.7.0",
         "@jest/reporters": "^29.7.0",
@@ -1091,16 +1682,21 @@
         }
       }
     },
-    "node_modules/@jest/core/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/@jest/core/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
       "engines": {
         "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/@jest/core/node_modules/pretty-format": {
@@ -1108,6 +1704,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -1117,11 +1714,32 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/@jest/core/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@jest/core/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@jest/environment": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
       "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/fake-timers": "^29.7.0",
         "@jest/types": "^29.6.3",
@@ -1137,6 +1755,7 @@
       "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-29.7.0.tgz",
       "integrity": "sha512-8uMeAMycttpva3P1lBHB8VciS9V0XAr3GymPpipdyQXbBcuhkLQOSe8E/p92RyAdToS6ZD1tFkX+CkhoECE0dQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "expect": "^29.7.0",
         "jest-snapshot": "^29.7.0"
@@ -1150,6 +1769,7 @@
       "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.7.0.tgz",
       "integrity": "sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "jest-get-type": "^29.6.3"
       },
@@ -1162,6 +1782,7 @@
       "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.7.0.tgz",
       "integrity": "sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/types": "^29.6.3",
         "@sinonjs/fake-timers": "^10.0.2",
@@ -1179,6 +1800,7 @@
       "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.7.0.tgz",
       "integrity": "sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/environment": "^29.7.0",
         "@jest/expect": "^29.7.0",
@@ -1194,6 +1816,7 @@
       "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-29.7.0.tgz",
       "integrity": "sha512-DApq0KJbJOEzAFYjHADNNxAE3KbhxQB1y5Kplb5Waqw6zVbuWatSnMjE5gs8FUgEPmNsnZA3NCWl9NG0ia04Pg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@bcoe/v8-coverage": "^0.2.3",
         "@jest/console": "^29.7.0",
@@ -1232,11 +1855,29 @@
         }
       }
     },
+    "node_modules/@jest/reporters/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/@jest/schemas": {
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
       "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@sinclair/typebox": "^0.27.8"
       },
@@ -1249,6 +1890,7 @@
       "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-29.6.3.tgz",
       "integrity": "sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.18",
         "callsites": "^3.0.0",
@@ -1263,6 +1905,7 @@
       "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-29.7.0.tgz",
       "integrity": "sha512-Fdx+tv6x1zlkJPcWXmMDAG2HBnaR9XPSd5aDWQVsfrZmLVT3lU1cwyxLgRmXR9yrq4NBoEm9BMsfgFzTQAbJYA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/console": "^29.7.0",
         "@jest/types": "^29.6.3",
@@ -1278,6 +1921,7 @@
       "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.7.0.tgz",
       "integrity": "sha512-GQwJ5WZVrKnOJuiYiAF52UNUJXgTZx1NHjFSEB0qEMmSZKAkdMoIzw/Cj6x6NF4AvV23AUqDpFzQkN/eYCYTxw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/test-result": "^29.7.0",
         "graceful-fs": "^4.2.9",
@@ -1293,6 +1937,7 @@
       "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
       "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.11.6",
         "@jest/types": "^29.6.3",
@@ -1314,17 +1959,36 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/@jest/transform/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/@jest/transform/node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@jest/types": {
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
       "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "@types/istanbul-lib-coverage": "^2.0.0",
@@ -1337,65 +2001,82 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
-      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+    "node_modules/@jest/types/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@jridgewell/set-array": "^1.0.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
       },
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
-      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.15",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
-      "dev": true
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.20",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
-      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
-      "dev": true,
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
     "node_modules/@mui/base": {
-      "version": "5.0.0-beta.21",
-      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.21.tgz",
-      "integrity": "sha512-eTKWx3WV/nwmRUK4z4K1MzlMyWCsi3WJ3RtV4DiXZeRh4qd4JCyp1Zzzi8Wv9xM4dEBmqQntFoei716PzwmFfA==",
-      "dependencies": {
-        "@babel/runtime": "^7.23.2",
-        "@floating-ui/react-dom": "^2.0.2",
-        "@mui/types": "^7.2.7",
-        "@mui/utils": "^5.14.15",
+      "version": "5.0.0-beta.40-1",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40-1.tgz",
+      "integrity": "sha512-agKXuNNy0bHUmeU7pNmoZwNFr7Hiyhojkb9+2PVyDG5+6RafYuyMgbrav8CndsB7KUc/U51JAw9vKNDLYBzaUA==",
+      "deprecated": "This package has been replaced by @base-ui/react",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@floating-ui/react-dom": "^2.0.8",
+        "@mui/types": "~7.2.15",
+        "@mui/utils": "^5.17.1",
         "@popperjs/core": "^2.11.8",
-        "clsx": "^2.0.0",
+        "clsx": "^2.1.0",
         "prop-types": "^15.8.1"
       },
       "engines": {
@@ -1403,12 +2084,12 @@
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/mui"
+        "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1417,9 +2098,9 @@
       }
     },
     "node_modules/@mui/core-downloads-tracker": {
-      "version": "5.15.20",
-      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.20.tgz",
-      "integrity": "sha512-DoL2ppgldL16utL8nNyj/P12f8mCNdx/Hb/AJnX9rLY4b52hCMIx1kH83pbXQ6uMy6n54M3StmEbvSGoj2OFuA==",
+      "version": "7.3.9",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-7.3.9.tgz",
+      "integrity": "sha512-MOkOCTfbMJwLshlBCKJ59V2F/uaLYfmKnN76kksj6jlGUVdI25A9Hzs08m+zjBRdLv+sK7Rqdsefe8X7h/6PCw==",
       "license": "MIT",
       "funding": {
         "type": "opencollective",
@@ -1427,23 +2108,24 @@
       }
     },
     "node_modules/@mui/icons-material": {
-      "version": "5.14.15",
-      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.14.15.tgz",
-      "integrity": "sha512-Dqu21vN/mVNzebJ+ofnKG+CeJYIhHuDs5+0fMEpdpzRt6UojelzdrEkNv+XkO0e1JMclzeXIRx404FirK/CFRw==",
+      "version": "7.3.9",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-7.3.9.tgz",
+      "integrity": "sha512-BT+zPJXss8Hg/oEMRmHl17Q97bPACG4ufFSfGEdhiE96jOyR5Dz1ty7ZWt1fVGR0y1p+sSgEwQT/MNZQmoWDCw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.23.2"
+        "@babel/runtime": "^7.28.6"
       },
       "engines": {
-        "node": ">=12.0.0"
+        "node": ">=14.0.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/mui"
+        "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
-        "@mui/material": "^5.0.0",
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0"
+        "@mui/material": "^7.3.9",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1452,17 +2134,17 @@
       }
     },
     "node_modules/@mui/lab": {
-      "version": "5.0.0-alpha.150",
-      "resolved": "https://registry.npmjs.org/@mui/lab/-/lab-5.0.0-alpha.150.tgz",
-      "integrity": "sha512-WmIQhIQh+Ur/atqt/s2AGVRjD29Bo4M8JYtJprL9Px6l/xOkjZQdRDXoBMpIJpiGIPWBxcnSFjnlJwgxjwAQWw==",
-      "dependencies": {
-        "@babel/runtime": "^7.23.2",
-        "@mui/base": "5.0.0-beta.21",
-        "@mui/system": "^5.14.15",
-        "@mui/types": "^7.2.7",
-        "@mui/utils": "^5.14.15",
-        "@mui/x-tree-view": "6.0.0-alpha.1",
-        "clsx": "^2.0.0",
+      "version": "5.0.0-alpha.177",
+      "resolved": "https://registry.npmjs.org/@mui/lab/-/lab-5.0.0-alpha.177.tgz",
+      "integrity": "sha512-bdCxxtNjlWAgN9rtrwlmFydJ1qxA3IIbb6OlomGFsIXw0zGoHomLyjvh72q/R3yUAC0kvSef18cHY1UalLylyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@mui/base": "5.0.0-beta.40-1",
+        "@mui/system": "^5.18.0",
+        "@mui/types": "~7.2.15",
+        "@mui/utils": "^5.17.1",
+        "clsx": "^2.1.0",
         "prop-types": "^15.8.1"
       },
       "engines": {
@@ -1470,15 +2152,15 @@
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/mui"
+        "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
         "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
-        "@mui/material": ">=5.10.11",
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
+        "@mui/material": ">=5.15.0",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@emotion/react": {
@@ -1492,54 +2174,80 @@
         }
       }
     },
-    "node_modules/@mui/lab/node_modules/@mui/x-tree-view": {
-      "version": "6.0.0-alpha.1",
-      "resolved": "https://registry.npmjs.org/@mui/x-tree-view/-/x-tree-view-6.0.0-alpha.1.tgz",
-      "integrity": "sha512-JUG3HmBrmGEALbCFg1b+i7h726e1dWYZs4db3syO1j+Q++E3nbvE4Lehp5yGTFm+8esH0Tny50tuJaa4WX6VSA==",
+    "node_modules/@mui/lab/node_modules/@mui/private-theming": {
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.17.1.tgz",
+      "integrity": "sha512-XMxU0NTYcKqdsG8LRmSoxERPXwMbp16sIXPcLVgLGII/bVNagX0xaheWAwFv8+zDK7tI3ajllkuD3GZZE++ICQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.22.6",
-        "@mui/utils": "^5.14.3",
-        "@types/react-transition-group": "^4.4.6",
-        "clsx": "^2.0.0",
-        "prop-types": "^15.8.1",
-        "react-transition-group": "^4.4.5"
+        "@babel/runtime": "^7.23.9",
+        "@mui/utils": "^5.17.1",
+        "prop-types": "^15.8.1"
       },
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">=12.0.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/mui"
+        "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
-        "@emotion/react": "^11.9.0",
-        "@emotion/styled": "^11.8.1",
-        "@mui/base": "^5.0.0-alpha.87",
-        "@mui/material": "^5.8.6",
-        "@mui/system": "^5.8.0",
-        "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@mui/material": {
-      "version": "5.15.20",
-      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.15.20.tgz",
-      "integrity": "sha512-tVq3l4qoXx/NxUgIx/x3lZiPn/5xDbdTE8VrLczNpfblLYZzlrbxA7kb9mI8NoBF6+w9WE9IrxWnKK5KlPI2bg==",
+    "node_modules/@mui/lab/node_modules/@mui/styled-engine": {
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.18.0.tgz",
+      "integrity": "sha512-BN/vKV/O6uaQh2z5rXV+MBlVrEkwoS/TK75rFQ2mjxA7+NBo8qtTAOA4UaM0XeJfn7kh2wZ+xQw2HAx0u+TiBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@emotion/cache": "^11.13.5",
+        "@emotion/serialize": "^1.3.3",
+        "csstype": "^3.1.3",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.4.1",
+        "@emotion/styled": "^11.3.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/lab/node_modules/@mui/system": {
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.18.0.tgz",
+      "integrity": "sha512-ojZGVcRWqWhu557cdO3pWHloIGJdzVtxs3rk0F9L+x55LsUjcMUVkEhiF7E4TMxZoF9MmIHGGs0ZX3FDLAf0Xw==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9",
-        "@mui/base": "5.0.0-beta.40",
-        "@mui/core-downloads-tracker": "^5.15.20",
-        "@mui/system": "^5.15.20",
-        "@mui/types": "^7.2.14",
-        "@mui/utils": "^5.15.20",
-        "@types/react-transition-group": "^4.4.10",
+        "@mui/private-theming": "^5.17.1",
+        "@mui/styled-engine": "^5.18.0",
+        "@mui/types": "~7.2.15",
+        "@mui/utils": "^5.17.1",
         "clsx": "^2.1.0",
         "csstype": "^3.1.3",
-        "prop-types": "^15.8.1",
-        "react-is": "^18.2.0",
-        "react-transition-group": "^4.4.5"
+        "prop-types": "^15.8.1"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -1551,9 +2259,8 @@
       "peerDependencies": {
         "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@emotion/react": {
@@ -1567,31 +2274,95 @@
         }
       }
     },
-    "node_modules/@mui/material/node_modules/@mui/base": {
-      "version": "5.0.0-beta.40",
-      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz",
-      "integrity": "sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==",
+    "node_modules/@mui/material": {
+      "version": "7.3.9",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-7.3.9.tgz",
+      "integrity": "sha512-I8yO3t4T0y7bvDiR1qhIN6iBWZOTBfVOnmLlM7K6h3dx5YX2a7rnkuXzc2UkZaqhxY9NgTnEbdPlokR1RxCNRQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.23.9",
-        "@floating-ui/react-dom": "^2.0.8",
-        "@mui/types": "^7.2.14",
-        "@mui/utils": "^5.15.14",
+        "@babel/runtime": "^7.28.6",
+        "@mui/core-downloads-tracker": "^7.3.9",
+        "@mui/system": "^7.3.9",
+        "@mui/types": "^7.4.12",
+        "@mui/utils": "^7.3.9",
         "@popperjs/core": "^2.11.8",
-        "clsx": "^2.1.0",
-        "prop-types": "^15.8.1"
+        "@types/react-transition-group": "^4.4.12",
+        "clsx": "^2.1.1",
+        "csstype": "^3.2.3",
+        "prop-types": "^15.8.1",
+        "react-is": "^19.2.3",
+        "react-transition-group": "^4.4.5"
       },
       "engines": {
-        "node": ">=12.0.0"
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@mui/material-pigment-css": "^7.3.9",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@mui/material-pigment-css": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material/node_modules/@mui/types": {
+      "version": "7.4.12",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.4.12.tgz",
+      "integrity": "sha512-iKNAF2u9PzSIj40CjvKJWxFXJo122jXVdrmdh0hMYd+FR+NuJMkr/L88XwWLCRiJ5P1j+uyac25+Kp6YC4hu6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material/node_modules/@mui/utils": {
+      "version": "7.3.9",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-7.3.9.tgz",
+      "integrity": "sha512-U6SdZaGbfb65fqTsH3V5oJdFj9uYwyLE2WVuNvmbggTSDBb8QHrFsqY8BN3taK9t3yJ8/BPHD/kNvLNyjwM7Yw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6",
+        "@mui/types": "^7.4.12",
+        "@types/prop-types": "^15.7.15",
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^19.2.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1600,25 +2371,72 @@
       }
     },
     "node_modules/@mui/private-theming": {
-      "version": "5.15.20",
-      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.15.20.tgz",
-      "integrity": "sha512-BK8F94AIqSrnaPYXf2KAOjGZJgWfvqAVQ2gVR3EryvQFtuBnG6RwodxrCvd3B48VuMy6Wsk897+lQMUxJyk+6g==",
+      "version": "7.3.9",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-7.3.9.tgz",
+      "integrity": "sha512-ErIyRQvsiQEq7Yvcvfw9UDHngaqjMy9P3JDPnRAaKG5qhpl2C4tX/W1S4zJvpu+feihmZJStjIyvnv6KDbIrlw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.23.9",
-        "@mui/utils": "^5.15.20",
+        "@babel/runtime": "^7.28.6",
+        "@mui/utils": "^7.3.9",
         "prop-types": "^15.8.1"
       },
       "engines": {
-        "node": ">=12.0.0"
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/private-theming/node_modules/@mui/types": {
+      "version": "7.4.12",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.4.12.tgz",
+      "integrity": "sha512-iKNAF2u9PzSIj40CjvKJWxFXJo122jXVdrmdh0hMYd+FR+NuJMkr/L88XwWLCRiJ5P1j+uyac25+Kp6YC4hu6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/private-theming/node_modules/@mui/utils": {
+      "version": "7.3.9",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-7.3.9.tgz",
+      "integrity": "sha512-U6SdZaGbfb65fqTsH3V5oJdFj9uYwyLE2WVuNvmbggTSDBb8QHrFsqY8BN3taK9t3yJ8/BPHD/kNvLNyjwM7Yw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6",
+        "@mui/types": "^7.4.12",
+        "@types/prop-types": "^15.7.15",
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^19.2.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1627,18 +2445,20 @@
       }
     },
     "node_modules/@mui/styled-engine": {
-      "version": "5.15.14",
-      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.15.14.tgz",
-      "integrity": "sha512-RILkuVD8gY6PvjZjqnWhz8fu68dVkqhM5+jYWfB5yhlSQKg+2rHkmEwm75XIeAqI3qwOndK6zELK5H6Zxn4NHw==",
+      "version": "7.3.9",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-7.3.9.tgz",
+      "integrity": "sha512-JqujWt5bX4okjUPGpVof/7pvgClqh7HvIbsIBIOOlCh2u3wG/Bwp4+E1bc1dXSwkrkp9WUAoNdI5HEC+5HKvMw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.23.9",
-        "@emotion/cache": "^11.11.0",
-        "csstype": "^3.1.3",
+        "@babel/runtime": "^7.28.6",
+        "@emotion/cache": "^11.14.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/sheet": "^1.4.0",
+        "csstype": "^3.2.3",
         "prop-types": "^15.8.1"
       },
       "engines": {
-        "node": ">=12.0.0"
+        "node": ">=14.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -1647,7 +2467,7 @@
       "peerDependencies": {
         "@emotion/react": "^11.4.1",
         "@emotion/styled": "^11.3.0",
-        "react": "^17.0.0 || ^18.0.0"
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@emotion/react": {
@@ -1659,22 +2479,22 @@
       }
     },
     "node_modules/@mui/system": {
-      "version": "5.15.20",
-      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.15.20.tgz",
-      "integrity": "sha512-LoMq4IlAAhxzL2VNUDBTQxAb4chnBe8JvRINVNDiMtHE2PiPOoHlhOPutSxEbaL5mkECPVWSv6p8JEV+uykwIA==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.23.9",
-        "@mui/private-theming": "^5.15.20",
-        "@mui/styled-engine": "^5.15.14",
-        "@mui/types": "^7.2.14",
-        "@mui/utils": "^5.15.20",
-        "clsx": "^2.1.0",
-        "csstype": "^3.1.3",
+      "version": "7.3.9",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-7.3.9.tgz",
+      "integrity": "sha512-aL1q9am8XpRrSabv9qWf5RHhJICJql34wnrc1nz0MuOglPRYF/liN+c8VqZdTvUn9qg+ZjRVbKf4sJVFfIDtmg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6",
+        "@mui/private-theming": "^7.3.9",
+        "@mui/styled-engine": "^7.3.9",
+        "@mui/types": "^7.4.12",
+        "@mui/utils": "^7.3.9",
+        "clsx": "^2.1.1",
+        "csstype": "^3.2.3",
         "prop-types": "^15.8.1"
       },
       "engines": {
-        "node": ">=12.0.0"
+        "node": ">=14.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -1683,8 +2503,8 @@
       "peerDependencies": {
         "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@emotion/react": {
@@ -1698,13 +2518,60 @@
         }
       }
     },
+    "node_modules/@mui/system/node_modules/@mui/types": {
+      "version": "7.4.12",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.4.12.tgz",
+      "integrity": "sha512-iKNAF2u9PzSIj40CjvKJWxFXJo122jXVdrmdh0hMYd+FR+NuJMkr/L88XwWLCRiJ5P1j+uyac25+Kp6YC4hu6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/system/node_modules/@mui/utils": {
+      "version": "7.3.9",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-7.3.9.tgz",
+      "integrity": "sha512-U6SdZaGbfb65fqTsH3V5oJdFj9uYwyLE2WVuNvmbggTSDBb8QHrFsqY8BN3taK9t3yJ8/BPHD/kNvLNyjwM7Yw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6",
+        "@mui/types": "^7.4.12",
+        "@types/prop-types": "^15.7.15",
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^19.2.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@mui/types": {
-      "version": "7.2.14",
-      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.14.tgz",
-      "integrity": "sha512-MZsBZ4q4HfzBsywtXgM1Ksj6HDThtiwmOKUXH1pKYISI9gAVXCNHNpo7TlGoGrBaYWZTdNoirIN7JsQcQUjmQQ==",
+      "version": "7.2.24",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.24.tgz",
+      "integrity": "sha512-3c8tRt/CbWZ+pEg7QpSwbdxOk36EfmhbKf6AGZsD1EcLDLTSZoxxJ86FVtcjxvjuhdyBiWKSTGZFaXCnidO2kw==",
       "license": "MIT",
       "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1713,15 +2580,17 @@
       }
     },
     "node_modules/@mui/utils": {
-      "version": "5.15.20",
-      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.15.20.tgz",
-      "integrity": "sha512-mAbYx0sovrnpAu1zHc3MDIhPqL8RPVC5W5xcO1b7PiSCJPtckIZmBkp8hefamAvUiAV8gpfMOM6Zb+eSisbI2A==",
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.17.1.tgz",
+      "integrity": "sha512-jEZ8FTqInt2WzxDV8bhImWBqeQRD99c/id/fq83H0ER9tFl+sfZlaAoCdznGvbSQQ9ividMxqSV2c7cC1vBcQg==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9",
-        "@types/prop-types": "^15.7.11",
+        "@mui/types": "~7.2.15",
+        "@types/prop-types": "^15.7.12",
+        "clsx": "^2.1.1",
         "prop-types": "^15.8.1",
-        "react-is": "^18.2.0"
+        "react-is": "^19.0.0"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -1731,8 +2600,8 @@
         "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1741,41 +2610,40 @@
       }
     },
     "node_modules/@mui/x-date-pickers": {
-      "version": "5.0.20",
-      "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-5.0.20.tgz",
-      "integrity": "sha512-ERukSeHIoNLbI1C2XRhF9wRhqfsr+Q4B1SAw2ZlU7CWgcG8UBOxgqRKDEOVAIoSWL+DWT6GRuQjOKvj6UXZceA==",
-      "dependencies": {
-        "@babel/runtime": "^7.18.9",
-        "@date-io/core": "^2.15.0",
-        "@date-io/date-fns": "^2.15.0",
-        "@date-io/dayjs": "^2.15.0",
-        "@date-io/luxon": "^2.15.0",
-        "@date-io/moment": "^2.15.0",
-        "@mui/utils": "^5.10.3",
-        "@types/react-transition-group": "^4.4.5",
-        "clsx": "^1.2.1",
-        "prop-types": "^15.7.2",
-        "react-transition-group": "^4.4.5",
-        "rifm": "^0.12.1"
+      "version": "8.27.2",
+      "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-8.27.2.tgz",
+      "integrity": "sha512-06LFkHFRXJ2O9DMXtWAA3kY0jpbL7XH8iqa8L5cBlN+8bRx/UVLKlZYlhGv06C88jF9kuZWY1bUgrv/EoY/2Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.4",
+        "@mui/utils": "^7.3.5",
+        "@mui/x-internals": "8.26.0",
+        "@types/react-transition-group": "^4.4.12",
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1",
+        "react-transition-group": "^4.4.5"
       },
       "engines": {
-        "node": ">=12.0.0"
+        "node": ">=14.0.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/mui"
+        "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
         "@emotion/react": "^11.9.0",
         "@emotion/styled": "^11.8.1",
-        "@mui/material": "^5.4.1",
-        "@mui/system": "^5.4.1",
-        "date-fns": "^2.25.0",
+        "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
+        "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
+        "date-fns": "^2.25.0 || ^3.2.0 || ^4.0.0",
+        "date-fns-jalali": "^2.13.0-0 || ^3.2.0-0 || ^4.0.0-0",
         "dayjs": "^1.10.7",
-        "luxon": "^1.28.0 || ^2.0.0 || ^3.0.0",
-        "moment": "^2.29.1",
-        "react": "^17.0.2 || ^18.0.0",
-        "react-dom": "^17.0.2 || ^18.0.0"
+        "luxon": "^3.0.2",
+        "moment": "^2.29.4",
+        "moment-hijri": "^2.1.2 || ^3.0.0",
+        "moment-jalaali": "^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@emotion/react": {
@@ -1787,6 +2655,9 @@
         "date-fns": {
           "optional": true
         },
+        "date-fns-jalali": {
+          "optional": true
+        },
         "dayjs": {
           "optional": true
         },
@@ -1795,28 +2666,143 @@
         },
         "moment": {
           "optional": true
+        },
+        "moment-hijri": {
+          "optional": true
+        },
+        "moment-jalaali": {
+          "optional": true
         }
       }
     },
-    "node_modules/@mui/x-date-pickers/node_modules/clsx": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
-      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+    "node_modules/@mui/x-date-pickers/node_modules/@mui/types": {
+      "version": "7.4.11",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.4.11.tgz",
+      "integrity": "sha512-fZ2xO9D08IKOxO2oUBi1nnVKH6oJUD+64cnv4YAaFoC0E5+i1+S5AHbNqqvZlYYsbPEQ6qEVwuBqY3jl5W4G+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/x-date-pickers/node_modules/@mui/utils": {
+      "version": "7.3.8",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-7.3.8.tgz",
+      "integrity": "sha512-kZRcE2620CBGr+XI8YMmwPj6WIPwSF7uMJjvSfqd8zXVvlz0MCJbzRRUGNf8NgflCLthdji2DdS643TeyJ3+nA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6",
+        "@mui/types": "^7.4.11",
+        "@types/prop-types": "^15.7.15",
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^19.2.3"
+      },
       "engines": {
-        "node": ">=6"
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/x-internals": {
+      "version": "8.26.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-internals/-/x-internals-8.26.0.tgz",
+      "integrity": "sha512-B9OZau5IQUvIxwpJZhoFJKqRpmWf5r0yMmSXjQuqb5WuqM755EuzWJOenY48denGoENzMLT8hQpA0hRTeU2IPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.4",
+        "@mui/utils": "^7.3.5",
+        "reselect": "^5.1.1",
+        "use-sync-external-store": "^1.6.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@mui/x-internals/node_modules/@mui/types": {
+      "version": "7.4.12",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.4.12.tgz",
+      "integrity": "sha512-iKNAF2u9PzSIj40CjvKJWxFXJo122jXVdrmdh0hMYd+FR+NuJMkr/L88XwWLCRiJ5P1j+uyac25+Kp6YC4hu6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/x-internals/node_modules/@mui/utils": {
+      "version": "7.3.9",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-7.3.9.tgz",
+      "integrity": "sha512-U6SdZaGbfb65fqTsH3V5oJdFj9uYwyLE2WVuNvmbggTSDBb8QHrFsqY8BN3taK9t3yJ8/BPHD/kNvLNyjwM7Yw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6",
+        "@mui/types": "^7.4.12",
+        "@types/prop-types": "^15.7.15",
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^19.2.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
     "node_modules/@mui/x-tree-view": {
-      "version": "6.17.0",
-      "resolved": "https://registry.npmjs.org/@mui/x-tree-view/-/x-tree-view-6.17.0.tgz",
-      "integrity": "sha512-09dc2D+Rjg2z8KOaxbUXyPi0aw7fm2jurEtV8Xw48xJ00joLWd5QJm1/v4CarEvaiyhTQzHImNqdgeJW8ZQB6g==",
+      "version": "8.27.2",
+      "resolved": "https://registry.npmjs.org/@mui/x-tree-view/-/x-tree-view-8.27.2.tgz",
+      "integrity": "sha512-gceKjUEqKHBVt5BV0Yscx2NKgbI9z6IgEx3BHToeAupNCIZ7kAlnZUtk+FyIIcN+Vr6CFz5J0zxjnPgfHjbj2A==",
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.23.2",
-        "@mui/base": "^5.0.0-beta.20",
-        "@mui/utils": "^5.14.14",
-        "@types/react-transition-group": "^4.4.8",
-        "clsx": "^2.0.0",
+        "@babel/runtime": "^7.28.4",
+        "@base-ui/utils": "^0.2.3",
+        "@mui/utils": "^7.3.5",
+        "@mui/x-internals": "8.26.0",
+        "@types/react-transition-group": "^4.4.12",
+        "clsx": "^2.1.1",
         "prop-types": "^15.8.1",
         "react-transition-group": "^4.4.5"
       },
@@ -1825,42 +2811,65 @@
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/mui"
+        "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
         "@emotion/react": "^11.9.0",
         "@emotion/styled": "^11.8.1",
-        "@mui/material": "^5.8.6",
-        "@mui/system": "^5.8.0",
-        "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
+        "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
+        "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@mui/x-tree-view/node_modules/@mui/base": {
-      "version": "5.0.0-beta.40",
-      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz",
-      "integrity": "sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==",
+    "node_modules/@mui/x-tree-view/node_modules/@mui/types": {
+      "version": "7.4.11",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.4.11.tgz",
+      "integrity": "sha512-fZ2xO9D08IKOxO2oUBi1nnVKH6oJUD+64cnv4YAaFoC0E5+i1+S5AHbNqqvZlYYsbPEQ6qEVwuBqY3jl5W4G+Q==",
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.23.9",
-        "@floating-ui/react-dom": "^2.0.8",
-        "@mui/types": "^7.2.14",
-        "@mui/utils": "^5.15.14",
-        "@popperjs/core": "^2.11.8",
-        "clsx": "^2.1.0",
-        "prop-types": "^15.8.1"
+        "@babel/runtime": "^7.28.6"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/x-tree-view/node_modules/@mui/utils": {
+      "version": "7.3.8",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-7.3.8.tgz",
+      "integrity": "sha512-kZRcE2620CBGr+XI8YMmwPj6WIPwSF7uMJjvSfqd8zXVvlz0MCJbzRRUGNf8NgflCLthdji2DdS643TeyJ3+nA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6",
+        "@mui/types": "^7.4.11",
+        "@types/prop-types": "^15.7.15",
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^19.2.3"
       },
       "engines": {
-        "node": ">=12.0.0"
+        "node": ">=14.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1868,16 +2877,29 @@
         }
       }
     },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
+      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@tybys/wasm-util": "^0.10.0"
+      }
+    },
     "node_modules/@next/env": {
-      "version": "14.2.35",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.35.tgz",
-      "integrity": "sha512-DuhvCtj4t9Gwrx80dmz2F4t/zKQ4ktN8WrMwOuVzkJfBilwAwGr6v16M5eI8yCuZ63H9TTuEU09Iu2HqkzFPVQ==",
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.1.6.tgz",
+      "integrity": "sha512-N1ySLuZjnAtN3kFnwhAwPvZah8RJxKasD7x1f8shFqhncnWZn4JMfg37diLNuoHsLAlrDfM3g4mawVdtAG8XLQ==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "15.5.9",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.5.9.tgz",
-      "integrity": "sha512-kUzXx0iFiXw27cQAViE1yKWnz/nF8JzRmwgMRTMh8qMY90crNsdXJRh2e+R0vBpFR3kk1yvAR7wev7+fCCb79Q==",
+      "version": "15.5.12",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.5.12.tgz",
+      "integrity": "sha512-+ZRSDFTv4aC96aMb5E41rMjysx8ApkryevnvEYZvPZO52KvkqP5rNExLUXJFr9P4s0f3oqNQR6vopCZsPWKDcQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1885,9 +2907,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.2.33",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.33.tgz",
-      "integrity": "sha512-HqYnb6pxlsshoSTubdXKu15g3iivcbsMXg4bYpjL2iS/V6aQot+iyF4BUc2qA/J/n55YtvE4PHMKWBKGCF/+wA==",
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.1.6.tgz",
+      "integrity": "sha512-wTzYulosJr/6nFnqGW7FrG3jfUUlEf8UjGA0/pyypJl42ExdVgC6xJgcXQ+V8QFn6niSG2Pb8+MIG1mZr2vczw==",
       "cpu": [
         "arm64"
       ],
@@ -1901,9 +2923,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "14.2.33",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.33.tgz",
-      "integrity": "sha512-8HGBeAE5rX3jzKvF593XTTFg3gxeU4f+UWnswa6JPhzaR6+zblO5+fjltJWIZc4aUalqTclvN2QtTC37LxvZAA==",
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.1.6.tgz",
+      "integrity": "sha512-BLFPYPDO+MNJsiDWbeVzqvYd4NyuRrEYVB5k2N3JfWncuHAy2IVwMAOlVQDFjj+krkWzhY2apvmekMkfQR0CUQ==",
       "cpu": [
         "x64"
       ],
@@ -1917,9 +2939,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "14.2.33",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.33.tgz",
-      "integrity": "sha512-JXMBka6lNNmqbkvcTtaX8Gu5by9547bukHQvPoLe9VRBx1gHwzf5tdt4AaezW85HAB3pikcvyqBToRTDA4DeLw==",
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.1.6.tgz",
+      "integrity": "sha512-OJYkCd5pj/QloBvoEcJ2XiMnlJkRv9idWA/j0ugSuA34gMT6f5b7vOiCQHVRpvStoZUknhl6/UxOXL4OwtdaBw==",
       "cpu": [
         "arm64"
       ],
@@ -1933,9 +2955,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.2.33",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.33.tgz",
-      "integrity": "sha512-Bm+QulsAItD/x6Ih8wGIMfRJy4G73tu1HJsrccPW6AfqdZd0Sfm5Imhgkgq2+kly065rYMnCOxTBvmvFY1BKfg==",
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.1.6.tgz",
+      "integrity": "sha512-S4J2v+8tT3NIO9u2q+S0G5KdvNDjXfAv06OhfOzNDaBn5rw84DGXWndOEB7d5/x852A20sW1M56vhC/tRVbccQ==",
       "cpu": [
         "arm64"
       ],
@@ -1949,9 +2971,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "14.2.33",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.33.tgz",
-      "integrity": "sha512-FnFn+ZBgsVMbGDsTqo8zsnRzydvsGV8vfiWwUo1LD8FTmPTdV+otGSWKc4LJec0oSexFnCYVO4hX8P8qQKaSlg==",
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.1.6.tgz",
+      "integrity": "sha512-2eEBDkFlMMNQnkTyPBhQOAyn2qMxyG2eE7GPH2WIDGEpEILcBPI/jdSv4t6xupSP+ot/jkfrCShLAa7+ZUPcJQ==",
       "cpu": [
         "x64"
       ],
@@ -1965,9 +2987,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "14.2.33",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.33.tgz",
-      "integrity": "sha512-345tsIWMzoXaQndUTDv1qypDRiebFxGYx9pYkhwY4hBRaOLt8UGfiWKr9FSSHs25dFIf8ZqIFaPdy5MljdoawA==",
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.1.6.tgz",
+      "integrity": "sha512-oicJwRlyOoZXVlxmIMaTq7f8pN9QNbdes0q2FXfRsPhfCi8n8JmOZJm5oo1pwDaFbnnD421rVU409M3evFbIqg==",
       "cpu": [
         "x64"
       ],
@@ -1981,9 +3003,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "14.2.33",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.33.tgz",
-      "integrity": "sha512-nscpt0G6UCTkrT2ppnJnFsYbPDQwmum4GNXYTeoTIdsmMydSKFz9Iny2jpaRupTb+Wl298+Rh82WKzt9LCcqSQ==",
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.1.6.tgz",
+      "integrity": "sha512-gQmm8izDTPgs+DCWH22kcDmuUp7NyiJgEl18bcr8irXA5N2m2O+JQIr6f3ct42GOs9c0h8QF3L5SzIxcYAAXXw==",
       "cpu": [
         "arm64"
       ],
@@ -1996,26 +3018,10 @@
         "node": ">= 10"
       }
     },
-    "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.2.33",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.33.tgz",
-      "integrity": "sha512-pc9LpGNKhJ0dXQhZ5QMmYxtARwwmWLpeocFmVG5Z0DzWq5Uf0izcI8tLc+qOpqxO1PWqZ5A7J1blrUIKrIFc7Q==",
-      "cpu": [
-        "ia32"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "14.2.33",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.33.tgz",
-      "integrity": "sha512-nOjfZMy8B94MdisuzZo9/57xuFVLHJaDj5e/xrduJp9CV2/HrfxTRH2fbyLe+K9QT41WBLUd4iXX3R7jBp0EUg==",
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.1.6.tgz",
+      "integrity": "sha512-NRfO39AIrzBnixKbjuo2YiYhB6o9d8v/ymU9m/Xk8cyVk+k7XylniXkHwjs4s70wedVffc6bQNbufk5v0xEm0A==",
       "cpu": [
         "x64"
       ],
@@ -2033,6 +3039,7 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -2046,6 +3053,7 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -2055,6 +3063,7 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -2063,23 +3072,34 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@nolyfill/is-core-module": {
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.4.0"
+      }
+    },
     "node_modules/@pkgr/core": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
-      "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.2.9.tgz",
+      "integrity": "sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
       },
       "funding": {
-        "url": "https://opencollective.com/unts"
+        "url": "https://opencollective.com/pkgr"
       }
     },
     "node_modules/@popperjs/core": {
       "version": "2.11.8",
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
       "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/popperjs"
@@ -2093,23 +3113,38 @@
       "license": "MIT"
     },
     "node_modules/@rushstack/eslint-patch": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.15.0.tgz",
-      "integrity": "sha512-ojSshQPKwVvSMR8yT2L/QtUkV5SXi/IfDiJ4/8d6UbTPjiHVmxZzUAzGD8Tzks1b9+qQkZa0isUOvYObedITaw==",
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.16.1.tgz",
+      "integrity": "sha512-TvZbIpeKqGQQ7X0zSCvPH9riMSFQFSggnfBjFZ1mEoILW+UuXCKwOoPcgjMwiUtRqFZ8jWhPJc4um14vC6I4ag==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@sinclair/typebox": {
-      "version": "0.27.8",
-      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
-      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
-      "dev": true
+      "version": "0.27.10",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.10.tgz",
+      "integrity": "sha512-MTBk/3jGLNB2tVxv6uLlFh1iu64iYOQ2PbdOSK3NW8JZsmlaOh2q6sdtKowBhfw8QFLmYNzTW4/oK4uATIi6ZA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@sindresorhus/base62": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/base62/-/base62-1.0.0.tgz",
+      "integrity": "sha512-TeheYy0ILzBEI/CO55CP6zJCSdSWeRtGnHy8U8dWSUH4I68iqTsy7HkMktR4xakThc9jotkPQUXT4ITdbV7cHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
     },
     "node_modules/@sinonjs/commons": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.0.tgz",
-      "integrity": "sha512-jXBtWAF4vmdNmZgD5FoKsVLv3rPgDnLgPbU84LIJ3otV44vJlDRokVng5v8NFJdCf/da9legHcKaRuZs4L7faA==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz",
+      "integrity": "sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "type-detect": "4.0.8"
       }
@@ -2119,41 +3154,34 @@
       "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz",
       "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "@sinonjs/commons": "^3.0.0"
       }
     },
-    "node_modules/@swc/counter": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
-      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
-      "license": "Apache-2.0"
-    },
     "node_modules/@swc/helpers": {
-      "version": "0.5.5",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz",
-      "integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==",
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@swc/counter": "^0.1.3",
-        "tslib": "^2.4.0"
+        "tslib": "^2.8.0"
       }
     },
     "node_modules/@testing-library/dom": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.2.0.tgz",
-      "integrity": "sha512-CytIvb6tVOADRngTHGWNxH8LPgO/3hi/BdCEHOf7Qd2GvZVClhVP0Wo/QHzWhpki49Bk0b4VT6xpt3fx8HTSIw==",
+      "version": "10.4.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz",
+      "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.10.4",
         "@babel/runtime": "^7.12.5",
         "@types/aria-query": "^5.0.1",
         "aria-query": "5.3.0",
-        "chalk": "^4.1.0",
         "dom-accessibility-api": "^0.5.9",
         "lz-string": "^1.5.0",
+        "picocolors": "1.1.1",
         "pretty-format": "^27.0.2"
       },
       "engines": {
@@ -2165,6 +3193,7 @@
       "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.17.0.tgz",
       "integrity": "sha512-ynmNeT7asXyH3aSVv4vvX4Rb+0qjOhdNHnO/3vuZNqPmhDpV/+rCSGwQ7bLcmU2cJ4dvoheIO85LQj0IbJHEtg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@adobe/css-tools": "^4.0.1",
         "@babel/runtime": "^7.9.2",
@@ -2182,23 +3211,10 @@
         "yarn": ">=1"
       }
     },
-    "node_modules/@testing-library/jest-dom/node_modules/chalk": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
-      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@testing-library/react": {
-      "version": "16.0.0",
-      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.0.0.tgz",
-      "integrity": "sha512-guuxUKRWQ+FgNX0h0NS0FIq3Q3uLtWVpBzcLOggmfMoUpgBnzBzvLLd4fbm6yS8ydJd94cIfY4yP9qUQjM2KwQ==",
+      "version": "16.3.2",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.3.2.tgz",
+      "integrity": "sha512-XU5/SytQM+ykqMnAnvB2umaJNIOsLF3PVv//1Ew4CTcpz0/BRyy/af40qqrt7SjKpDdT1saBMc42CUok5gaw+g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2209,10 +3225,10 @@
       },
       "peerDependencies": {
         "@testing-library/dom": "^10.0.0",
-        "@types/react": "^18.0.0",
-        "@types/react-dom": "^18.0.0",
-        "react": "^18.0.0",
-        "react-dom": "^18.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": {
@@ -2224,9 +3240,9 @@
       }
     },
     "node_modules/@testing-library/user-event": {
-      "version": "14.5.2",
-      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.5.2.tgz",
-      "integrity": "sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==",
+      "version": "14.6.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.6.1.tgz",
+      "integrity": "sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2238,17 +3254,22 @@
       }
     },
     "node_modules/@tinymce/tinymce-react": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/@tinymce/tinymce-react/-/tinymce-react-5.1.1.tgz",
-      "integrity": "sha512-DQ0wpvnf/9z8RsOEAmrWZ1DN1PKqcQHfU+DpM3llLze7FHmxVtzuN8O+FYh0oAAF4stzAXwiCIVacfqjMwRieQ==",
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@tinymce/tinymce-react/-/tinymce-react-6.3.0.tgz",
+      "integrity": "sha512-E++xnn0XzDzpKr40jno2Kj7umfAE6XfINZULEBBeNjTMvbACWzA6CjiR6V8eTDc9yVmdVhIPqVzV4PqD5TZ/4g==",
       "license": "MIT",
       "dependencies": {
-        "prop-types": "^15.6.2",
-        "tinymce": "^7.0.0 || ^6.0.0 || ^5.5.1"
+        "prop-types": "^15.6.2"
       },
       "peerDependencies": {
-        "react": "^18.0.0 || ^17.0.1 || ^16.7.0",
-        "react-dom": "^18.0.0 || ^17.0.1 || ^16.7.0"
+        "react": "^19.0.0 || ^18.0.0 || ^17.0.1 || ^16.7.0",
+        "react-dom": "^19.0.0 || ^18.0.0 || ^17.0.1 || ^16.7.0",
+        "tinymce": "^8.0.0 || ^7.0.0 || ^6.0.0 || ^5.5.1"
+      },
+      "peerDependenciesMeta": {
+        "tinymce": {
+          "optional": true
+        }
       }
     },
     "node_modules/@tootallnate/once": {
@@ -2256,22 +3277,35 @@
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
       "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 10"
       }
     },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@types/aria-query": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.3.tgz",
-      "integrity": "sha512-0Z6Tr7wjKJIk4OUEjVUQMtyunLDy339vcMaj38Kpj6jM2OE1p3S4kXExKZ7a3uXQAPCoy3sbrP1wibDKaf39oA==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
       "dev": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@types/babel__core": {
-      "version": "7.20.3",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.3.tgz",
-      "integrity": "sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA==",
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.20.7",
         "@babel/types": "^7.20.7",
@@ -2281,71 +3315,86 @@
       }
     },
     "node_modules/@types/babel__generator": {
-      "version": "7.6.6",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.6.tgz",
-      "integrity": "sha512-66BXMKb/sUWbMdBNdMvajU7i/44RkrA3z/Yt1c7R5xejt8qh84iU54yUWCtm0QwGJlDcf/gg4zd/x4mpLAlb/w==",
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.0.0"
       }
     },
     "node_modules/@types/babel__template": {
-      "version": "7.4.3",
-      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.3.tgz",
-      "integrity": "sha512-ciwyCLeuRfxboZ4isgdNZi/tkt06m8Tw6uGbBSBgWrnnZGNXiEyM27xc/PjXGQLqlZ6ylbgHMnm7ccF9tCkOeQ==",
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.1.0",
         "@babel/types": "^7.0.0"
       }
     },
     "node_modules/@types/babel__traverse": {
-      "version": "7.20.3",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.3.tgz",
-      "integrity": "sha512-Lsh766rGEFbaxMIDH7Qa+Yha8cMVI3qAK6CHt3OR0YfxOIn5Z54iHiyDRycHrBqeIiqGa20Kpsv1cavfBKkRSw==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.20.7"
+        "@babel/types": "^7.28.2"
       }
     },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/graceful-fs": {
-      "version": "4.1.8",
-      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.8.tgz",
-      "integrity": "sha512-NhRH7YzWq8WiNKVavKPBmtLYZHxNY19Hh+az28O/phfp68CF45pMFud+ZzJ8ewnxnC5smIdF3dqFeiSUQ5I+pw==",
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
+      "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/node": "*"
       }
     },
     "node_modules/@types/istanbul-lib-coverage": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz",
-      "integrity": "sha512-zONci81DZYCZjiLe0r6equvZut0b+dBRPBN5kBDjsONnutYNtJMoWQ9uR2RkL1gLG9NMTzvf+29e5RFfPbeKhQ==",
-      "dev": true
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
+      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@types/istanbul-lib-report": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.2.tgz",
-      "integrity": "sha512-8toY6FgdltSdONav1XtUHl4LN1yTmLza+EuDazb/fEmRNCwjyqNVIQWs2IfC74IqjHkREs/nQ2FWq5kZU9IC0w==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
+      "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/istanbul-lib-coverage": "*"
       }
     },
     "node_modules/@types/istanbul-reports": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.3.tgz",
-      "integrity": "sha512-1nESsePMBlf0RPRffLZi5ujYh7IH1BWL4y9pr+Bn3cJBdxz+RTP8bUFljLz9HvzhhOSWKdyBZ4DIivdL6rvgZg==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
+      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/istanbul-lib-report": "*"
       }
     },
     "node_modules/@types/jest": {
-      "version": "29.5.6",
-      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.6.tgz",
-      "integrity": "sha512-/t9NnzkOpXb4Nfvg17ieHE6EeSjDS2SGSpNYfoLbUAeL/EOueU/RSdOWFpfQTXBEM7BguYW1XQ0EbM+6RlIh6w==",
+      "version": "29.5.14",
+      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.14.tgz",
+      "integrity": "sha512-ZN+4sdnLUbo8EVvVc2ao0GFW6oVrQRPn4K2lglySj7APvSrgzxHiNNK99us4WDMi57xxA2yggblIAMNhXOotLQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "expect": "^29.0.0",
         "pretty-format": "^29.0.0"
@@ -2356,6 +3405,7 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -2368,6 +3418,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -2377,24 +3428,25 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/@types/jest/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/jsdom": {
       "version": "20.0.1",
       "resolved": "https://registry.npmjs.org/@types/jsdom/-/jsdom-20.0.1.tgz",
       "integrity": "sha512-d0r18sZPmMQr1eG35u12FZfhIXNrnsPU/g5wvRKCUf/tOGilKKwYMYGqh33BNR6ba+2gkHw1EUiHoN3mn7E5IQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/node": "*",
         "@types/tough-cookie": "*",
         "parse5": "^7.0.0"
       }
     },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@types/json5": {
       "version": "0.0.29",
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
@@ -2403,333 +3455,629 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "18.18.7",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.7.tgz",
-      "integrity": "sha512-bw+lEsxis6eqJYW8Ql6+yTqkE6RuFtsQPSe5JxXbqYRFQEER5aJA9a5UH9igqDWm3X4iLHIKOHlnAXLM4mi7uQ==",
+      "version": "20.19.35",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.35.tgz",
+      "integrity": "sha512-Uarfe6J91b9HAUXxjvSOdiO2UPOKLm07Q1oh0JHxoZ1y8HoqxDAu3gVrsrOHeiio0kSsoVBt4wFrKOm0dKxVPQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "undici-types": "~5.26.4"
+        "undici-types": "~6.21.0"
       }
     },
     "node_modules/@types/parse-json": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.1.tgz",
-      "integrity": "sha512-3YmXzzPAdOTVljVMkTMBdBEvlOLg2cDQaDhnnhT3nT9uDbnJzjWhKlzb+desT12Y7tGqaN6d+AbozcKzyL36Ng=="
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "license": "MIT"
     },
     "node_modules/@types/prop-types": {
-      "version": "15.7.12",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz",
-      "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==",
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
       "license": "MIT"
     },
     "node_modules/@types/react": {
-      "version": "18.2.33",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.33.tgz",
-      "integrity": "sha512-v+I7S+hu3PIBoVkKGpSYYpiBT1ijqEzWpzQD62/jm4K74hPpSP7FF9BnKG6+fg2+62weJYkkBWDJlZt5JO/9hg==",
+      "version": "19.2.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
+      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
+      "license": "MIT",
       "dependencies": {
-        "@types/prop-types": "*",
-        "@types/scheduler": "*",
-        "csstype": "^3.0.2"
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
       }
     },
     "node_modules/@types/react-transition-group": {
-      "version": "4.4.10",
-      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.10.tgz",
-      "integrity": "sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==",
+      "version": "4.4.12",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.12.tgz",
+      "integrity": "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==",
       "license": "MIT",
-      "dependencies": {
+      "peerDependencies": {
         "@types/react": "*"
       }
     },
-    "node_modules/@types/scheduler": {
-      "version": "0.16.5",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.5.tgz",
-      "integrity": "sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw=="
-    },
-    "node_modules/@types/semver": {
-      "version": "7.5.8",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
-      "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
+    "node_modules/@types/stack-utils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
+      "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/stack-utils": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.2.tgz",
-      "integrity": "sha512-g7CK9nHdwjK2n0ymT2CW698FuWJRIx+RP6embAzZ2Qi8/ilIrA1Imt2LVSeHUzKvpoi7BhmmQcXz95eS0f2JXw==",
-      "dev": true
-    },
     "node_modules/@types/testing-library__jest-dom": {
       "version": "5.14.9",
       "resolved": "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.9.tgz",
       "integrity": "sha512-FSYhIjFlfOpGSRyVoMBMuS3ws5ehFQODymf3vlI7U1K8c7PHwWwFY7VREfmsuzHSOnoKs/9/Y983ayOs7eRzqw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/jest": "*"
       }
     },
     "node_modules/@types/tough-cookie": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.4.tgz",
-      "integrity": "sha512-95Sfz4nvMAb0Nl9DTxN3j64adfwfbBPEYq14VN7zT5J5O2M9V6iZMIIQU1U+pJyl9agHYHNCqhCXgyEtIRRa5A==",
-      "dev": true
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz",
+      "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@types/yargs": {
-      "version": "17.0.29",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.29.tgz",
-      "integrity": "sha512-nacjqA3ee9zRF/++a3FUY1suHTFKZeHba2n8WeDw9cCVdmzmHpIxyzOJBcpHvvEmS8E9KqWlSnWHUkOrkhWcvA==",
+      "version": "17.0.35",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.35.tgz",
+      "integrity": "sha512-qUHkeCyQFxMXg79wQfTtfndEC+N9ZZg76HJftDJp+qH2tV7Gj4OJi7l+PiWwJ+pWtW8GwSmqsDj/oymhrTWXjg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/yargs-parser": "*"
       }
     },
     "node_modules/@types/yargs-parser": {
-      "version": "21.0.2",
-      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.2.tgz",
-      "integrity": "sha512-5qcvofLPbfjmBfKaLfj/+f+Sbd6pN4zl7w7VSVI5uz7m9QZTuB2aZAa2uo1wHFBNN2x6g/SoTkXmd8mQnQF2Cw==",
-      "dev": true
+      "version": "21.0.3",
+      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
+      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.21.0.tgz",
-      "integrity": "sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.57.0.tgz",
+      "integrity": "sha512-qeu4rTHR3/IaFORbD16gmjq9+rEs9fGKdX0kF6BKSfi+gCuG3RCKLlSBYzn/bGsY9Tj7KE/DAQStbp8AHJGHEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "6.21.0",
-        "@typescript-eslint/type-utils": "6.21.0",
-        "@typescript-eslint/utils": "6.21.0",
-        "@typescript-eslint/visitor-keys": "6.21.0",
-        "debug": "^4.3.4",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.4",
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.57.0",
+        "@typescript-eslint/type-utils": "8.57.0",
+        "@typescript-eslint/utils": "8.57.0",
+        "@typescript-eslint/visitor-keys": "8.57.0",
+        "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
+        "ts-api-utils": "^2.4.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
-        "eslint": "^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+        "@typescript-eslint/parser": "^8.57.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
-      "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.57.0.tgz",
+      "integrity": "sha512-XZzOmihLIr8AD1b9hL9ccNMzEMWt/dE2u7NyTY9jJG6YNiNthaD5XtUHVF2uCXZ15ng+z2hT3MVuxnUYhq6k1g==",
       "dev": true,
-      "license": "BSD-2-Clause",
+      "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "6.21.0",
-        "@typescript-eslint/types": "6.21.0",
-        "@typescript-eslint/typescript-estree": "6.21.0",
-        "@typescript-eslint/visitor-keys": "6.21.0",
-        "debug": "^4.3.4"
+        "@typescript-eslint/scope-manager": "8.57.0",
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/typescript-estree": "8.57.0",
+        "@typescript-eslint/visitor-keys": "8.57.0",
+        "debug": "^4.4.3"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.57.0.tgz",
+      "integrity": "sha512-pR+dK0BlxCLxtWfaKQWtYr7MhKmzqZxuii+ZjuFlZlIGRZm22HnXFqa2eY+90MUz8/i80YJmzFGDUsi8dMOV5w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.57.0",
+        "@typescript-eslint/types": "^8.57.0",
+        "debug": "^4.4.3"
       },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz",
-      "integrity": "sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.57.0.tgz",
+      "integrity": "sha512-nvExQqAHF01lUM66MskSaZulpPL5pgy5hI5RfrxviLgzZVffB5yYzw27uK/ft8QnKXI2X0LBrHJFr1TaZtAibw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "6.21.0",
-        "@typescript-eslint/visitor-keys": "6.21.0"
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/visitor-keys": "8.57.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.57.0.tgz",
+      "integrity": "sha512-LtXRihc5ytjJIQEH+xqjB0+YgsV4/tW35XKX3GTZHpWtcC8SPkT/d4tqdf1cKtesryHm2bgp6l555NYcT2NLvA==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.21.0.tgz",
-      "integrity": "sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.57.0.tgz",
+      "integrity": "sha512-yjgh7gmDcJ1+TcEg8x3uWQmn8ifvSupnPfjP21twPKrDP/pTHlEQgmKcitzF/rzPSmv7QjJ90vRpN4U+zoUjwQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "6.21.0",
-        "@typescript-eslint/utils": "6.21.0",
-        "debug": "^4.3.4",
-        "ts-api-utils": "^1.0.1"
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/typescript-estree": "8.57.0",
+        "@typescript-eslint/utils": "8.57.0",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.4.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.57.0.tgz",
+      "integrity": "sha512-dTLI8PEXhjUC7B9Kre+u0XznO696BhXcTlOn0/6kf1fHaQW8+VjJAVHJ3eTI14ZapTxdkOmc80HblPQLaEeJdg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.57.0.tgz",
+      "integrity": "sha512-m7faHcyVg0BT3VdYTlX8GdJEM7COexXxS6KqGopxdtkQRvBanK377QDHr4W/vIPAR+ah9+B/RclSW5ldVniO1Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.57.0",
+        "@typescript-eslint/tsconfig-utils": "8.57.0",
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/visitor-keys": "8.57.0",
+        "debug": "^4.4.3",
+        "minimatch": "^10.2.2",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.4.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.57.0.tgz",
+      "integrity": "sha512-5iIHvpD3CZe06riAsbNxxreP+MuYgVUsV0n4bwLH//VJmgtt54sQeY2GszntJ4BjYCpMzrfVh2SBnUQTtys2lQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.57.0",
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/typescript-estree": "8.57.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.57.0.tgz",
+      "integrity": "sha512-zm6xx8UT/Xy2oSr2ZXD0pZo7Jx2XsCoID2IUh9YSTFRu7z+WdwYTRk6LhUftm1crwqbuoF6I8zAFeCMw0YjwDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.57.0",
+        "eslint-visitor-keys": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@typescript-eslint/types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.21.0.tgz",
-      "integrity": "sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==",
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
+      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-android-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz",
+      "integrity": "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz",
+      "integrity": "sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz",
+      "integrity": "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz",
+      "integrity": "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz",
+      "integrity": "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz",
+      "integrity": "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz",
+      "integrity": "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz",
+      "integrity": "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz",
+      "integrity": "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz",
+      "integrity": "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz",
+      "integrity": "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz",
+      "integrity": "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==",
+      "cpu": [
+        "s390x"
+      ],
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz",
-      "integrity": "sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==",
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz",
+      "integrity": "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "@typescript-eslint/types": "6.21.0",
-        "@typescript-eslint/visitor-keys": "6.21.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "minimatch": "9.0.3",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz",
+      "integrity": "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz",
+      "integrity": "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==",
+      "cpu": [
+        "wasm32"
+      ],
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "@napi-rs/wasm-runtime": "^0.2.11"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.21.0.tgz",
-      "integrity": "sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==",
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz",
+      "integrity": "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "@types/json-schema": "^7.0.12",
-        "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "6.21.0",
-        "@typescript-eslint/types": "6.21.0",
-        "@typescript-eslint/typescript-estree": "6.21.0",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      }
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz",
-      "integrity": "sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==",
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz",
+      "integrity": "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==",
+      "cpu": [
+        "ia32"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "6.21.0",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/@ungap/structured-clone": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "dev": true
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz",
+      "integrity": "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
     "node_modules/abab": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
       "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
-      "dev": true
+      "deprecated": "Use your platform's native atob() and btoa() methods instead",
+      "dev": true,
+      "license": "BSD-3-Clause"
     },
     "node_modules/acorn": {
-      "version": "8.10.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
-      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2742,6 +4090,7 @@
       "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-7.0.1.tgz",
       "integrity": "sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "acorn": "^8.1.0",
         "acorn-walk": "^8.0.2"
@@ -2758,10 +4107,14 @@
       }
     },
     "node_modules/acorn-walk": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
-      "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
+      "version": "8.3.5",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.5.tgz",
+      "integrity": "sha512-HEHNfbars9v4pgpW6SO1KSPkfoS0xVOM/9UzkJltjlsHZmJasxg8aXkuZa7SMf8vKGIBhpUsPluQSqhJFCqebw==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.11.0"
+      },
       "engines": {
         "node": ">=0.4.0"
       }
@@ -2771,6 +4124,7 @@
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
       "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "debug": "4"
       },
@@ -2779,9 +4133,9 @@
       }
     },
     "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2800,6 +4154,7 @@
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
       "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "type-fest": "^0.21.3"
       },
@@ -2815,6 +4170,7 @@
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
       "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
       "dev": true,
+      "license": "(MIT OR CC0-1.0)",
       "engines": {
         "node": ">=10"
       },
@@ -2827,6 +4183,7 @@
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -2836,6 +4193,7 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -2851,6 +4209,7 @@
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -2859,6 +4218,16 @@
         "node": ">= 8"
       }
     },
+    "node_modules/are-docs-informative": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/are-docs-informative/-/are-docs-informative-0.0.2.tgz",
+      "integrity": "sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -2916,16 +4285,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/array.prototype.findlast": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
@@ -3067,7 +4426,8 @@
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/available-typed-arrays": {
       "version": "1.0.7",
@@ -3086,9 +4446,9 @@
       }
     },
     "node_modules/axe-core": {
-      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.11.0.tgz",
-      "integrity": "sha512-ilYanEU8vxxBexpJd8cWM4ElSQq4QctCLKih0TSfjIfCQTeyH/6zVrmIJfLPrKTKJRbiG+cfnZbQIjAlJmF1jQ==",
+      "version": "4.11.1",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.11.1.tgz",
+      "integrity": "sha512-BASOg+YwO2C+346x3LZOeoovTIoTrRqEsqMa6fmfAV0P+U9mFr9NsyOEpiYvFjbc64NMrSswhV50WdXzdb/Z5A==",
       "dev": true,
       "license": "MPL-2.0",
       "engines": {
@@ -3110,6 +4470,7 @@
       "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz",
       "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/transform": "^29.7.0",
         "@types/babel__core": "^7.1.14",
@@ -3126,11 +4487,29 @@
         "@babel/core": "^7.8.0"
       }
     },
+    "node_modules/babel-jest/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/babel-plugin-istanbul": {
       "version": "6.1.1",
       "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
       "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@istanbuljs/load-nyc-config": "^1.0.0",
@@ -3147,6 +4526,7 @@
       "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
       "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "@babel/core": "^7.12.3",
         "@babel/parser": "^7.14.7",
@@ -3163,6 +4543,7 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "dev": true,
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -3172,6 +4553,7 @@
       "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz",
       "integrity": "sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/template": "^7.3.3",
         "@babel/types": "^7.3.3",
@@ -3186,6 +4568,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
       "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.12.5",
         "cosmiconfig": "^7.0.0",
@@ -3197,26 +4580,30 @@
       }
     },
     "node_modules/babel-preset-current-node-syntax": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz",
-      "integrity": "sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.2.0.tgz",
+      "integrity": "sha512-E/VlAEzRrsLEb2+dv8yp3bo4scof3l9nR4lrld+Iy5NyVqgVYUJnDAmunkhPMisRI32Qc4iRiz425d8vM++2fg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/plugin-syntax-async-generators": "^7.8.4",
         "@babel/plugin-syntax-bigint": "^7.8.3",
-        "@babel/plugin-syntax-class-properties": "^7.8.3",
-        "@babel/plugin-syntax-import-meta": "^7.8.3",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-import-attributes": "^7.24.7",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
         "@babel/plugin-syntax-json-strings": "^7.8.3",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
         "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-        "@babel/plugin-syntax-numeric-separator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
         "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
         "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
         "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-        "@babel/plugin-syntax-top-level-await": "^7.8.3"
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0"
+        "@babel/core": "^7.0.0 || ^8.0.0-0"
       }
     },
     "node_modules/babel-preset-jest": {
@@ -3224,6 +4611,7 @@
       "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz",
       "integrity": "sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "babel-plugin-jest-hoist": "^29.6.3",
         "babel-preset-current-node-syntax": "^1.0.0"
@@ -3239,17 +4627,42 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
+      "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
     },
     "node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.4.tgz",
+      "integrity": "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/brace-expansion/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
       }
     },
     "node_modules/braces": {
@@ -3266,9 +4679,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.22.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
-      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
       "dev": true,
       "funding": [
         {
@@ -3284,11 +4697,13 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001541",
-        "electron-to-chromium": "^1.4.535",
-        "node-releases": "^2.0.13",
-        "update-browserslist-db": "^1.0.13"
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -3302,6 +4717,7 @@
       "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
       "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "node-int64": "^0.4.0"
       }
@@ -3310,18 +4726,8 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true
-    },
-    "node_modules/busboy": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
-      "dependencies": {
-        "streamsearch": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=10.16.0"
-      }
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/call-bind": {
       "version": "1.0.8",
@@ -3377,6 +4783,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -3386,14 +4793,15 @@
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
       "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001726",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001726.tgz",
-      "integrity": "sha512-VQAUIUzBiZ/UnlM28fSp2CRF3ivUn1BWEvxMcVTNwpw91Py1pGbPIyIKtd+tzct9C3ouceCVdGAXxZOpZAsgdw==",
+      "version": "1.0.30001776",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001776.tgz",
+      "integrity": "sha512-sg01JDPzZ9jGshqKSckOQthXnYwOEP50jeVFhaSFbZcOy05TiuuaffDOfcwtCisJ9kNQuLBFibYywv2Bgm9osw==",
       "funding": [
         {
           "type": "opencollective",
@@ -3411,19 +4819,17 @@
       "license": "CC-BY-4.0"
     },
     "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
       },
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
+        "node": ">=8"
       }
     },
     "node_modules/char-regex": {
@@ -3431,6 +4837,7 @@
       "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
       "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       }
@@ -3446,15 +4853,17 @@
           "url": "https://github.com/sponsors/sibiraj-s"
         }
       ],
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/cjs-module-lexer": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.3.tgz",
-      "integrity": "sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ==",
-      "dev": true
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.4.3.tgz",
+      "integrity": "sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/client-only": {
       "version": "0.0.1",
@@ -3467,6 +4876,7 @@
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
       "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "string-width": "^4.2.0",
         "strip-ansi": "^6.0.1",
@@ -3490,22 +4900,25 @@
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
       "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "iojs": ">= 1.0.0",
         "node": ">= 0.12.0"
       }
     },
     "node_modules/collect-v8-coverage": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz",
-      "integrity": "sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==",
-      "dev": true
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.3.tgz",
+      "integrity": "sha512-1L5aqIkwPfiodaMgQunkF1zRhNqifHBmtbbbxcr6yVxxBnliw4TDOW6NxpO8DJLgJ16OT+Y4ztZqP6p/FtXnAw==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -3517,13 +4930,15 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "delayed-stream": "~1.0.0"
       },
@@ -3531,21 +4946,34 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/comment-parser": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.4.5.tgz",
+      "integrity": "sha512-aRDkn3uyIlCFfk5NUA+VdwMmMsh8JGhc4hapfV4yxymHGQ3BVskMQfoXGpCo5IoBuQ9tS5iiVKhCpTcB4pW4qw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.0.0"
+      }
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/convert-source-map": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "license": "MIT"
     },
     "node_modules/cosmiconfig": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
       "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "license": "MIT",
       "dependencies": {
         "@types/parse-json": "^4.0.0",
         "import-fresh": "^3.2.1",
@@ -3562,6 +4990,7 @@
       "resolved": "https://registry.npmjs.org/create-jest/-/create-jest-29.7.0.tgz",
       "integrity": "sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/types": "^29.6.3",
         "chalk": "^4.0.0",
@@ -3578,6 +5007,23 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/create-jest/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -3597,19 +5043,22 @@
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
       "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/cssom": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.5.0.tgz",
       "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/cssstyle": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
       "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "cssom": "~0.3.6"
       },
@@ -3621,12 +5070,13 @@
       "version": "0.3.8",
       "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
       "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/csstype": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
       "license": "MIT"
     },
     "node_modules/damerau-levenshtein": {
@@ -3641,6 +5091,7 @@
       "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
       "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "abab": "^2.0.6",
         "whatwg-mimetype": "^3.0.0",
@@ -3705,17 +5156,18 @@
       }
     },
     "node_modules/dayjs": {
-      "version": "1.11.10",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
-      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+      "version": "1.11.19",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
+      "integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==",
+      "license": "MIT"
     },
     "node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
       "dependencies": {
-        "ms": "2.1.2"
+        "ms": "^2.1.3"
       },
       "engines": {
         "node": ">=6.0"
@@ -3727,16 +5179,18 @@
       }
     },
     "node_modules/decimal.js": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
-      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
-      "dev": true
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/dedent": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.1.tgz",
-      "integrity": "sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.7.2.tgz",
+      "integrity": "sha512-WzMx3mW98SN+zn3hgemf4OzdmyNhhhKz5Ay0pUfQiMQ3e1g+xmTJWp/pKdwKVXhdSkAEGIIzqeuWrL3mV/AXbA==",
       "dev": true,
+      "license": "MIT",
       "peerDependencies": {
         "babel-plugin-macros": "^3.1.0"
       },
@@ -3750,13 +5204,15 @@
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/deepmerge": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
       "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3784,6 +5240,7 @@
       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
       "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.0.1",
         "has-property-descriptors": "^1.0.0",
@@ -3801,6 +5258,7 @@
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.4.0"
       }
@@ -3810,15 +5268,27 @@
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
       "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/detect-newline": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
       "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -3828,21 +5298,9 @@
       "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
       "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==",
       "dev": true,
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
       "engines": {
-        "node": ">=8"
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
     "node_modules/doctrine": {
@@ -3850,6 +5308,7 @@
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
       "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -3861,12 +5320,14 @@
       "version": "0.5.16",
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
       "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/dom-helpers": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
       "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.8.7",
         "csstype": "^3.0.2"
@@ -3876,6 +5337,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
       "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "license": "MIT",
       "dependencies": {
         "domelementtype": "^2.3.0",
         "domhandler": "^5.0.2",
@@ -3885,6 +5347,18 @@
         "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
       }
     },
+    "node_modules/dom-serializer/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/domelementtype": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
@@ -3894,13 +5368,16 @@
           "type": "github",
           "url": "https://github.com/sponsors/fb55"
         }
-      ]
+      ],
+      "license": "BSD-2-Clause"
     },
     "node_modules/domexception": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
       "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
+      "deprecated": "Use your platform's native DOMException instead",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "webidl-conversions": "^7.0.0"
       },
@@ -3912,6 +5389,7 @@
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
       "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "license": "BSD-2-Clause",
       "dependencies": {
         "domelementtype": "^2.3.0"
       },
@@ -3923,9 +5401,10 @@
       }
     },
     "node_modules/domutils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
-      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+      "license": "BSD-2-Clause",
       "dependencies": {
         "dom-serializer": "^2.0.0",
         "domelementtype": "^2.3.0",
@@ -3951,16 +5430,18 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.567",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.567.tgz",
-      "integrity": "sha512-8KR114CAYQ4/r5EIEsOmOMqQ9j0MRbJZR3aXD/KFA8RuKzyoUB4XrUCg+l8RUGqTVQgKNIgTpjaG8YHRPAbX2w==",
-      "dev": true
+      "version": "1.5.307",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.307.tgz",
+      "integrity": "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==",
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/emittery": {
       "version": "0.13.1",
       "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.13.1.tgz",
       "integrity": "sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -3975,24 +5456,11 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/enhanced-resolve": {
-      "version": "5.17.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.0.tgz",
-      "integrity": "sha512-dwDPwZL0dmye8Txp2gzFmA6sxALaSvdRDjPH0viLcKrtlOL3tw62nWWweVD1SdILDTJrbrL6tdWVN58Wo6U3eA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
     "node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
       },
@@ -4001,9 +5469,10 @@
       }
     },
     "node_modules/error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "license": "MIT",
       "dependencies": {
         "is-arrayish": "^0.2.1"
       }
@@ -4186,10 +5655,11 @@
       }
     },
     "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -4198,6 +5668,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -4210,6 +5681,7 @@
       "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
       "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "esprima": "^4.0.1",
         "estraverse": "^5.2.0",
@@ -4231,6 +5703,7 @@
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "optional": true,
       "engines": {
         "node": ">=0.10.0"
@@ -4294,13 +5767,13 @@
       }
     },
     "node_modules/eslint-config-next": {
-      "version": "15.5.9",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.5.9.tgz",
-      "integrity": "sha512-852JYI3NkFNzW8CqsMhI0K2CDRxTObdZ2jQJj5CtpEaOkYHn13107tHpNuD/h0WRpU4FAbCdUaxQsrfBtNK9Kw==",
+      "version": "15.5.12",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.5.12.tgz",
+      "integrity": "sha512-ktW3XLfd+ztEltY5scJNjxjHwtKWk6vU2iwzZqSN09UsbBmMeE/cVlJ1yESg6Yx5LW7p/Z8WzUAgYXGLEmGIpg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@next/eslint-plugin-next": "15.5.9",
+        "@next/eslint-plugin-next": "15.5.12",
         "@rushstack/eslint-patch": "^1.10.3",
         "@typescript-eslint/eslint-plugin": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
         "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
@@ -4321,10 +5794,45 @@
         }
       }
     },
+    "node_modules/eslint-config-next/node_modules/eslint-import-resolver-typescript": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
+      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@nolyfill/is-core-module": "1.0.39",
+        "debug": "^4.4.0",
+        "get-tsconfig": "^4.10.0",
+        "is-bun-module": "^2.0.0",
+        "stable-hash": "^0.0.5",
+        "tinyglobby": "^0.2.13",
+        "unrs-resolver": "^1.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/eslint-config-prettier": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
-      "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+      "version": "9.1.2",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.2.tgz",
+      "integrity": "sha512-iI1f+D2ViGn+uvv5HuHVUamg8ll4tN+JRHGc6IJi4TP9Kl976C57fzPXgseXNs8v0iA8aSJpHsTWjDb9QJamGQ==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -4356,32 +5864,6 @@
         "ms": "^2.1.1"
       }
     },
-    "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
-      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "debug": "^4.3.4",
-        "enhanced-resolve": "^5.12.0",
-        "eslint-module-utils": "^2.7.4",
-        "fast-glob": "^3.3.1",
-        "get-tsconfig": "^4.5.0",
-        "is-core-module": "^2.11.0",
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
-      },
-      "peerDependencies": {
-        "eslint": "*",
-        "eslint-plugin-import": "*"
-      }
-    },
     "node_modules/eslint-module-utils": {
       "version": "2.12.1",
       "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
@@ -4444,6 +5926,17 @@
         "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
       }
     },
+    "node_modules/eslint-plugin-import/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
     "node_modules/eslint-plugin-import/node_modules/debug": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
@@ -4467,6 +5960,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/eslint-plugin-import/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/eslint-plugin-import/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -4477,6 +5983,66 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/eslint-plugin-jsdoc": {
+      "version": "62.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-62.8.0.tgz",
+      "integrity": "sha512-hu3r9/6JBmPG6wTcqtYzgZAnjEG2eqRUATfkFscokESg1VDxZM21ZaMire0KjeMwfj+SXvgB4Rvh5LBuesj92w==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@es-joy/jsdoccomment": "~0.84.0",
+        "@es-joy/resolve.exports": "1.2.0",
+        "are-docs-informative": "^0.0.2",
+        "comment-parser": "1.4.5",
+        "debug": "^4.4.3",
+        "escape-string-regexp": "^4.0.0",
+        "espree": "^11.1.0",
+        "esquery": "^1.7.0",
+        "html-entities": "^2.6.0",
+        "object-deep-merge": "^2.0.0",
+        "parse-imports-exports": "^0.2.4",
+        "semver": "^7.7.4",
+        "spdx-expression-parse": "^4.0.0",
+        "to-valid-identifier": "^1.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-jsdoc/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-plugin-jsdoc/node_modules/espree": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-11.2.0.tgz",
+      "integrity": "sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.16.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^5.0.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
     "node_modules/eslint-plugin-jsx-a11y": {
       "version": "6.10.2",
       "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
@@ -4517,15 +6083,39 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/eslint-plugin-prettier": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz",
-      "integrity": "sha512-gH3iR3g4JfF+yYPaJYkN7jEl9QbweL/YfkoRlNnuIEHEz1vHVlCmWOS+eGGiRuzHQXdJFCOTxRgvju9b8VUmrw==",
+      "version": "5.5.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.5.5.tgz",
+      "integrity": "sha512-hscXkbqUZ2sPithAuLm5MXL+Wph+U7wHngPBv9OMWwlP8iaflyxpjTYZkmdgB4/vPIhemRlBEoLrH7UC1n7aUw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "prettier-linter-helpers": "^1.0.0",
-        "synckit": "^0.9.1"
+        "prettier-linter-helpers": "^1.0.1",
+        "synckit": "^0.11.12"
       },
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
@@ -4536,7 +6126,7 @@
       "peerDependencies": {
         "@types/eslint": ">=8.0.0",
         "eslint": ">=8.0.0",
-        "eslint-config-prettier": "*",
+        "eslint-config-prettier": ">= 7.0.0 <10.0.0 || >=10.1.0",
         "prettier": ">=3.0.0"
       },
       "peerDependenciesMeta": {
@@ -4594,11 +6184,23 @@
         "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
       }
     },
+    "node_modules/eslint-plugin-react/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
     "node_modules/eslint-plugin-react/node_modules/doctrine": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
       "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -4606,19 +6208,39 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/eslint-plugin-react/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.5",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
-      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "version": "2.0.0-next.6",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.6.tgz",
+      "integrity": "sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "is-core-module": "^2.13.0",
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "node-exports-info": "^1.6.0",
+        "object-keys": "^1.1.1",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
       "bin": {
         "resolve": "bin/resolve"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -4628,15 +6250,34 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "dev": true,
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
     "node_modules/eslint-visitor-keys": {
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
       "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -4644,20 +6285,45 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/eslint/node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+    "node_modules/eslint/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "node": "*"
       }
     },
     "node_modules/espree": {
@@ -4683,6 +6349,7 @@
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
       "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "bin": {
         "esparse": "bin/esparse.js",
         "esvalidate": "bin/esvalidate.js"
@@ -4692,10 +6359,11 @@
       }
     },
     "node_modules/esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "estraverse": "^5.1.0"
       },
@@ -4708,6 +6376,7 @@
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
       "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "estraverse": "^5.2.0"
       },
@@ -4720,6 +6389,7 @@
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=4.0"
       }
@@ -4729,6 +6399,7 @@
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4738,6 +6409,7 @@
       "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
       "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "cross-spawn": "^7.0.3",
         "get-stream": "^6.0.0",
@@ -4770,6 +6442,7 @@
       "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz",
       "integrity": "sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/expect-utils": "^29.7.0",
         "jest-get-type": "^29.6.3",
@@ -4792,13 +6465,15 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
       "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
-      "dev": true
+      "dev": true,
+      "license": "Apache-2.0"
     },
     "node_modules/fast-glob": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
       "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -4815,6 +6490,7 @@
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -4826,19 +6502,22 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
       "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/fast-levenshtein": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/fastq": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
-      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -4848,6 +6527,7 @@
       "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
       "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "bser": "2.1.1"
       }
@@ -4857,6 +6537,7 @@
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
       "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "flat-cache": "^3.0.4"
       },
@@ -4880,13 +6561,15 @@
     "node_modules/find-root": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
-      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "license": "MIT"
     },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
       "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "locate-path": "^6.0.0",
         "path-exists": "^4.0.0"
@@ -4899,24 +6582,26 @@
       }
     },
     "node_modules/flat-cache": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.1.tgz",
-      "integrity": "sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "flatted": "^3.2.9",
         "keyv": "^4.5.3",
         "rimraf": "^3.0.2"
       },
       "engines": {
-        "node": ">=12.0.0"
+        "node": "^10.12.0 || >=12.0.0"
       }
     },
     "node_modules/flatted": {
-      "version": "3.2.9",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
-      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
-      "dev": true
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.4.tgz",
+      "integrity": "sha512-3+mMldrTAPdta5kjX2G2J7iX4zxtnwpdA8Tr2ZSjkyPSanvbZAcy6flmtnXbEybHrDcU9641lxrMfFuUxVz9vA==",
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/for-each": {
       "version": "0.3.5",
@@ -4955,7 +6640,8 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/fsevents": {
       "version": "2.3.3",
@@ -4976,6 +6662,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -5026,6 +6713,7 @@
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
       "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -5035,6 +6723,7 @@
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
       "dev": true,
+      "license": "ISC",
       "engines": {
         "node": "6.* || 8.* || >= 10.*"
       }
@@ -5069,6 +6758,7 @@
       "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
       "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8.0.0"
       }
@@ -5092,6 +6782,7 @@
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
       "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -5118,9 +6809,9 @@
       }
     },
     "node_modules/get-tsconfig": {
-      "version": "4.7.5",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.5.tgz",
-      "integrity": "sha512-ZCuZCnlqNzjb4QprAzXKdpp/gh6KTxSJuw3IBsPnV/7fV4NxC9ckB+vPTt8w7fJA0TaSD7c55BR47JD6MEDyDw==",
+      "version": "4.13.6",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.6.tgz",
+      "integrity": "sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5131,15 +6822,17 @@
       }
     },
     "node_modules/glob": {
-      "version": "7.1.7",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
-      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
         "inherits": "2",
-        "minimatch": "^3.0.4",
+        "minimatch": "^3.1.1",
         "once": "^1.3.0",
         "path-is-absolute": "^1.0.0"
       },
@@ -5155,6 +6848,7 @@
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -5162,6 +6856,30 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/globals": {
       "version": "13.24.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
@@ -5195,27 +6913,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/gopd": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
@@ -5232,18 +6929,22 @@
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
       "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/harmony-reflect": {
       "version": "1.6.2",
       "resolved": "https://registry.npmjs.org/harmony-reflect/-/harmony-reflect-1.6.2.tgz",
-      "integrity": "sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g=="
+      "integrity": "sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==",
+      "license": "(Apache-2.0 OR MPL-1.1)"
     },
     "node_modules/has-bigints": {
       "version": "1.1.0",
@@ -5263,6 +6964,7 @@
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -5341,6 +7043,7 @@
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
       "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "license": "BSD-3-Clause",
       "peer": true,
       "dependencies": {
         "react-is": "^16.7.0"
@@ -5350,33 +7053,23 @@
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT",
       "peer": true
     },
     "node_modules/html-dom-parser": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/html-dom-parser/-/html-dom-parser-5.0.2.tgz",
-      "integrity": "sha512-TPsxRbmzLQP4umvzRnI3US/DuqoHTX3QOGTsH9pNST6z1tm/ZOP4eWRqvGrv6rvOX42QRPF6opbOBoHM2UfTFQ==",
-      "dependencies": {
-        "domhandler": "5.0.3",
-        "htmlparser2": "9.0.0"
-      }
-    },
-    "node_modules/html-dom-parser/node_modules/htmlparser2": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-9.0.0.tgz",
-      "integrity": "sha512-uxbSI98wmFT/G4P2zXx4OVx04qWUmyFPrD2/CNepa2Zo3GPNaCaaxElDgwUrwYWkK1nr9fft0Ya8dws8coDLLQ==",
+      "version": "5.1.8",
+      "resolved": "https://registry.npmjs.org/html-dom-parser/-/html-dom-parser-5.1.8.tgz",
+      "integrity": "sha512-MCIUng//mF2qTtGHXJWr6OLfHWmg3Pm8ezpfiltF83tizPWY17JxT4dRLE8lykJ5bChJELoY3onQKPbufJHxYA==",
       "funding": [
-        "https://github.com/fb55/htmlparser2?sponsor=1",
         {
           "type": "github",
-          "url": "https://github.com/sponsors/fb55"
+          "url": "https://github.com/sponsors/remarkablemark"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.1.0",
-        "entities": "^4.5.0"
+        "domhandler": "5.0.3",
+        "htmlparser2": "10.1.0"
       }
     },
     "node_modules/html-encoding-sniffer": {
@@ -5384,6 +7077,7 @@
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
       "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "whatwg-encoding": "^2.0.0"
       },
@@ -5391,24 +7085,78 @@
         "node": ">=12"
       }
     },
+    "node_modules/html-entities": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.6.0.tgz",
+      "integrity": "sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/mdevils"
+        },
+        {
+          "type": "patreon",
+          "url": "https://patreon.com/mdevils"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/html-escaper": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
       "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/html-react-parser": {
-      "version": "4.2.9",
-      "resolved": "https://registry.npmjs.org/html-react-parser/-/html-react-parser-4.2.9.tgz",
-      "integrity": "sha512-LgF0h+hM//79kePyGMWqgAGdvLCyV52GS96fYeQ5UhJJm+jccjZ8G5SQlprJTMj3v3XR2cBxNF2JhyC1R6gieA==",
+      "version": "5.2.17",
+      "resolved": "https://registry.npmjs.org/html-react-parser/-/html-react-parser-5.2.17.tgz",
+      "integrity": "sha512-m+K/7Moq1jodAB4VL0RXSOmtwLUYoAsikZhwd+hGQe5Vtw2dbWfpFd60poxojMU0Tsh9w59mN1QLEcoHz0Dx9w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/remarkablemark"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/html-react-parser"
+        }
+      ],
+      "license": "MIT",
       "dependencies": {
         "domhandler": "5.0.3",
-        "html-dom-parser": "5.0.2",
+        "html-dom-parser": "5.1.8",
         "react-property": "2.0.2",
-        "style-to-js": "1.1.8"
+        "style-to-js": "1.1.21"
       },
       "peerDependencies": {
-        "react": "0.14 || 15 || 16 || 17 || 18"
+        "@types/react": "0.14 || 15 || 16 || 17 || 18 || 19",
+        "react": "0.14 || 15 || 16 || 17 || 18 || 19"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.1.0.tgz",
+      "integrity": "sha512-VTZkM9GWRAtEpveh7MSF6SjjrpNVNNVJfFup7xTY3UpFtm67foy9HDVXneLtFVt4pMz5kZtgNcvCniNFb1hlEQ==",
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.2",
+        "entities": "^7.0.1"
       }
     },
     "node_modules/http-proxy-agent": {
@@ -5416,6 +7164,7 @@
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
       "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@tootallnate/once": "2",
         "agent-base": "6",
@@ -5430,6 +7179,7 @@
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
       "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "agent-base": "6",
         "debug": "4"
@@ -5443,6 +7193,7 @@
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
       "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": ">=10.17.0"
       }
@@ -5452,6 +7203,7 @@
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
       "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3.0.0"
       },
@@ -5463,6 +7215,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz",
       "integrity": "sha512-00n6YnVHKrinT9t0d9+5yZC6UBNJANpYEQvL2LlX6Ab9lnmxzIRcEmTPuyGScvl1+jKuCICX1Z0Ab1pPKKdikA==",
+      "license": "MIT",
       "dependencies": {
         "harmony-reflect": "^1.4.6"
       },
@@ -5471,18 +7224,20 @@
       }
     },
     "node_modules/ignore": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
-      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 4"
       }
     },
     "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "license": "MIT",
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -5495,10 +7250,11 @@
       }
     },
     "node_modules/import-local": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
-      "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.2.0.tgz",
+      "integrity": "sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "pkg-dir": "^4.2.0",
         "resolve-cwd": "^3.0.0"
@@ -5518,6 +7274,7 @@
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
       "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.8.19"
       }
@@ -5527,6 +7284,7 @@
       "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
       "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -5535,7 +7293,9 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -5545,12 +7305,14 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/inline-style-parser": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.2.tgz",
-      "integrity": "sha512-EcKzdTHVe8wFVOGEYXiW9WmJXPjqi1T+234YpJr98RiFYKHV3cdy1+3mkTE+KHTHxFFLH51SfaGOoUdW+v7ViQ=="
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
+      "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
+      "license": "MIT"
     },
     "node_modules/internal-slot": {
       "version": "1.1.0",
@@ -5588,7 +7350,8 @@
     "node_modules/is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "license": "MIT"
     },
     "node_modules/is-async-function": {
       "version": "2.1.1",
@@ -5643,6 +7406,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-bun-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.7.1"
+      }
+    },
     "node_modules/is-callable": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
@@ -5711,6 +7484,7 @@
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5736,6 +7510,7 @@
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -5745,6 +7520,7 @@
       "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz",
       "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -5774,6 +7550,7 @@
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -5839,6 +7616,7 @@
       "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
       "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -5847,7 +7625,8 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
       "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/is-regex": {
       "version": "1.2.1",
@@ -5902,6 +7681,7 @@
       "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
       "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -6017,26 +7797,29 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/istanbul-lib-coverage": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz",
-      "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/istanbul-lib-instrument": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.1.tgz",
-      "integrity": "sha512-EAMEJBsYuyyztxMxW3g7ugGPkrZsV57v0Hmv3mm1uQsmB+QnZuepg731CRaIgeUVSdmsTngOkSnauNF8p7FIhA==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz",
+      "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "@babel/core": "^7.12.3",
-        "@babel/parser": "^7.14.7",
-        "@istanbuljs/schema": "^0.1.2",
+        "@babel/core": "^7.23.9",
+        "@babel/parser": "^7.23.9",
+        "@istanbuljs/schema": "^0.1.3",
         "istanbul-lib-coverage": "^3.2.0",
         "semver": "^7.5.4"
       },
@@ -6049,6 +7832,7 @@
       "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
       "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "istanbul-lib-coverage": "^3.0.0",
         "make-dir": "^4.0.0",
@@ -6063,6 +7847,7 @@
       "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
       "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "debug": "^4.1.1",
         "istanbul-lib-coverage": "^3.0.0",
@@ -6077,15 +7862,17 @@
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/istanbul-reports": {
-      "version": "3.1.6",
-      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.6.tgz",
-      "integrity": "sha512-TLgnMkKg3iTDsQ9PbPTdpfAK2DzjF9mqUG7RMgcQl8oFjad8ob4laGxv5XV5U9MAfx8D6tSJiUyuAwzLicaxlg==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.2.0.tgz",
+      "integrity": "sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "html-escaper": "^2.0.0",
         "istanbul-lib-report": "^3.0.0"
@@ -6117,6 +7904,7 @@
       "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
       "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/core": "^29.7.0",
         "@jest/types": "^29.6.3",
@@ -6143,6 +7931,7 @@
       "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-29.7.0.tgz",
       "integrity": "sha512-fEArFiwf1BpQ+4bXSprcDc3/x4HSzL4al2tozwVpDFpsxALjLYdyiIK4e5Vz66GQJIbXJ82+35PtysofptNX2w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "execa": "^5.0.0",
         "jest-util": "^29.7.0",
@@ -6157,6 +7946,7 @@
       "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-29.7.0.tgz",
       "integrity": "sha512-3E1nCMgipcTkCocFwM90XXQab9bS+GMsjdpmPrlelaxwD93Ad8iVEjX/vvHPdLPnFf+L40u+5+iutRdA1N9myw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/environment": "^29.7.0",
         "@jest/expect": "^29.7.0",
@@ -6183,16 +7973,21 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-circus/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/jest-circus/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
       "engines": {
         "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-circus/node_modules/pretty-format": {
@@ -6200,6 +7995,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -6209,11 +8005,32 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-circus/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-circus/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/jest-cli": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-29.7.0.tgz",
       "integrity": "sha512-OVVobw2IubN/GSYsxETi+gOe7Ka59EFMR/twOU3Jb2GnKKeMGJB5SGUUrEz3SFVmJASUdZUzy83sLNNQ2gZslg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/core": "^29.7.0",
         "@jest/test-result": "^29.7.0",
@@ -6242,11 +8059,29 @@
         }
       }
     },
+    "node_modules/jest-cli/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/jest-config": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-29.7.0.tgz",
       "integrity": "sha512-uXbpfeQ7R6TZBqI3/TxCU4q4ttk3u0PJeC+E0zbfSoSjq6bJ7buBPxzQPL0ifrkY4DNu4JUdk0ImlBUYi840eQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.11.6",
         "@jest/test-sequencer": "^29.7.0",
@@ -6287,16 +8122,21 @@
         }
       }
     },
-    "node_modules/jest-config/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/jest-config/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
       "engines": {
         "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-config/node_modules/pretty-format": {
@@ -6304,20 +8144,42 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
         "react-is": "^18.0.0"
       },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-config/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/jest-config/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/jest-diff": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
       "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "chalk": "^4.0.0",
         "diff-sequences": "^29.6.3",
@@ -6328,16 +8190,21 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-diff/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/jest-diff/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
       "engines": {
         "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-diff/node_modules/pretty-format": {
@@ -6345,6 +8212,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -6354,11 +8222,32 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-diff/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-diff/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/jest-docblock": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.7.0.tgz",
       "integrity": "sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "detect-newline": "^3.0.0"
       },
@@ -6371,6 +8260,7 @@
       "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-29.7.0.tgz",
       "integrity": "sha512-gns+Er14+ZrEoC5fhOfYCY1LOHHr0TI+rQUHZS8Ttw2l7gl+80eHc/gFf2Ktkw0+SIACDTeWvpFcv3B04VembQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/types": "^29.6.3",
         "chalk": "^4.0.0",
@@ -6382,16 +8272,21 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-each/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/jest-each/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
       "engines": {
         "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-each/node_modules/pretty-format": {
@@ -6399,6 +8294,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -6408,11 +8304,32 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-each/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-each/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/jest-environment-jsdom": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-29.7.0.tgz",
       "integrity": "sha512-k9iQbsf9OyOfdzWH8HDmrRT0gSIcX+FLNW7IQq94tFX0gynPwqDTW0Ho6iMVNjGz/nb+l/vW3dWM2bbLLpkbXA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/environment": "^29.7.0",
         "@jest/fake-timers": "^29.7.0",
@@ -6440,6 +8357,7 @@
       "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz",
       "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/environment": "^29.7.0",
         "@jest/fake-timers": "^29.7.0",
@@ -6457,6 +8375,7 @@
       "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
       "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
@@ -6466,6 +8385,7 @@
       "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
       "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/types": "^29.6.3",
         "@types/graceful-fs": "^4.1.3",
@@ -6491,6 +8411,7 @@
       "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.7.0.tgz",
       "integrity": "sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "jest-get-type": "^29.6.3",
         "pretty-format": "^29.7.0"
@@ -6504,6 +8425,7 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -6516,6 +8438,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -6525,11 +8448,19 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-leak-detector/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/jest-matcher-utils": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz",
       "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "chalk": "^4.0.0",
         "jest-diff": "^29.7.0",
@@ -6540,16 +8471,21 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-matcher-utils/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/jest-matcher-utils/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
       "engines": {
         "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-matcher-utils/node_modules/pretty-format": {
@@ -6557,6 +8493,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -6566,11 +8503,32 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-matcher-utils/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/jest-message-util": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
       "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.12.13",
         "@jest/types": "^29.6.3",
@@ -6586,16 +8544,21 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-message-util/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/jest-message-util/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
       "engines": {
         "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-message-util/node_modules/pretty-format": {
@@ -6603,6 +8566,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -6612,11 +8576,32 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-message-util/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-message-util/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/jest-mock": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz",
       "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/types": "^29.6.3",
         "@types/node": "*",
@@ -6631,6 +8616,7 @@
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
       "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       },
@@ -6648,6 +8634,7 @@
       "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
       "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
@@ -6657,6 +8644,7 @@
       "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.7.0.tgz",
       "integrity": "sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "chalk": "^4.0.0",
         "graceful-fs": "^4.2.9",
@@ -6677,6 +8665,7 @@
       "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.7.0.tgz",
       "integrity": "sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "jest-regex-util": "^29.6.3",
         "jest-snapshot": "^29.7.0"
@@ -6685,11 +8674,29 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-resolve/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/jest-runner": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-29.7.0.tgz",
       "integrity": "sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/console": "^29.7.0",
         "@jest/environment": "^29.7.0",
@@ -6717,11 +8724,29 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-runner/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/jest-runtime": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.7.0.tgz",
       "integrity": "sha512-gUnLjgwdGqW7B4LvOIkbKs9WGbn+QLqRQQ9juC6HndeDiezIwhDP+mhMwHWCEcfQ5RUXa6OPnFF8BJh5xegwwQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/environment": "^29.7.0",
         "@jest/fake-timers": "^29.7.0",
@@ -6750,11 +8775,29 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-runtime/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/jest-snapshot": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.7.0.tgz",
       "integrity": "sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.11.6",
         "@babel/generator": "^7.7.2",
@@ -6781,16 +8824,21 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-snapshot/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/jest-snapshot/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
       "engines": {
         "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-snapshot/node_modules/pretty-format": {
@@ -6798,6 +8846,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -6807,11 +8856,32 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-snapshot/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/jest-util": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
       "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/types": "^29.6.3",
         "@types/node": "*",
@@ -6824,11 +8894,29 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-util/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/jest-validate": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz",
       "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/types": "^29.6.3",
         "camelcase": "^6.2.0",
@@ -6841,28 +8929,34 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-validate/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/jest-validate/node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/jest-validate/node_modules/camelcase": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
-      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+    "node_modules/jest-validate/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
       "engines": {
         "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-validate/node_modules/pretty-format": {
@@ -6870,6 +8964,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -6879,11 +8974,32 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-validate/node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-validate/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/jest-watcher": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.7.0.tgz",
       "integrity": "sha512-49Fg7WXkU3Vl2h6LbLtMQ/HyB6rXSIX7SqvBLQmssRBGN9I0PNvPmAmCWSOY6SOvrjhI/F7/bGAv9RtnsPA03g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jest/test-result": "^29.7.0",
         "@jest/types": "^29.6.3",
@@ -6898,11 +9014,29 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-watcher/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/jest-worker": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
       "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/node": "*",
         "jest-util": "^29.7.0",
@@ -6918,6 +9052,7 @@
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -6931,7 +9066,8 @@
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
     },
     "node_modules/js-yaml": {
       "version": "4.1.1",
@@ -6946,11 +9082,22 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jsdoc-type-pratt-parser": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-7.1.1.tgz",
+      "integrity": "sha512-/2uqY7x6bsrpi3i9LVU6J89352C0rpMk0as8trXxCtvd4kPk1ke/Eyif6wqfSLvoNJqcDG9Vk4UsXgygzCt2xA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
     "node_modules/jsdom": {
       "version": "20.0.3",
       "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz",
       "integrity": "sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "abab": "^2.0.6",
         "acorn": "^8.8.1",
@@ -6992,27 +9139,29 @@
       }
     },
     "node_modules/jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-      "dev": true,
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
       "bin": {
         "jsesc": "bin/jsesc"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=6"
       }
     },
     "node_modules/json-buffer": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
       "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/json-parse-even-better-errors": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "license": "MIT"
     },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
@@ -7025,13 +9174,15 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "json5": "lib/cli.js"
       },
@@ -7044,6 +9195,7 @@
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
       "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "array-includes": "^3.1.6",
         "array.prototype.flat": "^1.3.1",
@@ -7059,6 +9211,7 @@
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
       "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "json-buffer": "3.0.1"
       }
@@ -7068,6 +9221,7 @@
       "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
       "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -7097,6 +9251,7 @@
       "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
       "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -7106,6 +9261,7 @@
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
       "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "prelude-ls": "^1.2.1",
         "type-check": "~0.4.0"
@@ -7117,13 +9273,15 @@
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
     },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
       "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-locate": "^5.0.0"
       },
@@ -7145,12 +9303,14 @@
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
       "dependencies": {
         "js-tokens": "^3.0.0 || ^4.0.0"
       },
@@ -7163,6 +9323,7 @@
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
       "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "yallist": "^3.0.2"
       }
@@ -7172,7 +9333,7 @@
       "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
       "dev": true,
-      "peer": true,
+      "license": "MIT",
       "bin": {
         "lz-string": "bin/bin.js"
       }
@@ -7182,6 +9343,7 @@
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
       "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "semver": "^7.5.3"
       },
@@ -7197,6 +9359,7 @@
       "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
       "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "tmpl": "1.0.5"
       }
@@ -7215,13 +9378,15 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
       "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -7245,6 +9410,7 @@
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -7254,6 +9420,7 @@
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -7266,6 +9433,7 @@
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -7275,20 +9443,25 @@
       "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
       "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
     },
     "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "10.2.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.4.tgz",
+      "integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
       "dev": true,
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "brace-expansion": "^5.0.2"
       },
       "engines": {
-        "node": "*"
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/minimist": {
@@ -7302,15 +9475,15 @@
       }
     },
     "node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
     },
     "node_modules/nanoid": {
-      "version": "3.3.8",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
-      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
       "funding": [
         {
           "type": "github",
@@ -7325,48 +9498,65 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/napi-postinstall": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.4.tgz",
+      "integrity": "sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "napi-postinstall": "lib/cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/napi-postinstall"
+      }
+    },
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/next": {
-      "version": "14.2.35",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.2.35.tgz",
-      "integrity": "sha512-KhYd2Hjt/O1/1aZVX3dCwGXM1QmOV4eNM2UTacK5gipDdPN/oHHK/4oVGy7X8GMfPMsUTUEmGlsy0EY1YGAkig==",
+      "version": "16.1.6",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.1.6.tgz",
+      "integrity": "sha512-hkyRkcu5x/41KoqnROkfTm2pZVbKxvbZRuNvKXLRXxs3VfyO0WhY50TQS40EuKO9SW3rBj/sF3WbVwDACeMZyw==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "14.2.35",
-        "@swc/helpers": "0.5.5",
-        "busboy": "1.6.0",
+        "@next/env": "16.1.6",
+        "@swc/helpers": "0.5.15",
+        "baseline-browser-mapping": "^2.8.3",
         "caniuse-lite": "^1.0.30001579",
-        "graceful-fs": "^4.2.11",
         "postcss": "8.4.31",
-        "styled-jsx": "5.1.1"
+        "styled-jsx": "5.1.6"
       },
       "bin": {
         "next": "dist/bin/next"
       },
       "engines": {
-        "node": ">=18.17.0"
+        "node": ">=20.9.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.2.33",
-        "@next/swc-darwin-x64": "14.2.33",
-        "@next/swc-linux-arm64-gnu": "14.2.33",
-        "@next/swc-linux-arm64-musl": "14.2.33",
-        "@next/swc-linux-x64-gnu": "14.2.33",
-        "@next/swc-linux-x64-musl": "14.2.33",
-        "@next/swc-win32-arm64-msvc": "14.2.33",
-        "@next/swc-win32-ia32-msvc": "14.2.33",
-        "@next/swc-win32-x64-msvc": "14.2.33"
+        "@next/swc-darwin-arm64": "16.1.6",
+        "@next/swc-darwin-x64": "16.1.6",
+        "@next/swc-linux-arm64-gnu": "16.1.6",
+        "@next/swc-linux-arm64-musl": "16.1.6",
+        "@next/swc-linux-x64-gnu": "16.1.6",
+        "@next/swc-linux-x64-musl": "16.1.6",
+        "@next/swc-win32-arm64-msvc": "16.1.6",
+        "@next/swc-win32-x64-msvc": "16.1.6",
+        "sharp": "^0.34.4"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
-        "@playwright/test": "^1.41.2",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
         "sass": "^1.3.0"
       },
       "peerDependenciesMeta": {
@@ -7376,28 +9566,63 @@
         "@playwright/test": {
           "optional": true
         },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
         "sass": {
           "optional": true
         }
       }
     },
+    "node_modules/node-exports-info": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.0.tgz",
+      "integrity": "sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array.prototype.flatmap": "^1.3.3",
+        "es-errors": "^1.3.0",
+        "object.entries": "^1.1.9",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/node-exports-info/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/node-int64": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
       "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/node-releases": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==",
-      "dev": true
+      "version": "2.0.36",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
+      "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7407,6 +9632,7 @@
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
       "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "path-key": "^3.0.0"
       },
@@ -7415,19 +9641,28 @@
       }
     },
     "node_modules/nwsapi": {
-      "version": "2.2.7",
-      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
-      "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==",
-      "dev": true
+      "version": "2.2.23",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.23.tgz",
+      "integrity": "sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
+    "node_modules/object-deep-merge": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/object-deep-merge/-/object-deep-merge-2.0.0.tgz",
+      "integrity": "sha512-3DC3UMpeffLTHiuXSy/UG4NOIYTLlY9u3V82+djSCLYClWobZiS4ivYzpIUWrRY/nfsJ8cWsKyG3QfyLePmhvg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/object-inspect": {
       "version": "1.13.4",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
@@ -7446,6 +9681,7 @@
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
       "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       }
@@ -7545,6 +9781,7 @@
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "wrappy": "1"
       }
@@ -7554,6 +9791,7 @@
       "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
       "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "mimic-fn": "^2.1.0"
       },
@@ -7565,17 +9803,18 @@
       }
     },
     "node_modules/optionator": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@aashutoshrathi/word-wrap": "^1.2.3",
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
         "levn": "^0.4.1",
         "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0"
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
       },
       "engines": {
         "node": ">= 0.8.0"
@@ -7604,6 +9843,7 @@
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "yocto-queue": "^0.1.0"
       },
@@ -7619,6 +9859,7 @@
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
       "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-limit": "^3.0.2"
       },
@@ -7634,6 +9875,7 @@
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
       "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -7642,6 +9884,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "license": "MIT",
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -7649,10 +9892,21 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-imports-exports": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/parse-imports-exports/-/parse-imports-exports-0.2.4.tgz",
+      "integrity": "sha512-4s6vd6dx1AotCx/RCI2m7t7GCh5bDRUtGNvRfHSP2wbBQdMi67pPe7mtzmgwcaQ8VKK/6IB7Glfyu3qdZJPybQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parse-statements": "1.0.11"
+      }
+    },
     "node_modules/parse-json": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
       "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
         "error-ex": "^1.3.1",
@@ -7666,23 +9920,45 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/parse-statements": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/parse-statements/-/parse-statements-1.0.11.tgz",
+      "integrity": "sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/parse5": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
-      "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "entities": "^4.4.0"
+        "entities": "^6.0.0"
       },
       "funding": {
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
+    "node_modules/parse5/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -7692,6 +9968,7 @@
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7701,6 +9978,7 @@
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -7708,12 +9986,14 @@
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
     },
     "node_modules/path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -7729,6 +10009,7 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8.6"
       },
@@ -7737,10 +10018,11 @@
       }
     },
     "node_modules/pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
@@ -7750,6 +10032,7 @@
       "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
       "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "find-up": "^4.0.0"
       },
@@ -7762,6 +10045,7 @@
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -7775,6 +10059,7 @@
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -7787,6 +10072,7 @@
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -7802,6 +10088,7 @@
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -7852,15 +10139,17 @@
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8.0"
       }
     },
     "node_modules/prettier": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.0.3.tgz",
-      "integrity": "sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==",
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.1.tgz",
+      "integrity": "sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
@@ -7872,10 +10161,11 @@
       }
     },
     "node_modules/prettier-linter-helpers": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
-      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.1.tgz",
+      "integrity": "sha512-SxToR7P8Y2lWmv/kTzVLC1t/GDI2WGjMwNhLLE9qtH8Q13C+aEmuRlzDst4Up4s0Wc8sF2M+J57iB3cMLqftfg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "fast-diff": "^1.1.2"
       },
@@ -7888,7 +10178,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
       "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
       "dev": true,
-      "peer": true,
+      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1",
         "ansi-styles": "^5.0.0",
@@ -7903,7 +10193,7 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
-      "peer": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -7916,13 +10206,14 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
       "dev": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/prompts": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
       "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "kleur": "^3.0.3",
         "sisteransi": "^1.0.5"
@@ -7935,6 +10226,7 @@
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.4.0",
         "object-assign": "^4.1.1",
@@ -7944,27 +10236,36 @@
     "node_modules/prop-types/node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
     },
     "node_modules/psl": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
-      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
-      "dev": true
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.15.0.tgz",
+      "integrity": "sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/lupomontero"
+      }
     },
     "node_modules/punycode": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
-      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/pure-rand": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.0.4.tgz",
-      "integrity": "sha512-LA0Y9kxMYv47GIPJy6MI84fqTd2HmYZI83W/kM/SkKfDlajnZYfmXFTxkbY+xSBPkLJxltMa9hIkmdc29eguMA==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz",
+      "integrity": "sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==",
       "dev": true,
       "funding": [
         {
@@ -7975,13 +10276,15 @@
           "type": "opencollective",
           "url": "https://opencollective.com/fast-check"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/querystringify": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
       "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
@@ -8001,72 +10304,61 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      },
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
+      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
+      "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
+      "license": "MIT",
       "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
+        "scheduler": "^0.27.0"
       },
       "peerDependencies": {
-        "react": "^18.2.0"
+        "react": "^19.2.4"
       }
     },
     "node_modules/react-is": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.4.tgz",
+      "integrity": "sha512-W+EWGn2v0ApPKgKKCy/7s7WHXkboGcsrXE+2joLyVxkbyVQfO3MUEaUQDHoSmb8TFFrSKYa9mw64WZHNHSDzYA==",
+      "license": "MIT"
     },
     "node_modules/react-property": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/react-property/-/react-property-2.0.2.tgz",
-      "integrity": "sha512-+PbtI3VuDV0l6CleQMsx2gtK0JZbZKbpdu5ynr+lbsuvtmgbNcS3VM0tuY2QjFNOcWxvXeHjDpy42RO+4U2rug=="
-    },
-    "node_modules/react-shallow-renderer": {
-      "version": "16.15.0",
-      "resolved": "https://registry.npmjs.org/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz",
-      "integrity": "sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==",
-      "dev": true,
-      "dependencies": {
-        "object-assign": "^4.1.1",
-        "react-is": "^16.12.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependencies": {
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
-      }
+      "integrity": "sha512-+PbtI3VuDV0l6CleQMsx2gtK0JZbZKbpdu5ynr+lbsuvtmgbNcS3VM0tuY2QjFNOcWxvXeHjDpy42RO+4U2rug==",
+      "license": "MIT"
     },
     "node_modules/react-test-renderer": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.2.0.tgz",
-      "integrity": "sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==",
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-19.2.4.tgz",
+      "integrity": "sha512-Ttl5D7Rnmi6JGMUpri4UjB4BAN0FPs4yRDnu2XSsigCWOLm11o8GwRlVsh27ER+4WFqsGtrBuuv5zumUaRCmKw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "react-is": "^18.2.0",
-        "react-shallow-renderer": "^16.15.0",
-        "scheduler": "^0.23.0"
+        "react-is": "^19.2.4",
+        "scheduler": "^0.27.0"
       },
       "peerDependencies": {
-        "react": "^18.2.0"
+        "react": "^19.2.4"
       }
     },
     "node_modules/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
       "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "license": "BSD-3-Clause",
       "dependencies": {
         "@babel/runtime": "^7.5.5",
         "dom-helpers": "^5.0.1",
@@ -8083,6 +10375,7 @@
       "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
       "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "indent-string": "^4.0.0",
         "strip-indent": "^3.0.0"
@@ -8140,6 +10433,7 @@
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
       "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -8148,20 +10442,44 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
       "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/reselect": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
+      "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==",
+      "license": "MIT"
+    },
+    "node_modules/reserved-identifiers": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/reserved-identifiers/-/reserved-identifiers-1.2.0.tgz",
+      "integrity": "sha512-yE7KUfFvaBFzGPs5H3Ops1RevfUEsDc5Iz65rOwWg4lE8HJSYtle77uul3+573457oHvBKuHYDl/xqUkKpEEdw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
     },
     "node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "license": "MIT",
       "dependencies": {
-        "is-core-module": "^2.13.0",
+        "is-core-module": "^2.16.1",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
       "bin": {
         "resolve": "bin/resolve"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -8171,6 +10489,7 @@
       "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
       "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "resolve-from": "^5.0.0"
       },
@@ -8183,6 +10502,7 @@
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
       "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -8191,6 +10511,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -8206,37 +10527,33 @@
       }
     },
     "node_modules/resolve.exports": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.2.tgz",
-      "integrity": "sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.3.tgz",
+      "integrity": "sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       }
     },
     "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
       }
     },
-    "node_modules/rifm": {
-      "version": "0.12.1",
-      "resolved": "https://registry.npmjs.org/rifm/-/rifm-0.12.1.tgz",
-      "integrity": "sha512-OGA1Bitg/dSJtI/c4dh90svzaUPt228kzFsUkJbtA2c964IqEAwWXeL9ZJi86xWv3j5SMqRvGULl7bA6cK0Bvg==",
-      "peerDependencies": {
-        "react": ">=16.8"
-      }
-    },
     "node_modules/rimraf": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -8250,7 +10567,8 @@
     "node_modules/roman-numerals": {
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/roman-numerals/-/roman-numerals-0.3.2.tgz",
-      "integrity": "sha512-aTmaKtxczT3K4ZhtJDauOZ6LY3e1xNDf2SBn7aRY/ErAtCCuVYuwNQbPuh+SWTjGmbg9p5Nlt8sJbQNkto8uyg=="
+      "integrity": "sha512-aTmaKtxczT3K4ZhtJDauOZ6LY3e1xNDf2SBn7aRY/ErAtCCuVYuwNQbPuh+SWTjGmbg9p5Nlt8sJbQNkto8uyg==",
+      "license": "MIT"
     },
     "node_modules/run-parallel": {
       "version": "1.2.0",
@@ -8271,6 +10589,7 @@
           "url": "https://feross.org/support"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "queue-microtask": "^1.2.2"
       }
@@ -8334,13 +10653,15 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/saxes": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
       "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "xmlchars": "^2.2.0"
       },
@@ -8349,21 +10670,17 @@
       }
     },
     "node_modules/scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      }
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
     },
     "node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "devOptional": true,
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -8371,24 +10688,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/semver/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/semver/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -8438,11 +10737,57 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -8455,6 +10800,7 @@
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -8539,19 +10885,22 @@
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
       "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/sisteransi": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
       "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -8560,14 +10909,15 @@
       "version": "0.5.7",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
       "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
-      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -8578,6 +10928,7 @@
       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz",
       "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "buffer-from": "^1.0.0",
         "source-map": "^0.6.0"
@@ -8588,21 +10939,56 @@
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
     },
+    "node_modules/spdx-exceptions": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz",
+      "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==",
+      "dev": true,
+      "license": "CC-BY-3.0"
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-4.0.0.tgz",
+      "integrity": "sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.23",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.23.tgz",
+      "integrity": "sha512-CWLcCCH7VLu13TgOH+r8p1O/Znwhqv/dbb6lqWy67G+pT1kHmeD/+V36AVb/vq8QMIQwVShJ6Ssl5FPh0fuSdw==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
     "node_modules/sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
       "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/stable-hash": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
+      "integrity": "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/stack-utils": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
       "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "escape-string-regexp": "^2.0.0"
       },
@@ -8615,6 +11001,7 @@
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
       "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -8633,19 +11020,12 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/streamsearch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
-      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
     "node_modules/string-length": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
       "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "char-regex": "^1.0.2",
         "strip-ansi": "^6.0.0"
@@ -8659,6 +11039,7 @@
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -8672,7 +11053,8 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/string.prototype.includes": {
       "version": "2.0.1",
@@ -8792,6 +11174,7 @@
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -8804,6 +11187,7 @@
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
       "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -8813,6 +11197,7 @@
       "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
       "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -8822,6 +11207,7 @@
       "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
       "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "min-indent": "^1.0.0"
       },
@@ -8834,6 +11220,7 @@
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -8842,25 +11229,27 @@
       }
     },
     "node_modules/style-to-js": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.8.tgz",
-      "integrity": "sha512-bPSspCXkkhETLXnEgDbaoWRWyv3lF2bj32YIc8IElok2IIMHUlZtQUrxYmAkKUNxpluhH0qnKWrmuoXUyTY12g==",
+      "version": "1.1.21",
+      "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.21.tgz",
+      "integrity": "sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==",
+      "license": "MIT",
       "dependencies": {
-        "style-to-object": "1.0.3"
+        "style-to-object": "1.0.14"
       }
     },
     "node_modules/style-to-object": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.3.tgz",
-      "integrity": "sha512-xOpx7S53E0V3DpVsvt7ySvoiumRpfXiC99PUXLqGB3wiAnN9ybEIpuzlZ8LAZg+h1sl9JkEUwtSQXxcCgFqbbg==",
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.14.tgz",
+      "integrity": "sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==",
+      "license": "MIT",
       "dependencies": {
-        "inline-style-parser": "0.2.2"
+        "inline-style-parser": "0.2.7"
       }
     },
     "node_modules/styled-jsx": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
-      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
       "license": "MIT",
       "dependencies": {
         "client-only": "0.0.1"
@@ -8869,7 +11258,7 @@
         "node": ">= 12.0.0"
       },
       "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
       },
       "peerDependenciesMeta": {
         "@babel/core": {
@@ -8883,13 +11272,15 @@
     "node_modules/stylis": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
-      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+      "license": "MIT"
     },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -8901,6 +11292,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -8912,33 +11304,23 @@
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/synckit": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.1.tgz",
-      "integrity": "sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==",
+      "version": "0.11.12",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.11.12.tgz",
+      "integrity": "sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@pkgr/core": "^0.1.0",
-        "tslib": "^2.6.2"
+        "@pkgr/core": "^0.2.9"
       },
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
       },
       "funding": {
-        "url": "https://opencollective.com/unts"
-      }
-    },
-    "node_modules/tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
+        "url": "https://opencollective.com/synckit"
       }
     },
     "node_modules/test-exclude": {
@@ -8946,6 +11328,7 @@
       "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
       "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "@istanbuljs/schema": "^0.1.2",
         "glob": "^7.1.4",
@@ -8955,23 +11338,97 @@
         "node": ">=8"
       }
     },
+    "node_modules/test-exclude/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/test-exclude/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
     },
     "node_modules/tinymce": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/tinymce/-/tinymce-7.2.0.tgz",
-      "integrity": "sha512-R460NlE4REIFuLcZd9mpHK8zRsHdOueLV2m6Wsn0JHfGhDWMcfB1IqUX2QGrSbJga93ygJbJbNMwb2sakFlE/g==",
-      "license": "GPL-2.0-or-later"
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/tinymce/-/tinymce-8.3.2.tgz",
+      "integrity": "sha512-iZ8aIUtrgGOw2AkukNf8spUM0LOzNLoCHRepwXQwWmHxP2TI5LzHjjG0SmXGxbya4EmoD5/pAox0ZXJfLO5DUw==",
+      "license": "SEE LICENSE IN license.md"
     },
     "node_modules/tmpl": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
       "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
-      "dev": true
+      "dev": true,
+      "license": "BSD-3-Clause"
     },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
@@ -8986,11 +11443,29 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/to-valid-identifier": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-valid-identifier/-/to-valid-identifier-1.0.0.tgz",
+      "integrity": "sha512-41wJyvKep3yT2tyPqX/4blcfybknGB4D+oETKLs7Q76UiPqRpUJK3hr1nxelyYO0PHKVzJwlu0aCeEAsGI6rpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sindresorhus/base62": "^1.0.0",
+        "reserved-identifiers": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/tough-cookie": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
-      "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "psl": "^1.1.33",
         "punycode": "^2.1.1",
@@ -9006,6 +11481,7 @@
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
       "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "punycode": "^2.1.1"
       },
@@ -9014,16 +11490,16 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",
-      "integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==",
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.4.0.tgz",
+      "integrity": "sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=16"
+        "node": ">=18.12"
       },
       "peerDependencies": {
-        "typescript": ">=4.2.0"
+        "typescript": ">=4.8.4"
       }
     },
     "node_modules/tsconfig-paths": {
@@ -9063,15 +11539,17 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
     },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "prelude-ls": "^1.2.1"
       },
@@ -9084,6 +11562,7 @@
       "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
       "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -9180,10 +11659,11 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
-      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
+      "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -9192,6 +11672,30 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/typescript-eslint": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.57.0.tgz",
+      "integrity": "sha512-W8GcigEMEeB07xEZol8oJ26rigm3+bfPHxHvwbYUlu1fUDsGuQ7Hiskx5xGW/xM4USc9Ephe3jtv7ZYPQntHeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.57.0",
+        "@typescript-eslint/parser": "8.57.0",
+        "@typescript-eslint/typescript-estree": "8.57.0",
+        "@typescript-eslint/utils": "8.57.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
@@ -9212,24 +11716,61 @@
       }
     },
     "node_modules/undici-types": {
-      "version": "5.26.5",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "dev": true
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/universalify": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
       "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 4.0.0"
       }
     },
+    "node_modules/unrs-resolver": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.11.1.tgz",
+      "integrity": "sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "napi-postinstall": "^0.3.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unrs-resolver"
+      },
+      "optionalDependencies": {
+        "@unrs/resolver-binding-android-arm-eabi": "1.11.1",
+        "@unrs/resolver-binding-android-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-x64": "1.11.1",
+        "@unrs/resolver-binding-freebsd-x64": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-musl": "1.11.1",
+        "@unrs/resolver-binding-wasm32-wasi": "1.11.1",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.11.1"
+      }
+    },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
       "dev": true,
       "funding": [
         {
@@ -9245,9 +11786,10 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
@@ -9271,16 +11813,27 @@
       "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
       "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "querystringify": "^2.1.1",
         "requires-port": "^1.0.0"
       }
     },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/v8-to-istanbul": {
-      "version": "9.1.3",
-      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.1.3.tgz",
-      "integrity": "sha512-9lDD+EVI2fjFsMWXc6dy5JJzBsVTcQ2fVkfBvncZ6xJWG9wtBhOldG+mHkSL0+V1K/xgZz0JDO5UT5hFwHUghg==",
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz",
+      "integrity": "sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.12",
         "@types/istanbul-lib-coverage": "^2.0.1",
@@ -9294,13 +11847,15 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/w3c-xmlserializer": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
       "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "xml-name-validator": "^4.0.0"
       },
@@ -9313,6 +11868,7 @@
       "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
       "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "makeerror": "1.0.12"
       }
@@ -9322,6 +11878,7 @@
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
       "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=12"
       }
@@ -9330,7 +11887,9 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
       "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+      "deprecated": "Use @exodus/bytes instead for a more spec-conformant and faster implementation",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "iconv-lite": "0.6.3"
       },
@@ -9343,6 +11902,7 @@
       "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
       "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       }
@@ -9352,6 +11912,7 @@
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
       "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "tr46": "^3.0.0",
         "webidl-conversions": "^7.0.0"
@@ -9365,6 +11926,7 @@
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -9443,9 +12005,9 @@
       }
     },
     "node_modules/which-typed-array": {
-      "version": "1.1.19",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
-      "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==",
+      "version": "1.1.20",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.20.tgz",
+      "integrity": "sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9464,11 +12026,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/wrap-ansi": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -9485,13 +12058,15 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/write-file-atomic": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
       "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "imurmurhash": "^0.1.4",
         "signal-exit": "^3.0.7"
@@ -9501,9 +12076,9 @@
       }
     },
     "node_modules/ws": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
-      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
+      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -9527,6 +12102,7 @@
       "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
       "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": ">=12"
       }
@@ -9535,13 +12111,15 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
       "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
       "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
       "dev": true,
+      "license": "ISC",
       "engines": {
         "node": ">=10"
       }
@@ -9550,12 +12128,14 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/yaml": {
       "version": "1.10.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
       "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
       "engines": {
         "node": ">= 6"
       }
@@ -9565,6 +12145,7 @@
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
       "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "cliui": "^8.0.1",
         "escalade": "^3.1.1",
@@ -9583,6 +12164,7 @@
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
       "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
       "dev": true,
+      "license": "ISC",
       "engines": {
         "node": ">=12"
       }
@@ -9592,6 +12174,7 @@
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
diff --git a/client/package.json b/client/package.json
index 2aa1a76bc..5cbaaff31 100644
--- a/client/package.json
+++ b/client/package.json
@@ -7,8 +7,8 @@
   "scripts": {
     "build": "next build",
     "check-types": "tsc --noemit",
-    "format": "next lint --fix",
-    "lint": "next lint",
+    "format": "prettier --check --write *.js *.ts components/** context/** pages/**",
+    "lint": "prettier --check *.js *.ts components/** context/** pages/** && ESLINT_USE_FLAT_CONFIG=true eslint *.js components/ context/ pages/ -c eslint.config.mjs --max-warnings 0",
     "postinstall": "cp -r ./node_modules/tinymce ./public/",
     "prod": "next start",
     "snapshots": "jest --updateSnapshot",
@@ -17,40 +17,44 @@
     "testWatch": "jest --watch --coverage"
   },
   "dependencies": {
-    "@date-io/dayjs": "^2",
+    "@date-io/dayjs": "^3",
     "@emotion/styled": "^11",
-    "@mui/icons-material": "^5",
-    "@mui/lab": "^5.0.0-alpha.150",
-    "@mui/material": "^5",
-    "@mui/x-date-pickers": "^5",
-    "@mui/x-tree-view": "^6",
-    "@tinymce/tinymce-react": "^5",
+    "@mui/icons-material": "^7",
+    "@mui/lab": "^5.0.0-alpha.177",
+    "@mui/material": "^7",
+    "@mui/x-date-pickers": "^8",
+    "@mui/x-tree-view": "^8",
+    "@tinymce/tinymce-react": "^6",
     "dayjs": "^1",
-    "html-react-parser": "^4",
+    "html-react-parser": "^5",
     "identity-obj-proxy": "^3.0.0",
-    "next": "^14",
-    "react": "^18",
+    "next": "^16",
+    "react": "^19",
     "roman-numerals": "^0.3.2",
-    "tinymce": "^7"
+    "tinymce": "^8"
   },
   "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^5",
-    "@testing-library/react": "^16",
-    "@testing-library/user-event": "^14",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29",
-    "@types/node": "^18",
-    "@types/react": "^18",
-    "@typescript-eslint/eslint-plugin": "^6",
+    "@types/node": "^20",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8",
     "eslint": "^8",
     "eslint-config-next": "^15",
     "eslint-config-prettier": "^9",
     "eslint-plugin-prettier": "^5",
     "eslint-plugin-react": "^7",
+    "eslint-plugin-jsdoc": "^62",
     "jest": "^29",
     "jest-environment-jsdom": "^29",
     "prettier": "^3",
-    "react-dom": "^18",
-    "react-test-renderer": "^18",
-    "typescript": "^5"
+    "react-dom": "^19",
+    "react-test-renderer": "^19",
+    "typescript": "^5",
+    "typescript-eslint": "^8.52"
   }
 }
diff --git a/client/pages/_app.tsx b/client/pages/_app.tsx
index ec5793ce9..b5e8cf593 100644
--- a/client/pages/_app.tsx
+++ b/client/pages/_app.tsx
@@ -1,4 +1,3 @@
-/* eslint react/prop-types: 0 */
 import React from "react";
 import { GlobalContextProvider } from "../context/GlobalContext";
 import { PaginatorContextProvider } from "../context/PaginatorContext";
diff --git a/client/tsconfig.json b/client/tsconfig.json
index 99710e857..64d0421f3 100644
--- a/client/tsconfig.json
+++ b/client/tsconfig.json
@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -12,9 +16,15 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }