From cd4e3064fcec23cbf1a16c8afdf12d66bb598f6b Mon Sep 17 00:00:00 2001
From: Dennis Kigen <kigen.work@gmail.com>
Date: Wed, 20 Sep 2023 11:42:20 +0300
Subject: [PATCH] (chore) Dependency upgrades and improvements to linting and
 types (#190)

---
 .eslintignore                                 |    5 +-
 .eslintrc                                     |   44 +-
 .husky/pre-commit                             |    3 +-
 .prettierrc                                   |    8 +
 README.md                                     |   60 +-
 __mocks__/react-i18next.js                    |   23 +-
 e2e/commands/form-operations.ts               |   52 +-
 e2e/core/global-setup.ts                      |   16 +-
 e2e/core/index.ts                             |    2 +-
 e2e/core/test.ts                              |    7 +-
 e2e/fixtures/api.ts                           |   11 +-
 e2e/fixtures/index.ts                         |    2 +-
 e2e/pages/form-builder-page.ts                |  152 +-
 e2e/pages/index.ts                            |    2 +-
 .../create-form-using-custom-schema.spec.ts   |   36 +-
 .../create-form-using-dummy-schema.spec.ts    |   32 +-
 e2e/specs/edit-existing-form.spec.ts          |   36 +-
 e2e/specs/forms-dashboard.spec.ts             |   52 +-
 e2e/specs/interactive-builder.spec.ts         |   19 +-
 e2e/specs/publish-form.spec.ts                |   37 +-
 e2e/specs/unpublish-form.spec.ts              |   36 +-
 e2e/support/github/docker-compose.yml         |    4 +-
 i18next-parser.config.js                      |   38 +-
 jest.config.js                                |   24 +-
 package.json                                  |   65 +-
 playwright.config.ts                          |   25 +-
 .../action-buttons.component.tsx              |  166 +-
 .../dashboard/dashboard.component.tsx         |  272 +-
 src/components/dashboard/dashboard.test.tsx   |  132 +-
 .../empty-data-illustration.component.tsx     |   20 +-
 .../empty-state/empty-state.component.tsx     |   26 +-
 .../error-state/error-state.component.tsx     |   24 +-
 .../form-editor/form-editor.component.tsx     |  225 +-
 .../form-renderer/form-renderer.component.tsx |   71 +-
 .../add-question-modal.component.tsx          |  296 +-
 .../delete-page-modal.component.tsx           |   61 +-
 .../delete-question-modal.component.tsx       |   72 +-
 .../delete-section-modal.component.tsx        |   61 +-
 .../draggable-question.component.tsx          |   55 +-
 .../droppable-container.component.tsx         |   10 +-
 .../edit-question-modal.component.tsx         |  424 +-
 .../editable-value.component.tsx              |   29 +-
 .../interactive-builder.component.tsx         |  318 +-
 .../new-form-modal.component.tsx              |   84 +-
 .../page-modal.component.tsx                  |   74 +-
 .../interactive-builder/question-modal.scss   |    7 +
 .../section-modal.component.tsx               |   69 +-
 .../value-editor.component.tsx                |   27 +-
 .../modals/save-form-modal.component.tsx      |  277 +-
 src/components/pagination/index.ts            |    4 +-
 .../pagination/pagination.component.tsx       |   21 +-
 .../pagination/usePaginationInfo.ts           |   13 +-
 .../schema-editor/schema-editor.component.tsx |   28 +-
 src/config-schema.ts                          |   58 +-
 src/constants.ts                              |    3 -
 src/declarations.d.ts                         |    7 +-
 ...form-builder-admin-card-link.component.tsx |   18 +-
 src/forms.resource.ts                         |  153 +-
 src/hooks/useClobdata.ts                      |   22 +-
 src/hooks/useConceptLookup.ts                 |   13 +-
 src/hooks/useConceptName.ts                   |   15 +-
 src/hooks/useEncounterTypes.ts                |   16 +-
 src/hooks/useForm.ts                          |   14 +-
 src/hooks/useForms.ts                         |   13 +-
 src/index.ts                                  |   34 +-
 src/root.component.tsx                        |    8 +-
 src/setup-tests.ts                            |   10 +-
 src/test-helpers.tsx                          |   23 +-
 src/types.ts                                  |   24 +-
 translations/am.json                          |   11 +-
 translations/en.json                          |   11 +-
 translations/es.json                          |   11 +-
 translations/fr.json                          |   11 +-
 translations/he.json                          |   11 +-
 translations/km.json                          |   11 +-
 tsconfig.json                                 |   14 +-
 webpack.config.js                             |    9 +-
 yarn.lock                                     | 4232 ++++++++++++-----
 78 files changed, 4875 insertions(+), 3534 deletions(-)
 create mode 100644 .prettierrc
 delete mode 100644 src/constants.ts

diff --git a/.eslintignore b/.eslintignore
index d85985e..e9f169c 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,2 +1,5 @@
+**/dist/*
+**/node_modules/*
+**/*.d.tsx
 src/**/*.test.tsx
-**/*.d.tsx
\ No newline at end of file
+__mocks__/*
diff --git a/.eslintrc b/.eslintrc
index dfbfb23..3992aea 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,20 +1,51 @@
 {
-  "parser": "@typescript-eslint/parser",
-  "plugins": [
-    "@typescript-eslint"
-  ],
-  "root": true,
+  "env": {
+    "node": true
+  },
   "extends": [
     "eslint:recommended",
+    "plugin:playwright/recommended",
     "plugin:prettier/recommended",
     "plugin:@typescript-eslint/recommended",
-    "ts-react-important-stuff"
+    "plugin:@typescript-eslint/recommended-requiring-type-checking",
+    "prettier"
   ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": true,
+    "tsconfigRootDir": "__dirname"
+  },
+  "plugins": ["@typescript-eslint"],
+  "root": true,
   "rules": {
+    // The following rules need `noImplicitAny` to be set to `true` in our tsconfig. They are too restrictive for now, but should be reconsidered in future
+    "@typescript-eslint/no-unsafe-assignment": "off",
+    "@typescript-eslint/no-unsafe-call": "off", 
+    "@typescript-eslint/no-unsafe-member-access": "off",
+    "@typescript-eslint/unbound-method": "off",
+    // Nitpicky. Prefer `interface T` over type T
+    "@typescript-eslint/consistent-type-definitions": "error",
+    "@typescript-eslint/consistent-type-exports": "error",
+    // Use `import type` instead of `import` for type imports
+    "@typescript-eslint/consistent-type-imports": [
+      "error",
+      {
+        "prefer": "type-imports",
+        "disallowTypeAnnotations": true
+      }
+    ],
+    // Use Array<T> instead of T[] consistently
+    "@typescript-eslint/array-type": [
+      "error",
+      {
+        "default": "generic"
+      }
+    ],
     "no-restricted-imports": [
       "error",
       {
         "paths": [
+          // These two rules ensure that we're importing lodash and lodash-es correctly. Not doing so can bloat our bundle size significantly.
           {
             "name": "lodash",
             "message": "Import specific methods from `lodash`. e.g. `import map from 'lodash/map'`"
@@ -24,6 +55,7 @@
             "importNames": ["default"],
             "message": "Import specific methods from `lodash-es`. e.g. `import { map } from 'lodash-es'`"
           },
+          // These two rules ensure that we're importing Carbon components and icons from the correct packages (after v10). May be removed in the future.
           {
             "name": "carbon-components-react",
             "message": "Import from `@carbon/react` directly. e.g. `import { Toggle } from '@carbon/react'`"
diff --git a/.husky/pre-commit b/.husky/pre-commit
index 27e677d..a972bbc 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,4 +1,5 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-yarn pretty-quick --staged
\ No newline at end of file
+yarn prettier && npx lint-staged
+yarn turbo extract-translations
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..5d8c496
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,8 @@
+{
+	"bracketSpacing": true,
+	"printWidth": 120,
+	"semi": true,
+	"singleQuote": true,
+	"tabWidth": 2,
+	"trailingComma": "all"
+}
diff --git a/README.md b/README.md
index a062938..6f42ba4 100644
--- a/README.md
+++ b/README.md
@@ -6,19 +6,20 @@ The Form Builder is a widget used to create OpenMRS form schemas. It enables use
 
 ## Form Builder User Guide
 
-* See the thorough User Guide for the Form Builder here: https://ampath-forms.vercel.app/docs/quickstart
-* Prerequisites & dependencies are covered here: https://ampath-forms.vercel.app/docs/developer-guide/run-form-engine-in-openmrs3#prerequisites 
+* See the thorough User Guide for the Form Builder here: <https://ampath-forms.vercel.app/docs/quickstart>
+* Prerequisites & dependencies are covered here: <https://ampath-forms.vercel.app/docs/developer-guide/run-form-engine-in-openmrs3#prerequisites>
 
 ## Running this code
+
 Under the hood, the Form Builder uses the [OHRI form engine](https://www.npmjs.com/package/@openmrs/openmrs-form-engine-lib) to render a visual representation of your schema. This visual preview gets progressively updated as you build your schema. When done building, you can save your schema to an OpenMRS server. You can also publish your schema to make it available to your frontend.
 
 To set up environment variables for the project, follow these steps:
 
 1. Create a copy of the .env.example file by running the following command:
 
-  ```bash
-  cp example.env .env
-  ```
+    ```bash
+    cp example.env .env
+    ```
 
 2. Open the newly created .env file in the root of the project.
 
@@ -35,17 +36,49 @@ yarn start  # Launches a dev server
 
 Once the dev server launches, log in and select a location. You will get redirected to the home page. Once there, you can either:
 
-- Click the App Switcher icon in the top right corner and then click `Form Builder` to launch the app.
-- Manually navigate to the `/openmrs/spa/form-builder` URL.
+* Click the App Switcher icon in the top right corner and then click the `System Administration` link to go the Admin page. Click on the `Form Builder` tile to launch the app.
+* Manually navigate to the `/openmrs/spa/form-builder` URL.
 
 ## Running tests
 
 ### Unit tests
 
-To run unit tests, use:
+To run tests for all packages, run:
 
-```sh
-yarn test
+```bash
+yarn turbo test
+```
+
+To run tests in `watch` mode, run:
+
+```bash
+yarn turbo test:watch
+```
+
+To run a specific test file, run:
+
+```bash
+yarn turbo test -- dashboard
+```
+
+The above command will only run tests in the file or files that match the provided string.
+
+You can also run the matching tests from above in watch mode by running:
+
+```bash
+yarn turbo test:watch -- dashboard
+```
+
+To generate a `coverage` report, run:
+
+```bash
+yarn turbo coverage
+```
+
+By default, `turbo` will cache test runs. This means that re-running tests wihout changing any of the related files will return the cached logs from the last run. To bypass the cache, run tests with the `force` flag, as follows:
+
+```bash
+yarn turbo test --force
 ```
 
 ### E2E tests
@@ -64,15 +97,8 @@ yarn test-e2e --headed
 
 Please read [our e2e docs](e2e/README.md) for more information about E2E testing.
 
-
 ## Building
 
 ```sh
 yarn build
 ```
-
-## Running tests
-
-```sh
-yarn test 
-```
diff --git a/__mocks__/react-i18next.js b/__mocks__/react-i18next.js
index a181e83..14fb198 100644
--- a/__mocks__/react-i18next.js
+++ b/__mocks__/react-i18next.js
@@ -1,16 +1,14 @@
 /** At present, this entire mock is boilerplate. */
 
-const React = require("react");
-const reactI18next = require("react-i18next");
+const React = require('react');
+const reactI18next = require('react-i18next');
 
-const hasChildren = (node) =>
-  node && (node.children || (node.props && node.props.children));
+const hasChildren = (node) => node && (node.children || (node.props && node.props.children));
 
-const getChildren = (node) =>
-  node && node.children ? node.children : node.props && node.props.children;
+const getChildren = (node) => (node && node.children ? node.children : node.props && node.props.children);
 
 const renderNodes = (reactNodes) => {
-  if (typeof reactNodes === "string") {
+  if (typeof reactNodes === 'string') {
     return reactNodes;
   }
 
@@ -18,18 +16,15 @@ const renderNodes = (reactNodes) => {
     const child = reactNodes[key];
     const isElement = React.isValidElement(child);
 
-    if (typeof child === "string") {
+    if (typeof child === 'string') {
       return child;
     }
     if (hasChildren(child)) {
       const inner = renderNodes(getChildren(child));
       return React.cloneElement(child, { ...child.props, key: i }, inner);
     }
-    if (typeof child === "object" && !isElement) {
-      return Object.keys(child).reduce(
-        (str, childKey) => `${str}${child[childKey]}`,
-        ""
-      );
+    if (typeof child === 'object' && !isElement) {
+      return Object.keys(child).reduce((str, childKey) => `${str}${child[childKey]}`, '');
     }
 
     return child;
@@ -37,7 +32,7 @@ const renderNodes = (reactNodes) => {
 };
 
 const useMock = [(k) => k, {}];
-useMock.t = (k, o) => (o && o.defaultValue) || (typeof o === "string" ? o : k);
+useMock.t = (k, o) => (o && o.defaultValue) || (typeof o === 'string' ? o : k);
 useMock.i18n = {};
 
 module.exports = {
diff --git a/e2e/commands/form-operations.ts b/e2e/commands/form-operations.ts
index 7b91016..1fcb5a8 100644
--- a/e2e/commands/form-operations.ts
+++ b/e2e/commands/form-operations.ts
@@ -1,66 +1,60 @@
-import { APIRequestContext, expect } from "@playwright/test";
-import customSchema from "../support/custom-schema.json";
+import type { APIRequestContext } from '@playwright/test';
+import { expect } from '@playwright/test';
+import customSchema from '../support/custom-schema.json';
+import type { Form } from '../../src/types';
 
-export const createForm = async (
-  api: APIRequestContext,
-  isFormPublished: boolean
-) => {
-  const formResponse = await api.post("form", {
+export const createForm = async (api: APIRequestContext, isFormPublished: boolean) => {
+  const formResponse = await api.post('form', {
     data: {
       name: `A sample test form ${Math.floor(Math.random() * 10000)}`,
-      version: "1.0",
+      version: '1.0',
       published: isFormPublished,
-      description: "This is the form description",
+      description: 'This is the form description',
       encounterType: {
-        uuid: "e22e39fd-7db2-45e7-80f1-60fa0d5a4378",
+        uuid: 'e22e39fd-7db2-45e7-80f1-60fa0d5a4378',
       },
     },
   });
-  await expect(formResponse.ok()).toBeTruthy();
+  expect(formResponse.ok()).toBeTruthy();
   const form = await formResponse.json();
 
-  return form;
+  return form as Form;
 };
 
-export const addFormResources = async (
-  api: APIRequestContext,
-  valueReference: string,
-  formUuid: string
-) => {
+export const addFormResources = async (api: APIRequestContext, valueReference: string, formUuid: string) => {
   const formResourcesRes = await api.post(`form/${formUuid}/resource`, {
     data: {
-      name: "JSON schema",
-      dataType: "AmpathJsonSchema",
+      name: 'JSON schema',
+      dataType: 'AmpathJsonSchema',
       valueReference: valueReference,
     },
   });
-  await expect(formResourcesRes.ok()).toBeTruthy();
+  expect(formResourcesRes.ok()).toBeTruthy();
 };
 
 export const createValueReference = async (api: APIRequestContext) => {
-  const boundary =
-    "--------------------------" + Math.floor(Math.random() * 1e16);
-  const delimiter = "\r\n--" + boundary + "\r\n";
-  const closeDelimiter = "\r\n--" + boundary + "--";
+  const boundary = '--------------------------' + Math.floor(Math.random() * 1e16);
+  const delimiter = '\r\n--' + boundary + '\r\n';
+  const closeDelimiter = '\r\n--' + boundary + '--';
 
   const body =
     delimiter +
     'Content-Disposition: form-data; name="file"; filename="schema.json"\r\n' +
-    "Content-Type: application/json\r\n\r\n" +
+    'Content-Type: application/json\r\n\r\n' +
     JSON.stringify(customSchema) +
     closeDelimiter;
 
-  const valueReference = await api.post("clobdata", {
+  const valueReference = await api.post('clobdata', {
     data: body,
     headers: {
-      "Content-Type": "multipart/form-data; boundary=" + boundary,
+      'Content-Type': 'multipart/form-data; boundary=' + boundary,
     },
   });
-  await expect(valueReference.ok()).toBeTruthy();
+  expect(valueReference.ok()).toBeTruthy();
   return await valueReference.text();
 };
 
 export async function deleteForm(api: APIRequestContext, uuid: string) {
   const formDeleteRes = await api.delete(`form/${uuid}`, { data: {} });
-  await expect(formDeleteRes.ok()).toBeTruthy();
+  expect(formDeleteRes.ok()).toBeTruthy();
 }
diff --git a/e2e/core/global-setup.ts b/e2e/core/global-setup.ts
index ed4f81b..4238f7b 100644
--- a/e2e/core/global-setup.ts
+++ b/e2e/core/global-setup.ts
@@ -1,5 +1,5 @@
-import { request } from "@playwright/test";
-import * as dotenv from "dotenv";
+import { request } from '@playwright/test';
+import * as dotenv from 'dotenv';
 
 dotenv.config();
 
@@ -12,20 +12,20 @@ dotenv.config();
 
 async function globalSetup() {
   const requestContext = await request.newContext();
-  const token = Buffer.from(
-    `${process.env.E2E_USER_ADMIN_USERNAME}:${process.env.E2E_USER_ADMIN_PASSWORD}`
-  ).toString("base64");
+  const token = Buffer.from(`${process.env.E2E_USER_ADMIN_USERNAME}:${process.env.E2E_USER_ADMIN_PASSWORD}`).toString(
+    'base64',
+  );
   await requestContext.post(`${process.env.E2E_BASE_URL}/ws/rest/v1/session`, {
     data: {
       sessionLocation: process.env.E2E_LOGIN_DEFAULT_LOCATION_UUID,
-      locale: "en",
+      locale: 'en',
     },
     headers: {
-      "Content-Type": "application/json",
+      'Content-Type': 'application/json',
       Authorization: `Basic ${token}`,
     },
   });
-  await requestContext.storageState({ path: "e2e/storageState.json" });
+  await requestContext.storageState({ path: 'e2e/storageState.json' });
   await requestContext.dispose();
 }
 
diff --git a/e2e/core/index.ts b/e2e/core/index.ts
index 481faba..607718c 100644
--- a/e2e/core/index.ts
+++ b/e2e/core/index.ts
@@ -1 +1 @@
-export * from "./test";
+export * from './test';
diff --git a/e2e/core/test.ts b/e2e/core/test.ts
index 9617014..2a2ce62 100644
--- a/e2e/core/test.ts
+++ b/e2e/core/test.ts
@@ -1,5 +1,6 @@
-import { APIRequestContext, Page, test as base } from "@playwright/test";
-import { api } from "../fixtures";
+import type { APIRequestContext, Page } from '@playwright/test';
+import { test as base } from '@playwright/test';
+import { api } from '../fixtures';
 
 // This file sets up our custom test harness using the custom fixtures.
 // See https://playwright.dev/docs/test-fixtures#creating-a-fixture for details.
@@ -16,5 +17,5 @@ export interface CustomWorkerFixtures {
 }
 
 export const test = base.extend<CustomTestFixtures, CustomWorkerFixtures>({
-  api: [api, { scope: "worker" }],
+  api: [api, { scope: 'worker' }],
 });
diff --git a/e2e/fixtures/api.ts b/e2e/fixtures/api.ts
index 5b6055d..7223701 100644
--- a/e2e/fixtures/api.ts
+++ b/e2e/fixtures/api.ts
@@ -1,8 +1,4 @@
-import {
-  APIRequestContext,
-  PlaywrightWorkerArgs,
-  WorkerFixture,
-} from "@playwright/test";
+import type { APIRequestContext, PlaywrightWorkerArgs, WorkerFixture } from '@playwright/test';
 
 /**
  * A fixture which initializes an [`APIRequestContext`](https://playwright.dev/docs/api/class-apirequestcontext)
@@ -17,10 +13,7 @@ import {
  * });
  * ```
  */
-export const api: WorkerFixture<
-  APIRequestContext,
-  PlaywrightWorkerArgs
-> = async ({ playwright }, use) => {
+export const api: WorkerFixture<APIRequestContext, PlaywrightWorkerArgs> = async ({ playwright }, use) => {
   const ctx = await playwright.request.newContext({
     baseURL: `${process.env.E2E_BASE_URL}/ws/rest/v1/`,
     httpCredentials: {
diff --git a/e2e/fixtures/index.ts b/e2e/fixtures/index.ts
index d158c57..b1c13e7 100644
--- a/e2e/fixtures/index.ts
+++ b/e2e/fixtures/index.ts
@@ -1 +1 @@
-export * from "./api";
+export * from './api';
diff --git a/e2e/pages/form-builder-page.ts b/e2e/pages/form-builder-page.ts
index 713a72a..ae4aaa2 100644
--- a/e2e/pages/form-builder-page.ts
+++ b/e2e/pages/form-builder-page.ts
@@ -1,128 +1,94 @@
-import { expect, Page } from "@playwright/test";
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import type { Page } from '@playwright/test';
+import { expect } from '@playwright/test';
 
 export class FormBuilderPage {
   constructor(readonly page: Page) {}
 
-  readonly createNewFormButton = () =>
-    this.page.getByRole("button", { name: "Create a new form" });
-  readonly schemaInput = () => this.page.locator(".ace_text-input");
-  readonly renderChangesButton = () =>
-    this.page.getByRole("button", { name: "Render changes" });
-  readonly inputDummySchemaButton = () =>
-    this.page.getByRole("button", { name: "Input dummy schema" });
-  readonly saveFormButton = () =>
-    this.page.getByRole("button", { name: "Save Form" });
-  readonly publishFormButton = () =>
-    this.page.getByRole("button", { name: "Publish Form" });
-  readonly unpublishFormButton = () =>
-    this.page.getByRole("button", { name: "Unpublish Form" });
+  readonly createNewFormButton = () => this.page.getByRole('button', { name: /create a new form/i });
+  readonly schemaInput = () => this.page.locator('.ace_text-input');
+  readonly renderChangesButton = () => this.page.getByRole('button', { name: /render changes/i });
+  readonly inputDummySchemaButton = () => this.page.getByRole('button', { name: /input dummy schema/i });
+  readonly saveFormButton = () => this.page.getByRole('button', { name: /save form/i });
+  readonly publishFormButton = () => this.page.getByRole('button', { name: /^publish form$/i });
+  readonly unpublishFormButton = () => this.page.getByRole('button', { name: /unpublish form/i });
   readonly unpublishFormConfirmationButton = () =>
-    this.page
-      .getByRole("dialog")
-      .getByRole("button", { name: "Unpublish Form" });
-  readonly updateExistingFormButton = () =>
-    this.page.getByRole("button", { name: "Update existing version" });
-  readonly formNameInput = () => this.page.getByLabel("Form name");
-  readonly formVersionInput = () => this.page.getByLabel("Version");
-  readonly formDescriptionInput = () => this.page.getByLabel("Description");
-  readonly formEncounterType = () =>
-    this.page.getByRole("combobox", { name: "Encounter Type" });
-  readonly formSaveButton = () =>
-    this.page.getByRole("dialog").getByRole("button", { name: "Save" });
+    this.page.getByRole('dialog').getByRole('button', { name: /confirm/i });
+  readonly updateExistingFormButton = () => this.page.getByRole('button', { name: /update existing version/i });
+  readonly formNameInput = () => this.page.getByLabel(/form name/i);
+  readonly formVersionInput = () => this.page.getByLabel(/version/i);
+  readonly formDescriptionInput = () => this.page.getByLabel(/description/i);
+  readonly formEncounterType = () => this.page.getByRole('combobox', { name: /encounter type/i });
+  readonly formSaveButton = () => this.page.getByRole('dialog').getByRole('button', { name: /save/i });
 
-  readonly previewTab = () => this.page.getByRole("tab", { name: /preview/i });
-  readonly interactiveBuilderTab = () =>
-    this.page.getByRole("tab", { name: /interactive builder/i });
-  readonly startBuildingButton = () =>
-    this.page.getByRole("button", { name: /start building/i });
-  readonly interactiveFormNameInput = () =>
-    this.page.getByRole("textbox", { name: /form name/i });
-  readonly interactiveFormDescriptionInput = () =>
-    this.page.getByRole("textbox", { name: /form description/i });
-  readonly createFormButton = () =>
-    this.page.getByRole("button", { name: /create form/i });
-  readonly addPageButton = () =>
-    this.page.getByRole("button", { name: /add page/i });
+  readonly previewTab = () => this.page.getByRole('tab', { name: /preview/i });
+  readonly interactiveBuilderTab = () => this.page.getByRole('tab', { name: /interactive builder/i });
+  readonly startBuildingButton = () => this.page.getByRole('button', { name: /start building/i });
+  readonly interactiveFormNameInput = () => this.page.getByRole('textbox', { name: /form name/i });
+  readonly interactiveFormDescriptionInput = () => this.page.getByRole('textbox', { name: /form description/i });
+  readonly createFormButton = () => this.page.getByRole('button', { name: /create form/i });
+  readonly addPageButton = () => this.page.getByRole('button', { name: /add page/i });
   readonly pageNameInput = () =>
-    this.page.getByRole("textbox", {
+    this.page.getByRole('textbox', {
       name: /enter a title for your new page/i,
     });
-  readonly savePageButton = () =>
-    this.page.getByRole("button", { name: /^save$/i, exact: true });
+  readonly savePageButton = () => this.page.getByRole('button', { name: /^save$/i, exact: true });
   readonly pageCreatedMessage = () => this.page.getByText(/new page created/i);
-  readonly addSectionButton = () =>
-    this.page.getByRole("button", { name: /add section/i });
-  readonly sectionNameInput = () =>
-    this.page.getByRole("textbox", { name: /enter a section title/i });
-  readonly saveSectionButton = () =>
-    this.page.getByRole("button", { name: /^save$/i, exact: true });
-  readonly sectionCreatedMessage = () =>
-    this.page.getByText(/new section created/i);
-  readonly addQuestionButton = () =>
-    this.page.getByRole("button", { name: /add question/i });
-  readonly questionLabelInput = () =>
-    this.page.getByRole("textbox", { name: /label/i });
+  readonly addSectionButton = () => this.page.getByRole('button', { name: /add section/i });
+  readonly sectionNameInput = () => this.page.getByRole('textbox', { name: /enter a section title/i });
+  readonly saveSectionButton = () => this.page.getByRole('button', { name: /^save$/i, exact: true });
+  readonly sectionCreatedMessage = () => this.page.getByText(/new section created/i);
+  readonly addQuestionButton = () => this.page.getByRole('button', { name: /add question/i });
+  readonly questionLabelInput = () => this.page.getByRole('textbox', { name: /label/i });
   readonly questionTypeDropdown = () =>
-    this.page.getByRole("combobox", {
+    this.page.getByRole('combobox', {
       name: /question type/i,
     });
   readonly fieldTypeDropdown = () =>
-    this.page.getByRole("combobox", {
+    this.page.getByRole('combobox', {
       name: /field type/i,
     });
-  readonly conceptSearchInput = () =>
-    this.page.getByPlaceholder(/search using a concept name or uuid/i);
-  readonly selectAnswersDropdown = () =>
-    this.page.getByRole("button", {
-      name: "Select answers to display Open menu",
-    });
-  readonly answer = () =>
-    this.page.getByRole("menuitem", { name: "Tested for COVID 19" });
-  readonly questionIdInput = () =>
-    this.page.getByRole("textbox", { name: /question id/i });
-  readonly questionCreatedMessage = () =>
-    this.page.getByText(/new question created/i);
-  readonly saveQuestionButton = () =>
-    this.page.getByRole("button", { name: /^save$/i, exact: true });
+  readonly conceptSearchInput = () => this.page.getByPlaceholder(/search using a concept name or uuid/i);
+  readonly selectAnswersDropdown = () => this.page.getByText(/select answers to display/i);
+  readonly answer = () => this.page.getByRole('menuitem', { name: /tested for covid 19/i });
+  readonly questionIdInput = () => this.page.getByRole('textbox', { name: /question id/i });
+  readonly questionCreatedMessage = () => this.page.getByText(/new question created/i);
+  readonly saveQuestionButton = () => this.page.getByRole('button', { name: /^save$/i, exact: true });
 
   async gotoFormBuilder() {
-    await this.page.goto("form-builder");
+    await this.page.goto('form-builder');
   }
 
   async buildFormInteractively() {
     await this.interactiveBuilderTab().click();
     await this.startBuildingButton().click();
-    await this.interactiveFormNameInput().fill("Covid-19 Screening");
-    await this.interactiveFormDescriptionInput().fill(
-      "A test form for recording COVID-19 screening information"
-    );
+    await this.interactiveFormNameInput().fill('Covid-19 Screening');
+    await this.interactiveFormDescriptionInput().fill('A test form for recording COVID-19 screening information');
     await this.createFormButton().click();
     await expect(this.page.getByText(/form created/i)).toBeVisible();
 
     await this.addPageButton().click();
-    await this.pageNameInput().fill("Screening");
+    await this.pageNameInput().fill('Screening');
     await this.savePageButton().click();
     await expect(this.page.getByText(/new page created/i)).toBeVisible();
 
     await this.addSectionButton().click();
-    await this.sectionNameInput().fill("Testing history");
+    await this.sectionNameInput().fill('Testing history');
     await this.saveSectionButton().click();
     await expect(this.page.getByText(/new section created/i)).toBeVisible();
 
-    await this.page.getByRole("button", { name: /^testing history$/i }).click();
+    await this.page.getByRole('button', { name: /^testing history$/i }).click();
     await this.addQuestionButton().click();
-    await this.questionLabelInput().fill(
-      "Have you been ever been tested for COVID-19?"
-    );
-    await this.questionTypeDropdown().selectOption("obs");
-    await this.fieldTypeDropdown().selectOption("radio");
-    await this.conceptSearchInput().fill("Tested for COVID 19");
-    await this.conceptSearchInput().press("Enter");
+    await this.questionLabelInput().fill('Have you been ever been tested for COVID-19?');
+    await this.questionIdInput().fill('everTestedForCovid19');
+    await this.questionTypeDropdown().selectOption('obs');
+    await this.fieldTypeDropdown().selectOption('radio');
+    await this.conceptSearchInput().fill('Tested for COVID 19');
+    await this.conceptSearchInput().press('Enter');
     await this.answer().click();
     await this.selectAnswersDropdown().click();
-    await this.page.getByRole("option", { name: "No" }).click();
-    await this.page.getByRole("option", { name: "Yes" }).click();
-    await this.questionIdInput().fill("everTestedForCovid19");
+    await this.page.getByRole('option', { name: 'No' }).click();
+    await this.page.getByRole('option', { name: 'Yes' }).click();
     await this.saveQuestionButton().click();
   }
 
@@ -133,13 +99,13 @@ export class FormBuilderPage {
     await this.formNameInput().click();
     await this.formNameInput().fill(formName);
     await this.formVersionInput().click();
-    await this.formVersionInput().fill("1.0");
-    await this.formDescriptionInput().fill("This is a test form");
-    await this.formEncounterType().selectOption("Admission");
+    await this.formVersionInput().fill('1.0');
+    await this.formDescriptionInput().fill('This is a test form');
+    await this.formEncounterType().selectOption('Admission');
     await this.formSaveButton().click();
   }
 
-  async searchForm(formName: string) {
-    await this.page.getByRole("searchbox").fill(formName);
+  async searchForForm(formName: string) {
+    await this.page.getByRole('searchbox').fill(formName);
   }
 }
diff --git a/e2e/pages/index.ts b/e2e/pages/index.ts
index 82caeb0..8334275 100644
--- a/e2e/pages/index.ts
+++ b/e2e/pages/index.ts
@@ -1 +1 @@
-export * from "./form-builder-page";
+export * from './form-builder-page';
diff --git a/e2e/specs/create-form-using-custom-schema.spec.ts b/e2e/specs/create-form-using-custom-schema.spec.ts
index 4faf94f..84a4b39 100644
--- a/e2e/specs/create-form-using-custom-schema.spec.ts
+++ b/e2e/specs/create-form-using-custom-schema.spec.ts
@@ -1,40 +1,38 @@
-import { test } from "../core";
-import { expect } from "@playwright/test";
-import { deleteForm } from "../commands/form-operations";
-import { FormBuilderPage } from "../pages";
-import customSchema from "../support/custom-schema.json";
+import { test } from '../core';
+import { expect } from '@playwright/test';
+import { deleteForm } from '../commands/form-operations';
+import { FormBuilderPage } from '../pages';
+import customSchema from '../support/custom-schema.json';
 
-let formUuid = null;
+let formUuid = '';
 
-test("Create a form using a custom JSON schema", async ({ page }) => {
+test('Create a form using a custom JSON schema', async ({ page }) => {
   const formBuilderPage = new FormBuilderPage(page);
 
-  await test.step("When I visit the form builder", async () => {
+  await test.step('When I visit the form builder', async () => {
     await formBuilderPage.gotoFormBuilder();
   });
 
-  await test.step("And I click the `Create New Form` button", async () => {
+  await test.step('And I click the `Create New Form` button', async () => {
     await formBuilderPage.createNewFormButton().click();
   });
 
-  await test.step("Then I paste in a custom JSON schema into the schema editor and click the `Render Changes` button", async () => {
-    await formBuilderPage
-      .schemaInput()
-      .fill(JSON.stringify(customSchema, null, 2));
+  await test.step('Then I paste in a custom JSON schema into the schema editor and click the `Render Changes` button', async () => {
+    await formBuilderPage.schemaInput().fill(JSON.stringify(customSchema, null, 2));
     await formBuilderPage.renderChangesButton().click();
   });
 
-  await test.step("Then I click the `Save Form` button", async () => {
+  await test.step('Then I click the `Save Form` button', async () => {
     await formBuilderPage.saveForm();
   });
 
-  await test.step("And I should get a success message and be redirected to the edit page for the new form", async () => {
+  await test.step('And I should get a success message and be redirected to the edit page for the new form', async () => {
     // Checks whether the user has been redirected to the edit page
-    const editFormPageURLRegex = new RegExp("/edit/");
-    await expect(page.getByText("Form created")).toBeVisible();
+    const editFormPageURLRegex = new RegExp('/edit/');
+    await expect(page.getByText('Form created')).toBeVisible();
     await page.waitForURL(editFormPageURLRegex);
-    const editFormPageURL = await page.url();
-    formUuid = editFormPageURL.split("/").slice(-1)[0];
+    const editFormPageURL = page.url();
+    formUuid = editFormPageURL.split('/').slice(-1)[0];
   });
 });
 
diff --git a/e2e/specs/create-form-using-dummy-schema.spec.ts b/e2e/specs/create-form-using-dummy-schema.spec.ts
index 9214e78..4a4baac 100644
--- a/e2e/specs/create-form-using-dummy-schema.spec.ts
+++ b/e2e/specs/create-form-using-dummy-schema.spec.ts
@@ -1,38 +1,36 @@
-import { test } from "../core";
-import { expect } from "@playwright/test";
-import { deleteForm } from "../commands/form-operations";
-import { FormBuilderPage } from "../pages";
+import { test } from '../core';
+import { expect } from '@playwright/test';
+import { deleteForm } from '../commands/form-operations';
+import { FormBuilderPage } from '../pages';
 
-let formUuid = null;
+let formUuid = '';
 
-test("Create a form using the `Input Dummy Schema` feature", async ({
-  page,
-}) => {
+test('Create a form using the `Input Dummy Schema` feature', async ({ page }) => {
   const formBuilderPage = new FormBuilderPage(page);
 
-  await test.step("When I visit the form builder", async () => {
+  await test.step('When I visit the form builder', async () => {
     await formBuilderPage.gotoFormBuilder();
   });
 
-  await test.step("And click the `Create New Form` button", async () => {
+  await test.step('And click the `Create New Form` button', async () => {
     await formBuilderPage.createNewFormButton().click();
   });
 
-  await test.step("Then I click the `Input Dummy Schema` button", async () => {
+  await test.step('Then I click the `Input Dummy Schema` button', async () => {
     await formBuilderPage.inputDummySchemaButton().click();
   });
 
-  await test.step("Then I click the `Save Form` button", async () => {
+  await test.step('Then I click the `Save Form` button', async () => {
     await formBuilderPage.saveForm();
   });
 
-  await test.step("Then should get a success message and be redirected to the edit page for the new form", async () => {
+  await test.step('Then should get a success message and be redirected to the edit page for the new form', async () => {
     // Checks whether the user has been redirected to the edit page
-    const editFormPageURLRegex = new RegExp("/edit/");
-    await expect(page.getByText("Form created")).toBeVisible();
+    const editFormPageURLRegex = new RegExp('/edit/');
+    await expect(page.getByText('Form created')).toBeVisible();
     await page.waitForURL(editFormPageURLRegex);
-    const editFormPageURL = await page.url();
-    formUuid = editFormPageURL.split("/").slice(-1)[0];
+    const editFormPageURL = page.url();
+    formUuid = editFormPageURL.split('/').slice(-1)[0];
   });
 });
 
diff --git a/e2e/specs/edit-existing-form.spec.ts b/e2e/specs/edit-existing-form.spec.ts
index a048528..431a849 100644
--- a/e2e/specs/edit-existing-form.spec.ts
+++ b/e2e/specs/edit-existing-form.spec.ts
@@ -1,13 +1,8 @@
-import { test } from "../core";
-import { expect } from "@playwright/test";
-import {
-  createForm,
-  createValueReference,
-  addFormResources,
-  deleteForm,
-} from "../commands/form-operations";
-import { FormBuilderPage } from "../pages";
-import type { Form } from "../../src/types";
+import { test } from '../core';
+import { expect } from '@playwright/test';
+import { createForm, createValueReference, addFormResources, deleteForm } from '../commands/form-operations';
+import { FormBuilderPage } from '../pages';
+import type { Form } from '../../src/types';
 
 let form: Form = null;
 test.beforeEach(async ({ api }) => {
@@ -16,32 +11,29 @@ test.beforeEach(async ({ api }) => {
   await addFormResources(api, valueReference, form.uuid);
 });
 
-test("Editing an existing form", async ({ page }) => {
+test('Editing an existing form', async ({ page }) => {
   const formBuilderPage = new FormBuilderPage(page);
 
-  await test.step("When I visit the form builder", async () => {
+  await test.step('When I visit the form builder', async () => {
     await formBuilderPage.gotoFormBuilder();
   });
 
-  await test.step("And I search for the form I need to edit", async () => {
-    await formBuilderPage.searchForm(form.name);
+  await test.step('And I search for the form I need to edit', async () => {
+    await formBuilderPage.searchForForm(form.name);
   });
 
-  await test.step("And I click the `Edit` button on the form I need to edit", async () => {
-    await page
-      .getByRole("row", { name: form.name })
-      .getByLabel("Edit Schema")
-      .click();
+  await test.step('And I click the `Edit` button on the form I need to edit', async () => {
+    await page.getByRole('row', { name: form.name }).getByLabel('Edit Schema').click();
   });
 
-  await test.step("Then I click the `Save Form` button then the `Update existing version` button, and finally the `Save` button", async () => {
+  await test.step('Then I click the `Save Form` button then the `Update existing version` button, and finally the `Save` button', async () => {
     await formBuilderPage.saveFormButton().click();
     await formBuilderPage.updateExistingFormButton().click();
     await formBuilderPage.formSaveButton().click();
   });
 
-  await test.step("Then I should see a success message", async () => {
-    await expect(page.getByText("Success!")).toBeVisible();
+  await test.step('Then I should see a success message', async () => {
+    await expect(page.getByText('Success!')).toBeVisible();
   });
 });
 
diff --git a/e2e/specs/forms-dashboard.spec.ts b/e2e/specs/forms-dashboard.spec.ts
index eb6671b..ac521f4 100644
--- a/e2e/specs/forms-dashboard.spec.ts
+++ b/e2e/specs/forms-dashboard.spec.ts
@@ -1,13 +1,8 @@
-import { test } from "../core";
-import { expect } from "@playwright/test";
-import { FormBuilderPage } from "../pages";
-import {
-  createForm,
-  createValueReference,
-  addFormResources,
-  deleteForm,
-} from "../commands/form-operations";
-import type { Form } from "../../src/types";
+import { test } from '../core';
+import { expect } from '@playwright/test';
+import { FormBuilderPage } from '../pages';
+import { createForm, createValueReference, addFormResources, deleteForm } from '../commands/form-operations';
+import type { Form } from '../../src/types';
 
 let form: Form = null;
 test.beforeEach(async ({ api }) => {
@@ -16,24 +11,19 @@ test.beforeEach(async ({ api }) => {
   await addFormResources(api, valueReference, form.uuid);
 });
 
-test("Filter forms based on publish status", async ({ page }) => {
+test('Filter forms based on publish status', async ({ page }) => {
   const formBuilderPage = new FormBuilderPage(page);
 
-  await test.step("When I visit the form builder", async () => {
+  await test.step('When I visit the form builder', async () => {
     await formBuilderPage.gotoFormBuilder();
   });
 
   // Test the filter functionality
-  await test.step("Then I click the publish filter dropdown", async () => {
-    await page
-      .getByRole("combobox", {
-        name: "Filter by publish status: All Open menu",
-      })
-      .click();
+  await test.step('Then I click the publish filter dropdown', async () => {
+    await page.getByText('Filter by publish status:').click();
   });
 
-  await test.step("And I click the Unpublished option", async () =>
-    await page.getByText("Unpublished").click());
+  await test.step('And I click the Unpublished option', async () => await page.getByText('Unpublished').click());
 
   // Expect the publish status to be "No"
   const tagElements = await page.$$('div[data-testid="no-tag"]');
@@ -41,29 +31,29 @@ test("Filter forms based on publish status", async ({ page }) => {
 
   // Get the inner text of the tag element
   const innerText = await firstTagElement.innerText();
-  await test.step("Then the forms list should only show unpublished forms", () => {
-    expect(innerText).toBe("No");
+  await test.step('Then the forms list should only show unpublished forms', () => {
+    expect(innerText).toBe('No');
   });
 });
 
-test("Search forms by name", async ({ page }) => {
+test('Search forms by name', async ({ page }) => {
   const formBuilderPage = new FormBuilderPage(page);
-  await test.step("When I visit the form builder", async () => {
+  await test.step('When I visit the form builder', async () => {
     await formBuilderPage.gotoFormBuilder();
   });
 
-  await test.step("Then I click the `Search` button", async () => {
-    await page.getByPlaceholder("Search this list").click();
+  await test.step('Then I click the `Search` button', async () => {
+    await page.getByPlaceholder('Search this list').click();
   });
 
-  await test.step("And I type `A sample test form` into it", async () =>
-    await page.getByPlaceholder("Search this list").fill("a sample test form"));
+  await test.step('And I type `A sample test form` into it', async () =>
+    await page.getByPlaceholder('Search this list').fill('a sample test form'));
 
-  const formNameElement = await page.locator("tr:nth-child(1) > td").nth(0);
+  const formNameElement = page.locator('tr:nth-child(1) > td').nth(0);
   const innerNameText = await formNameElement.innerText();
 
-  await test.step("Then the forms list should show only the forms with the text `a sample test form` in their name", () => {
-    expect(innerNameText).toContain("A sample test form");
+  await test.step('Then the forms list should show only the forms with the text `a sample test form` in their name', () => {
+    expect(innerNameText).toContain('A sample test form');
   });
 });
 
diff --git a/e2e/specs/interactive-builder.spec.ts b/e2e/specs/interactive-builder.spec.ts
index 21a90de..68a6b0c 100644
--- a/e2e/specs/interactive-builder.spec.ts
+++ b/e2e/specs/interactive-builder.spec.ts
@@ -1,28 +1,27 @@
-import { test, expect } from "@playwright/test";
-import { FormBuilderPage } from "../pages";
+import { test, expect } from '@playwright/test';
+import { FormBuilderPage } from '../pages';
 
-test("Create a schema using the interactive builder", async ({ page }) => {
+test('Create a schema using the interactive builder', async ({ page }) => {
   const formBuilderPage = new FormBuilderPage(page);
 
-  await test.step("When I visit the form builder", async () => {
+  await test.step('When I visit the form builder', async () => {
     await formBuilderPage.gotoFormBuilder();
   });
 
-  await test.step("And click the `Create New Form` button", async () => {
+  await test.step('And click the `Create New Form` button', async () => {
     await formBuilderPage.createNewFormButton().click();
   });
 
-  await test.step("Then I create a new form using the interactive builder", async () => {
+  await test.step('Then I create a new form using the interactive builder', async () => {
     await formBuilderPage.buildFormInteractively();
   });
 
-  await test.step("Then I should see the new schema in the schema editor and a success notification", async () => {
+  await test.step('Then I should see the new schema in the schema editor and a success notification', async () => {
     await expect(page.getByText(/new question created/i)).toBeVisible();
     await page
-      .locator("#schemaEditor div")
+      .locator('#schemaEditor div')
       .filter({
-        hasText:
-          '{ "name": "Covid-19 Screening", "pages": [ { "label": "Screening", "sections": [',
+        hasText: '{ "name": "Covid-19 Screening", "pages": [ { "label": "Screening", "sections": [',
       })
       .nth(1)
       .click();
diff --git a/e2e/specs/publish-form.spec.ts b/e2e/specs/publish-form.spec.ts
index 2bd368b..d001572 100644
--- a/e2e/specs/publish-form.spec.ts
+++ b/e2e/specs/publish-form.spec.ts
@@ -1,42 +1,41 @@
-import { test } from "../core";
-import { expect } from "@playwright/test";
-import {
-  createForm,
-  createValueReference,
-  addFormResources,
-  deleteForm,
-} from "../commands/form-operations";
-import { FormBuilderPage } from "../pages";
-import type { Form } from "../../src/types";
+import { test } from '../core';
+import { expect } from '@playwright/test';
+import { createForm, createValueReference, addFormResources, deleteForm } from '../commands/form-operations';
+import { FormBuilderPage } from '../pages';
+import type { Form } from '../../src/types';
 
 let form: Form = null;
+
 test.beforeEach(async ({ api }) => {
   form = await createForm(api, false);
   const valueReference = await createValueReference(api);
   await addFormResources(api, valueReference, form.uuid);
 });
 
-test("Publish a form", async ({ page }) => {
+test('Publish a form', async ({ page }) => {
   const formBuilderPage = new FormBuilderPage(page);
 
-  await test.step("When I visit the form builder", async () => {
+  await test.step('When I visit the form builder', async () => {
     await formBuilderPage.gotoFormBuilder();
   });
 
-  await test.step("And I search for the form I need to publish", async () => {
-    await formBuilderPage.searchForm(form.name);
+  await test.step('And I search for the form I need to publish', async () => {
+    await formBuilderPage.searchForForm(form.name);
   });
 
-  await test.step("And I click on a form I need to publish", async () => {
-    await page.getByRole('row', { name: form.name }).getByLabel('Edit Schema').click();
+  await test.step('And I click on a form I need to publish', async () => {
+    await page
+      .getByRole('row', { name: form.name })
+      .getByLabel(/edit schema/i)
+      .click();
   });
 
-  await test.step("Then I click on the publish form button", async () => {
+  await test.step('Then I click on the publish form button', async () => {
     await formBuilderPage.publishFormButton().click();
   });
 
-  await test.step("Then I should see the form published notification and the unpublish form button", async () => {
-    await expect(page.getByText("Form published")).toBeVisible();
+  await test.step('Then I should see the form published notification and the unpublish form button', async () => {
+    await expect(page.getByText(/form published/i)).toBeVisible();
     await expect(formBuilderPage.unpublishFormButton()).toBeVisible();
   });
 });
diff --git a/e2e/specs/unpublish-form.spec.ts b/e2e/specs/unpublish-form.spec.ts
index f3d9bd7..f26e86c 100644
--- a/e2e/specs/unpublish-form.spec.ts
+++ b/e2e/specs/unpublish-form.spec.ts
@@ -1,13 +1,8 @@
-import { test } from "../core";
-import { expect } from "@playwright/test";
-import {
-  createForm,
-  createValueReference,
-  addFormResources,
-  deleteForm,
-} from "../commands/form-operations";
-import { FormBuilderPage } from "../pages";
-import type { Form } from "../../src/types";
+import { test } from '../core';
+import { expect } from '@playwright/test';
+import { createForm, createValueReference, addFormResources, deleteForm } from '../commands/form-operations';
+import { FormBuilderPage } from '../pages';
+import type { Form } from '../../src/types';
 
 let form: Form = null;
 test.beforeEach(async ({ api }) => {
@@ -16,28 +11,31 @@ test.beforeEach(async ({ api }) => {
   await addFormResources(api, valueReference, form.uuid);
 });
 
-test("Unpublish a form", async ({ page }) => {
+test('Unpublish a form', async ({ page }) => {
   const formBuilderPage = new FormBuilderPage(page);
 
-  await test.step("When I visit the form builder", async () => {
+  await test.step('When I visit the form builder', async () => {
     await formBuilderPage.gotoFormBuilder();
   });
 
-  await test.step("And I search for the form I need to unpublish", async () => {
-    await formBuilderPage.searchForm(form.name);
+  await test.step('And I search for the form I need to unpublish', async () => {
+    await formBuilderPage.searchForForm(form.name);
   });
 
-  await test.step("And I click on a form I need to unpublish", async () => {
-    await page.getByRole('row', { name: form.name }).getByLabel('Edit Schema').click();
+  await test.step('And I click on a form I need to unpublish', async () => {
+    await page
+      .getByRole('row', { name: form.name })
+      .getByLabel(/edit schema/i)
+      .click();
   });
 
-  await test.step("Then I click on the unpublish form button and confirms the unpublication", async () => {
+  await test.step('Then I click on the unpublish form button and confirms the unpublication', async () => {
     await formBuilderPage.unpublishFormButton().click();
     await formBuilderPage.unpublishFormConfirmationButton().click();
   });
 
-  await test.step("Then I should see the form unpublished notification and the publish form button", async () => {
-    await expect(page.getByText("Form unpublished")).toBeVisible();
+  await test.step('Then I should see the form unpublished notification and the publish form button', async () => {
+    await expect(page.getByText('Form unpublished')).toBeVisible();
     await expect(formBuilderPage.publishFormButton()).toBeVisible();
   });
 });
diff --git a/e2e/support/github/docker-compose.yml b/e2e/support/github/docker-compose.yml
index f7fc4d7..372d380 100644
--- a/e2e/support/github/docker-compose.yml
+++ b/e2e/support/github/docker-compose.yml
@@ -1,12 +1,12 @@
 # This docker compose file is used to create a backend environment for the e2e.yml workflow.
 # The images are pre-filled with data so that the backend environment can be started within a short time.
-version: "3.7"
+version: '3.7'
 
 services:
   gateway:
     image: openmrs/openmrs-reference-application-3-gateway:${TAG:-nightly}
     ports:
-      - "8080:80"
+      - '8080:80'
 
   frontend:
     build:
diff --git a/i18next-parser.config.js b/i18next-parser.config.js
index 20715da..a46a32f 100644
--- a/i18next-parser.config.js
+++ b/i18next-parser.config.js
@@ -1,14 +1,14 @@
 module.exports = {
-  contextSeparator: "_",
+  contextSeparator: '_',
   // Key separator used in your translation keys
 
   createOldCatalogs: false,
   // Save the \_old files
 
-  defaultNamespace: "translations",
+  defaultNamespace: 'translations',
   // Default namespace used in your i18next config
 
-  defaultValue: "",
+  defaultValue: '',
   // Default value to give to empty keys
   // You may also specify a function accepting the locale, namespace, and key as arguments
 
@@ -18,43 +18,43 @@ module.exports = {
   keepRemoved: false,
   // Keep keys from the catalog that are no longer in code
 
-  keySeparator: ".",
+  keySeparator: '.',
   // Key separator used in your translation keys
   // If you want to use plain english keys, separators such as `.` and `:` will conflict. You might want to set `keySeparator: false` and `namespaceSeparator: false`. That way, `t('Status: Loading...')` will not think that there are a namespace and three separator dots for instance.
 
   // see below for more details
   lexers: {
-    hbs: ["HandlebarsLexer"],
-    handlebars: ["HandlebarsLexer"],
+    hbs: ['HandlebarsLexer'],
+    handlebars: ['HandlebarsLexer'],
 
-    htm: ["HTMLLexer"],
-    html: ["HTMLLexer"],
+    htm: ['HTMLLexer'],
+    html: ['HTMLLexer'],
 
-    mjs: ["JavascriptLexer"],
-    js: ["JavascriptLexer"], // if you're writing jsx inside .js files, change this to JsxLexer
-    ts: ["JavascriptLexer"],
-    jsx: ["JsxLexer"],
-    tsx: ["JsxLexer"],
+    mjs: ['JavascriptLexer'],
+    js: ['JavascriptLexer'], // if you're writing jsx inside .js files, change this to JsxLexer
+    ts: ['JavascriptLexer'],
+    jsx: ['JsxLexer'],
+    tsx: ['JsxLexer'],
 
-    default: ["JavascriptLexer"],
+    default: ['JavascriptLexer'],
   },
 
-  lineEnding: "auto",
+  lineEnding: 'auto',
   // Control the line ending. See options at https://github.com/ryanve/eol
 
-  locales: ["en", "am", "es", "fr", "km", "he"],
+  locales: ['en', 'am', 'es', 'fr', 'km', 'he'],
   // An array of the locales in your applications
 
-  namespaceSeparator: ":",
+  namespaceSeparator: ':',
   // Namespace separator used in your translation keys
   // If you want to use plain english keys, separators such as `.` and `:` will conflict. You might want to set `keySeparator: false` and `namespaceSeparator: false`. That way, `t('Status: Loading...')` will not think that there are a namespace and three separator dots for instance.
 
-  output: "$NAMESPACE/$LOCALE.json",
+  output: '$NAMESPACE/$LOCALE.json',
   // Supports $LOCALE and $NAMESPACE injection
   // Supports JSON (.json) and YAML (.yml) file formats
   // Where to write the locale files relative to process.cwd()
 
-  pluralSeparator: "_",
+  pluralSeparator: '_',
   // Plural separator used in your translation keys
   // If you want to use plain english keys, separators such as `_` might conflict. You might want to set `pluralSeparator` to a different string that does not occur in your keys.
 
diff --git a/jest.config.js b/jest.config.js
index 6f47d0c..ddb8cff 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -1,17 +1,19 @@
+/** @type {import('jest').Config} */
 module.exports = {
   transform: {
-    "^.+\\.tsx?$": ["@swc/jest"],
+    '^.+\\.tsx?$': ['@swc/jest'],
   },
-  transformIgnorePatterns: ["/node_modules/(?!@openmrs)"],
+  transformIgnorePatterns: ['/node_modules/(?!@openmrs)'],
   moduleNameMapper: {
-    "^@carbon/icons-react/es/(.*)$": "@carbon/icons-react/lib/$1",
-    "^carbon-components-react/es/(.*)$": "carbon-components-react/lib/$1",
-    "@openmrs/esm-framework": "@openmrs/esm-framework/mock",
-    "\\.(s?css)$": "identity-obj-proxy",
-    "^lodash-es/(.*)$": "lodash/$1",
-    "^dexie$": require.resolve("dexie"),
+    '^@carbon/icons-react/es/(.*)$': '@carbon/icons-react/lib/$1',
+    '^carbon-components-react/es/(.*)$': 'carbon-components-react/lib/$1',
+    '@openmrs/esm-framework': '@openmrs/esm-framework/mock',
+    '\\.(s?css)$': 'identity-obj-proxy',
+    '^lodash-es/(.*)$': 'lodash/$1',
+    '^dexie$': '<rootDir>/node_modules/dexie',
+    '^react-i18next$': '<rootDir>/__mocks__/react-i18next.js',
   },
-  setupFilesAfterEnv: ["<rootDir>/src/setup-tests.ts"],
-  testEnvironment: "jsdom",
-  testPathIgnorePatterns: ["<rootDir>/e2e"],
+  setupFilesAfterEnv: ['<rootDir>/src/setup-tests.ts'],
+  testEnvironment: 'jsdom',
+  testPathIgnorePatterns: ['<rootDir>/e2e'],
 };
diff --git a/package.json b/package.json
index 50212b7..a07b25e 100644
--- a/package.json
+++ b/package.json
@@ -6,12 +6,15 @@
   "browser": "dist/openmrs-esm-form-builder-app.js",
   "main": "src/index.ts",
   "source": true,
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": "eslint --cache --fix"
+  },
   "scripts": {
     "start": "openmrs develop",
     "serve": "webpack serve --mode=development",
     "build": "webpack --mode production",
     "analyze": "webpack --mode=production --env.analyze=true",
-    "lint": "TIMING=1 eslint src --ext js,jsx,ts,tsx",
+    "lint": "TIMING=1 eslint src --ext js,jsx,ts,tsx --max-warnings=0",
     "prettier": "prettier --write \"src/**/*.{ts,tsx}\"",
     "typescript": "tsc",
     "test": "jest --config jest.config.js",
@@ -32,7 +35,6 @@
   "keywords": [
     "openmrs",
     "microfrontends",
-    "formbuilder",
     "form builder"
   ],
   "repository": {
@@ -47,13 +49,13 @@
     "url": "https://github.com/openmrs/openmrs-esm-form-builder/issues"
   },
   "dependencies": {
-    "@carbon/react": "^1.31.0",
+    "@carbon/react": "^1.38.0",
     "@openmrs/openmrs-form-engine-lib": "next",
-    "dotenv": "^16.1.4",
+    "dotenv": "^16.3.1",
     "file-loader": "^6.2.0",
     "lodash-es": "^4.17.21",
     "react-ace": "^10.1.0",
-    "sass": "^1.63.3"
+    "sass": "^1.67.0"
   },
   "peerDependencies": {
     "@openmrs/esm-framework": "*",
@@ -69,44 +71,45 @@
     "@dnd-kit/utilities": "^3.2.1",
     "@openmrs/esm-framework": "next",
     "@openmrs/esm-styleguide": "next",
-    "@playwright/test": "^1.35.0",
+    "@playwright/test": "^1.38.0",
     "@swc/cli": "^0.1.62",
-    "@swc/core": "^1.3.62",
-    "@swc/jest": "^0.2.26",
-    "@testing-library/dom": "^8.20.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^29.5.2",
-    "@types/react": "^18.2.12",
-    "@types/react-dom": "^18.2.5",
+    "@swc/core": "^1.3.85",
+    "@swc/jest": "^0.2.29",
+    "@testing-library/dom": "^9.3.1",
+    "@testing-library/jest-dom": "^6.1.3",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.5.1",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
     "@types/webpack-env": "^1.18.1",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "@typescript-eslint/parser": "^5.59.11",
+    "@typescript-eslint/eslint-plugin": "^6.7.0",
+    "@typescript-eslint/parser": "^6.7.0",
     "css-loader": "^6.8.1",
-    "eslint": "^8.42.0",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint": "^8.49.0",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-config-ts-react-important-stuff": "^3.0.0",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-playwright": "^0.16.0",
+    "eslint-plugin-prettier": "^5.0.0",
     "husky": "^8.0.3",
-    "i18next": "^19.9.2",
-    "i18next-parser": "^5.4.0",
+    "i18next": "^23.5.1",
+    "i18next-parser": "^8.7.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.5.0",
-    "jest-cli": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
+    "jest": "^29.7.0",
+    "jest-cli": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "lint-staged": "^14.0.1",
     "openmrs": "next",
-    "prettier": "^2.8.8",
-    "pretty-quick": "^3.1.3",
+    "prettier": "^3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-error-boundary": "^4.0.10",
-    "react-i18next": "^11.18.6",
+    "react-error-boundary": "^4.0.11",
+    "react-i18next": "^13.2.2",
     "rxjs": "^7.8.1",
     "swc-loader": "^0.2.3",
-    "turbo": "^1.10.3",
+    "turbo": "^1.10.14",
     "typescript": "^4.9.5",
-    "webpack": "^5.86.0",
+    "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4"
   },
   "packageManager": "yarn@3.6.0"
diff --git a/playwright.config.ts b/playwright.config.ts
index 215e136..2b9fb81 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -1,33 +1,34 @@
-import { devices, PlaywrightTestConfig } from "@playwright/test";
-import * as dotenv from "dotenv";
+import type { PlaywrightTestConfig } from '@playwright/test';
+import { devices } from '@playwright/test';
+import * as dotenv from 'dotenv';
 dotenv.config();
 
 // See https://playwright.dev/docs/test-configuration.
 const config: PlaywrightTestConfig = {
-  testDir: "./e2e/specs",
+  testDir: './e2e/specs',
   timeout: 3 * 60 * 1000,
   expect: {
     timeout: 20 * 1000,
   },
   fullyParallel: true,
-  outputDir: "../test-results/results",
+  outputDir: '../test-results/results',
   forbidOnly: !!process.env.CI,
   retries: 0,
   reporter: process.env.CI
-    ? [["junit", { outputFile: "results.xml" }], ["html"]]
-    : [["html", { outputFolder: "../test-results/report" }]],
-  globalSetup: require.resolve("./e2e/core/global-setup"),
+    ? [['junit', { outputFile: 'results.xml' }], ['html']]
+    : [['html', { outputFolder: '../test-results/report' }]],
+  globalSetup: require.resolve('./e2e/core/global-setup'),
   use: {
     baseURL: `${process.env.E2E_BASE_URL}/spa/`,
-    locale: "en-US",
-    storageState: "e2e/storageState.json",
-    video: "retain-on-failure",
+    locale: 'en-US',
+    storageState: 'e2e/storageState.json',
+    video: 'retain-on-failure',
   },
   projects: [
     {
-      name: "chromium",
+      name: 'chromium',
       use: {
-        ...devices["Desktop Chrome"],
+        ...devices['Desktop Chrome'],
       },
     },
   ],
diff --git a/src/components/action-buttons/action-buttons.component.tsx b/src/components/action-buttons/action-buttons.component.tsx
index 57ac4f9..22bbdc8 100644
--- a/src/components/action-buttons/action-buttons.component.tsx
+++ b/src/components/action-buttons/action-buttons.component.tsx
@@ -1,39 +1,26 @@
-import React, { useState } from "react";
-import {
-  Button,
-  ComposedModal,
-  InlineLoading,
-  ModalBody,
-  ModalFooter,
-  ModalHeader,
-} from "@carbon/react";
-import { useParams } from "react-router-dom";
-import { showToast, showNotification } from "@openmrs/esm-framework";
-
-import type { TFunction } from "react-i18next";
-import type { RouteParams, Schema } from "../../types";
-import { publishForm, unpublishForm } from "../../forms.resource";
-import { useForm } from "../../hooks/useForm";
-import SaveFormModal from "../modals/save-form-modal.component";
-import styles from "./action-buttons.scss";
-
-type ActionButtonsProps = {
+import React, { useState } from 'react';
+import { Button, ComposedModal, InlineLoading, ModalBody, ModalFooter, ModalHeader } from '@carbon/react';
+import type { TFunction } from 'i18next';
+import { useParams } from 'react-router-dom';
+import { showToast, showNotification } from '@openmrs/esm-framework';
+
+import type { Schema } from '../../types';
+import { publishForm, unpublishForm } from '../../forms.resource';
+import { useForm } from '../../hooks/useForm';
+import SaveFormModal from '../modals/save-form-modal.component';
+import styles from './action-buttons.scss';
+
+interface ActionButtonsProps {
   schema: Schema;
   t: TFunction;
-};
+}
 
-type Status =
-  | "idle"
-  | "publishing"
-  | "published"
-  | "unpublishing"
-  | "unpublished"
-  | "error";
+type Status = 'idle' | 'publishing' | 'published' | 'unpublishing' | 'unpublished' | 'error';
 
 function ActionButtons({ schema, t }: ActionButtonsProps) {
-  const { formUuid } = useParams<RouteParams>();
+  const { formUuid } = useParams<{ formUuid?: string }>();
   const { form, mutate } = useForm(formUuid);
-  const [status, setStatus] = useState<Status>("idle");
+  const [status, setStatus] = useState<Status>('idle');
   const [showUnpublishModal, setShowUnpublishModal] = useState(false);
 
   const launchUnpublishModal = () => {
@@ -41,56 +28,57 @@ function ActionButtons({ schema, t }: ActionButtonsProps) {
   };
 
   async function handlePublish() {
-    setStatus("publishing");
+    setStatus('publishing');
     try {
       await publishForm(form.uuid);
 
       showToast({
-        title: t("formPublished", "Form published"),
-        kind: "success",
+        title: t('formPublished', 'Form published'),
+        kind: 'success',
         critical: true,
-        description:
-          `${form.name} ` +
-          t("formPublishedSuccessfully", "form was published successfully"),
+        description: `${form.name} ` + t('formPublishedSuccessfully', 'form was published successfully'),
       });
 
-      setStatus("published");
-      mutate();
+      setStatus('published');
+      await mutate();
     } catch (error) {
-      showNotification({
-        title: t("errorPublishingForm", "Error publishing form"),
-        kind: "error",
-        critical: true,
-        description: error?.message,
-      });
-      setStatus("error");
+      if (error instanceof Error) {
+        showNotification({
+          title: t('errorPublishingForm', 'Error publishing form'),
+          kind: 'error',
+          critical: true,
+          description: error?.message,
+        });
+        setStatus('error');
+      }
     }
   }
 
   async function handleUnpublish() {
-    setStatus("unpublishing");
+    setStatus('unpublishing');
+
     try {
       await unpublishForm(form.uuid);
 
       showToast({
-        title: t("formUnpublished", "Form unpublished"),
-        kind: "success",
+        title: t('formUnpublished', 'Form unpublished'),
+        kind: 'success',
         critical: true,
-        description:
-          `${form.name} ` +
-          t("formUnpublishedSuccessfully", "form was unpublished successfully"),
+        description: `${form.name} ` + t('formUnpublishedSuccessfully', 'form was unpublished successfully'),
       });
 
-      setStatus("unpublished");
-      mutate();
+      setStatus('unpublished');
+      await mutate();
     } catch (error) {
-      showNotification({
-        title: t("errorUnpublishingForm", "Error unpublishing form"),
-        kind: "error",
-        critical: true,
-        description: error?.message,
-      });
-      setStatus("error");
+      if (error instanceof Error) {
+        showNotification({
+          title: t('errorUnpublishingForm', 'Error unpublishing form'),
+          kind: 'error',
+          critical: true,
+          description: error?.message,
+        });
+        setStatus('error');
+      }
     }
     setShowUnpublishModal(false);
   }
@@ -101,71 +89,47 @@ function ActionButtons({ schema, t }: ActionButtonsProps) {
 
       <>
         {form && !form.published ? (
-          <Button
-            kind="secondary"
-            onClick={handlePublish}
-            disabled={status === "publishing"}
-          >
-            {status === "publishing" && !form?.published ? (
-              <InlineLoading
-                className={styles.spinner}
-                description={t("publishing", "Publishing") + "..."}
-              />
+          <Button kind="secondary" onClick={handlePublish} disabled={status === 'publishing'}>
+            {status === 'publishing' && !form?.published ? (
+              <InlineLoading className={styles.spinner} description={t('publishing', 'Publishing') + '...'} />
             ) : (
-              <span>{t("publishForm", "Publish form")}</span>
+              <span>{t('publishForm', 'Publish form')}</span>
             )}
           </Button>
         ) : null}
 
         {form && form.published ? (
-          <Button
-            kind="danger"
-            onClick={launchUnpublishModal}
-            disabled={status === "unpublishing"}
-          >
-            {t("unpublishForm", "Unpublish form")}
+          <Button kind="danger" onClick={launchUnpublishModal} disabled={status === 'unpublishing'}>
+            {t('unpublishForm', 'Unpublish form')}
           </Button>
         ) : null}
 
         {showUnpublishModal ? (
-          <ComposedModal
-            open={true}
-            onClose={() => setShowUnpublishModal(false)}
-            preventCloseOnClickOutside
-          >
+          <ComposedModal open={true} onClose={() => setShowUnpublishModal(false)} preventCloseOnClickOutside>
             <ModalHeader
-              title={t(
-                "unpublishConfirmation",
-                "Are you sure you want to unpublish this form?"
-              )}
+              title={t('unpublishConfirmation', 'Are you sure you want to unpublish this form?')}
             ></ModalHeader>
             <ModalBody>
               <p>
                 {t(
-                  "unpublishExplainerText",
-                  "Unpublishing a form means you can no longer access it from your frontend. Unpublishing forms does not delete their associated schemas, it only affects whether or not you can access them in your frontend."
+                  'unpublishExplainerText',
+                  'Unpublishing a form means you can no longer access it from your frontend. Unpublishing forms does not delete their associated schemas, it only affects whether or not you can access them in your frontend.',
                 )}
               </p>
             </ModalBody>
             <ModalFooter>
-              <Button
-                kind="secondary"
-                onClick={() => setShowUnpublishModal(false)}
-              >
-                {t("cancel", "Cancel")}
+              <Button kind="secondary" onClick={() => setShowUnpublishModal(false)}>
+                {t('cancel', 'Cancel')}
               </Button>
               <Button
-                disabled={status === "unpublishing"}
-                kind={status === "unpublishing" ? "secondary" : "danger"}
+                disabled={status === 'unpublishing'}
+                kind={status === 'unpublishing' ? 'secondary' : 'danger'}
                 onClick={handleUnpublish}
               >
-                {status === "unpublishing" ? (
-                  <InlineLoading
-                    className={styles.spinner}
-                    description={t("unpublishing", "Unpublishing") + "..."}
-                  />
+                {status === 'unpublishing' ? (
+                  <InlineLoading className={styles.spinner} description={t('unpublishing', 'Unpublishing') + '...'} />
                 ) : (
-                  <span>{t("unpublishForm", "Unpublish form")}</span>
+                  <span>{t('confirm', 'Confirm')}</span>
                 )}
               </Button>
             </ModalFooter>
diff --git a/src/components/dashboard/dashboard.component.tsx b/src/components/dashboard/dashboard.component.tsx
index d57e738..69cc692 100644
--- a/src/components/dashboard/dashboard.component.tsx
+++ b/src/components/dashboard/dashboard.component.tsx
@@ -1,5 +1,6 @@
-import React, { useCallback, useMemo, useState } from "react";
-import { TFunction, useTranslation } from "react-i18next";
+import React, { useCallback, useMemo, useState } from 'react';
+import type { TFunction } from 'i18next';
+import { useTranslation } from 'react-i18next';
 import {
   Button,
   ComposedModal,
@@ -24,33 +25,27 @@ import {
   TableToolbarSearch,
   Tag,
   Tile,
-} from "@carbon/react";
+} from '@carbon/react';
+import { Add, DocumentImport, Download, Edit, TrashCan } from '@carbon/react/icons';
 import {
-  Add,
-  DocumentImport,
-  Download,
-  Edit,
-  TrashCan,
-} from "@carbon/react/icons";
-import {
-  FetchResponse,
+  type FetchResponse,
   navigate,
   showNotification,
   showToast,
   useConfig,
   useLayoutType,
   usePagination,
-} from "@openmrs/esm-framework";
-import type { KeyedMutator } from "swr";
-
-import type { Form as FormType } from "../../types";
-import { deleteForm } from "../../forms.resource";
-import { FormBuilderPagination } from "../pagination";
-import { useClobdata } from "../../hooks/useClobdata";
-import { useForms } from "../../hooks/useForms";
-import EmptyState from "../empty-state/empty-state.component";
-import ErrorState from "../error-state/error-state.component";
-import styles from "./dashboard.scss";
+} from '@openmrs/esm-framework';
+import type { KeyedMutator } from 'swr';
+
+import type { Form as FormType } from '../../types';
+import { deleteForm } from '../../forms.resource';
+import { FormBuilderPagination } from '../pagination';
+import { useClobdata } from '../../hooks/useClobdata';
+import { useForms } from '../../hooks/useForms';
+import EmptyState from '../empty-state/empty-state.component';
+import ErrorState from '../error-state/error-state.component';
+import styles from './dashboard.scss';
 
 type Mutator = KeyedMutator<{
   data: {
@@ -58,44 +53,39 @@ type Mutator = KeyedMutator<{
   };
 }>;
 
-type ActionButtonsProps = {
+interface ActionButtonsProps {
   form: FormType;
   mutate: Mutator;
   responsiveSize: string;
   t: TFunction;
-};
+}
 
-type FormsListProps = {
+interface FormsListProps {
   forms: Array<FormType>;
   isValidating: boolean;
   mutate: Mutator;
   t: TFunction;
-};
+}
 
-function CustomTag({ condition }: { condition: boolean }) {
+function CustomTag({ condition }: { condition?: boolean }) {
   const { t } = useTranslation();
 
   if (condition) {
     return (
       <Tag type="green" size="md" title="Clear Filter" data-testid="yes-tag">
-        {t("yes", "Yes")}
+        {t('yes', 'Yes')}
       </Tag>
     );
   }
 
   return (
     <Tag type="red" size="md" title="Clear Filter" data-testid="no-tag">
-      {t("no", "No")}
+      {t('no', 'No')}
     </Tag>
   );
 }
 
-function ActionButtons({
-  form,
-  mutate,
-  responsiveSize,
-  t,
-}: ActionButtonsProps) {
+function ActionButtons({ form, mutate, responsiveSize, t }: ActionButtonsProps) {
   const { clobdata } = useClobdata(form);
   const formResources = form?.resources;
   const [showDeleteFormModal, setShowDeleteFormModal] = useState(false);
@@ -104,51 +94,47 @@ function ActionButtons({
   const downloadableSchema = useMemo(
     () =>
       new Blob([JSON.stringify(clobdata, null, 2)], {
-        type: "application/json",
+        type: 'application/json',
       }),
-    [clobdata]
+    [clobdata],
   );
 
   const handleDeleteForm = useCallback(
     (formUuid: string) => {
       deleteForm(formUuid)
-        .then((res: FetchResponse) => {
+        .then(async (res: FetchResponse) => {
           if (res.status === 204) {
             showToast({
-              title: t("formDeleted", "Form deleted"),
-              kind: "success",
+              title: t('formDeleted', 'Form deleted'),
+              kind: 'success',
               critical: true,
-              description:
-                `${form.name} ` +
-                t("formDeletedSuccessfully", "deleted successfully"),
+              description: `${form.name} ` + t('formDeletedSuccessfully', 'deleted successfully'),
             });
 
-            mutate();
+            await mutate();
             setShowDeleteFormModal(false);
           }
         })
         .catch((e: Error) =>
           showNotification({
-            title: t("errorDeletingForm", "Error deleting form"),
-            kind: "error",
+            title: t('errorDeletingForm', 'Error deleting form'),
+            kind: 'error',
             critical: true,
             description: e?.message,
-          })
+          }),
         )
         .finally(() => setIsDeleting(false));
     },
-    [form.name, mutate, t]
+    [form.name, mutate, t],
   );
 
   const ImportButton = () => {
     return (
       <Button
         renderIcon={DocumentImport}
-        onClick={() =>
-          navigate({ to: `${window.spaBase}/form-builder/edit/${form.uuid}` })
-        }
-        kind={"ghost"}
-        iconDescription={t("import", "Import")}
+        onClick={() => navigate({ to: `${window.spaBase}/form-builder/edit/${form.uuid}` })}
+        kind={'ghost'}
+        iconDescription={t('import', 'Import')}
         hasIconOnly
         size={responsiveSize}
       />
@@ -165,8 +151,8 @@ function ActionButtons({
             to: `${window.spaBase}/form-builder/edit/${form.uuid}`,
           })
         }
-        kind={"ghost"}
-        iconDescription={t("editSchema", "Edit schema")}
+        kind={'ghost'}
+        iconDescription={t('editSchema', 'Edit schema')}
         hasIconOnly
         size={responsiveSize}
         tooltipAlignment="start"
@@ -176,15 +162,12 @@ function ActionButtons({
 
   const DownloadSchemaButton = () => {
     return (
-      <a
-        download={`${form?.name}.json`}
-        href={window.URL.createObjectURL(downloadableSchema)}
-      >
+      <a download={`${form?.name}.json`} href={window.URL.createObjectURL(downloadableSchema)}>
         <Button
           enterDelayMs={300}
           renderIcon={Download}
-          kind={"ghost"}
-          iconDescription={t("downloadSchema", "Download schema")}
+          kind={'ghost'}
+          iconDescription={t('downloadSchema', 'Download schema')}
           hasIconOnly
           size={responsiveSize}
           tooltipAlignment="start"
@@ -199,8 +182,8 @@ function ActionButtons({
         enterDelayMs={300}
         renderIcon={TrashCan}
         onClick={() => setShowDeleteFormModal(true)}
-        kind={"ghost"}
-        iconDescription={t("deleteSchema", "Delete schema")}
+        kind={'ghost'}
+        iconDescription={t('deleteSchema', 'Delete schema')}
         hasIconOnly
         size={responsiveSize}
         tooltipAlignment="start"
@@ -216,23 +199,15 @@ function ActionButtons({
         onClose={() => setShowDeleteFormModal(false)}
         preventCloseOnClickOutside
       >
-        <ModalHeader title={t("deleteForm", "Delete form")} />
-        <Form onSubmit={(event) => event.preventDefault()}>
+        <ModalHeader title={t('deleteForm', 'Delete form')} />
+        <Form onSubmit={(event: React.SyntheticEvent) => event.preventDefault()}>
           <ModalBody>
-            <p>
-              {t(
-                "deleteFormConfirmation",
-                "Are you sure you want to delete this form?"
-              )}
-            </p>
+            <p>{t('deleteFormConfirmation', 'Are you sure you want to delete this form?')}</p>
           </ModalBody>
         </Form>
         <ModalFooter>
-          <Button
-            kind="secondary"
-            onClick={() => setShowDeleteFormModal(false)}
-          >
-            {t("cancel", "Cancel")}
+          <Button kind="secondary" onClick={() => setShowDeleteFormModal(false)}>
+            {t('cancel', 'Cancel')}
           </Button>
           <Button
             disabled={isDeleting}
@@ -243,12 +218,9 @@ function ActionButtons({
             }}
           >
             {isDeleting ? (
-              <InlineLoading
-                className={styles.spinner}
-                description={t("deleting", "Deleting") + "..."}
-              />
+              <InlineLoading className={styles.spinner} description={t('deleting', 'Deleting') + '...'} />
             ) : (
-              <span>{t("delete", "Delete")}</span>
+              <span>{t('delete', 'Delete')}</span>
             )}
           </Button>
         </ModalFooter>
@@ -267,17 +239,17 @@ function ActionButtons({
         </>
       )}
       <DeleteButton />
-      {setShowDeleteFormModal && <DeleteFormModal />}
+      {showDeleteFormModal && <DeleteFormModal />}
     </>
   );
 }
 
 function FormsList({ forms, isValidating, mutate, t }: FormsListProps) {
   const config = useConfig();
-  const isTablet = useLayoutType() === "tablet";
-  const responsiveSize = isTablet ? "lg" : "sm";
-  const [filter, setFilter] = useState("");
-  const [searchString, setSearchString] = useState("");
+  const isTablet = useLayoutType() === 'tablet';
+  const responsiveSize = isTablet ? 'lg' : 'sm';
+  const [filter, setFilter] = useState('');
+  const [searchString, setSearchString] = useState('');
   const pageSize = 10;
 
   const filteredRows = useMemo(() => {
@@ -285,11 +257,11 @@ function FormsList({ forms, isValidating, mutate, t }: FormsListProps) {
       return forms;
     }
 
-    if (filter === "Published") {
+    if (filter === 'Published') {
       return forms.filter((form) => form.published);
     }
 
-    if (filter === "Unpublished") {
+    if (filter === 'Unpublished') {
       return forms.filter((form) => !form.published);
     }
 
@@ -298,69 +270,53 @@ function FormsList({ forms, isValidating, mutate, t }: FormsListProps) {
 
   const tableHeaders = [
     {
-      header: t("name", "Name"),
-      key: "name",
+      header: t('name', 'Name'),
+      key: 'name',
     },
     {
-      header: t("version", "Version"),
-      key: "version",
+      header: t('version', 'Version'),
+      key: 'version',
     },
     {
-      header: t("published", "Published"),
-      key: "published",
+      header: t('published', 'Published'),
+      key: 'published',
     },
     {
-      header: t("retired", "Retired"),
-      key: "retired",
+      header: t('retired', 'Retired'),
+      key: 'retired',
     },
     {
-      header: t("schemaActions", "Schema actions"),
-      key: "actions",
+      header: t('schemaActions', 'Schema actions'),
+      key: 'actions',
     },
   ];
 
   const searchResults = useMemo(() => {
-    if (searchString && searchString.trim() !== "") {
-      return filteredRows.filter((form) =>
-        form.name.toLowerCase().includes(searchString.toLowerCase())
-      );
+    if (searchString && searchString.trim() !== '') {
+      return filteredRows.filter((form) => form.name.toLowerCase().includes(searchString.toLowerCase()));
     }
 
     return filteredRows;
   }, [searchString, filteredRows]);
 
-  const { paginated, goTo, results, currentPage } = usePagination(
-    searchResults,
-    pageSize
-  );
+  const { paginated, goTo, results, currentPage } = usePagination(searchResults, pageSize);
 
   const tableRows = results?.map((form: FormType) => ({
     ...form,
     id: form?.uuid,
-    published: <CustomTag condition={form?.published} />,
-    retired: <CustomTag condition={form?.retired} />,
-    actions: (
-      <ActionButtons
-        form={form}
-        mutate={mutate}
-        responsiveSize={responsiveSize}
-        t={t}
-      />
-    ),
+    published: <CustomTag condition={form.published} />,
+    retired: <CustomTag condition={form.retired} />,
+    actions: <ActionButtons form={form} mutate={mutate} responsiveSize={responsiveSize} t={t} />,
   }));
 
-  const handlePublishStatusChange = ({
-    selectedItem,
-  }: {
-    selectedItem: string;
-  }) => setFilter(selectedItem);
+  const handlePublishStatusChange = ({ selectedItem }: { selectedItem: string }) => setFilter(selectedItem);
 
   const handleSearch = useCallback(
-    (e) => {
+    (e: React.ChangeEvent<HTMLInputElement>) => {
       goTo(1);
       setSearchString(e.target.value);
     },
-    [goTo, setSearchString]
+    [goTo, setSearchString],
   );
 
   return (
@@ -371,8 +327,8 @@ function FormsList({ forms, isValidating, mutate, t }: FormsListProps) {
           kind="info"
           lowContrast
           title={t(
-            "schemaSaveWarningMessage",
-            "The dev3 server is ephemeral at best and can't be relied upon to save your schemas permanently. To avoid losing your work, please save your schemas to your local machine. Alternatively, upload your schema to the distro repo to have it persisted across server resets."
+            'schemaSaveWarningMessage',
+            "The dev3 server is ephemeral at best and can't be relied upon to save your schemas permanently. To avoid losing your work, please save your schemas to your local machine. Alternatively, upload your schema to the distro repo to have it persisted across server resets.",
           )}
         />
       )}
@@ -380,14 +336,12 @@ function FormsList({ forms, isValidating, mutate, t }: FormsListProps) {
         <div className={styles.filterContainer}>
           <Dropdown
             id="publishStatusFilter"
-            initialSelectedItem={"All"}
+            initialSelectedItem={'All'}
             label=""
-            titleText={
-              t("filterByPublishedStatus", "Filter by publish status") + ":"
-            }
+            titleText={t('filterByPublishedStatus', 'Filter by publish status') + ':'}
             size={responsiveSize}
             type="inline"
-            items={["All", "Published", "Unpublished"]}
+            items={['All', 'Published', 'Unpublished']}
             onChange={handlePublishStatusChange}
           />
         </div>
@@ -395,33 +349,22 @@ function FormsList({ forms, isValidating, mutate, t }: FormsListProps) {
           <span>{isValidating ? <InlineLoading /> : null}</span>
         </div>
       </div>
-      <DataTable
-        rows={tableRows}
-        headers={tableHeaders}
-        size={isTablet ? "lg" : "sm"}
-        useZebraStyles
-      >
+      <DataTable rows={tableRows} headers={tableHeaders} size={isTablet ? 'lg' : 'sm'} useZebraStyles>
         {({ rows, headers, getTableProps, getHeaderProps, getRowProps }) => (
           <>
-            <TableContainer
-              className={styles.tableContainer}
-              data-testid="forms-table"
-            >
+            <TableContainer className={styles.tableContainer} data-testid="forms-table">
               <div className={styles.toolbarWrapper}>
-                <TableToolbar
-                  className={styles.tableToolbar}
-                  size={responsiveSize}
-                >
+                <TableToolbar className={styles.tableToolbar} size={responsiveSize}>
                   <TableToolbarContent className={styles.headerContainer}>
                     <TableToolbarSearch
                       className={styles.searchbox}
                       onChange={handleSearch}
-                      placeholder={t("searchThisList", "Search this list")}
+                      placeholder={t('searchThisList', 'Search this list')}
                     />
                     <Button
                       kind="primary"
-                      iconDescription={t("createNewForm", "Create a new form")}
-                      renderIcon={(props) => <Add size={16} {...props} />}
+                      iconDescription={t('createNewForm', 'Create a new form')}
+                      renderIcon={() => <Add size={16} />}
                       size={responsiveSize}
                       onClick={() =>
                         navigate({
@@ -429,7 +372,7 @@ function FormsList({ forms, isValidating, mutate, t }: FormsListProps) {
                         })
                       }
                     >
-                      {t("createNewForm", "Create a new form")}
+                      {t('createNewForm', 'Create a new form')}
                     </Button>
                   </TableToolbarContent>
                 </TableToolbar>
@@ -438,18 +381,13 @@ function FormsList({ forms, isValidating, mutate, t }: FormsListProps) {
                 <TableHead>
                   <TableRow>
                     {headers.map((header) => (
-                      <TableHeader {...getHeaderProps({ header })}>
-                        {header.header}
-                      </TableHeader>
+                      <TableHeader {...getHeaderProps({ header })}>{header.header}</TableHeader>
                     ))}
                   </TableRow>
                 </TableHead>
                 <TableBody>
-                  {rows.map((row, i) => (
-                    <TableRow
-                      {...getRowProps({ row })}
-                      data-testid={`form-row-${row.id}`}
-                    >
+                  {rows.map((row) => (
+                    <TableRow key="row.id" {...getRowProps({ row })} data-testid={`form-row-${row.id}`}>
                       {row.cells.map((cell) => (
                         <TableCell key={cell.id}>{cell.value}</TableCell>
                       ))}
@@ -462,15 +400,8 @@ function FormsList({ forms, isValidating, mutate, t }: FormsListProps) {
               <div className={styles.tileContainer}>
                 <Tile className={styles.tile}>
                   <div className={styles.tileContent}>
-                    <p className={styles.content}>
-                      {t(
-                        "noMatchingFormsToDisplay",
-                        "No matching forms to display"
-                      )}
-                    </p>
-                    <p className={styles.helper}>
-                      {t("checkFilters", "Check the filters above")}
-                    </p>
+                    <p className={styles.content}>{t('noMatchingFormsToDisplay', 'No matching forms to display')}</p>
+                    <p className={styles.helper}>{t('checkFilters', 'Check the filters above')}</p>
                   </div>
                 </Tile>
               </div>
@@ -499,7 +430,7 @@ const Dashboard: React.FC = () => {
 
   return (
     <div className={styles.container}>
-      <h3 className={styles.heading}>{t("formBuilder", "Form Builder")}</h3>
+      <h3 className={styles.heading}>{t('formBuilder', 'Form Builder')}</h3>
       {(() => {
         if (error) {
           return <ErrorState error={error} />;
@@ -513,14 +444,7 @@ const Dashboard: React.FC = () => {
           return <EmptyState />;
         }
 
-        return (
-          <FormsList
-            forms={forms}
-            isValidating={isValidating}
-            mutate={mutate}
-            t={t}
-          />
-        );
+        return <FormsList forms={forms} isValidating={isValidating} mutate={mutate} t={t} />;
       })()}
     </div>
   );
diff --git a/src/components/dashboard/dashboard.test.tsx b/src/components/dashboard/dashboard.test.tsx
index 53bcb35..4061520 100644
--- a/src/components/dashboard/dashboard.test.tsx
+++ b/src/components/dashboard/dashboard.test.tsx
@@ -1,43 +1,43 @@
-import React from "react";
-import { screen, waitFor } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import { navigate, openmrsFetch, usePagination } from "@openmrs/esm-framework";
-import { renderWithSwr, waitForLoadingToFinish } from "../../test-helpers";
-import { deleteForm } from "../../forms.resource";
-import Dashboard from "./dashboard.component";
+import React from 'react';
+import { screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { navigate, openmrsFetch, usePagination } from '@openmrs/esm-framework';
+import { renderWithSwr, waitForLoadingToFinish } from '../../test-helpers';
+import { deleteForm } from '../../forms.resource';
+import Dashboard from './dashboard.component';
 
 const mockedOpenmrsFetch = openmrsFetch as jest.Mock;
 const mockedDeleteForm = deleteForm as jest.Mock;
 
-jest.mock("../../forms.resource", () => ({
+jest.mock('../../forms.resource', () => ({
   deleteForm: jest.fn(),
 }));
 const mockUsePagination = usePagination as jest.Mock;
 
 const formsResponse = [
   {
-    uuid: "2ddde996-b1c3-37f1-a53e-378dd1a4f6b5",
-    name: "Test Form 1",
+    uuid: '2ddde996-b1c3-37f1-a53e-378dd1a4f6b5',
+    name: 'Test Form 1',
     encounterType: {
-      uuid: "dd528487-82a5-4082-9c72-ed246bd49591",
-      name: "Consultation",
+      uuid: 'dd528487-82a5-4082-9c72-ed246bd49591',
+      name: 'Consultation',
     },
-    version: "1",
+    version: '1',
     published: true,
     retired: false,
     resources: [
       {
-        dataType: "AmpathJsonSchema",
-        name: "JSON schema",
-        uuid: "26e45c1a-a46d-4f69-af0a-c29baaed5b3e",
-        valueReference: "9c35c3d7-1366-45ef-b4d7-ae635b22b6a7",
+        dataType: 'AmpathJsonSchema',
+        name: 'JSON schema',
+        uuid: '26e45c1a-a46d-4f69-af0a-c29baaed5b3e',
+        valueReference: '9c35c3d7-1366-45ef-b4d7-ae635b22b6a7',
       },
     ],
   },
 ];
 
-jest.mock("@openmrs/esm-framework", () => {
-  const originalModule = jest.requireActual("@openmrs/esm-framework");
+jest.mock('@openmrs/esm-framework', () => {
+  const originalModule = jest.requireActual('@openmrs/esm-framework');
 
   return {
     ...originalModule,
@@ -50,26 +50,22 @@ jest.mock("@openmrs/esm-framework", () => {
   };
 });
 
-describe("Dashboard", () => {
-  it("renders an empty state view if no forms are available", async () => {
+describe('Dashboard', () => {
+  it('renders an empty state view if no forms are available', async () => {
     mockedOpenmrsFetch.mockReturnValueOnce({ data: { results: [] } });
 
     renderDashboard();
 
     await waitForLoadingToFinish();
 
-    expect(
-      screen.getByRole("heading", { name: /form builder/i })
-    ).toBeInTheDocument();
-    expect(screen.getByRole("heading", { name: /forms/i })).toBeInTheDocument();
+    expect(screen.getByRole('heading', { name: /form builder/i })).toBeInTheDocument();
+    expect(screen.getByRole('heading', { name: /forms/i })).toBeInTheDocument();
     expect(screen.getByTitle(/empty data illustration/i)).toBeInTheDocument();
-    expect(
-      screen.getByText(/there are no forms to display/i)
-    ).toBeInTheDocument();
+    expect(screen.getByText(/there are no forms to display/i)).toBeInTheDocument();
     expect(screen.getByText(/create a new form/i)).toBeInTheDocument();
   });
 
-  it("searches for a form by name and filters the list of forms", async () => {
+  it('searches for a form by name and filters the list of forms', async () => {
     const user = userEvent.setup();
 
     mockedOpenmrsFetch.mockReturnValueOnce({
@@ -82,11 +78,11 @@ describe("Dashboard", () => {
 
     await waitForLoadingToFinish();
 
-    const searchbox = screen.getByRole("searchbox") as HTMLInputElement;
+    const searchbox = screen.getByRole('searchbox') as HTMLInputElement;
 
-    await waitFor(() => user.type(searchbox, "COVID"));
+    await waitFor(() => user.type(searchbox, 'COVID'));
 
-    expect(searchbox.value).toBe("COVID");
+    expect(searchbox.value).toBe('COVID');
 
     mockUsePagination.mockImplementation(() => ({
       currentPage: 1,
@@ -94,12 +90,8 @@ describe("Dashboard", () => {
       results: formsResponse.filter((form) => form.name === searchbox.value),
     }));
 
-    await waitFor(() =>
-      expect(screen.queryByText(/Test Form 1/i)).not.toBeInTheDocument()
-    );
-    expect(
-      screen.getByText(/no matching forms to display/i)
-    ).toBeInTheDocument();
+    await waitFor(() => expect(screen.queryByText(/Test Form 1/i)).not.toBeInTheDocument());
+    expect(screen.getByText(/no matching forms to display/i)).toBeInTheDocument();
   });
 
   it('filters the list of forms by "published" status', async () => {
@@ -115,14 +107,12 @@ describe("Dashboard", () => {
 
     await waitForLoadingToFinish();
 
-    const publishStatusFilter = screen.getByRole("combobox", {
+    const publishStatusFilter = screen.getByRole('combobox', {
       name: /filter by publish status/i,
     });
 
     await waitFor(() => user.click(publishStatusFilter));
-    await waitFor(() =>
-      user.click(screen.getByRole("option", { name: /unpublished/i }))
-    );
+    await waitFor(() => user.click(screen.getByRole('option', { name: /unpublished/i })));
 
     mockUsePagination.mockImplementation(() => ({
       currentPage: 1,
@@ -131,12 +121,10 @@ describe("Dashboard", () => {
     }));
 
     expect(screen.queryByText(/Test Form 1/i)).not.toBeInTheDocument();
-    expect(
-      screen.getByText(/no matching forms to display/i)
-    ).toBeInTheDocument();
+    expect(screen.getByText(/no matching forms to display/i)).toBeInTheDocument();
   });
 
-  it("renders a list of forms fetched from the server", async () => {
+  it('renders a list of forms fetched from the server', async () => {
     mockedOpenmrsFetch.mockReturnValueOnce({
       data: {
         results: formsResponse,
@@ -153,25 +141,13 @@ describe("Dashboard", () => {
 
     await waitForLoadingToFinish();
 
-    expect(
-      screen.getByRole("heading", { name: /form builder/i })
-    ).toBeInTheDocument();
-    expect(
-      screen.getByRole("combobox", { name: /filter by publish status/i })
-    ).toBeInTheDocument();
-    expect(
-      screen.getByRole("button", { name: /create a new form/i })
-    ).toBeInTheDocument();
-    expect(
-      screen.getByRole("button", { name: /edit schema/i })
-    ).toBeInTheDocument();
-    expect(
-      screen.getByRole("button", { name: /download schema/i })
-    ).toBeInTheDocument();
-    expect(
-      screen.getByRole("searchbox", { name: /filter table/i })
-    ).toBeInTheDocument();
-    expect(screen.queryByRole("table")).toBeInTheDocument();
+    expect(screen.getByRole('heading', { name: /form builder/i })).toBeInTheDocument();
+    expect(screen.getByRole('combobox', { name: /filter by publish status/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /create a new form/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /edit schema/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /download schema/i })).toBeInTheDocument();
+    expect(screen.getByRole('searchbox', { name: /filter table/i })).toBeInTheDocument();
+    expect(screen.queryByRole('table')).toBeInTheDocument();
     expect(screen.getByText(/Test Form 1/i)).toBeInTheDocument();
   });
 
@@ -194,7 +170,7 @@ describe("Dashboard", () => {
 
     await waitForLoadingToFinish();
 
-    const createFormButton = screen.getByRole("button", {
+    const createFormButton = screen.getByRole('button', {
       name: /create a new form/i,
     });
 
@@ -224,7 +200,7 @@ describe("Dashboard", () => {
 
     await waitForLoadingToFinish();
 
-    const editSchemaButton = screen.getByRole("button", {
+    const editSchemaButton = screen.getByRole('button', {
       name: /edit schema/i,
     });
 
@@ -253,7 +229,7 @@ describe("Dashboard", () => {
 
     await waitForLoadingToFinish();
 
-    const downloadSchemaButton = screen.getByRole("button", {
+    const downloadSchemaButton = screen.getByRole('button', {
       name: /download schema/i,
     });
 
@@ -282,25 +258,19 @@ describe("Dashboard", () => {
 
     await waitForLoadingToFinish();
 
-    const deleteButton = screen.getByRole("button", { name: /delete schema/i });
+    const deleteButton = screen.getByRole('button', { name: /delete schema/i });
     expect(deleteButton).toBeInTheDocument();
 
     await waitFor(() => user.click(deleteButton));
 
-    const modal = screen.getByRole("presentation");
+    const modal = screen.getByRole('presentation');
     expect(modal).toBeInTheDocument();
     expect(modal).toHaveTextContent(/delete form/i);
-    expect(modal).toHaveTextContent(
-      /are you sure you want to delete this form?/i
-    );
-    expect(screen.getByRole("button", { name: /cancel/i })).toBeInTheDocument();
-    expect(
-      screen.getByRole("button", { name: /danger delete/i })
-    ).toBeInTheDocument();
-
-    await waitFor(() =>
-      user.click(screen.getByRole("button", { name: /danger delete/i }))
-    );
+    expect(modal).toHaveTextContent(/are you sure you want to delete this form?/i);
+    expect(screen.getByRole('button', { name: /cancel/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /danger delete/i })).toBeInTheDocument();
+
+    await waitFor(() => user.click(screen.getByRole('button', { name: /danger delete/i })));
   });
 });
 
diff --git a/src/components/empty-state/empty-data-illustration.component.tsx b/src/components/empty-state/empty-data-illustration.component.tsx
index 56a83eb..e594a32 100644
--- a/src/components/empty-state/empty-data-illustration.component.tsx
+++ b/src/components/empty-state/empty-data-illustration.component.tsx
@@ -1,6 +1,6 @@
-import React from "react";
+import React from 'react';
 
-export const EmptyDataIllustration = ({ width = "64", height = "64" }) => {
+export const EmptyDataIllustration = ({ width = '64', height = '64' }) => {
   return (
     <svg width={width} height={height} viewBox="0 0 64 64">
       <title>Empty data illustration</title>
@@ -18,13 +18,7 @@ export const EmptyDataIllustration = ({ width = "64", height = "64" }) => {
           fill="#C6C6C6"
         />
         <circle fill="#C6C6C6" cx={17.636} cy={2.314} r={1.855} />
-        <circle
-          fill="#FFF"
-          fillRule="nonzero"
-          cx={17.636}
-          cy={2.314}
-          r={1.175}
-        />
+        <circle fill="#FFF" fillRule="nonzero" cx={17.636} cy={2.314} r={1.175} />
         <path
           d="M55.893 53.995H24.544a.79.79 0 01-.788-.789V15.644a.79.79 0 01.788-.788h31.349a.79.79 0 01.788.788v37.562a.79.79 0 01-.788.789z"
           fill="#F4F4F4"
@@ -38,13 +32,7 @@ export const EmptyDataIllustration = ({ width = "64", height = "64" }) => {
           fill="#C6C6C6"
         />
         <circle fill="#C6C6C6" cx={40.218} cy={9.755} r={1.855} />
-        <circle
-          fill="#FFF"
-          fillRule="nonzero"
-          cx={40.218}
-          cy={9.755}
-          r={1.13}
-        />
+        <circle fill="#FFF" fillRule="nonzero" cx={40.218} cy={9.755} r={1.13} />
       </g>
     </svg>
   );
diff --git a/src/components/empty-state/empty-state.component.tsx b/src/components/empty-state/empty-state.component.tsx
index 50ca166..e18f12f 100644
--- a/src/components/empty-state/empty-state.component.tsx
+++ b/src/components/empty-state/empty-state.component.tsx
@@ -1,27 +1,23 @@
-import React from "react";
-import { Layer, Link, Tile } from "@carbon/react";
-import { useTranslation } from "react-i18next";
-import { navigate, useLayoutType } from "@openmrs/esm-framework";
+import React from 'react';
+import { Layer, Link, Tile } from '@carbon/react';
+import { useTranslation } from 'react-i18next';
+import { navigate, useLayoutType } from '@openmrs/esm-framework';
 
-import { EmptyDataIllustration } from "./empty-data-illustration.component";
-import styles from "./empty-state.scss";
+import { EmptyDataIllustration } from './empty-data-illustration.component';
+import styles from './empty-state.scss';
 
 function EmptyState() {
   const { t } = useTranslation();
-  const isTablet = useLayoutType() === "tablet";
+  const isTablet = useLayoutType() === 'tablet';
 
   return (
     <Layer>
       <Tile className={styles.tile}>
-        <div
-          className={isTablet ? styles.tabletHeading : styles.desktopHeading}
-        >
-          <h4>{t("forms", "Forms")}</h4>
+        <div className={isTablet ? styles.tabletHeading : styles.desktopHeading}>
+          <h4>{t('forms', 'Forms')}</h4>
         </div>
         <EmptyDataIllustration />
-        <p className={styles.content}>
-          {t("noFormsToDisplay", "There are no forms to display.")}
-        </p>
+        <p className={styles.content}>{t('noFormsToDisplay', 'There are no forms to display.')}</p>
         <p className={styles.action}>
           <Link
             onClick={() =>
@@ -30,7 +26,7 @@ function EmptyState() {
               })
             }
           >
-            {t("createNewForm", "Create a new form")}
+            {t('createNewForm', 'Create a new form')}
           </Link>
         </p>
       </Tile>
diff --git a/src/components/error-state/error-state.component.tsx b/src/components/error-state/error-state.component.tsx
index 3a4cf09..ea10793 100644
--- a/src/components/error-state/error-state.component.tsx
+++ b/src/components/error-state/error-state.component.tsx
@@ -1,8 +1,8 @@
-import React from "react";
-import { Layer, Tile } from "@carbon/react";
-import { useTranslation } from "react-i18next";
-import { useLayoutType } from "@openmrs/esm-framework";
-import styles from "./error-state.scss";
+import React from 'react';
+import { Layer, Tile } from '@carbon/react';
+import { useTranslation } from 'react-i18next';
+import { useLayoutType } from '@openmrs/esm-framework';
+import styles from './error-state.scss';
 
 interface ErrorStateProps {
   error: Error;
@@ -10,23 +10,21 @@ interface ErrorStateProps {
 
 const ErrorState: React.FC<ErrorStateProps> = ({ error }) => {
   const { t } = useTranslation();
-  const isTablet = useLayoutType() === "tablet";
+  const isTablet = useLayoutType() === 'tablet';
 
   return (
     <Layer>
       <Tile className={styles.tile}>
-        <div
-          className={isTablet ? styles.tabletHeading : styles.desktopHeading}
-        >
-          <h4>{t("forms", "Forms")}</h4>
+        <div className={isTablet ? styles.tabletHeading : styles.desktopHeading}>
+          <h4>{t('forms', 'Forms')}</h4>
         </div>
         <p className={styles.errorMessage}>
-          {t("error", "Error")}: {error?.message}
+          {t('error', 'Error')}: {error?.message}
         </p>
         <p className={styles.errorCopy}>
           {t(
-            "errorCopy",
-            "Sorry, there was a problem displaying this information. You can try to reload this page, or contact the site administrator and quote the error code above."
+            'errorCopy',
+            'Sorry, there was a problem displaying this information. You can try to reload this page, or contact the site administrator and quote the error code above.',
           )}
         </p>
       </Tile>
diff --git a/src/components/form-editor/form-editor.component.tsx b/src/components/form-editor/form-editor.component.tsx
index 0881436..b197970 100644
--- a/src/components/form-editor/form-editor.component.tsx
+++ b/src/components/form-editor/form-editor.component.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import {
   Button,
   Column,
@@ -16,33 +16,33 @@ import {
   TabList,
   TabPanels,
   TabPanel,
-} from "@carbon/react";
-import { Download } from "@carbon/react/icons";
-import { useParams } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-import { ExtensionSlot } from "@openmrs/esm-framework";
-import type { OHRIFormSchema } from "@openmrs/openmrs-form-engine-lib";
-import type { Schema, RouteParams } from "../../types";
-import { useClobdata } from "../../hooks/useClobdata";
-import { useForm } from "../../hooks/useForm";
-import ActionButtons from "../action-buttons/action-buttons.component";
-import FormRenderer from "../form-renderer/form-renderer.component";
-import InteractiveBuilder from "../interactive-builder/interactive-builder.component";
-import SchemaEditor from "../schema-editor/schema-editor.component";
-import styles from "./form-editor.scss";
+} from '@carbon/react';
+import { Download } from '@carbon/react/icons';
+import { useParams } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import { ExtensionSlot } from '@openmrs/esm-framework';
+import type { OHRIFormSchema } from '@openmrs/openmrs-form-engine-lib';
+import type { Schema } from '../../types';
+import { useClobdata } from '../../hooks/useClobdata';
+import { useForm } from '../../hooks/useForm';
+import ActionButtons from '../action-buttons/action-buttons.component';
+import FormRenderer from '../form-renderer/form-renderer.component';
+import InteractiveBuilder from '../interactive-builder/interactive-builder.component';
+import SchemaEditor from '../schema-editor/schema-editor.component';
+import styles from './form-editor.scss';
 
-type ErrorProps = {
+interface ErrorProps {
   error: Error;
   title: string;
-};
+}
 
-type Status = "idle" | "formLoaded" | "schemaLoaded";
+type Status = 'idle' | 'formLoaded' | 'schemaLoaded';
 
-const Error = ({ error, title }: ErrorProps) => {
+const ErrorNotification = ({ error, title }: ErrorProps) => {
   return (
     <InlineNotification
       className={styles.errorNotification}
-      kind={"error"}
+      kind={'error'}
       lowContrast
       subtitle={error?.message}
       title={title}
@@ -52,49 +52,34 @@ const Error = ({ error, title }: ErrorProps) => {
 
 const FormEditor: React.FC = () => {
   const { t } = useTranslation();
-  const { formUuid } = useParams<RouteParams>();
+  const { formUuid } = useParams<{ formUuid: string }>();
   const isNewSchema = !formUuid;
   const [schema, setSchema] = useState<Schema>();
   const [showDraftSchemaModal, setShowDraftSchemaModal] = useState(false);
   const { form, formError, isLoadingForm } = useForm(formUuid);
   const { clobdata, clobdataError, isLoadingClobdata } = useClobdata(form);
-  const [status, setStatus] = useState<Status>("idle");
-  const [stringifiedSchema, setStringifiedSchema] = useState(
-    schema ? JSON.stringify(schema, null, 2) : ""
-  );
-  const [copied, setCopied] = useState(false);
+  const [status, setStatus] = useState<Status>('idle');
+  const [stringifiedSchema, setStringifiedSchema] = useState(schema ? JSON.stringify(schema, null, 2) : '');
 
-  const isLoadingFormOrSchema =
-    formUuid && (isLoadingClobdata || isLoadingForm);
+  const isLoadingFormOrSchema = Boolean(formUuid) && (isLoadingClobdata || isLoadingForm);
 
   useEffect(() => {
     if (formUuid) {
       if (form && Object.keys(form).length > 0) {
-        setStatus("formLoaded");
+        setStatus('formLoaded');
       }
 
-      if (
-        status === "formLoaded" &&
-        !isLoadingClobdata &&
-        clobdata === undefined
-      ) {
+      if (status === 'formLoaded' && !isLoadingClobdata && clobdata === undefined) {
         setShowDraftSchemaModal(true);
       }
 
       if (clobdata && Object.keys(clobdata).length > 0) {
-        setStatus("schemaLoaded");
+        setStatus('schemaLoaded');
         setSchema(clobdata);
-        localStorage.setItem("formJSON", JSON.stringify(clobdata));
+        localStorage.setItem('formJSON', JSON.stringify(clobdata));
       }
     }
-  }, [
-    clobdata,
-    form,
-    formUuid,
-    isLoadingClobdata,
-    isLoadingFormOrSchema,
-    status,
-  ]);
+  }, [clobdata, form, formUuid, isLoadingClobdata, isLoadingFormOrSchema, status]);
 
   useEffect(() => {
     setStringifiedSchema(JSON.stringify(schema, null, 2));
@@ -102,76 +87,82 @@ const FormEditor: React.FC = () => {
 
   const handleLoadDraftSchema = useCallback(() => {
     setShowDraftSchemaModal(false);
-    const draftSchema = localStorage.getItem("formJSON");
-    setSchema(JSON.parse(draftSchema));
+
+    try {
+      const draftSchema = localStorage.getItem('formJSON');
+      if (draftSchema) {
+        setSchema(JSON.parse(draftSchema) as Schema);
+      }
+    } catch (e) {
+      console.error('Error fetching draft schema from localStorage: ', e?.message);
+    }
   }, []);
 
   const handleSchemaChange = useCallback((updatedSchema: string) => {
     setStringifiedSchema(updatedSchema);
   }, []);
 
-  const updateSchema = useCallback((updatedSchema) => {
+  const updateSchema = useCallback((updatedSchema: Schema) => {
     setSchema(updatedSchema);
-    localStorage.setItem("formJSON", JSON.stringify(updatedSchema));
+    localStorage.setItem('formJSON', JSON.stringify(updatedSchema));
   }, []);
 
   const inputDummySchema = useCallback(() => {
     const dummySchema: OHRIFormSchema = {
-      encounterType: "",
-      name: "Sample Form",
-      processor: "EncounterFormProcessor",
+      encounterType: '',
+      name: 'Sample Form',
+      processor: 'EncounterFormProcessor',
       referencedForms: [],
-      uuid: "",
-      version: "1.0",
+      uuid: '',
+      version: '1.0',
       pages: [
         {
-          label: "First Page",
+          label: 'First Page',
           sections: [
             {
-              label: "A Section",
-              isExpanded: "true",
+              label: 'A Section',
+              isExpanded: 'true',
               questions: [
                 {
-                  label: "A Question of type obs that renders a text input",
-                  type: "obs",
+                  id: 'sampleQuestion',
+                  label: 'A Question of type obs that renders a text input',
+                  type: 'obs',
                   questionOptions: {
-                    rendering: "text",
-                    concept: "a-system-defined-concept-uuid",
+                    rendering: 'text',
+                    concept: 'a-system-defined-concept-uuid',
                   },
-                  id: "sampleQuestion",
                 },
               ],
             },
             {
-              label: "Another Section",
-              isExpanded: "true",
+              label: 'Another Section',
+              isExpanded: 'true',
               questions: [
                 {
-                  label:
-                    "Another Question of type obs whose answers get rendered as radio inputs",
-                  type: "obs",
+                  id: 'anotherSampleQuestion',
+                  label: 'Another Question of type obs whose answers get rendered as radio inputs',
+                  type: 'obs',
                   questionOptions: {
-                    rendering: "radio",
-                    concept: "system-defined-concept-uuid",
+                    rendering: 'radio',
+                    concept: 'system-defined-concept-uuid',
                     answers: [
                       {
-                        concept: "another-system-defined-concept-uuid",
-                        label: "Choice 1",
+                        concept: 'another-system-defined-concept-uuid',
+                        label: 'Choice 1',
                         conceptMappings: [],
                       },
                       {
-                        concept: "yet-another-system-defined-concept-uuid",
-                        label: "Choice 2",
+                        concept: 'yet-another-system-defined-concept-uuid',
+                        label: 'Choice 2',
                         conceptMappings: [],
                       },
                       {
-                        concept: "yet-one-more-system-defined-concept-uuid",
-                        label: "Choice 3",
+                        concept: 'yet-one-more-system-defined-concept-uuid',
+                        label: 'Choice 3',
                         conceptMappings: [],
                       },
                     ],
                   },
-                  id: "anotherSampleQuestion",
                 },
               ],
             },
@@ -184,10 +175,10 @@ const FormEditor: React.FC = () => {
     updateSchema({ ...dummySchema });
   }, [updateSchema]);
 
-  const [invalidJsonErrorMessage, setInvalidJsonErrorMessage] = useState("");
+  const [invalidJsonErrorMessage, setInvalidJsonErrorMessage] = useState('');
 
   const resetErrorMessage = useCallback(() => {
-    setInvalidJsonErrorMessage("");
+    setInvalidJsonErrorMessage('');
   }, []);
 
   const renderSchemaChanges = useCallback(() => {
@@ -197,8 +188,10 @@ const FormEditor: React.FC = () => {
       const parsedJson: Schema = JSON.parse(stringifiedSchema);
       updateSchema(parsedJson);
       setStringifiedSchema(JSON.stringify(parsedJson, null, 2));
-    } catch (error) {
-      setInvalidJsonErrorMessage(error.message);
+    } catch (e) {
+      if (e instanceof Error) {
+        setInvalidJsonErrorMessage(e.message);
+      }
     }
   }, [stringifiedSchema, updateSchema, resetErrorMessage]);
 
@@ -209,26 +202,23 @@ const FormEditor: React.FC = () => {
         onClose={() => setShowDraftSchemaModal(false)}
         preventCloseOnClickOutside
       >
-        <ModalHeader title={t("schemaNotFound", "Schema not found")} />
-        <Form onSubmit={(event) => event.preventDefault()}>
+        <ModalHeader title={t('schemaNotFound', 'Schema not found')} />
+        <Form onSubmit={(event: React.SyntheticEvent) => event.preventDefault()}>
           <ModalBody>
             <p>
               {t(
-                "schemaNotFoundText",
-                "The schema originally associated with this form could not be found. A draft schema was found saved in your browser's local storage. Would you like to load it instead?"
+                'schemaNotFoundText',
+                "The schema originally associated with this form could not be found. A draft schema was found saved in your browser's local storage. Would you like to load it instead?",
               )}
             </p>
           </ModalBody>
         </Form>
         <ModalFooter>
-          <Button
-            onClick={() => setShowDraftSchemaModal(false)}
-            kind="secondary"
-          >
-            {t("cancel", "Cancel")}
+          <Button onClick={() => setShowDraftSchemaModal(false)} kind="secondary">
+            {t('cancel', 'Cancel')}
           </Button>
           <Button onClick={handleLoadDraftSchema}>
-            <span>{t("loadDraft", "Load draft")}</span>
+            <span>{t('loadDraft', 'Load draft')}</span>
           </Button>
         </ModalFooter>
       </ComposedModal>
@@ -238,14 +228,13 @@ const FormEditor: React.FC = () => {
   const downloadableSchema = useMemo(
     () =>
       new Blob([JSON.stringify(schema, null, 2)], {
-        type: "application/json",
+        type: 'application/json',
       }),
-    [schema]
+    [schema],
   );
 
-  const handleCopySchema = useCallback(() => {
-    navigator.clipboard.writeText(stringifiedSchema);
-    setCopied(true);
+  const handleCopySchema = useCallback(async () => {
+    await navigator.clipboard.writeText(stringifiedSchema);
   }, [stringifiedSchema]);
 
   return (
@@ -259,45 +248,38 @@ const FormEditor: React.FC = () => {
           <Column lg={8} md={8} className={styles.column}>
             <div className={styles.actionButtons}>
               {isLoadingFormOrSchema ? (
-                <InlineLoading
-                  description={t("loadingSchema", "Loading schema") + "..."}
-                />
+                <InlineLoading description={t('loadingSchema', 'Loading schema') + '...'} />
               ) : null}
 
               {isNewSchema && !schema ? (
                 <Button kind="ghost" onClick={inputDummySchema}>
-                  {t("inputDummySchema", "Input dummy schema")}
+                  {t('inputDummySchema', 'Input dummy schema')}
                 </Button>
               ) : null}
 
               <Button kind="ghost" onClick={renderSchemaChanges}>
-                <span>{t("renderChanges", "Render changes")}</span>
+                <span>{t('renderChanges', 'Render changes')}</span>
               </Button>
             </div>
             <div>
               <div className={styles.heading}>
-                <span className={styles.tabHeading}>
-                  {t("schemaEditor", "Schema editor")}
-                </span>
+                <span className={styles.tabHeading}>{t('schemaEditor', 'Schema editor')}</span>
                 {schema ? (
                   <>
                     <CopyButton
                       align="top"
                       className="cds--btn--md"
                       enterDelayMs={300}
-                      iconDescription={t("copySchema", "Copy schema")}
+                      iconDescription={t('copySchema', 'Copy schema')}
                       kind="ghost"
                       onClick={handleCopySchema}
                     />
-                    <a
-                      download={`${form?.name}.json`}
-                      href={window.URL.createObjectURL(downloadableSchema)}
-                    >
+                    <a download={`${form?.name}.json`} href={window.URL.createObjectURL(downloadableSchema)}>
                       <Button
                         enterDelayMs={300}
                         renderIcon={Download}
-                        kind={"ghost"}
-                        iconDescription={t("downloadSchema", "Download schema")}
+                        kind={'ghost'}
+                        iconDescription={t('downloadSchema', 'Download schema')}
                         hasIconOnly
                         size="md"
                         tooltipAlignment="start"
@@ -307,16 +289,10 @@ const FormEditor: React.FC = () => {
                 ) : null}
               </div>
               {formError ? (
-                <Error
-                  error={formError}
-                  title={t("formError", "Error loading form metadata")}
-                />
+                <ErrorNotification error={formError} title={t('formError', 'Error loading form metadata')} />
               ) : null}
               {clobdataError ? (
-                <Error
-                  error={clobdataError}
-                  title={t("schemaLoadError", "Error loading schema")}
-                />
+                <ErrorNotification error={clobdataError} title={t('schemaLoadError', 'Error loading schema')} />
               ) : null}
               <div className={styles.editorContainer}>
                 <SchemaEditor
@@ -332,22 +308,15 @@ const FormEditor: React.FC = () => {
             <ActionButtons schema={schema} t={t} />
             <Tabs>
               <TabList aria-label="Form previews">
-                <Tab>{t("preview", "Preview")}</Tab>
-                <Tab>{t("interactiveBuilder", "Interactive Builder")}</Tab>
+                <Tab>{t('preview', 'Preview')}</Tab>
+                <Tab>{t('interactiveBuilder', 'Interactive Builder')}</Tab>
               </TabList>
               <TabPanels>
                 <TabPanel>
-                  <FormRenderer
-                    schema={schema}
-                    isLoading={isLoadingFormOrSchema}
-                  />
+                  <FormRenderer schema={schema} isLoading={isLoadingFormOrSchema} />
                 </TabPanel>
                 <TabPanel>
-                  <InteractiveBuilder
-                    schema={schema}
-                    onSchemaChange={updateSchema}
-                    isLoading={isLoadingFormOrSchema}
-                  />
+                  <InteractiveBuilder schema={schema} onSchemaChange={updateSchema} isLoading={isLoadingFormOrSchema} />
                 </TabPanel>
               </TabPanels>
             </Tabs>
diff --git a/src/components/form-renderer/form-renderer.component.tsx b/src/components/form-renderer/form-renderer.component.tsx
index 64f3082..158e5c9 100644
--- a/src/components/form-renderer/form-renderer.component.tsx
+++ b/src/components/form-renderer/form-renderer.component.tsx
@@ -1,56 +1,55 @@
-import React, { useEffect, useState } from "react";
-import { ErrorBoundary } from "react-error-boundary";
-import { useTranslation } from "react-i18next";
-import { Button, InlineLoading, Tile } from "@carbon/react";
-import { OHRIFormSchema, OHRIForm } from "@openmrs/openmrs-form-engine-lib";
-import styles from "./form-renderer.scss";
+import React, { useEffect, useState } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import { useTranslation } from 'react-i18next';
+import { Button, InlineLoading, Tile } from '@carbon/react';
+import { type OHRIFormSchema, OHRIForm } from '@openmrs/openmrs-form-engine-lib';
+import styles from './form-renderer.scss';
 
-type ErrorFallbackProps = {
+interface ErrorFallbackProps {
   error: Error;
   resetErrorBoundary: () => void;
-};
+}
 
-type FormRendererProps = {
+interface FormRendererProps {
   isLoading: boolean;
   onSchemaChange?: (schema: OHRIFormSchema) => void;
   schema: OHRIFormSchema;
-};
+}
 
 const FormRenderer: React.FC<FormRendererProps> = ({ isLoading, schema }) => {
   const { t } = useTranslation();
 
   const dummySchema: OHRIFormSchema = {
-    encounterType: "",
-    name: "Test Form",
+    encounterType: '',
+    name: 'Test Form',
     pages: [
       {
-        label: "Test Page",
+        label: 'Test Page',
         sections: [
           {
-            label: "Test Section",
-            isExpanded: "true",
+            label: 'Test Section',
+            isExpanded: 'true',
             questions: [
               {
-                label: "Test Question",
-                type: "obs",
+                label: 'Test Question',
+                type: 'obs',
                 questionOptions: {
-                  rendering: "text",
-                  concept: "xxxx",
+                  rendering: 'text',
+                  concept: 'xxxx',
                 },
-                id: "testQuestion",
+                id: 'testQuestion',
               },
             ],
           },
         ],
       },
     ],
-    processor: "EncounterFormProcessor",
+    processor: 'EncounterFormProcessor',
     referencedForms: [],
-    uuid: "xxx",
+    uuid: 'xxx',
   };
 
-  const [schemaToRender, setSchemaToRender] =
-    useState<OHRIFormSchema>(dummySchema);
+  const [schemaToRender, setSchemaToRender] = useState<OHRIFormSchema>(dummySchema);
 
   useEffect(() => {
     if (schema) {
@@ -61,10 +60,7 @@ const FormRenderer: React.FC<FormRendererProps> = ({ isLoading, schema }) => {
   if (isLoading) {
     return (
       <div className={styles.loadingContainer}>
-        <InlineLoading
-          className={styles.loader}
-          description={t("loading", "Loading") + "..."}
-        />
+        <InlineLoading className={styles.loader} description={t('loading', 'Loading') + '...'} />
       </div>
     );
   }
@@ -73,20 +69,18 @@ const FormRenderer: React.FC<FormRendererProps> = ({ isLoading, schema }) => {
     <div className={styles.container}>
       {!schema && (
         <Tile className={styles.emptyStateTile}>
-          <h4 className={styles.heading}>
-            {t("noSchemaLoaded", "No schema loaded")}
-          </h4>
+          <h4 className={styles.heading}>{t('noSchemaLoaded', 'No schema loaded')}</h4>
           <p className={styles.helperText}>
             {t(
-              "formRendererHelperText",
-              "Load a form schema in the Schema Editor to the left to see it rendered here by the Form Engine."
+              'formRendererHelperText',
+              'Load a form schema in the Schema Editor to the left to see it rendered here by the Form Engine.',
             )}
           </p>
         </Tile>
       )}
       {schema === schemaToRender && (
         <ErrorBoundary FallbackComponent={ErrorFallback}>
-          <OHRIForm formJson={schemaToRender} mode={"enter"} patientUUID={""} />
+          <OHRIForm formJson={schemaToRender} mode={'enter'} patientUUID={''} />
         </ErrorBoundary>
       )}
     </div>
@@ -97,17 +91,12 @@ function ErrorFallback({ error, resetErrorBoundary }: ErrorFallbackProps) {
   const { t } = useTranslation();
   return (
     <Tile className={styles.errorStateTile}>
-      <h4 className={styles.heading}>
-        {t(
-          "problemLoadingPreview",
-          "There was a problem loading the schema preview"
-        )}
-      </h4>
+      <h4 className={styles.heading}>{t('problemLoadingPreview', 'There was a problem loading the form preview')}</h4>
       <p className={styles.helperText}>
         <pre>{error.message}</pre>
       </p>
       <Button kind="primary" onClick={resetErrorBoundary}>
-        {t("tryAgain", "Try again")}
+        {t('tryAgain', 'Try again')}
       </Button>
     </Tile>
   );
diff --git a/src/components/interactive-builder/add-question-modal.component.tsx b/src/components/interactive-builder/add-question-modal.component.tsx
index 4e9b0f4..e7062e7 100644
--- a/src/components/interactive-builder/add-question-modal.component.tsx
+++ b/src/components/interactive-builder/add-question-modal.component.tsx
@@ -1,5 +1,6 @@
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import flattenDeep from 'lodash-es/flattenDeep';
 import {
   Button,
   ComposedModal,
@@ -21,23 +22,16 @@ import {
   Tag,
   TextInput,
   Tile,
-} from "@carbon/react";
-import { ArrowUpRight } from "@carbon/react/icons";
-import flattenDeep from "lodash-es/flattenDeep";
-import { showNotification, showToast, useConfig } from "@openmrs/esm-framework";
-import { RenderType } from "@openmrs/openmrs-form-engine-lib";
+} from '@carbon/react';
+import { ArrowUpRight } from '@carbon/react/icons';
+import { showNotification, showToast, useConfig } from '@openmrs/esm-framework';
+import type { RenderType } from '@openmrs/openmrs-form-engine-lib';
 
-import type {
-  Answer,
-  Concept,
-  ConceptMapping,
-  Question,
-  Schema,
-} from "../../types";
-import { useConceptLookup } from "../../hooks/useConceptLookup";
-import styles from "./question-modal.scss";
+import type { Answer, Concept, ConceptMapping, Question, Schema } from '../../types';
+import { useConceptLookup } from '../../hooks/useConceptLookup';
+import styles from './question-modal.scss';
 
-type AddQuestionModalProps = {
+interface AddQuestionModalProps {
   onModalChange: (showModal: boolean) => void;
   onQuestionEdit: (question: Question) => void;
   onSchemaChange: (schema: Schema) => void;
@@ -47,7 +41,16 @@ type AddQuestionModalProps = {
   schema: Schema;
   sectionIndex: number;
   showModal: boolean;
-};
+}
+
+interface Config {
+  fieldTypes: Array<RenderType>;
+  questionTypes: Array<string>;
+}
+
+interface Item {
+  text: string;
+}
 
 const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
   schema,
@@ -60,43 +63,49 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
   onModalChange,
 }) => {
   const { t } = useTranslation();
-  const { fieldTypes, questionTypes } = useConfig();
-  const [max, setMax] = useState("");
-  const [min, setMin] = useState("");
-  const [questionLabel, setQuestionLabel] = useState("");
-  const [questionType, setQuestionType] = useState("");
+  const { fieldTypes, questionTypes }: Config = useConfig();
+
+  const [answers, setAnswers] = useState<Array<Answer>>([]);
+  const [conceptMappings, setConceptMappings] = useState<Array<ConceptMapping>>([]);
+  const [conceptToLookup, setConceptToLookup] = useState('');
+  const [fieldType, setFieldType] = useState<RenderType | null>(null);
   const [isQuestionRequired, setIsQuestionRequired] = useState(false);
-  const [fieldType, setFieldType] = useState<RenderType>(null);
-  const [questionId, setQuestionId] = useState("");
-  const [answers, setAnswers] = useState<Answer[]>([]);
-  const [selectedConcept, setSelectedConcept] = useState(null);
-  const [conceptMappings, setConceptMappings] = useState<ConceptMapping[]>([]);
-  const [rows, setRows] = useState(2);
-  const [conceptToLookup, setConceptToLookup] = useState("");
-  const [selectedAnswers, setSelectedAnswers] = useState([]);
+  const [max, setMax] = useState('');
+  const [min, setMin] = useState('');
+  const [questionId, setQuestionId] = useState('');
+  const [questionLabel, setQuestionLabel] = useState('');
+  const [questionType, setQuestionType] = useState<string | null>(null);
+  const [rows, setRows] = useState('');
+  const [selectedConcept, setSelectedConcept] = useState<Concept | null>(null);
+  const [selectedAnswers, setSelectedAnswers] = useState<
+    Array<{
+      id: string;
+      text: string;
+    }>
+  >([]);
+
   const { concepts, isLoadingConcepts } = useConceptLookup(conceptToLookup);
 
-  const handleConceptChange = (event: React.ChangeEvent<HTMLInputElement>) =>
-    setConceptToLookup(event.target.value);
+  const handleConceptChange = (event: React.ChangeEvent<HTMLInputElement>) => setConceptToLookup(event.target.value);
 
   const handleConceptSelect = (concept: Concept) => {
-    setConceptToLookup("");
+    setConceptToLookup('');
     setSelectedConcept(concept);
     setAnswers(
       concept?.answers?.map((answer) => ({
         concept: answer?.uuid,
         label: answer?.display,
-      }))
+      })),
     );
     setConceptMappings(
       concept?.mappings?.map((conceptMapping) => {
-        const data = conceptMapping.display.split(": ");
+        const data = conceptMapping.display.split(': ');
         return {
           relationship: conceptMapping.conceptMapType.display,
           type: data[0],
           value: data[1],
         };
-      })
+      }),
     );
   };
 
@@ -109,7 +118,7 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
       });
     });
 
-    const questionIds = flattenDeep(nestedIds);
+    const questionIds: Array<string> = flattenDeep(nestedIds);
 
     return questionIds.includes(idToTest);
   };
@@ -121,9 +130,7 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
 
   const createQuestion = () => {
     try {
-      const computedQuestionId = `question${questionIndex + 1}Section${
-        sectionIndex + 1
-      }Page-${pageIndex + 1}`;
+      const computedQuestionId = `question${questionIndex + 1}Section${sectionIndex + 1}Page-${pageIndex + 1}`;
 
       schema.pages[pageIndex]?.sections?.[sectionIndex]?.questions?.push({
         label: questionLabel,
@@ -132,9 +139,9 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
         id: questionId ?? computedQuestionId,
         questionOptions: {
           rendering: fieldType,
-          concept: selectedConcept.uuid,
+          concept: selectedConcept?.uuid,
           conceptMappings: conceptMappings,
-          answers: selectedAnswers.map((answer) => ({
+          answers: selectedAnswers?.map((answer) => ({
             concept: answer.id,
             label: answer.text,
           })),
@@ -145,8 +152,8 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
       onSchemaChange({ ...schema });
 
       resetIndices();
-      setQuestionLabel("");
-      setQuestionId("");
+      setQuestionLabel('');
+      setQuestionId('');
       setIsQuestionRequired(false);
       setQuestionType(null);
       setFieldType(null);
@@ -156,62 +163,51 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
       setSelectedAnswers([]);
 
       showToast({
-        title: t("success", "Success!"),
-        kind: "success",
+        title: t('success', 'Success!'),
+        kind: 'success',
         critical: true,
-        description: t("questionCreated", "New question created"),
+        description: t('questionCreated', 'New question created'),
       });
     } catch (error) {
-      showNotification({
-        title: t("errorCreatingQuestion", "Error creating question"),
-        kind: "error",
-        critical: true,
-        description: error?.message,
-      });
+      if (error instanceof Error) {
+        showNotification({
+          title: t('errorCreatingQuestion', 'Error creating question'),
+          kind: 'error',
+          critical: true,
+          description: error?.message,
+        });
+      }
     }
   };
 
   return (
-    <ComposedModal
-      open={showModal}
-      onClose={() => onModalChange(false)}
-      preventCloseOnClickOutside
-    >
-      <ModalHeader title={t("createNewQuestion", "Create a new question")} />
-      <Form
-        className={styles.form}
-        onSubmit={(event) => event.preventDefault()}
-      >
+    <ComposedModal open={showModal} onClose={() => onModalChange(false)} preventCloseOnClickOutside>
+      <ModalHeader title={t('createNewQuestion', 'Create a new question')} />
+      <Form className={styles.form} onSubmit={(event: React.SyntheticEvent) => event.preventDefault()}>
         <ModalBody hasScrollingContent>
-          <FormGroup legendText={""}>
+          <FormGroup legendText={''}>
             <Stack gap={5}>
               <TextInput
                 id="questionLabel"
-                labelText={t("questionLabel", "Label")}
-                placeholder={t("labelPlaceholder", "e.g. Type of Anaesthesia")}
+                labelText={t('questionLabel', 'Label')}
+                placeholder={t('labelPlaceholder', 'e.g. Type of Anaesthesia')}
                 value={questionLabel}
-                onChange={(event) => setQuestionLabel(event.target.value)}
+                onChange={(event: React.ChangeEvent<HTMLInputElement>) => setQuestionLabel(event.target.value)}
                 required
               />
 
               <TextInput
                 id="questionId"
                 invalid={questionIdExists(questionId)}
-                invalidText={t(
-                  "questionIdExists",
-                  "This question ID already exists in your schema"
-                )}
-                labelText={t(
-                  "questionId",
-                  "Question ID (prefer using camel-case for IDs)"
-                )}
+                invalidText={t('questionIdExists', 'This question ID already exists in your schema')}
+                labelText={t('questionId', 'Question ID (prefer using camel-case for IDs)')}
                 value={questionId}
-                onChange={(event) => {
+                onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
                   setQuestionId(event.target.value);
                 }}
                 placeholder={t(
-                  "questionIdPlaceholder",
-                  'Enter a unique ID e.g. "anaesthesiaType" for a question asking about the type of anaesthesia.'
+                  'questionIdPlaceholder',
+                  'Enter a unique ID e.g. "anaesthesiaType" for a question asking about the type of anaesthesia.',
                 )}
                 required
               />
@@ -220,21 +216,21 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
                 defaultSelected="optional"
                 name="isQuestionRequired"
                 legendText={t(
-                  "isQuestionRequiredOrOptional",
-                  "Is this question a required or optional field? Required fields must be answered before the form can be submitted."
+                  'isQuestionRequiredOrOptional',
+                  'Is this question a required or optional field? Required fields must be answered before the form can be submitted.',
                 )}
               >
                 <RadioButton
                   id="questionIsNotRequired"
                   defaultChecked={true}
-                  labelText={t("optional", "Optional")}
+                  labelText={t('optional', 'Optional')}
                   onClick={() => setIsQuestionRequired(false)}
                   value="optional"
                 />
                 <RadioButton
                   id="questionIsRequired"
                   defaultChecked={false}
-                  labelText={t("required", "Required")}
+                  labelText={t('required', 'Required')}
                   onClick={() => setIsQuestionRequired(true)}
                   value="required"
                 />
@@ -242,93 +238,72 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
 
               <Select
                 value={questionType}
-                onChange={(event) => setQuestionType(event.target.value)}
+                onChange={(event: React.ChangeEvent<HTMLSelectElement>) => setQuestionType(event.target.value)}
                 id="questionType"
-                invalidText={t("typeRequired", "Type is required")}
-                labelText={t("questionType", "Question type")}
+                invalidText={t('typeRequired', 'Type is required')}
+                labelText={t('questionType', 'Question type')}
                 required
               >
-                {!questionType && (
-                  <SelectItem
-                    text={t("chooseQuestionType", "Choose a question type")}
-                    value=""
-                  />
-                )}
+                {!questionType && <SelectItem text={t('chooseQuestionType', 'Choose a question type')} value="" />}
                 {questionTypes.map((questionType, key) => (
-                  <SelectItem
-                    text={questionType}
-                    value={questionType}
-                    key={key}
-                  />
+                  <SelectItem text={questionType} value={questionType} key={key} />
                 ))}
               </Select>
 
               <Select
                 value={fieldType}
-                onChange={(event) => setFieldType(event.target.value)}
+                onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>
+                  setFieldType(event.target.value as RenderType)
+                }
                 id="renderingType"
-                invalidText={t(
-                  "validFieldTypeRequired",
-                  "A valid field type value is required"
-                )}
-                labelText={t("fieldType", "Field type")}
+                invalidText={t('validFieldTypeRequired', 'A valid field type value is required')}
+                labelText={t('fieldType', 'Field type')}
                 required
               >
-                {!fieldType && (
-                  <SelectItem
-                    text={t("chooseFieldType", "Choose a field type")}
-                    value=""
-                  />
-                )}
+                {!fieldType && <SelectItem text={t('chooseFieldType', 'Choose a field type')} value="" />}
                 {fieldTypes.map((fieldType, key) => (
                   <SelectItem text={fieldType} value={fieldType} key={key} />
                 ))}
               </Select>
 
-              {fieldType === "number" ? (
+              {fieldType === 'number' ? (
                 <>
                   <TextInput
                     id="min"
                     labelText="Min"
-                    value={min || ""}
-                    onChange={(event) => setMin(event.target.value)}
+                    value={min || ''}
+                    onChange={(event: React.ChangeEvent<HTMLInputElement>) => setMin(event.target.value)}
                     required
                   />
                   <TextInput
                     id="max"
                     labelText="Max"
-                    value={max || ""}
-                    onChange={(event) => setMax(event.target.value)}
+                    value={max || ''}
+                    onChange={(event: React.ChangeEvent<HTMLInputElement>) => setMax(event.target.value)}
                     required
                   />
                 </>
-              ) : fieldType === "textarea" ? (
+              ) : fieldType === 'textarea' ? (
                 <TextInput
                   id="textAreaRows"
-                  labelText={t("rows", "Rows")}
-                  value={rows || ""}
-                  onChange={(event) => setRows(event.target.value)}
+                  labelText={t('rows', 'Rows')}
+                  value={rows || ''}
+                  onChange={(event: React.ChangeEvent<HTMLInputElement>) => setRows(event.target.value)}
                   required
                 />
               ) : null}
 
-              {fieldType !== "ui-select-extended" && (
+              {fieldType !== 'ui-select-extended' && (
                 <div>
                   <FormLabel className={styles.label}>
-                    {t(
-                      "searchForBackingConcept",
-                      "Search for a backing concept"
-                    )}
+                    {t('searchForBackingConcept', 'Search for a backing concept')}
                   </FormLabel>
                   <Search
                     size="md"
                     id="conceptLookup"
                     onClear={() => setSelectedConcept(null)}
                     onChange={handleConceptChange}
-                    placeholder={t(
-                      "searchConcept",
-                      "Search using a concept name or UUID"
-                    )}
+                    placeholder={t('searchConcept', 'Search using a concept name or UUID')}
                     value={(() => {
                       if (conceptToLookup) {
                         return conceptToLookup;
@@ -336,7 +311,7 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
                       if (selectedConcept) {
                         return selectedConcept.display;
                       }
-                      return "";
+                      return '';
                     })()}
                     required
                   />
@@ -344,12 +319,9 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
                     if (!conceptToLookup) return null;
                     if (isLoadingConcepts)
                       return (
-                        <InlineLoading
-                          className={styles.loader}
-                          description={t("searching", "Searching") + "..."}
-                        />
+                        <InlineLoading className={styles.loader} description={t('searching', 'Searching') + '...'} />
                       );
-                    if (concepts && concepts?.length && !isLoadingConcepts) {
+                    if (concepts?.length && !isLoadingConcepts) {
                       return (
                         <ul className={styles.conceptList}>
                           {concepts?.map((concept, index) => (
@@ -369,30 +341,20 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
                       <Layer>
                         <Tile className={styles.emptyResults}>
                           <span>
-                            {t(
-                              "noMatchingConcepts",
-                              "No concepts were found that match"
-                            )}{" "}
+                            {t('noMatchingConcepts', 'No concepts were found that match')}{' '}
                             <strong>"{conceptToLookup}".</strong>
                           </span>
                         </Tile>
 
                         <div className={styles.oclLauncherBanner}>
-                          {
-                            <p className={styles.bodyShort01}>
-                              {t(
-                                "conceptSearchHelpText",
-                                "Can't find a concept?"
-                              )}
-                            </p>
-                          }
+                          {<p className={styles.bodyShort01}>{t('conceptSearchHelpText', "Can't find a concept?")}</p>}
                           <a
                             className={styles.oclLink}
                             target="_blank"
                             rel="noopener noreferrer"
-                            href={"https://app.openconceptlab.org/"}
+                            href={'https://app.openconceptlab.org/'}
                           >
-                            {t("searchInOCL", "Search in OCL")}
+                            {t('searchInOCL', 'Search in OCL')}
                             <ArrowUpRight size={16} />
                           </a>
                         </div>
@@ -402,17 +364,15 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
                 </div>
               )}
 
-              {conceptMappings && conceptMappings.length ? (
+              {conceptMappings?.length ? (
                 <FormGroup>
-                  <FormLabel className={styles.label}>
-                    {t("mappings", "Mappings")}
-                  </FormLabel>
+                  <FormLabel className={styles.label}>{t('mappings', 'Mappings')}</FormLabel>
                   <table className={styles.tableStriped}>
                     <thead>
                       <tr>
-                        <th>{t("relationship", "Relationship")}</th>
-                        <th>{t("source", "Source")}</th>
-                        <th>{t("code", "Code")}</th>
+                        <th>{t('relationship', 'Relationship')}</th>
+                        <th>{t('source', 'Source')}</th>
+                        <th>{t('code', 'Code')}</th>
                       </tr>
                     </thead>
                     <tbody>
@@ -428,31 +388,33 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
                 </FormGroup>
               ) : null}
 
-              {answers && answers.length ? (
+              {answers?.length ? (
                 <MultiSelect
                   className={styles.multiSelect}
                   direction="top"
                   id="selectAnswers"
-                  itemToString={(item) => item.text}
+                  itemToString={(item: Item) => item.text}
                   items={answers.map((answer) => ({
                     id: answer.concept,
                     text: answer.label,
                   }))}
-                  onChange={({ selectedItems }) =>
-                    setSelectedAnswers(selectedItems.sort())
-                  }
+                  onChange={({
+                    selectedItems,
+                  }: {
+                    selectedItems: Array<{
+                      id: string;
+                      text: string;
+                    }>;
+                  }) => setSelectedAnswers(selectedItems.sort())}
                   size="md"
-                  titleText={t(
-                    "selectAnswersToDisplay",
-                    "Select answers to display"
-                  )}
+                  titleText={t('selectAnswersToDisplay', 'Select answers to display')}
                 />
               ) : null}
 
               {selectedAnswers.length ? (
                 <div>
                   {selectedAnswers.map((answer) => (
-                    <Tag className={styles.tag} key={answer.id} type={"blue"}>
+                    <Tag className={styles.tag} key={answer.id} type={'blue'}>
                       {answer.text}
                     </Tag>
                   ))}
@@ -464,7 +426,7 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
       </Form>
       <ModalFooter>
         <Button onClick={() => onModalChange(false)} kind="secondary">
-          {t("cancel", "Cancel")}
+          {t('cancel', 'Cancel')}
         </Button>
         <Button
           disabled={
@@ -472,11 +434,11 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
             !questionId ||
             questionIdExists(questionId) ||
             !fieldType ||
-            (fieldType !== "ui-select-extended" && !selectedConcept)
+            (fieldType !== 'ui-select-extended' && !selectedConcept)
           }
           onClick={handleCreateQuestion}
         >
-          <span>{t("save", "Save")}</span>
+          <span>{t('save', 'Save')}</span>
         </Button>
       </ModalFooter>
     </ComposedModal>
diff --git a/src/components/interactive-builder/delete-page-modal.component.tsx b/src/components/interactive-builder/delete-page-modal.component.tsx
index 377bc0a..d8dd44a 100644
--- a/src/components/interactive-builder/delete-page-modal.component.tsx
+++ b/src/components/interactive-builder/delete-page-modal.component.tsx
@@ -1,23 +1,17 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import {
-  Button,
-  ComposedModal,
-  ModalBody,
-  ModalFooter,
-  ModalHeader,
-} from "@carbon/react";
-import { showNotification, showToast } from "@openmrs/esm-framework";
-import type { Schema } from "../../types";
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button, ComposedModal, ModalBody, ModalFooter, ModalHeader } from '@carbon/react';
+import { showNotification, showToast } from '@openmrs/esm-framework';
+import type { Schema } from '../../types';
 
-type DeletePageModalProps = {
+interface DeletePageModalProps {
   onModalChange: (showModal: boolean) => void;
   onSchemaChange: (schema: Schema) => void;
   resetIndices: () => void;
   pageIndex: number;
   schema: Schema;
   showModal: boolean;
-};
+}
 
 const DeletePageModal: React.FC<DeletePageModalProps> = ({
   onModalChange,
@@ -37,44 +31,37 @@ const DeletePageModal: React.FC<DeletePageModalProps> = ({
       resetIndices();
 
       showToast({
-        title: t("success", "Success!"),
-        kind: "success",
+        title: t('success', 'Success!'),
+        kind: 'success',
         critical: true,
-        description: t("pageDeleted", "Page deleted"),
+        description: t('pageDeleted', 'Page deleted'),
       });
     } catch (error) {
-      showNotification({
-        title: t("errorDeletingPage", "Error deleting page"),
-        kind: "error",
-        critical: true,
-        description: error?.message,
-      });
+      if (error instanceof Error) {
+        showNotification({
+          title: t('errorDeletingPage', 'Error deleting page'),
+          kind: 'error',
+          critical: true,
+          description: error?.message,
+        });
+      }
     }
   };
 
   return (
-    <ComposedModal
-      open={showModal}
-      onClose={() => onModalChange(false)}
-      preventCloseOnClickOutside
-    >
-      <ModalHeader
-        title={t(
-          "deletePageConfirmation",
-          "Are you sure you want to delete this page?"
-        )}
-      />
+    <ComposedModal open={showModal} onClose={() => onModalChange(false)} preventCloseOnClickOutside>
+      <ModalHeader title={t('deletePageConfirmation', 'Are you sure you want to delete this page?')} />
       <ModalBody>
         <p>
           {t(
-            "deletePageExplainerText",
-            "Deleting this page will delete all the sections and questions associated with it. This action cannot be undone."
+            'deletePageExplainerText',
+            'Deleting this page will delete all the sections and questions associated with it. This action cannot be undone.',
           )}
         </p>
       </ModalBody>
       <ModalFooter>
         <Button kind="secondary" onClick={() => onModalChange(false)}>
-          {t("cancel", "Cancel")}
+          {t('cancel', 'Cancel')}
         </Button>
         <Button
           kind="danger"
@@ -83,7 +70,7 @@ const DeletePageModal: React.FC<DeletePageModalProps> = ({
             onModalChange(false);
           }}
         >
-          <span>{t("deletePage", "Delete page")}</span>
+          <span>{t('deletePage', 'Delete page')}</span>
         </Button>
       </ModalFooter>
     </ComposedModal>
diff --git a/src/components/interactive-builder/delete-question-modal.component.tsx b/src/components/interactive-builder/delete-question-modal.component.tsx
index a7e2f75..e8c90ca 100644
--- a/src/components/interactive-builder/delete-question-modal.component.tsx
+++ b/src/components/interactive-builder/delete-question-modal.component.tsx
@@ -1,16 +1,10 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import {
-  Button,
-  ComposedModal,
-  ModalBody,
-  ModalFooter,
-  ModalHeader,
-} from "@carbon/react";
-import { showNotification, showToast } from "@openmrs/esm-framework";
-import type { Schema } from "../../types";
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button, ComposedModal, ModalBody, ModalFooter, ModalHeader } from '@carbon/react';
+import { showNotification, showToast } from '@openmrs/esm-framework';
+import type { Schema } from '../../types';
 
-type DeleteQuestionModal = {
+interface DeleteQuestionModal {
   onModalChange: (showModal: boolean) => void;
   onSchemaChange: (schema: Schema) => void;
   resetIndices: () => void;
@@ -19,7 +13,7 @@ type DeleteQuestionModal = {
   questionIndex: number;
   schema: Schema;
   showModal: boolean;
-};
+}
 
 const DeleteQuestionModal: React.FC<DeleteQuestionModal> = ({
   onModalChange,
@@ -33,56 +27,40 @@ const DeleteQuestionModal: React.FC<DeleteQuestionModal> = ({
 }) => {
   const { t } = useTranslation();
 
-  const deleteQuestion = (
-    pageIndex: number,
-    sectionIndex: number,
-    questionIndex: number
-  ) => {
+  const deleteQuestion = (pageIndex: number, sectionIndex: number, questionIndex: number) => {
     try {
-      schema.pages[pageIndex].sections[sectionIndex].questions.splice(
-        questionIndex,
-        1
-      );
+      schema.pages[pageIndex].sections[sectionIndex].questions.splice(questionIndex, 1);
 
       onSchemaChange({ ...schema });
       resetIndices();
 
       showToast({
-        title: t("success", "Success!"),
-        kind: "success",
+        title: t('success', 'Success!'),
+        kind: 'success',
         critical: true,
-        description: t("QuestionDeleted", "Question deleted"),
+        description: t('QuestionDeleted', 'Question deleted'),
       });
     } catch (error) {
-      showNotification({
-        title: t("errorDeletingQuestion", "Error deleting question"),
-        kind: "error",
-        critical: true,
-        description: error?.message,
-      });
+      if (error instanceof Error) {
+        showNotification({
+          title: t('errorDeletingQuestion', 'Error deleting question'),
+          kind: 'error',
+          critical: true,
+          description: error?.message,
+        });
+      }
     }
   };
 
   return (
-    <ComposedModal
-      open={showModal}
-      onClose={() => onModalChange(false)}
-      preventCloseOnClickOutside
-    >
-      <ModalHeader
-        title={t(
-          "deleteQuestionConfirmation",
-          "Are you sure you want to delete this question?"
-        )}
-      />
+    <ComposedModal open={showModal} onClose={() => onModalChange(false)} preventCloseOnClickOutside>
+      <ModalHeader title={t('deleteQuestionConfirmation', 'Are you sure you want to delete this question?')} />
       <ModalBody>
-        <p>
-          {t("deleteQuestionExplainerText", "This action cannot be undone.")}
-        </p>
+        <p>{t('deleteQuestionExplainerText', 'This action cannot be undone.')}</p>
       </ModalBody>
       <ModalFooter>
         <Button kind="secondary" onClick={() => onModalChange(false)}>
-          {t("cancel", "Cancel")}
+          {t('cancel', 'Cancel')}
         </Button>
         <Button
           kind="danger"
@@ -91,7 +69,7 @@ const DeleteQuestionModal: React.FC<DeleteQuestionModal> = ({
             onModalChange(false);
           }}
         >
-          <span>{t("deleteQuestion", "Delete question")}</span>
+          <span>{t('deleteQuestion', 'Delete question')}</span>
         </Button>
       </ModalFooter>
     </ComposedModal>
diff --git a/src/components/interactive-builder/delete-section-modal.component.tsx b/src/components/interactive-builder/delete-section-modal.component.tsx
index 3f4af8c..dc6e48a 100644
--- a/src/components/interactive-builder/delete-section-modal.component.tsx
+++ b/src/components/interactive-builder/delete-section-modal.component.tsx
@@ -1,16 +1,10 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import {
-  Button,
-  ComposedModal,
-  ModalBody,
-  ModalFooter,
-  ModalHeader,
-} from "@carbon/react";
-import { showNotification, showToast } from "@openmrs/esm-framework";
-import type { Schema } from "../../types";
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button, ComposedModal, ModalBody, ModalFooter, ModalHeader } from '@carbon/react';
+import { showNotification, showToast } from '@openmrs/esm-framework';
+import type { Schema } from '../../types';
 
-type DeleteSectionModal = {
+interface DeleteSectionModal {
   onModalChange: (showModal: boolean) => void;
   onSchemaChange: (schema: Schema) => void;
   resetIndices: () => void;
@@ -18,7 +12,7 @@ type DeleteSectionModal = {
   sectionIndex: number;
   schema: Schema;
   showModal: boolean;
-};
+}
 
 const DeleteSectionModal: React.FC<DeleteSectionModal> = ({
   onModalChange,
@@ -39,44 +33,37 @@ const DeleteSectionModal: React.FC<DeleteSectionModal> = ({
       resetIndices();
 
       showToast({
-        title: t("success", "Success!"),
-        kind: "success",
+        title: t('success', 'Success!'),
+        kind: 'success',
         critical: true,
-        description: t("SectionDeleted", "Section deleted"),
+        description: t('SectionDeleted', 'Section deleted'),
       });
     } catch (error) {
-      showNotification({
-        title: t("errorDeletingSection", "Error deleting section"),
-        kind: "error",
-        critical: true,
-        description: error?.message,
-      });
+      if (error instanceof Error) {
+        showNotification({
+          title: t('errorDeletingSection', 'Error deleting section'),
+          kind: 'error',
+          critical: true,
+          description: error?.message,
+        });
+      }
     }
   };
 
   return (
-    <ComposedModal
-      open={showModal}
-      onClose={() => onModalChange(false)}
-      preventCloseOnClickOutside
-    >
-      <ModalHeader
-        title={t(
-          "deleteSectionConfirmation",
-          "Are you sure you want to delete this section?"
-        )}
-      />
+    <ComposedModal open={showModal} onClose={() => onModalChange(false)} preventCloseOnClickOutside>
+      <ModalHeader title={t('deleteSectionConfirmation', 'Are you sure you want to delete this section?')} />
       <ModalBody>
         <p>
           {t(
-            "deleteSectionExplainerText",
-            "Deleting this section will delete all the questions associated with it. This action cannot be undone."
+            'deleteSectionExplainerText',
+            'Deleting this section will delete all the questions associated with it. This action cannot be undone.',
           )}
         </p>
       </ModalBody>
       <ModalFooter>
         <Button kind="secondary" onClick={() => onModalChange(false)}>
-          {t("cancel", "Cancel")}
+          {t('cancel', 'Cancel')}
         </Button>
         <Button
           kind="danger"
@@ -85,7 +72,7 @@ const DeleteSectionModal: React.FC<DeleteSectionModal> = ({
             onModalChange(false);
           }}
         >
-          <span>{t("deleteSection", "Delete section")}</span>
+          <span>{t('deleteSection', 'Delete section')}</span>
         </Button>
       </ModalFooter>
     </ComposedModal>
diff --git a/src/components/interactive-builder/draggable-question.component.tsx b/src/components/interactive-builder/draggable-question.component.tsx
index c8934e0..e1af476 100644
--- a/src/components/interactive-builder/draggable-question.component.tsx
+++ b/src/components/interactive-builder/draggable-question.component.tsx
@@ -1,26 +1,22 @@
-import React from "react";
-import { useDraggable } from "@dnd-kit/core";
-import { CSS } from "@dnd-kit/utilities";
-import { useTranslation } from "react-i18next";
-import { Button, CopyButton } from "@carbon/react";
-import { Draggable, Edit, TrashCan } from "@carbon/react/icons";
-import type { Question } from "../../types";
-import styles from "./draggable-question.scss";
+import React from 'react';
+import { useDraggable } from '@dnd-kit/core';
+import { CSS } from '@dnd-kit/utilities';
+import { useTranslation } from 'react-i18next';
+import { Button, CopyButton } from '@carbon/react';
+import { Draggable, Edit, TrashCan } from '@carbon/react/icons';
+import type { Question } from '../../types';
+import styles from './draggable-question.scss';
 
-type DraggableQuestionProps = {
+interface DraggableQuestionProps {
   question: Question;
   pageIndex: number;
   sectionIndex: number;
   questionIndex: number;
-  handleDuplicateQuestion: (
-    question: Question,
-    pageId: number,
-    sectionId: number
-  ) => void;
+  handleDuplicateQuestion: (question: Question, pageId: number, sectionId: number) => void;
   handleEditButtonClick: (question: Question) => void;
   handleDeleteButtonClick: (question: Question) => void;
   questionCount: number;
-};
+}
 
 export const DraggableQuestion: React.FC<DraggableQuestionProps> = ({
   question,
@@ -35,11 +31,10 @@ export const DraggableQuestion: React.FC<DraggableQuestionProps> = ({
   const { t } = useTranslation();
   const draggableId = `question-${pageIndex}-${sectionIndex}-${questionIndex}`;
 
-  const { attributes, listeners, transform, isDragging, setNodeRef } =
-    useDraggable({
-      id: draggableId,
-      disabled: questionCount <= 1,
-    });
+  const { attributes, listeners, transform, isDragging, setNodeRef } = useDraggable({
+    id: draggableId,
+    disabled: questionCount <= 1,
+  });
 
   const style = {
     transform: CSS.Translate.toString(transform),
@@ -50,12 +45,7 @@ export const DraggableQuestion: React.FC<DraggableQuestionProps> = ({
   return (
     <div className={dragStyles} style={style}>
       <div className={styles.iconAndName}>
-        <div
-          className={styles.dragIconContainer}
-          ref={setNodeRef}
-          {...attributes}
-          {...listeners}
-        >
+        <div className={styles.dragIconContainer} ref={setNodeRef} {...attributes} {...listeners}>
           <Draggable className={styles.dragIcon} size={16} />
         </div>
         <p className={styles.questionLabel}>{question.label}</p>
@@ -64,18 +54,15 @@ export const DraggableQuestion: React.FC<DraggableQuestionProps> = ({
         <CopyButton
           align="top"
           className="cds--btn--sm"
-          feedback={t("duplicated", "Duplicated") + "!"}
-          iconDescription={t("duplicateQuestion", "Duplicate question")}
+          feedback={t('duplicated', 'Duplicated') + '!'}
+          iconDescription={t('duplicateQuestion', 'Duplicate question')}
           kind="ghost"
-          onClick={() =>
-            !isDragging &&
-            handleDuplicateQuestion(question, pageIndex, sectionIndex)
-          }
+          onClick={() => !isDragging && handleDuplicateQuestion(question, pageIndex, sectionIndex)}
         />
         <Button
           enterDelayMs={300}
           hasIconOnly
-          iconDescription={t("editQuestion", "Edit question")}
+          iconDescription={t('editQuestion', 'Edit question')}
           kind="ghost"
           onClick={() => {
             if (!isDragging) {
@@ -88,7 +75,7 @@ export const DraggableQuestion: React.FC<DraggableQuestionProps> = ({
         <Button
           enterDelayMs={300}
           hasIconOnly
-          iconDescription={t("deleteQuestion", "Delete question")}
+          iconDescription={t('deleteQuestion', 'Delete question')}
           kind="ghost"
           onClick={handleDeleteButtonClick}
           renderIcon={(props) => <TrashCan size={16} {...props} />}
diff --git a/src/components/interactive-builder/droppable-container.component.tsx b/src/components/interactive-builder/droppable-container.component.tsx
index ff6955f..f496567 100644
--- a/src/components/interactive-builder/droppable-container.component.tsx
+++ b/src/components/interactive-builder/droppable-container.component.tsx
@@ -1,10 +1,10 @@
-import React from "react";
-import { useDroppable } from "@dnd-kit/core";
+import React from 'react';
+import { useDroppable } from '@dnd-kit/core';
 
-type DroppableProps = {
+interface DroppableProps {
   id: string;
   children: React.ReactNode;
-};
+}
 
 export function Droppable({ id, children }: DroppableProps) {
   const { isOver, setNodeRef } = useDroppable({
@@ -12,7 +12,7 @@ export function Droppable({ id, children }: DroppableProps) {
   });
 
   const style = {
-    border: `1px solid ${isOver ? "#005d5d" : "transparent"}`,
+    border: `1px solid ${isOver ? '#005d5d' : 'transparent'}`,
   };
 
   return (
diff --git a/src/components/interactive-builder/edit-question-modal.component.tsx b/src/components/interactive-builder/edit-question-modal.component.tsx
index c5c034f..2516571 100644
--- a/src/components/interactive-builder/edit-question-modal.component.tsx
+++ b/src/components/interactive-builder/edit-question-modal.component.tsx
@@ -1,13 +1,16 @@
-import React, { useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
+import React, { useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import debounce from 'lodash-es/debounce';
+import flattenDeep from 'lodash-es/flattenDeep';
 import {
   Button,
   ComposedModal,
   Form,
   FormGroup,
   FormLabel,
-  Layer,
   InlineLoading,
+  InlineNotification,
+  Layer,
   ModalBody,
   ModalFooter,
   ModalHeader,
@@ -21,19 +24,17 @@ import {
   Tag,
   TextInput,
   Tile,
-} from "@carbon/react";
-import { ArrowUpRight } from "@carbon/react/icons";
-import debounce from "lodash-es/debounce";
-import flattenDeep from "lodash-es/flattenDeep";
-import { showNotification, showToast, useConfig } from "@openmrs/esm-framework";
-import type { RenderType } from "@openmrs/openmrs-form-engine-lib";
-
-import type { Concept, ConceptMapping, Question, Schema } from "../../types";
-import { useConceptLookup } from "../../hooks/useConceptLookup";
-import { useConceptName } from "../../hooks/useConceptName";
-import styles from "./question-modal.scss";
-
-type EditQuestionModalProps = {
+} from '@carbon/react';
+import { ArrowUpRight } from '@carbon/react/icons';
+import { showNotification, showToast, useConfig } from '@openmrs/esm-framework';
+import type { RenderType } from '@openmrs/openmrs-form-engine-lib';
+
+import type { Concept, ConceptMapping, Question, QuestionType, Schema } from '../../types';
+import { useConceptLookup } from '../../hooks/useConceptLookup';
+import { useConceptName } from '../../hooks/useConceptName';
+import styles from './question-modal.scss';
+
+interface EditQuestionModalProps {
   onModalChange: (showModal: boolean) => void;
   onQuestionEdit: (question: Question) => void;
   onSchemaChange: (schema: Schema) => void;
@@ -44,7 +45,17 @@ type EditQuestionModalProps = {
   schema: Schema;
   sectionIndex: number;
   showModal: boolean;
-};
+}
+
+interface Config {
+  fieldTypes: Array<RenderType>;
+  questionTypes: Array<QuestionType>;
+}
+
+interface Item {
+  id: string;
+  text: string;
+}
 
 const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
   questionToEdit,
@@ -59,36 +70,45 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
   onQuestionEdit,
 }) => {
   const { t } = useTranslation();
-  const { fieldTypes, questionTypes } = useConfig();
-  const [max, setMax] = useState("");
-  const [min, setMin] = useState("");
-  const [questionLabel, setQuestionLabel] = useState("");
-  const [questionType, setQuestionType] = useState("");
-  const [isQuestionRequired, setIsQuestionRequired] = useState(false);
-  const [fieldType, setFieldType] = useState<RenderType>(null);
-  const [questionId, setQuestionId] = useState("");
-  const [selectedConcept, setSelectedConcept] = useState(null);
-  const [conceptMappings, setConceptMappings] = useState<ConceptMapping[]>(
-    questionToEdit.questionOptions.conceptMappings
+  const { fieldTypes, questionTypes }: Config = useConfig();
+
+  const [answersChanged, setAnswersChanged] = useState(false);
+  const [answersFromConcept, setAnswersFromConcept] = useState<
+    Array<{
+      concept: string;
+      label: string;
+    }>
+  >([]);
+  const [conceptMappings, setConceptMappings] = useState<Array<ConceptMapping> | undefined>(
+    questionToEdit.questionOptions.conceptMappings,
   );
-  const [rows, setRows] = useState(2);
-  const [conceptToLookup, setConceptToLookup] = useState("");
-  const [answersFromConcept, setAnswersFromConcept] = useState([]);
-  const [selectedAnswers, setSelectedAnswers] = useState([]);
+  const [conceptToLookup, setConceptToLookup] = useState('');
+  const [fieldType, setFieldType] = useState<RenderType | null>(null);
+  const [isQuestionRequired, setIsQuestionRequired] = useState(false);
+  const [max, setMax] = useState('');
+  const [min, setMin] = useState('');
+  const [questionId, setQuestionId] = useState('');
+  const [questionLabel, setQuestionLabel] = useState('');
+  const [questionType, setQuestionType] = useState<QuestionType | null>(null);
+  const [rows, setRows] = useState('');
+  const [selectedAnswers, setSelectedAnswers] = useState<
+    Array<{
+      id: string;
+      text: string;
+    }>
+  >([]);
+  const [selectedConcept, setSelectedConcept] = useState<Concept | null>(null);
+
   const { concepts, isLoadingConcepts } = useConceptLookup(conceptToLookup);
-  const { conceptName, isLoadingConceptName } = useConceptName(
-    questionToEdit.questionOptions.concept
+  const { conceptName, conceptNameLookupError, isLoadingConceptName } = useConceptName(
+    questionToEdit.questionOptions.concept,
   );
-  const [answersChanged, setAnswersChanged] = useState(false);
 
-  const hasConceptChanged =
-    selectedConcept &&
-    questionToEdit?.questionOptions?.concept !== selectedConcept;
+  const hasConceptChanged = selectedConcept && questionToEdit?.questionOptions?.concept !== selectedConcept?.uuid;
 
-  const debouncedSearch = useMemo(
-    () => debounce((searchTerm) => setConceptToLookup(searchTerm), 500),
-    []
-  );
+  const debouncedSearch = useMemo(() => {
+    return debounce((searchTerm: string) => setConceptToLookup(searchTerm), 500) as (searchTerm: string) => void;
+  }, []);
 
   const handleConceptChange = (searchTerm: string) => {
     if (searchTerm) {
@@ -97,26 +117,24 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
   };
 
   const handleConceptSelect = (concept: Concept) => {
-    setConceptToLookup("");
+    setConceptToLookup('');
     setSelectedAnswers([]);
     setSelectedConcept(concept);
     setConceptMappings(
       concept?.mappings?.map((conceptMapping) => {
-        const data = conceptMapping.display.split(": ");
+        const data = conceptMapping.display.split(': ');
         return {
           relationship: conceptMapping.conceptMapType.display,
           type: data[0],
           value: data[1],
         };
-      })
+      }),
     );
     setAnswersFromConcept(
-      concept?.answers?.length
-        ? concept.answers.map((answer) => ({
-            concept: answer?.uuid,
-            label: answer?.display,
-          }))
-        : []
+      concept?.answers?.map((answer) => ({
+        concept: answer?.uuid,
+        label: answer?.display,
+      })) ?? [],
     );
   };
 
@@ -133,7 +151,7 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
       });
     });
 
-    const questionIds = flattenDeep(nestedIds);
+    const questionIds: Array<string> = flattenDeep(nestedIds);
 
     return questionIds.includes(idToTest);
   };
@@ -152,11 +170,7 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
       }));
     } else if (hasConceptChanged && answersFromConcept.length === 0) {
       mappedAnswers = [];
-    } else if (
-      hasConceptChanged &&
-      answersFromConcept?.length > 0 &&
-      selectedAnswers?.length
-    ) {
+    } else if (hasConceptChanged && answersFromConcept?.length > 0 && selectedAnswers?.length) {
       mappedAnswers = selectedAnswers?.length
         ? selectedAnswers.map((answer) => ({
             concept: answer.id,
@@ -171,30 +185,22 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
       const data = {
         label: questionLabel ? questionLabel : questionToEdit.label,
         type: questionType ? questionType : questionToEdit.type,
-        required: isQuestionRequired
-          ? isQuestionRequired
-          : /true/.test(questionToEdit?.required?.toString()),
+        required: isQuestionRequired ? isQuestionRequired : /true/.test(questionToEdit?.required?.toString()),
         id: questionId ? questionId : questionToEdit.id,
         questionOptions: {
-          rendering: fieldType
-            ? fieldType
-            : questionToEdit.questionOptions.rendering,
-          concept: selectedConcept?.uuid
-            ? selectedConcept.uuid
-            : questionToEdit.questionOptions.concept,
-          conceptMappings: conceptMappings?.length
-            ? conceptMappings
-            : questionToEdit.questionOptions.conceptMappings,
+          rendering: fieldType ? fieldType : questionToEdit.questionOptions.rendering,
+          concept: selectedConcept?.uuid ? selectedConcept.uuid : questionToEdit.questionOptions.concept,
+          conceptMappings: conceptMappings?.length ? conceptMappings : questionToEdit.questionOptions.conceptMappings,
           answers: mappedAnswers,
         },
       };
 
-      schema.pages[pageIndex].sections[sectionIndex].questions[questionIndex] =
-        data;
+      schema.pages[pageIndex].sections[sectionIndex].questions[questionIndex] = data;
+
       onSchemaChange({ ...schema });
       resetIndices();
-      setQuestionLabel("");
-      setQuestionId("");
+      setQuestionLabel('');
+      setQuestionId('');
       setIsQuestionRequired(false);
       setQuestionType(null);
       setFieldType(null);
@@ -202,41 +208,38 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
       setConceptMappings([]);
       setSelectedAnswers([]);
       onQuestionEdit(null);
+
       showToast({
-        title: t("success", "Success!"),
-        kind: "success",
+        title: t('success', 'Success!'),
+        kind: 'success',
         critical: true,
-        description: t("questionUpdated", "Question updated"),
+        description: t('questionUpdated', 'Question updated'),
       });
+
       onModalChange(false);
     } catch (error) {
-      showNotification({
-        title: t("errorUpdatingQuestion", "Error updating question"),
-        kind: "error",
-        critical: true,
-        description: error?.message,
-      });
+      if (error instanceof Error) {
+        showNotification({
+          title: t('errorUpdatingQuestion', 'Error updating question'),
+          kind: 'error',
+          critical: true,
+          description: error?.message,
+        });
+      }
     }
   };
 
   return (
-    <ComposedModal
-      open={showModal}
-      onClose={() => onModalChange(false)}
-      preventCloseOnClickOutside
-    >
-      <ModalHeader title={t("editQuestion", "Edit question")} />
-      <Form
-        className={styles.form}
-        onSubmit={(event) => event.preventDefault()}
-      >
+    <ComposedModal open={showModal} onClose={() => onModalChange(false)} preventCloseOnClickOutside>
+      <ModalHeader title={t('editQuestion', 'Edit question')} />
+      <Form className={styles.form} onSubmit={(event: React.SyntheticEvent) => event.preventDefault()}>
         <ModalBody hasScrollingContent>
           <Stack gap={5}>
             <TextInput
               defaultValue={questionToEdit.label}
               id={questionToEdit.id}
-              labelText={t("questionLabel", "Label")}
-              onChange={(event) => setQuestionLabel(event.target.value)}
+              labelText={t('questionLabel', 'Label')}
+              onChange={(event: React.ChangeEvent<HTMLInputElement>) => setQuestionLabel(event.target.value)}
               required
             />
 
@@ -244,45 +247,35 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
               defaultValue={questionToEdit.id}
               id="questionId"
               invalid={questionIdExists(questionId)}
-              invalidText={t(
-                "questionIdExists",
-                "This question ID already exists in your schema"
-              )}
-              labelText={t(
-                "questionId",
-                "Question ID (prefer using camel-case for IDs)"
-              )}
-              onChange={(event) => setQuestionId(event.target.value)}
+              invalidText={t('questionIdExists', 'This question ID already exists in your schema')}
+              labelText={t('questionId', 'Question ID (prefer using camel-case for IDs)')}
+              onChange={(event: React.ChangeEvent<HTMLInputElement>) => setQuestionId(event.target.value)}
               placeholder={t(
-                "questionIdPlaceholder",
-                'Enter a unique ID e.g. "anaesthesiaType" for a question asking about the type of anaesthesia.'
+                'questionIdPlaceholder',
+                'Enter a unique ID e.g. "anaesthesiaType" for a question asking about the type of anaesthesia.',
               )}
               required
             />
 
             <RadioButtonGroup
-              defaultSelected={
-                /true/.test(questionToEdit?.required?.toString())
-                  ? "required"
-                  : "optional"
-              }
+              defaultSelected={/true/.test(questionToEdit?.required?.toString()) ? 'required' : 'optional'}
               name="isQuestionRequired"
               legendText={t(
-                "isQuestionRequiredOrOptional",
-                "Is this question a required or optional field? Required fields must be answered before the form can be submitted."
+                'isQuestionRequiredOrOptional',
+                'Is this question a required or optional field? Required fields must be answered before the form can be submitted.',
               )}
             >
               <RadioButton
                 id="questionIsNotRequired"
                 defaultChecked={true}
-                labelText={t("optional", "Optional")}
+                labelText={t('optional', 'Optional')}
                 onClick={() => setIsQuestionRequired(false)}
                 value="optional"
               />
               <RadioButton
                 id="questionIsRequired"
                 defaultChecked={false}
-                labelText={t("required", "Required")}
+                labelText={t('required', 'Required')}
                 onClick={() => setIsQuestionRequired(true)}
                 value="required"
               />
@@ -290,99 +283,85 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
 
             <Select
               defaultValue={questionToEdit.type}
-              onChange={(event) => setQuestionType(event.target.value)}
-              id={"questionType"}
-              invalidText={t("typeRequired", "Type is required")}
-              labelText={t("questionType", "Question type")}
+              onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>
+                setQuestionType(event.target.value as QuestionType)
+              }
+              id={'questionType'}
+              invalidText={t('typeRequired', 'Type is required')}
+              labelText={t('questionType', 'Question type')}
               required
             >
-              {!questionType && (
-                <SelectItem
-                  text={t("chooseQuestionType", "Choose a question type")}
-                  value=""
-                />
-              )}
+              {!questionType && <SelectItem text={t('chooseQuestionType', 'Choose a question type')} value="" />}
               {questionTypes.map((questionType, key) => (
-                <SelectItem
-                  text={questionType}
-                  value={questionType}
-                  key={key}
-                />
+                <SelectItem text={questionType} value={questionType} key={key} />
               ))}
             </Select>
 
             <Select
               defaultValue={questionToEdit.questionOptions.rendering}
-              onChange={(event) => setFieldType(event.target.value)}
+              onChange={(event: React.ChangeEvent<HTMLSelectElement>) => setFieldType(event.target.value as RenderType)}
               id="renderingType"
-              invalidText={t(
-                "validFieldTypeRequired",
-                "A valid field type value is required"
-              )}
-              labelText={t("fieldType", "Field type")}
+              invalidText={t('validFieldTypeRequired', 'A valid field type value is required')}
+              labelText={t('fieldType', 'Field type')}
               required
             >
-              {!fieldType && (
-                <SelectItem
-                  text={t("chooseFieldType", "Choose a field type")}
-                  value=""
-                />
-              )}
+              {!fieldType && <SelectItem text={t('chooseFieldType', 'Choose a field type')} value="" />}
               {fieldTypes.map((fieldType, key) => (
                 <SelectItem text={fieldType} value={fieldType} key={key} />
               ))}
             </Select>
 
-            {fieldType === "number" ? (
+            {fieldType === 'number' ? (
               <>
                 <TextInput
                   id="min"
                   labelText="Min"
-                  value={min || ""}
-                  onChange={(event) => setMin(event.target.value)}
+                  value={min || ''}
+                  onChange={(event: React.ChangeEvent<HTMLInputElement>) => setMin(event.target.value)}
                   required
                 />
                 <TextInput
                   id="max"
                   labelText="Max"
-                  value={max || ""}
-                  onChange={(event) => setMax(event.target.value)}
+                  value={max || ''}
+                  onChange={(event: React.ChangeEvent<HTMLInputElement>) => setMax(event.target.value)}
                   required
                 />
               </>
-            ) : fieldType === "textarea" ? (
+            ) : fieldType === 'textarea' ? (
               <TextInput
                 id="textAreaRows"
-                labelText={t("rows", "Rows")}
-                value={rows || ""}
-                onChange={(event) => setRows(event.target.value)}
+                labelText={t('rows', 'Rows')}
+                value={rows || ''}
+                onChange={(event: React.ChangeEvent<HTMLInputElement>) => setRows(event.target.value)}
                 required
               />
             ) : null}
 
-            {fieldType !== "ui-select-extended" && (
+            {fieldType !== 'ui-select-extended' && (
               <div>
                 <FormLabel className={styles.label}>
-                  {t("searchForBackingConcept", "Search for a backing concept")}
+                  {t('searchForBackingConcept', 'Search for a backing concept')}
                 </FormLabel>
-                {isLoadingConceptName ? (
-                  <InlineLoading
-                    className={styles.loader}
-                    description={t("loading", "Loading") + "..."}
+                {conceptNameLookupError ? (
+                  <InlineNotification
+                    kind="error"
+                    lowContrast
+                    className={styles.error}
+                    title={t('errorFetchingConceptName', "Couldn't resolve concept name")}
+                    subtitle={t('conceptDoesNotExist', 'The linked concept does not exist in your dictionary.')}
                   />
+                ) : null}
+                {isLoadingConceptName ? (
+                  <InlineLoading className={styles.loader} description={t('loading', 'Loading') + '...'} />
                 ) : (
                   <>
                     <Search
                       defaultValue={conceptName}
                       id="conceptLookup"
                       onClear={() => setSelectedConcept(null)}
-                      onChange={(e) =>
-                        handleConceptChange(e.target.value?.trim())
-                      }
-                      placeholder={t(
-                        "searchConcept",
-                        "Search using a concept name or UUID"
-                      )}
+                      onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleConceptChange(e.target.value?.trim())}
+                      placeholder={t('searchConcept', 'Search using a concept name or UUID')}
                       required
                       size="md"
                       value={selectedConcept?.display}
@@ -391,12 +370,9 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
                       if (!conceptToLookup) return null;
                       if (isLoadingConcepts)
                         return (
-                          <InlineLoading
-                            className={styles.loader}
-                            description={t("searching", "Searching") + "..."}
-                          />
+                          <InlineLoading className={styles.loader} description={t('searching', 'Searching') + '...'} />
                         );
-                      if (concepts && concepts?.length && !isLoadingConcepts) {
+                      if (concepts?.length && !isLoadingConcepts) {
                         return (
                           <ul className={styles.conceptList}>
                             {concepts?.map((concept, index) => (
@@ -416,10 +392,7 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
                         <Layer>
                           <Tile className={styles.emptyResults}>
                             <span>
-                              {t(
-                                "noMatchingConcepts",
-                                "No concepts were found that match"
-                              )}{" "}
+                              {t('noMatchingConcepts', 'No concepts were found that match')}{' '}
                               <strong>"{conceptToLookup}".</strong>
                             </span>
                           </Tile>
@@ -427,19 +400,16 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
                           <div className={styles.oclLauncherBanner}>
                             {
                               <p className={styles.bodyShort01}>
-                                {t(
-                                  "conceptSearchHelpText",
-                                  "Can't find a concept?"
-                                )}
+                                {t('conceptSearchHelpText', "Can't find a concept?")}
                               </p>
                             }
                             <a
                               className={styles.oclLink}
                               target="_blank"
                               rel="noopener noreferrer"
-                              href={"https://app.openconceptlab.org/"}
+                              href={'https://app.openconceptlab.org/'}
                             >
-                              {t("searchInOCL", "Search in OCL")}
+                              {t('searchInOCL', 'Search in OCL')}
                               <ArrowUpRight size={16} />
                             </a>
                           </div>
@@ -451,25 +421,23 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
               </div>
             )}
 
-            {conceptMappings && conceptMappings.length ? (
+            {conceptMappings?.length ? (
               <FormGroup>
-                <FormLabel className={styles.label}>
-                  {t("mappings", "Mappings")}
-                </FormLabel>
+                <FormLabel className={styles.label}>{t('mappings', 'Mappings')}</FormLabel>
                 <table className={styles.tableStriped}>
                   <thead>
                     <tr>
-                      <th>{t("relationship", "Relationship")}</th>
-                      <th>{t("source", "Source")}</th>
-                      <th>{t("code", "Code")}</th>
+                      <th>{t('relationship', 'Relationship')}</th>
+                      <th>{t('source', 'Source')}</th>
+                      <th>{t('code', 'Code')}</th>
                     </tr>
                   </thead>
                   <tbody>
                     {conceptMappings.map((mapping, index) => (
                       <tr key={`mapping-${index}`}>
-                        <td>{mapping.relationship ?? "--"}</td>
-                        <td>{mapping.type ?? "--"}</td>
-                        <td>{mapping.value ?? "--"}</td>
+                        <td>{mapping.relationship ?? '--'}</td>
+                        <td>{mapping.type ?? '--'}</td>
+                        <td>{mapping.value ?? '--'}</td>
                       </tr>
                     ))}
                   </tbody>
@@ -477,48 +445,40 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
               </FormGroup>
             ) : null}
 
-            {!hasConceptChanged &&
-            questionToEdit?.questionOptions?.answers &&
-            questionToEdit?.questionOptions.answers?.length ? (
+            {!hasConceptChanged && questionToEdit?.questionOptions.answers?.length ? (
               <MultiSelect
                 className={styles.multiSelect}
                 direction="top"
                 id="selectAnswers"
-                itemToString={(item) => item.text}
-                initialSelectedItems={questionToEdit?.questionOptions?.answers?.map(
-                  (answer) => ({
-                    id: answer.concept,
-                    text: answer.label,
-                  })
-                )}
-                items={questionToEdit?.questionOptions?.answers?.map(
-                  (answer) => ({
-                    id: answer.concept,
-                    text: answer.label ?? "",
-                  })
-                )}
-                onChange={({ selectedItems }) => {
+                itemToString={(item: Item) => item.text}
+                initialSelectedItems={questionToEdit?.questionOptions?.answers?.map((answer) => ({
+                  id: answer.concept,
+                  text: answer.label,
+                }))}
+                items={questionToEdit?.questionOptions?.answers?.map((answer) => ({
+                  id: answer.concept,
+                  text: answer.label ?? '',
+                }))}
+                onChange={({
+                  selectedItems,
+                }: {
+                  selectedItems: Array<{
+                    id: string;
+                    text: string;
+                  }>;
+                }) => {
                   setAnswersChanged(true);
                   setSelectedAnswers(selectedItems.sort());
                 }}
                 size="md"
-                titleText={t(
-                  "selectAnswersToDisplay",
-                  "Select answers to display"
-                )}
+                titleText={t('selectAnswersToDisplay', 'Select answers to display')}
               />
             ) : null}
 
-            {!hasConceptChanged &&
-            questionToEdit?.questionOptions?.answers?.length &&
-            !answersChanged ? (
+            {!hasConceptChanged && questionToEdit?.questionOptions?.answers?.length && !answersChanged ? (
               <div>
                 {questionToEdit?.questionOptions?.answers?.map((answer) => (
-                  <Tag
-                    className={styles.tag}
-                    key={answer?.concept}
-                    type={"blue"}
-                  >
+                  <Tag className={styles.tag} key={answer?.concept} type={'blue'}>
                     {answer?.label}
                   </Tag>
                 ))}
@@ -530,30 +490,28 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
                 className={styles.multiSelect}
                 direction="top"
                 id="selectAnswers"
-                itemToString={(item) => item.text}
+                itemToString={(item: Item) => item.text}
                 items={answersFromConcept.map((answer) => ({
                   id: answer.concept,
                   text: answer.label,
                 }))}
-                onChange={({ selectedItems }) =>
-                  setSelectedAnswers(selectedItems.sort())
-                }
+                onChange={({
+                  selectedItems,
+                }: {
+                  selectedItems: Array<{
+                    id: string;
+                    text: string;
+                  }>;
+                }) => setSelectedAnswers(selectedItems.sort())}
                 size="md"
-                titleText={t(
-                  "selectAnswersToDisplay",
-                  "Select answers to display"
-                )}
+                titleText={t('selectAnswersToDisplay', 'Select answers to display')}
               />
             ) : null}
 
-            {(hasConceptChanged || answersChanged) && (
+            {(hasConceptChanged ?? answersChanged) && (
               <div>
                 {selectedAnswers.map((selectedAnswer) => (
-                  <Tag
-                    className={styles.tag}
-                    key={selectedAnswer.id}
-                    type={"blue"}
-                  >
+                  <Tag className={styles.tag} key={selectedAnswer.id} type={'blue'}>
                     {selectedAnswer.text}
                   </Tag>
                 ))}
@@ -563,10 +521,10 @@ const EditQuestionModal: React.FC<EditQuestionModalProps> = ({
         </ModalBody>
         <ModalFooter>
           <Button onClick={() => onModalChange(false)} kind="secondary">
-            {t("cancel", "Cancel")}
+            {t('cancel', 'Cancel')}
           </Button>
           <Button onClick={handleUpdateQuestion}>
-            <span>{t("save", "Save")}</span>
+            <span>{t('save', 'Save')}</span>
           </Button>
         </ModalFooter>
       </Form>
diff --git a/src/components/interactive-builder/editable-value.component.tsx b/src/components/interactive-builder/editable-value.component.tsx
index 525e108..674f782 100644
--- a/src/components/interactive-builder/editable-value.component.tsx
+++ b/src/components/interactive-builder/editable-value.component.tsx
@@ -1,23 +1,18 @@
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { Button } from "@carbon/react";
-import { Edit } from "@carbon/react/icons";
-import ValueEditor from "./value-editor.component";
-import styles from "./editable-value.scss";
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button } from '@carbon/react';
+import { Edit } from '@carbon/react/icons';
+import ValueEditor from './value-editor.component';
+import styles from './editable-value.scss';
 
-type EditableValueProps = {
-  elementType?: "schema" | "page" | "section";
+interface EditableValueProps {
+  elementType?: 'schema' | 'page' | 'section';
   id: string;
   value: string;
   onSave: (value: string) => void;
-};
+}
 
-const EditableValue: React.FC<EditableValueProps> = ({
-  elementType,
-  id,
-  value,
-  onSave,
-}) => {
+const EditableValue: React.FC<EditableValueProps> = ({ elementType, id, value, onSave }) => {
   const { t } = useTranslation();
   const [editing, setEditing] = useState(false);
 
@@ -41,12 +36,12 @@ const EditableValue: React.FC<EditableValueProps> = ({
 
   return (
     <>
-      <h1 className={styles[`${elementType}` + "Label"]}>{value}</h1>
+      <h1 className={styles[`${elementType}` + 'Label']}>{value}</h1>
       <Button
         kind="ghost"
         size="sm"
         enterDelayMs={300}
-        iconDescription={t("editButton", "Edit {elementType}", {
+        iconDescription={t('editButton', 'Edit {elementType}', {
           elementType: elementType,
         })}
         onClick={() => setEditing(true)}
diff --git a/src/components/interactive-builder/interactive-builder.component.tsx b/src/components/interactive-builder/interactive-builder.component.tsx
index 8514138..14e49f2 100644
--- a/src/components/interactive-builder/interactive-builder.component.tsx
+++ b/src/components/interactive-builder/interactive-builder.component.tsx
@@ -1,44 +1,34 @@
-import React, { useCallback, useState } from "react";
-import { useTranslation } from "react-i18next";
-import {
-  DndContext,
-  KeyboardSensor,
-  MouseSensor,
-  useSensor,
-  useSensors,
-} from "@dnd-kit/core";
-import { Accordion, AccordionItem, Button, InlineLoading } from "@carbon/react";
-import { Add, TrashCan } from "@carbon/react/icons";
-import { useParams } from "react-router-dom";
-import { showToast, showNotification } from "@openmrs/esm-framework";
-import { OHRIFormSchema } from "@openmrs/openmrs-form-engine-lib";
-
-import type { Question, RouteParams, Schema } from "../../types";
-import AddQuestionModal from "./add-question-modal.component";
-import DeleteSectionModal from "./delete-section-modal.component";
-import DeletePageModal from "./delete-page-modal.component";
-import DeleteQuestionModal from "./delete-question-modal.component";
-import EditQuestionModal from "./edit-question-modal.component";
-import EditableValue from "./editable-value.component";
-import NewFormModal from "./new-form-modal.component";
-import PageModal from "./page-modal.component";
-import SectionModal from "./section-modal.component";
-import { DraggableQuestion } from "./draggable-question.component";
-import { Droppable } from "./droppable-container.component";
-
-import styles from "./interactive-builder.scss";
-
-type InteractiveBuilderProps = {
+import React, { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import type { DragEndEvent } from '@dnd-kit/core';
+import { DndContext, KeyboardSensor, MouseSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { Accordion, AccordionItem, Button, InlineLoading } from '@carbon/react';
+import { Add, TrashCan } from '@carbon/react/icons';
+import { useParams } from 'react-router-dom';
+import { showToast, showNotification } from '@openmrs/esm-framework';
+import type { OHRIFormSchema } from '@openmrs/openmrs-form-engine-lib';
+
+import type { Schema, Question } from '../../types';
+import AddQuestionModal from './add-question-modal.component';
+import DeleteSectionModal from './delete-section-modal.component';
+import DeletePageModal from './delete-page-modal.component';
+import DeleteQuestionModal from './delete-question-modal.component';
+import EditQuestionModal from './edit-question-modal.component';
+import EditableValue from './editable-value.component';
+import NewFormModal from './new-form-modal.component';
+import PageModal from './page-modal.component';
+import SectionModal from './section-modal.component';
+import { DraggableQuestion } from './draggable-question.component';
+import { Droppable } from './droppable-container.component';
+import styles from './interactive-builder.scss';
+
+interface InteractiveBuilderProps {
   isLoading: boolean;
   onSchemaChange: (schema: Schema) => void;
   schema: Schema;
-};
+}
 
-const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
-  isLoading,
-  onSchemaChange,
-  schema,
-}) => {
+const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({ isLoading, onSchemaChange, schema }) => {
   const mouseSensor = useSensor(MouseSensor, {
     activationConstraint: {
       distance: 10, // Enable sort function when dragging 10px 💡 here!!!
@@ -48,29 +38,30 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
   const sensors = useSensors(mouseSensor, keyboardSensor);
 
   const { t } = useTranslation();
-  const { formUuid } = useParams<RouteParams>();
-  const isEditingExistingForm = !!formUuid;
+  const { formUuid } = useParams<{ formUuid: string }>();
+  const isEditingExistingForm = Boolean(formUuid);
+
   const [pageIndex, setPageIndex] = useState(0);
-  const [sectionIndex, setSectionIndex] = useState(0);
   const [questionIndex, setQuestionIndex] = useState(0);
-  const [questionToEdit, setQuestionToEdit] = useState(null);
-  const [showNewFormModal, setShowNewFormModal] = useState(false);
+  const [questionToEdit, setQuestionToEdit] = useState<Question>();
+  const [sectionIndex, setSectionIndex] = useState(0);
   const [showAddPageModal, setShowAddPageModal] = useState(false);
   const [showAddQuestionModal, setShowAddQuestionModal] = useState(false);
-  const [showEditQuestionModal, setShowEditQuestionModal] = useState(false);
   const [showAddSectionModal, setShowAddSectionModal] = useState(false);
   const [showDeletePageModal, setShowDeletePageModal] = useState(false);
-  const [showDeleteSectionModal, setShowDeleteSectionModal] = useState(false);
   const [showDeleteQuestionModal, setShowDeleteQuestionModal] = useState(false);
+  const [showDeleteSectionModal, setShowDeleteSectionModal] = useState(false);
+  const [showEditQuestionModal, setShowEditQuestionModal] = useState(false);
+  const [showNewFormModal, setShowNewFormModal] = useState(false);
 
   const initializeSchema = useCallback(() => {
     const dummySchema: OHRIFormSchema = {
-      name: null,
+      name: '',
       pages: [],
-      processor: "EncounterFormProcessor",
-      encounterType: "",
+      processor: 'EncounterFormProcessor',
+      encounterType: '',
       referencedForms: [],
-      uuid: "",
+      uuid: '',
     };
 
     if (!schema) {
@@ -115,21 +106,21 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
         onSchemaChange({ ...schema });
 
         showToast({
-          title: t("success", "Success!"),
-          kind: "success",
+          title: t('success', 'Success!'),
+          kind: 'success',
           critical: true,
-          description: t("formRenamed", "Form renamed"),
+          description: t('formRenamed', 'Form renamed'),
         });
       } catch (error) {
         showNotification({
-          title: t("errorRenamingForm", "Error renaming form"),
-          kind: "error",
+          title: t('errorRenamingForm', 'Error renaming form'),
+          kind: 'error',
           critical: true,
           description: error?.message,
         });
       }
     },
-    [onSchemaChange, schema, t]
+    [onSchemaChange, schema, t],
   );
 
   const renamePage = useCallback(
@@ -142,21 +133,23 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
         onSchemaChange({ ...schema });
 
         showToast({
-          title: t("success", "Success!"),
-          kind: "success",
+          title: t('success', 'Success!'),
+          kind: 'success',
           critical: true,
-          description: t("pageRenamed", "Page renamed"),
+          description: t('pageRenamed', 'Page renamed'),
         });
       } catch (error) {
-        showNotification({
-          title: t("errorRenamingPage", "Error renaming page"),
-          kind: "error",
-          critical: true,
-          description: error?.message,
-        });
+        if (error instanceof Error) {
+          showNotification({
+            title: t('errorRenamingPage', 'Error renaming page'),
+            kind: 'error',
+            critical: true,
+            description: error?.message,
+          });
+        }
       }
     },
-    [onSchemaChange, schema, t]
+    [onSchemaChange, schema, t],
   );
 
   const renameSection = useCallback(
@@ -170,70 +163,71 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
         resetIndices();
 
         showToast({
-          title: t("success", "Success!"),
-          kind: "success",
+          title: t('success', 'Success!'),
+          kind: 'success',
           critical: true,
-          description: t("sectionRenamed", "Section renamed"),
+          description: t('sectionRenamed', 'Section renamed'),
         });
       } catch (error) {
-        showNotification({
-          title: t("errorRenamingSection", "Error renaming section"),
-          kind: "error",
-          critical: true,
-          description: error?.message,
-        });
+        if (error instanceof Error) {
+          showNotification({
+            title: t('errorRenamingSection', 'Error renaming section'),
+            kind: 'error',
+            critical: true,
+            description: error?.message,
+          });
+        }
       }
     },
-    [onSchemaChange, schema, t]
+    [onSchemaChange, schema, t],
   );
 
   const duplicateQuestion = useCallback(
-    (question, pageId: number, sectionId: number) => {
+    (question: Question, pageId: number, sectionId: number) => {
       try {
-        const questionToDuplicate = JSON.parse(JSON.stringify(question));
-        questionToDuplicate.id = questionToDuplicate.id + "Duplicate";
+        const questionToDuplicate: Question = JSON.parse(JSON.stringify(question));
+        questionToDuplicate.id = questionToDuplicate.id + 'Duplicate';
 
-        schema.pages[pageId].sections[sectionId].questions.push(
-          questionToDuplicate
-        );
+        schema.pages[pageId].sections[sectionId].questions.push(questionToDuplicate);
 
         onSchemaChange({ ...schema });
         resetIndices();
 
         showToast({
-          title: t("success", "Success!"),
-          kind: "success",
+          title: t('success', 'Success!'),
+          kind: 'success',
           critical: true,
           description: t(
-            "questionDuplicated",
-            "Question duplicated. Please change the duplicated question's ID to a unique, camelcased value"
+            'questionDuplicated',
+            "Question duplicated. Please change the duplicated question's ID to a unique, camelcased value",
           ),
         });
       } catch (error) {
-        showNotification({
-          title: t("errorDuplicatingQuestion", "Error duplicating question"),
-          kind: "error",
-          critical: true,
-          description: error?.message,
-        });
+        if (error instanceof Error) {
+          showNotification({
+            title: t('errorDuplicatingQuestion', 'Error duplicating question'),
+            kind: 'error',
+            critical: true,
+            description: error?.message,
+          });
+        }
       }
     },
-    [onSchemaChange, schema, t]
+    [onSchemaChange, schema, t],
   );
 
-  const handleDragEnd = (event) => {
+  const handleDragEnd = (event: DragEndEvent) => {
     const { active, delta } = event;
 
     if (active) {
       // Get the source information
-      const activeIdParts = active.id.split("-");
+      const activeIdParts = active.id.toString().split('-');
       const sourcePageIndex = parseInt(activeIdParts[1]);
       const sourceSectionIndex = parseInt(activeIdParts[2]);
       const sourceQuestionIndex = parseInt(activeIdParts[3]);
 
       // Move the question within the same section
-      const questions =
-        schema.pages[sourcePageIndex].sections[sourceSectionIndex].questions;
+      const questions = schema.pages[sourcePageIndex].sections[sourceSectionIndex].questions;
       const questionToMove = questions[sourceQuestionIndex];
       questions.splice(sourceQuestionIndex, 1);
       questions.splice(sourceQuestionIndex + delta.y, 0, questionToMove);
@@ -281,11 +275,7 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
 
   return (
     <div className={styles.container}>
-      {isLoading ? (
-        <InlineLoading
-          description={t("loadingSchema", "Loading schema") + "..."}
-        />
-      ) : null}
+      {isLoading ? <InlineLoading description={t('loadingSchema', 'Loading schema') + '...'} /> : null}
 
       {showNewFormModal ? (
         <NewFormModal
@@ -385,33 +375,19 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
         <>
           <div className={styles.header}>
             <div className={styles.explainer}>
+              <p>{t('welcomeHeading', 'Welcome to the Interactive Schema builder')}</p>
               <p>
                 {t(
-                  "welcomeHeading",
-                  "Welcome to the Interactive Schema builder"
-                )}
-              </p>
-              <p>
-                {t(
-                  "welcomeExplainer",
-                  "Add pages, sections and questions to your form. The Preview tab automatically updates as you build your form. For a detailed explanation of what constitutes an OpenMRS form schema, please read through the "
-                )}{" "}
-                <a
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  href={"https://ohri-docs.globalhealthapp.net/"}
-                >
-                  {t("formBuilderDocs", "form builder documentation")}.
+                  'welcomeExplainer',
+                  'Add pages, sections and questions to your form. The Preview tab automatically updates as you build your form. For a detailed explanation of what constitutes an OpenMRS form schema, please read through the ',
+                )}{' '}
+                <a target="_blank" rel="noopener noreferrer" href={'https://ohri-docs.globalhealthapp.net/'}>
+                  {t('formBuilderDocs', 'form builder documentation')}.
                 </a>
               </p>
             </div>
-            <Button
-              kind="ghost"
-              renderIcon={Add}
-              onClick={addPage}
-              iconDescription={t("addPage", "Add Page")}
-            >
-              {t("addPage", "Add Page")}
+            <Button kind="ghost" renderIcon={Add} onClick={addPage} iconDescription={t('addPage', 'Add Page')}>
+              {t('addPage', 'Add Page')}
             </Button>
           </div>
           <div className={styles.editorContainer}>
@@ -429,26 +405,22 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
         <div className={styles.header}>
           <p className={styles.explainer}>
             {t(
-              "interactiveBuilderHelperText",
-              "The Interactive Builder lets you build your form schema without writing JSON code. The Preview tab automatically updates as you build your form. When done, click Save Form to save your form."
+              'interactiveBuilderHelperText',
+              'The Interactive Builder lets you build your form schema without writing JSON code. The Preview tab automatically updates as you build your form. When done, click Save Form to save your form.',
             )}
           </p>
 
-          <Button
-            onClick={launchNewFormModal}
-            className={styles.startButton}
-            kind="ghost"
-          >
-            {t("startBuilding", "Start building")}
+          <Button onClick={launchNewFormModal} className={styles.startButton} kind="ghost">
+            {t('startBuilding', 'Start building')}
           </Button>
         </div>
       )}
 
-      <DndContext onDragEnd={(event) => handleDragEnd(event)} sensors={sensors}>
+      <DndContext onDragEnd={(event: DragEndEvent) => handleDragEnd(event)} sensors={sensors}>
         {schema?.pages?.length
           ? schema.pages.map((page, pageIndex) => (
               <div className={styles.editableFieldsContainer}>
-                <div style={{ display: "flex", alignItems: "center" }}>
+                <div style={{ display: 'flex', alignItems: 'center' }}>
                   <div className={styles.editorContainer}>
                     <EditableValue
                       elementType="page"
@@ -460,7 +432,7 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
                   <Button
                     hasIconOnly
                     enterDelayMs={300}
-                    iconDescription={t("deletePage", "Delete page")}
+                    iconDescription={t('deletePage', 'Delete page')}
                     kind="ghost"
                     onClick={() => {
                       setPageIndex(pageIndex);
@@ -474,8 +446,8 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
                   {page?.sections?.length ? (
                     <p className={styles.sectionExplainer}>
                       {t(
-                        "expandSectionExplainer",
-                        "Below are the sections linked to this page. Expand each section to add questions to it."
+                        'expandSectionExplainer',
+                        'Below are the sections linked to this page. Expand each section to add questions to it.',
                       )}
                     </p>
                   ) : null}
@@ -484,70 +456,51 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
                       <Accordion>
                         <AccordionItem title={section.label}>
                           <>
-                            <div
-                              style={{ display: "flex", alignItems: "center" }}
-                            >
+                            <div style={{ display: 'flex', alignItems: 'center' }}>
                               <div className={styles.editorContainer}>
                                 <EditableValue
                                   elementType="section"
                                   id="sectionNameInput"
                                   value={section.label}
-                                  onSave={(name) =>
-                                    renameSection(name, pageIndex, sectionIndex)
-                                  }
+                                  onSave={(name) => renameSection(name, pageIndex, sectionIndex)}
                                 />
                               </div>
                               <Button
                                 hasIconOnly
                                 enterDelayMs={300}
-                                iconDescription={t(
-                                  "deleteSection",
-                                  "Delete section"
-                                )}
+                                iconDescription={t('deleteSection', 'Delete section')}
                                 kind="ghost"
                                 onClick={() => {
                                   setPageIndex(pageIndex);
                                   setSectionIndex(sectionIndex);
                                   setShowDeleteSectionModal(true);
                                 }}
-                                renderIcon={(props) => (
-                                  <TrashCan size={16} {...props} />
-                                )}
+                                renderIcon={(props) => <TrashCan size={16} {...props} />}
                                 size="sm"
                               />
                             </div>
                             <div>
                               {section.questions?.length ? (
-                                section.questions.map(
-                                  (question, questionIndex) => (
-                                    <Droppable
-                                      id={`droppable-question-${pageIndex}-${sectionIndex}-${questionIndex}`}
-                                    >
-                                      <DraggableQuestion
-                                        key={question.id}
-                                        question={question}
-                                        pageIndex={pageIndex}
-                                        sectionIndex={sectionIndex}
-                                        questionIndex={questionIndex}
-                                        handleDuplicateQuestion={
-                                          duplicateQuestion
-                                        }
-                                        handleEditButtonClick={
-                                          handleEditButtonClick
-                                        }
-                                        handleDeleteButtonClick={
-                                          handleDeleteButtonClick
-                                        }
-                                        questionCount={section.questions.length}
-                                      />
-                                    </Droppable>
-                                  )
-                                )
+                                section.questions.map((question, questionIndex) => (
+                                  <Droppable id={`droppable-question-${pageIndex}-${sectionIndex}-${questionIndex}`}>
+                                    <DraggableQuestion
+                                      key={question.id}
+                                      question={question}
+                                      pageIndex={pageIndex}
+                                      sectionIndex={sectionIndex}
+                                      questionIndex={questionIndex}
+                                      handleDuplicateQuestion={duplicateQuestion}
+                                      handleEditButtonClick={handleEditButtonClick}
+                                      handleDeleteButtonClick={handleDeleteButtonClick}
+                                      questionCount={section.questions.length}
+                                    />
+                                  </Droppable>
+                                ))
                               ) : (
                                 <p className={styles.explainer}>
                                   {t(
-                                    "sectionExplainer",
-                                    "A section will typically contain one or more questions. Click the button below to add a question to this section."
+                                    'sectionExplainer',
+                                    'A section will typically contain one or more questions. Click the button below to add a question to this section.',
                                   )}
                                 </p>
                               )}
@@ -562,12 +515,9 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
                                   setPageIndex(pageIndex);
                                   setSectionIndex(sectionIndex);
                                 }}
-                                iconDescription={t(
-                                  "addQuestion",
-                                  "Add Question"
-                                )}
+                                iconDescription={t('addQuestion', 'Add Question')}
                               >
-                                {t("addQuestion", "Add Question")}
+                                {t('addQuestion', 'Add Question')}
                               </Button>
                             </div>
                           </>
@@ -577,8 +527,8 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
                   ) : (
                     <p className={styles.explainer}>
                       {t(
-                        "pageExplainer",
-                        "Pages typically have one or more sections. Click the button below to add a section to your page."
+                        'pageExplainer',
+                        'Pages typically have one or more sections. Click the button below to add a section to your page.',
                       )}
                     </p>
                   )}
@@ -591,9 +541,9 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
                     addSection();
                     setPageIndex(pageIndex);
                   }}
-                  iconDescription={t("addSection", "Add Section")}
+                  iconDescription={t('addSection', 'Add Section')}
                 >
-                  {t("addSection", "Add Section")}
+                  {t('addSection', 'Add Section')}
                 </Button>
               </div>
             ))
diff --git a/src/components/interactive-builder/new-form-modal.component.tsx b/src/components/interactive-builder/new-form-modal.component.tsx
index 60b6555..371bf52 100644
--- a/src/components/interactive-builder/new-form-modal.component.tsx
+++ b/src/components/interactive-builder/new-form-modal.component.tsx
@@ -1,5 +1,5 @@
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import {
   Button,
   ComposedModal,
@@ -10,26 +10,21 @@ import {
   ModalHeader,
   Stack,
   TextInput,
-} from "@carbon/react";
-import { showToast, showNotification } from "@openmrs/esm-framework";
-import type { Schema } from "../../types";
+} from '@carbon/react';
+import { showToast, showNotification } from '@openmrs/esm-framework';
+import type { Schema } from '../../types';
 
-type NewFormModalProps = {
+interface NewFormModalProps {
   schema: Schema;
   onSchemaChange: (schema: Schema) => void;
   onModalChange: (showModal: boolean) => void;
   showModal: boolean;
-};
+}
 
-const NewFormModal: React.FC<NewFormModalProps> = ({
-  schema,
-  onSchemaChange,
-  showModal,
-  onModalChange,
-}) => {
+const NewFormModal: React.FC<NewFormModalProps> = ({ schema, onSchemaChange, showModal, onModalChange }) => {
   const { t } = useTranslation();
-  const [formName, setFormName] = useState("");
-  const [formDescription, setFormDescription] = useState("");
+  const [formName, setFormName] = useState('');
+  const [formDescription, setFormDescription] = useState('');
 
   const updateSchema = (updates: Partial<Schema>) => {
     try {
@@ -37,18 +32,20 @@ const NewFormModal: React.FC<NewFormModalProps> = ({
       onSchemaChange(updatedSchema);
 
       showToast({
-        title: t("success", "Success!"),
-        kind: "success",
+        title: t('success', 'Success!'),
+        kind: 'success',
         critical: true,
-        description: t("formCreated", "New form created"),
+        description: t('formCreated', 'New form created'),
       });
     } catch (error) {
-      showNotification({
-        title: t("errorCreatingForm", "Error creating form"),
-        kind: "error",
-        critical: true,
-        description: error?.message,
-      });
+      if (error instanceof Error) {
+        showNotification({
+          title: t('errorCreatingForm', 'Error creating form'),
+          kind: 'error',
+          critical: true,
+          description: error?.message,
+        });
+      }
     }
   };
 
@@ -64,41 +61,30 @@ const NewFormModal: React.FC<NewFormModalProps> = ({
   };
 
   return (
-    <ComposedModal
-      open={showModal}
-      onClose={() => onModalChange(false)}
-      preventCloseOnClickOutside
-    >
-      <ModalHeader title={t("createNewForm", "Create a new form")} />
-      <Form onSubmit={(event) => event.preventDefault()}>
+    <ComposedModal open={showModal} onClose={() => onModalChange(false)} preventCloseOnClickOutside>
+      <ModalHeader title={t('createNewForm', 'Create a new form')} />
+      <Form onSubmit={(event: React.SyntheticEvent) => event.preventDefault()}>
         <ModalBody>
           <Stack gap={5}>
-            <FormGroup legendText={""}>
+            <FormGroup legendText={''}>
               <TextInput
                 id="formName"
-                labelText={t("formName", "Form name")}
-                placeholder={t(
-                  "formNamePlaceholder",
-                  "What the form is called in the system"
-                )}
+                labelText={t('formName', 'Form name')}
+                placeholder={t('namePlaceholder', 'What the form is called in the system')}
                 value={formName}
-                onChange={(event: React.ChangeEvent<HTMLInputElement>) =>
-                  setFormName(event.target.value)
-                }
+                onChange={(event: React.ChangeEvent<HTMLInputElement>) => setFormName(event.target.value)}
               />
             </FormGroup>
-            <FormGroup legendText={""}>
+            <FormGroup legendText={''}>
               <TextInput
                 id="formDescription"
-                labelText={t("formDescription", "Form description")}
+                labelText={t('formDescription', 'Form description')}
                 placeholder={t(
-                  "formDescriptionPlaceholder",
-                  "A short description of the form e.g. A form for collecting COVID-19 symptoms"
+                  'formDescriptionPlaceholder',
+                  'A short description of the form e.g. A form for collecting COVID-19 symptoms',
                 )}
                 value={formDescription}
-                onChange={(event: React.ChangeEvent<HTMLInputElement>) =>
-                  setFormDescription(event.target.value)
-                }
+                onChange={(event: React.ChangeEvent<HTMLInputElement>) => setFormDescription(event.target.value)}
               />
             </FormGroup>
           </Stack>
@@ -106,10 +92,10 @@ const NewFormModal: React.FC<NewFormModalProps> = ({
       </Form>
       <ModalFooter>
         <Button kind="secondary" onClick={() => onModalChange(false)}>
-          {t("cancel", "Cancel")}
+          {t('cancel', 'Cancel')}
         </Button>
         <Button disabled={!formName} onClick={handleCreateForm}>
-          <span>{t("createForm", "Create Form")}</span>
+          <span>{t('createForm', 'Create Form')}</span>
         </Button>
       </ModalFooter>
     </ComposedModal>
diff --git a/src/components/interactive-builder/page-modal.component.tsx b/src/components/interactive-builder/page-modal.component.tsx
index fe8e2ff..ee94076 100644
--- a/src/components/interactive-builder/page-modal.component.tsx
+++ b/src/components/interactive-builder/page-modal.component.tsx
@@ -1,33 +1,19 @@
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import {
-  Button,
-  ComposedModal,
-  Form,
-  FormGroup,
-  ModalBody,
-  ModalFooter,
-  ModalHeader,
-  TextInput,
-} from "@carbon/react";
-import { showToast, showNotification } from "@openmrs/esm-framework";
-import type { Schema } from "../../types";
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button, ComposedModal, Form, FormGroup, ModalBody, ModalFooter, ModalHeader, TextInput } from '@carbon/react';
+import { showToast, showNotification } from '@openmrs/esm-framework';
+import type { Schema } from '../../types';
 
-type PageModalProps = {
+interface PageModalProps {
   schema: Schema;
   onSchemaChange: (schema: Schema) => void;
   showModal: boolean;
   onModalChange: (showModal: boolean) => void;
-};
+}
 
-const PageModal: React.FC<PageModalProps> = ({
-  schema,
-  onSchemaChange,
-  showModal,
-  onModalChange,
-}) => {
+const PageModal: React.FC<PageModalProps> = ({ schema, onSchemaChange, showModal, onModalChange }) => {
   const { t } = useTranslation();
-  const [pageTitle, setPageTitle] = useState("");
+  const [pageTitle, setPageTitle] = useState('');
 
   const handleUpdatePageTitle = () => {
     updatePages();
@@ -43,49 +29,47 @@ const PageModal: React.FC<PageModalProps> = ({
         });
 
         onSchemaChange({ ...schema });
-        setPageTitle("");
+        setPageTitle('');
       }
       showToast({
-        title: t("success", "Success!"),
-        kind: "success",
+        title: t('success', 'Success!'),
+        kind: 'success',
         critical: true,
-        description: t("pageCreated", "New page created"),
+        description: t('pageCreated', 'New page created'),
       });
     } catch (error) {
-      showNotification({
-        title: t("errorCreatingPage", "Error creating page"),
-        kind: "error",
-        critical: true,
-        description: error?.message,
-      });
+      if (error instanceof Error) {
+        showNotification({
+          title: t('errorCreatingPage', 'Error creating page'),
+          kind: 'error',
+          critical: true,
+          description: error?.message,
+        });
+      }
     }
   };
 
   return (
-    <ComposedModal
-      open={showModal}
-      onClose={() => onModalChange(false)}
-      preventCloseOnClickOutside
-    >
-      <ModalHeader title={t("createNewPage", "Create a new page")} />
-      <Form onSubmit={(event) => event.preventDefault()}>
+    <ComposedModal open={showModal} onClose={() => onModalChange(false)} preventCloseOnClickOutside>
+      <ModalHeader title={t('createNewPage', 'Create a new page')} />
+      <Form onSubmit={(event: React.SyntheticEvent) => event.preventDefault()}>
         <ModalBody>
-          <FormGroup legendText={""}>
+          <FormGroup legendText={''}>
             <TextInput
               id="pageTitle"
-              labelText={t("enterPageTitle", "Enter a title for your new page")}
+              labelText={t('enterPageTitle', 'Enter a title for your new page')}
               value={pageTitle}
-              onChange={(event) => setPageTitle(event.target.value)}
+              onChange={(event: React.ChangeEvent<HTMLInputElement>) => setPageTitle(event.target.value)}
             />
           </FormGroup>
         </ModalBody>
       </Form>
       <ModalFooter>
         <Button onClick={() => onModalChange(false)} kind="secondary">
-          {t("cancel", "Cancel")}
+          {t('cancel', 'Cancel')}
         </Button>
         <Button disabled={!pageTitle} onClick={handleUpdatePageTitle}>
-          <span>{t("save", "Save")}</span>
+          <span>{t('save', 'Save')}</span>
         </Button>
       </ModalFooter>
     </ComposedModal>
diff --git a/src/components/interactive-builder/question-modal.scss b/src/components/interactive-builder/question-modal.scss
index fb843e1..a13a639 100644
--- a/src/components/interactive-builder/question-modal.scss
+++ b/src/components/interactive-builder/question-modal.scss
@@ -104,3 +104,10 @@
     width: 100%;
   }
 }
+
+.error {
+  width: 100%;
+  max-width: unset;
+  padding: '0rem';
+  margin-bottom: 1rem;
+}
diff --git a/src/components/interactive-builder/section-modal.component.tsx b/src/components/interactive-builder/section-modal.component.tsx
index 27180b4..7e8ba7d 100644
--- a/src/components/interactive-builder/section-modal.component.tsx
+++ b/src/components/interactive-builder/section-modal.component.tsx
@@ -1,26 +1,17 @@
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import {
-  Button,
-  ComposedModal,
-  Form,
-  FormGroup,
-  ModalBody,
-  ModalFooter,
-  ModalHeader,
-  TextInput,
-} from "@carbon/react";
-import { showToast, showNotification } from "@openmrs/esm-framework";
-import type { Schema } from "../../types";
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button, ComposedModal, Form, FormGroup, ModalBody, ModalFooter, ModalHeader, TextInput } from '@carbon/react';
+import { showToast, showNotification } from '@openmrs/esm-framework';
+import type { Schema } from '../../types';
 
-type SectionModalProps = {
+interface SectionModalProps {
   schema: Schema;
   onSchemaChange: (schema: Schema) => void;
   pageIndex: number;
   resetIndices: () => void;
   showModal: boolean;
   onModalChange: (showModal: boolean) => void;
-};
+}
 
 const SectionModal: React.FC<SectionModalProps> = ({
   schema,
@@ -31,7 +22,7 @@ const SectionModal: React.FC<SectionModalProps> = ({
   onModalChange,
 }) => {
   const { t } = useTranslation();
-  const [sectionTitle, setSectionTitle] = useState("");
+  const [sectionTitle, setSectionTitle] = useState('');
 
   const handleUpdatePageSections = () => {
     updateSections();
@@ -42,54 +33,52 @@ const SectionModal: React.FC<SectionModalProps> = ({
     try {
       schema.pages[pageIndex]?.sections?.push({
         label: sectionTitle,
-        isExpanded: "true",
+        isExpanded: 'true',
         questions: [],
       });
       onSchemaChange({ ...schema });
-      setSectionTitle("");
+      setSectionTitle('');
       resetIndices();
 
       showToast({
-        title: t("success", "Success!"),
-        kind: "success",
+        title: t('success', 'Success!'),
+        kind: 'success',
         critical: true,
-        description: t("sectionCreated", "New section created"),
+        description: t('sectionCreated', 'New section created'),
       });
     } catch (error) {
-      showNotification({
-        title: t("errorCreatingSection", "Error creating section"),
-        kind: "error",
-        critical: true,
-        description: error?.message,
-      });
+      if (error instanceof Error) {
+        showNotification({
+          title: t('errorCreatingSection', 'Error creating section'),
+          kind: 'error',
+          critical: true,
+          description: error?.message,
+        });
+      }
     }
   };
 
   return (
-    <ComposedModal
-      open={showModal}
-      onClose={() => onModalChange(false)}
-      preventCloseOnClickOutside
-    >
-      <ModalHeader title={t("createNewSection", "Create a new section")} />
-      <Form onSubmit={(event) => event.preventDefault()}>
+    <ComposedModal open={showModal} onClose={() => onModalChange(false)} preventCloseOnClickOutside>
+      <ModalHeader title={t('createNewSection', 'Create a new section')} />
+      <Form onSubmit={(event: React.SyntheticEvent) => event.preventDefault()}>
         <ModalBody>
-          <FormGroup legendText={""}>
+          <FormGroup legendText={''}>
             <TextInput
               id="sectionTitle"
-              labelText={t("enterSectionTitle", "Enter a section title")}
+              labelText={t('enterSectionTitle', 'Enter a section title')}
               value={sectionTitle}
-              onChange={(event) => setSectionTitle(event.target.value)}
+              onChange={(event: React.ChangeEvent<HTMLInputElement>) => setSectionTitle(event.target.value)}
             />
           </FormGroup>
         </ModalBody>
       </Form>
       <ModalFooter>
         <Button onClick={() => onModalChange(false)} kind="secondary">
-          {t("cancel", "Cancel")}
+          {t('cancel', 'Cancel')}
         </Button>
         <Button disabled={!sectionTitle} onClick={handleUpdatePageSections}>
-          <span>{t("save", "Save")}</span>
+          <span>{t('save', 'Save')}</span>
         </Button>
       </ModalFooter>
     </ComposedModal>
diff --git a/src/components/interactive-builder/value-editor.component.tsx b/src/components/interactive-builder/value-editor.component.tsx
index d79f2aa..2d58aaa 100644
--- a/src/components/interactive-builder/value-editor.component.tsx
+++ b/src/components/interactive-builder/value-editor.component.tsx
@@ -1,23 +1,18 @@
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { Button, TextInput } from "@carbon/react";
-import { Close, Save } from "@carbon/react/icons";
-import styles from "./value-editor.scss";
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button, TextInput } from '@carbon/react';
+import { Close, Save } from '@carbon/react/icons';
+import styles from './value-editor.scss';
 
-type ValueEditorProps = {
+interface ValueEditorProps {
   id: string;
   handleCancel: () => void;
   handleSave: (value: string) => void;
   onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   value: string;
-};
+}
 
-const ValueEditor: React.FC<ValueEditorProps> = ({
-  id,
-  handleCancel,
-  handleSave,
-  value,
-}) => {
+const ValueEditor: React.FC<ValueEditorProps> = ({ id, handleCancel, handleSave, value }) => {
   const { t } = useTranslation();
   const [tmpValue, setTmpValue] = useState(value);
 
@@ -27,7 +22,7 @@ const ValueEditor: React.FC<ValueEditorProps> = ({
         id={id}
         labelText=""
         value={tmpValue}
-        onChange={(event) => setTmpValue(event.target.value)}
+        onChange={(event: React.ChangeEvent<HTMLInputElement>) => setTmpValue(event.target.value)}
       />
       <div className={styles.actionButtons}>
         <Button
@@ -36,7 +31,7 @@ const ValueEditor: React.FC<ValueEditorProps> = ({
           kind="primary"
           onClick={() => handleSave(tmpValue)}
         >
-          {t("saveButtonText", "Save")}
+          {t('saveButtonText', 'Save')}
         </Button>
         <Button
           size="md"
@@ -44,7 +39,7 @@ const ValueEditor: React.FC<ValueEditorProps> = ({
           kind="secondary"
           onClick={handleCancel}
         >
-          {t("cancelButtonText", "Cancel")}
+          {t('cancelButtonText', 'Cancel')}
         </Button>
       </div>
     </>
diff --git a/src/components/modals/save-form-modal.component.tsx b/src/components/modals/save-form-modal.component.tsx
index 2c9751f..c7c99a7 100644
--- a/src/components/modals/save-form-modal.component.tsx
+++ b/src/components/modals/save-form-modal.component.tsx
@@ -1,6 +1,6 @@
-import React, { SyntheticEvent, useCallback, useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { useParams } from "react-router-dom";
+import React, { type SyntheticEvent, useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useParams } from 'react-router-dom';
 import {
   Button,
   ComposedModal,
@@ -15,8 +15,8 @@ import {
   Stack,
   TextArea,
   TextInput,
-} from "@carbon/react";
-import { navigate, showNotification, showToast } from "@openmrs/esm-framework";
+} from '@carbon/react';
+import { navigate, showNotification, showToast } from '@openmrs/esm-framework';
 
 import {
   deleteClobdata,
@@ -25,46 +25,44 @@ import {
   saveNewForm,
   updateForm,
   uploadSchema,
-} from "../../forms.resource";
-import type { EncounterType, Resource, RouteParams, Schema } from "../../types";
-import { useEncounterTypes } from "../../hooks/useEncounterTypes";
-import { useForm } from "../../hooks/useForm";
-import styles from "./save-form-modal.scss";
+} from '../../forms.resource';
+import type { EncounterType } from '../../types';
+import type { Resource, Schema } from '../../types';
+import { useEncounterTypes } from '../../hooks/useEncounterTypes';
+import { useForm } from '../../hooks/useForm';
+import styles from './save-form-modal.scss';
 
-type FormGroupData = {
+interface FormGroupData {
   name: string;
   uuid: string;
   version: string;
   encounterType: EncounterType;
   description: string;
   resources: Array<Resource>;
-};
+}
 
-type SaveFormModalProps = {
+interface SaveFormModalProps {
   form: FormGroupData;
   schema: Schema;
-};
+}
 
 const SaveFormModal: React.FC<SaveFormModalProps> = ({ form, schema }) => {
   const { t } = useTranslation();
-  const { formUuid } = useParams<RouteParams>();
+  const { encounterTypes } = useEncounterTypes();
+  const { formUuid } = useParams<{ formUuid: string }>();
   const { mutate } = useForm(formUuid);
   const isSavingNewForm = !formUuid;
-  const { encounterTypes } = useEncounterTypes();
-  const [openSaveFormModal, setOpenSaveFormModal] = useState(false);
-  const [openConfirmSaveModal, setOpenConfirmSaveModal] = useState(false);
-  const [saveState, setSaveState] = useState("");
-  const [isSavingForm, setIsSavingForm] = useState(false);
+  const [description, setDescription] = useState('');
+  const [encounterType, setEncounterType] = useState('');
   const [isInvalidVersion, setIsInvalidVersion] = useState(false);
-  const [name, setName] = useState("");
-  const [description, setDescription] = useState("");
-  const [encounterType, setEncounterType] = useState("");
-  const [version, setVersion] = useState("");
+  const [isSavingForm, setIsSavingForm] = useState(false);
+  const [name, setName] = useState('');
+  const [openConfirmSaveModal, setOpenConfirmSaveModal] = useState(false);
+  const [openSaveFormModal, setOpenSaveFormModal] = useState(false);
+  const [saveState, setSaveState] = useState('');
+  const [version, setVersion] = useState('');
 
-  const clearDraftFormSchema = useCallback(
-    () => localStorage.removeItem("formSchema"),
-    []
-  );
+  const clearDraftFormSchema = useCallback(() => localStorage.removeItem('formSchema'), []);
 
   useEffect(() => {
     if (schema) {
@@ -82,23 +80,21 @@ const SaveFormModal: React.FC<SaveFormModalProps> = ({ form, schema }) => {
   };
 
   const openModal = useCallback((option: string) => {
-    if (option === "newVersion") {
-      setSaveState("newVersion");
+    if (option === 'newVersion') {
+      setSaveState('newVersion');
       setOpenConfirmSaveModal(false);
       setOpenSaveFormModal(true);
-    } else if (option === "new") {
-      setSaveState("newVersion");
+    } else if (option === 'new') {
+      setSaveState('newVersion');
       setOpenSaveFormModal(true);
-    } else if (option === "update") {
-      setSaveState("update");
+    } else if (option === 'update') {
+      setSaveState('update');
       setOpenConfirmSaveModal(false);
       setOpenSaveFormModal(true);
     }
   }, []);
 
-  const handleSubmit = async (
-    event: SyntheticEvent<{ name: { value: string } }>
-  ) => {
+  const handleSubmit = async (event: SyntheticEvent<{ name: { value: string } }>) => {
     event.preventDefault();
     setIsSavingForm(true);
 
@@ -109,20 +105,14 @@ const SaveFormModal: React.FC<SaveFormModalProps> = ({ form, schema }) => {
       description: { value: string };
     };
 
-    if (saveState === "new" || saveState === "newVersion") {
+    if (saveState === 'new' || saveState === 'newVersion') {
       const name = target.name.value,
         version = target.version.value,
         encounterType = target.encounterType.value,
         description = target.description.value;
 
       try {
-        const newForm = await saveNewForm(
-          name,
-          version,
-          false,
-          description,
-          encounterType
-        );
+        const newForm = await saveNewForm(name, version, false, description, encounterType);
 
         const updatedSchema = {
           ...schema,
@@ -135,32 +125,32 @@ const SaveFormModal: React.FC<SaveFormModalProps> = ({ form, schema }) => {
 
         const newValueReference = await uploadSchema(updatedSchema);
         await getResourceUuid(newForm.uuid, newValueReference.toString());
+
         showToast({
-          title: t("formCreated", "New form created"),
-          kind: "success",
+          title: t('formCreated', 'New form created'),
+          kind: 'success',
           critical: true,
           description:
-            name +
-            " " +
-            t(
-              "saveSuccessMessage",
-              "was created successfully. It is now visible on the Forms dashboard."
-            ),
+            name + ' ' + t('saveSuccessMessage', 'was created successfully. It is now visible on the Forms dashboard.'),
         });
         clearDraftFormSchema();
         setOpenSaveFormModal(false);
-        mutate();
+        await mutate();
+
         navigate({
           to: `${window.spaBase}/form-builder/edit/${newForm.uuid}`,
         });
+
         setIsSavingForm(false);
       } catch (error) {
-        showNotification({
-          title: t("errorCreatingForm", "Error creating form"),
-          kind: "error",
-          critical: true,
-          description: error?.message,
-        });
+        if (error instanceof Error) {
+          showNotification({
+            title: t('errorCreatingForm', 'Error creating form'),
+            kind: 'error',
+            critical: true,
+            description: error?.message,
+          });
+        }
         setIsSavingForm(false);
       }
     } else {
@@ -176,75 +166,59 @@ const SaveFormModal: React.FC<SaveFormModalProps> = ({ form, schema }) => {
         await updateForm(form.uuid, name, version, description, encounterType);
 
         if (form?.resources?.length !== 0) {
-          const existingValueReferenceUuid = form?.resources?.find(
-            ({ name }) => name === "JSON schema"
-          )?.valueReference;
+          const existingValueReferenceUuid =
+            form?.resources?.find(({ name }) => name === 'JSON schema')?.valueReference ?? '';
 
           await deleteClobdata(existingValueReferenceUuid)
-            .catch((error) =>
-              console.error("Unable to delete clobdata: ", error)
-            )
+            .catch((error) => console.error('Unable to delete clobdata: ', error))
             .then(() => {
-              const resourceUuidToDelete = form?.resources?.find(
-                ({ name }) => name === "JSON schema"
-              )?.uuid;
+              const resourceUuidToDelete = form?.resources?.find(({ name }) => name === 'JSON schema')?.uuid ?? '';
 
               deleteResource(form?.uuid, resourceUuidToDelete)
                 .then(() => {
                   uploadSchema(updatedSchema)
                     .then((result) => {
                       getResourceUuid(form?.uuid, result.toString())
-                        .then(() => {
+                        .then(async () => {
                           showToast({
-                            title: t("success", "Success!"),
-                            kind: "success",
+                            title: t('success', 'Success!'),
+                            kind: 'success',
                             critical: true,
-                            description:
-                              form?.name +
-                              " " +
-                              t("saveSuccess", "was updated successfully"),
+                            description: form?.name + ' ' + t('saveSuccess', 'was updated successfully'),
                           });
                           setOpenSaveFormModal(false);
-                          mutate();
+                          await mutate();
 
                           setIsSavingForm(false);
                         })
                         .catch((err) => {
-                          console.error(
-                            "Error associating form with new schema: ",
-                            err
-                          );
+                          console.error('Error associating form with new schema: ', err);
 
                           showNotification({
-                            title: t("errorSavingForm", "Unable to save form"),
-                            kind: "error",
+                            title: t('errorSavingForm', 'Unable to save form'),
+                            kind: 'error',
                             critical: true,
                             description: t(
-                              "saveError",
-                              "There was a problem saving your form. Try saving again. To ensure you don’t lose your changes, copy them, reload the page and then paste them back into the editor."
+                              'saveError',
+                              'There was a problem saving your form. Try saving again. To ensure you don’t lose your changes, copy them, reload the page and then paste them back into the editor.',
                             ),
                           });
                         });
                     })
-                    .catch((err) =>
-                      console.error("Error uploading new schema: ", err)
-                    );
+                    .catch((err) => console.error('Error uploading new schema: ', err));
                 })
-                .catch((error) =>
-                  console.error(
-                    "Unable to create new clobdata resource: ",
-                    error
-                  )
-                );
+                .catch((error) => console.error('Unable to create new clobdata resource: ', error));
             });
         }
       } catch (error) {
-        showNotification({
-          title: t("errorUpdatingForm", "Error updating form"),
-          kind: "error",
-          critical: true,
-          description: error?.message,
-        });
+        if (error instanceof Error) {
+          showNotification({
+            title: t('errorUpdatingForm', 'Error updating form'),
+            kind: 'error',
+            critical: true,
+            description: error?.message,
+          });
+        }
 
         setIsSavingForm(false);
       }
@@ -259,74 +233,62 @@ const SaveFormModal: React.FC<SaveFormModalProps> = ({ form, schema }) => {
           onClose={() => setOpenConfirmSaveModal(false)}
           preventCloseOnClickOutside
         >
-          <ModalHeader title={t("saveConfirmation", "Save or Update form")} />
+          <ModalHeader title={t('saveConfirmation', 'Save or Update form')} />
           <ModalBody>
             <p>
               {t(
-                "saveAsModal",
-                "A version of the form you're working on already exists on the server. Do you want to update the form or to save it as a new version?"
+                'saveAsModal',
+                "A version of the form you're working on already exists on the server. Do you want to update the form or to save it as a new version?",
               )}
             </p>
           </ModalBody>
           <ModalFooter>
-            <Button kind={"tertiary"} onClick={() => openModal("update")}>
-              {t("updateExistingForm", "Update existing version")}
+            <Button kind={'tertiary'} onClick={() => openModal('update')}>
+              {t('updateExistingForm', 'Update existing version')}
             </Button>
-            <Button kind={"primary"} onClick={() => openModal("newVersion")}>
-              {t("saveAsNewForm", "Save as a new")}
+            <Button kind={'primary'} onClick={() => openModal('newVersion')}>
+              {t('saveAsNewForm', 'Save as a new')}
             </Button>
-            <Button
-              kind={"secondary"}
-              onClick={() => setOpenConfirmSaveModal(false)}
-            >
-              {t("close", "Close")}
+            <Button kind={'secondary'} onClick={() => setOpenConfirmSaveModal(false)}>
+              {t('close', 'Close')}
             </Button>
           </ModalFooter>
         </ComposedModal>
       ) : null}
 
-      <ComposedModal
-        open={openSaveFormModal}
-        onClose={() => setOpenSaveFormModal(false)}
-        preventCloseOnClickOutside
-      >
-        <ModalHeader
-          title={t("saveFormToServer", "Save form to server")}
-        ></ModalHeader>
+      <ComposedModal open={openSaveFormModal} onClose={() => setOpenSaveFormModal(false)} preventCloseOnClickOutside>
+        <ModalHeader title={t('saveFormToServer', 'Save form to server')}></ModalHeader>
         <Form onSubmit={handleSubmit} className={styles.saveFormBody}>
           <ModalBody>
             <p>
               {t(
-                "saveExplainerText",
-                "Clicking the Save button saves your form schema to the database. To see your form in your frontend, you first need to publish it. Click the Publish button to publish your form."
+                'saveExplainerText',
+                'Clicking the Save button saves your form schema to the database. To see your form in your frontend, you first need to publish it. Click the Publish button to publish your form.',
               )}
             </p>
-            <FormGroup legendText={""}>
+            <FormGroup legendText={''}>
               <Stack gap={5}>
                 <TextInput
                   id="name"
-                  labelText={t("formName", "Form name")}
-                  onChange={(event) => setName(event.target.value)}
-                  placeholder={t(
-                    "formNamePlaceholder",
-                    "e.g. OHRI Express Care Patient Encounter Form"
-                  )}
+                  labelText={t('formName', 'Form name')}
+                  onChange={(event: React.ChangeEvent<HTMLInputElement>) => setName(event.target.value)}
+                  placeholder={t('formNamePlaceholder', 'e.g. OHRI Express Care Patient Encounter Form')}
                   required
                   value={name}
                 />
-                {saveState === "update" ? (
+                {saveState === 'update' ? (
                   <TextInput
                     id="uuid"
-                    labelText={t("autogeneratedUuid", "UUID (auto-generated")}
+                    labelText={t('autogeneratedUuid', 'UUID (auto-generated')}
                     disabled
                     value={form?.uuid}
                   />
                 ) : null}
                 <TextInput
                   id="version"
-                  labelText={t("version", "Version")}
+                  labelText={t('version', 'Version')}
                   placeholder="e.g. 1.0"
-                  onChange={(event) => {
+                  onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
                     checkVersionValidity(event.target.value);
 
                     if (!isInvalidVersion) {
@@ -334,49 +296,39 @@ const SaveFormModal: React.FC<SaveFormModalProps> = ({ form, schema }) => {
                     }
                   }}
                   invalid={isInvalidVersion}
-                  invalidText={t(
-                    "invalidVersionWarning",
-                    "Version can only start with with a number"
-                  )}
+                  invalidText={t('invalidVersionWarning', 'Version can only start with with a number')}
                   required
                   value={version}
                 />
                 <Select
                   id="encounterType"
-                  labelText={t("encounterType", "Encounter Type")}
-                  onChange={(event) => setEncounterType(event.target.value)}
+                  labelText={t('encounterType', 'Encounter Type')}
+                  onChange={(event: React.ChangeEvent<HTMLSelectElement>) => setEncounterType(event.target.value)}
                   required
                   value={encounterType}
                 >
                   {!encounterType ? (
                     <SelectItem
-                      text={t(
-                        "chooseEncounterType",
-                        "Choose an encounter type to link your form to"
-                      )}
+                      text={t('chooseEncounterType', 'Choose an encounter type to link your form to')}
                       value=""
                     />
                   ) : null}
                   {encounterTypes?.length > 0 &&
                     encounterTypes.map((encounterType) => (
-                      <SelectItem
-                        key={encounterType.uuid}
-                        value={encounterType.uuid}
-                        text={encounterType.name}
-                      >
+                      <SelectItem key={encounterType.uuid} value={encounterType.uuid} text={encounterType.name}>
                         {encounterType.name}
                       </SelectItem>
                     ))}
                 </Select>
                 <TextArea
-                  labelText={t("description", "Description")}
-                  onChange={(event) => setDescription(event.target.value)}
+                  labelText={t('description', 'Description')}
+                  onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => setDescription(event.target.value)}
                   cols={6}
                   rows={3}
                   id="description"
                   placeholder={t(
-                    "descriptionPlaceholderText",
-                    "e.g. A form used to collect encounter data for clients in the Express Care program."
+                    'descriptionPlaceholderText',
+                    'e.g. A form used to collect encounter data for clients in the Express Care program.',
                   )}
                   required
                   value={description}
@@ -385,22 +337,19 @@ const SaveFormModal: React.FC<SaveFormModalProps> = ({ form, schema }) => {
             </FormGroup>
           </ModalBody>
           <ModalFooter>
-            <Button
-              kind={"secondary"}
-              onClick={() => setOpenSaveFormModal(false)}
-            >
-              {t("close", "Close")}
+            <Button kind={'secondary'} onClick={() => setOpenSaveFormModal(false)}>
+              {t('close', 'Close')}
             </Button>
             <Button
               disabled={isSavingForm || isInvalidVersion}
               className={styles.spinner}
-              type={"submit"}
-              kind={"primary"}
+              type={'submit'}
+              kind={'primary'}
             >
               {isSavingForm ? (
-                <InlineLoading description={t("saving", "Saving") + "..."} />
+                <InlineLoading description={t('saving', 'Saving') + '...'} />
               ) : (
-                <span>{t("save", "Save")}</span>
+                <span>{t('save', 'Save')}</span>
               )}
             </Button>
           </ModalFooter>
@@ -410,11 +359,9 @@ const SaveFormModal: React.FC<SaveFormModalProps> = ({ form, schema }) => {
       <Button
         disabled={!schema}
         kind="primary"
-        onClick={() =>
-          isSavingNewForm ? openModal("new") : setOpenConfirmSaveModal(true)
-        }
+        onClick={() => (isSavingNewForm ? openModal('new') : setOpenConfirmSaveModal(true))}
       >
-        {t("saveForm", "Save form")}
+        {t('saveForm', 'Save form')}
       </Button>
     </>
   );
diff --git a/src/components/pagination/index.ts b/src/components/pagination/index.ts
index 9e41f89..97fff14 100644
--- a/src/components/pagination/index.ts
+++ b/src/components/pagination/index.ts
@@ -1,2 +1,2 @@
-export * from "./pagination.component";
-export * from "./usePaginationInfo";
+export * from './pagination.component';
+export * from './usePaginationInfo';
diff --git a/src/components/pagination/pagination.component.tsx b/src/components/pagination/pagination.component.tsx
index 80558e5..e9b99c9 100644
--- a/src/components/pagination/pagination.component.tsx
+++ b/src/components/pagination/pagination.component.tsx
@@ -1,8 +1,8 @@
-import React from "react";
-import { Pagination } from "@carbon/react";
-import { useLayoutType } from "@openmrs/esm-framework";
-import { usePaginationInfo } from "./usePaginationInfo";
-import styles from "./pagination.scss";
+import React from 'react';
+import { Pagination } from '@carbon/react';
+import { useLayoutType } from '@openmrs/esm-framework';
+import { usePaginationInfo } from './usePaginationInfo';
+import styles from './pagination.scss';
 
 interface FormBuilderPaginationProps {
   currentItems: number;
@@ -19,13 +19,8 @@ export const FormBuilderPagination: React.FC<FormBuilderPaginationProps> = ({
   pageNumber,
   currentItems,
 }) => {
-  const { itemsDisplayed, pageSizes } = usePaginationInfo(
-    pageSize,
-    totalItems,
-    pageNumber,
-    currentItems
-  );
-  const isTablet = useLayoutType() === "tablet";
+  const { itemsDisplayed, pageSizes } = usePaginationInfo(pageSize, totalItems, pageNumber, currentItems);
+  const isTablet = useLayoutType() === 'tablet';
 
   return (
     <>
@@ -39,7 +34,7 @@ export const FormBuilderPagination: React.FC<FormBuilderPaginationProps> = ({
             pageSizes={pageSizes}
             totalItems={totalItems}
             onChange={onPageNumberChange}
-            size={isTablet ? "lg" : "sm"}
+            size={isTablet ? 'lg' : 'sm'}
           />
         </div>
       )}
diff --git a/src/components/pagination/usePaginationInfo.ts b/src/components/pagination/usePaginationInfo.ts
index 55e5a9b..b3f77d7 100644
--- a/src/components/pagination/usePaginationInfo.ts
+++ b/src/components/pagination/usePaginationInfo.ts
@@ -1,12 +1,7 @@
-import { useMemo } from "react";
-import { useTranslation } from "react-i18next";
+import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 
-export function usePaginationInfo(
-  pageSize: number,
-  totalItems: number,
-  pageNumber: number,
-  currentItems: number
-) {
+export function usePaginationInfo(pageSize: number, totalItems: number, pageNumber: number, currentItems: number) {
   const { t } = useTranslation();
 
   const pageSizes = useMemo(() => {
@@ -32,6 +27,6 @@ export function usePaginationInfo(
 
   return {
     pageSizes,
-    itemsDisplayed: `${numberOfItemsDisplayed} ${t("items", " items")}`,
+    itemsDisplayed: `${numberOfItemsDisplayed} ${t('items', ' items')}`,
   };
 }
diff --git a/src/components/schema-editor/schema-editor.component.tsx b/src/components/schema-editor/schema-editor.component.tsx
index 0ca5637..b20dc67 100644
--- a/src/components/schema-editor/schema-editor.component.tsx
+++ b/src/components/schema-editor/schema-editor.component.tsx
@@ -1,37 +1,31 @@
-import React from "react";
-import AceEditor from "react-ace";
-import "ace-builds/webpack-resolver";
-import "ace-builds/src-noconflict/ext-language_tools";
-import { useTranslation } from "react-i18next";
-import styles from "./schema-editor.scss";
+import React from 'react';
+import AceEditor from 'react-ace';
+import 'ace-builds/webpack-resolver';
+import 'ace-builds/src-noconflict/ext-language_tools';
+import { useTranslation } from 'react-i18next';
+import styles from './schema-editor.scss';
 
-type SchemaEditorProps = {
+interface SchemaEditorProps {
   isLoading: boolean;
   invalidJsonErrorMessage: string;
   onSchemaChange: (stringifiedSchema: string) => void;
   stringifiedSchema: string;
-};
+}
 
-const SchemaEditor: React.FC<SchemaEditorProps> = ({
-  invalidJsonErrorMessage,
-  onSchemaChange,
-  stringifiedSchema,
-}) => {
+const SchemaEditor: React.FC<SchemaEditorProps> = ({ invalidJsonErrorMessage, onSchemaChange, stringifiedSchema }) => {
   const { t } = useTranslation();
 
   return (
     <>
       {invalidJsonErrorMessage ? (
         <div className={styles.errorContainer}>
-          <p className={styles.heading}>
-            {t("schemaError", "There's an error in your schema.")}
-          </p>
+          <p className={styles.heading}>{t('schemaError', "There's an error in your schema.")}</p>
           <p>{invalidJsonErrorMessage}</p>
         </div>
       ) : null}
 
       <AceEditor
-        style={{ height: "100vh", width: "100%" }}
+        style={{ height: '100vh', width: '100%' }}
         mode="json"
         theme="textmate"
         name="schemaEditor"
diff --git a/src/config-schema.ts b/src/config-schema.ts
index 1223860..83a498b 100644
--- a/src/config-schema.ts
+++ b/src/config-schema.ts
@@ -1,48 +1,46 @@
-import { Type } from "@openmrs/esm-framework";
+import { Type } from '@openmrs/esm-framework';
 
 export const configSchema = {
   questionTypes: {
     _type: Type.Array,
-    _description:
-      "Provides information that the processor uses to render a field",
+    _description: 'Provides information that the processor uses to render a field',
     _default: [
-      "complex-obs",
-      "control",
-      "encounterDatetime",
-      "encounterLocation",
-      "encounterProvider",
-      "obs",
-      "obsGroup",
-      "personAttribute",
-      "testOrder",
-      "patientIdentifier",
+      'complex-obs',
+      'control',
+      'encounterDatetime',
+      'encounterLocation',
+      'encounterProvider',
+      'obs',
+      'obsGroup',
+      'personAttribute',
+      'testOrder',
+      'patientIdentifier',
     ],
   },
   fieldTypes: {
     _type: Type.Array,
     _description:
-      "An array of available field types. A question can have only one field type, and the field type determines how the question is rendered.",
+      'An array of available field types. A question can have only one field type, and the field type determines how the question is rendered.',
     _default: [
-      "date",
-      "drug",
-      "field-set",
-      "file",
-      "group",
-      "multiCheckbox",
-      "number",
-      "problem",
-      "radio",
-      "repeating",
-      "select",
-      "text",
-      "textarea",
-      "ui-select-extended",
+      'date',
+      'drug',
+      'field-set',
+      'file',
+      'group',
+      'multiCheckbox',
+      'number',
+      'problem',
+      'radio',
+      'repeating',
+      'select',
+      'text',
+      'textarea',
+      'ui-select-extended',
     ],
   },
   showSchemaSaveWarning: {
     _type: Type.Boolean,
     _default: true,
-    _description:
-      "Whether to show a warning about possibly losing data in the forms dashboard",
+    _description: 'Whether to show a warning about possibly losing data in the forms dashboard',
   },
 };
diff --git a/src/constants.ts b/src/constants.ts
deleted file mode 100644
index 6333045..0000000
--- a/src/constants.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const spaRoot = window["getOpenmrsSpaBase"];
-export const basePath = "/form-builder";
-export const spaBasePath = `${window.spaBase}${basePath}`;
diff --git a/src/declarations.d.ts b/src/declarations.d.ts
index 21b9066..a599353 100644
--- a/src/declarations.d.ts
+++ b/src/declarations.d.ts
@@ -1,4 +1,5 @@
-declare module "@carbon/react";
-declare module "*.css";
-declare module "*.scss";
+declare module '@carbon/react';
+declare module '@carbon/react/icons';
+declare module '*.css';
+declare module '*.scss';
 declare type SideNavProps = object;
diff --git a/src/form-builder-admin-card-link.component.tsx b/src/form-builder-admin-card-link.component.tsx
index e101b27..3357c2c 100644
--- a/src/form-builder-admin-card-link.component.tsx
+++ b/src/form-builder-admin-card-link.component.tsx
@@ -1,21 +1,17 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { Layer, ClickableTile } from "@carbon/react";
-import { ArrowRight } from "@carbon/react/icons";
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Layer, ClickableTile } from '@carbon/react';
+import { ArrowRight } from '@carbon/react/icons';
 
 const FormBuilderCardLink: React.FC = () => {
   const { t } = useTranslation();
-  const header = t("manageForms", "Manage Forms");
+  const header = t('manageForms', 'Manage Forms');
   return (
     <Layer>
-      <ClickableTile
-        href={`${window.spaBase}/form-builder`}
-        target="_blank"
-        rel="noopener noreferrer"
-      >
+      <ClickableTile href={`${window.spaBase}/form-builder`} target="_blank" rel="noopener noreferrer">
         <div>
           <div className="heading">{header}</div>
-          <div className="content">{t("formBuilder", "Form Builder")}</div>
+          <div className="content">{t('formBuilder', 'Form Builder')}</div>
         </div>
         <div className="iconWrapper">
           <ArrowRight size={16} />
diff --git a/src/forms.resource.ts b/src/forms.resource.ts
index 63929f6..5d7640e 100644
--- a/src/forms.resource.ts
+++ b/src/forms.resource.ts
@@ -1,43 +1,38 @@
-import { openmrsFetch, FetchResponse } from "@openmrs/esm-framework";
-import type { Form, Schema } from "./types";
+import { openmrsFetch, type FetchResponse } from '@openmrs/esm-framework';
+import type { Form, Schema } from './types';
+
+interface SavePayload {
+  name: string;
+  description?: string;
+  version?: string;
+  published?: boolean;
+  encounterType?: string;
+}
 
-export async function deleteClobdata(
-  valueReference: string
-): Promise<FetchResponse<Schema>> {
-  const response: FetchResponse = await openmrsFetch(
-    `/ws/rest/v1/clobdata/${valueReference}`,
-    {
-      method: "DELETE",
-      headers: { "Content-Type": "application/json" },
-    }
-  );
+export async function deleteClobdata(valueReference: string): Promise<FetchResponse<Schema>> {
+  const response: FetchResponse = await openmrsFetch(`/ws/rest/v1/clobdata/${valueReference}`, {
+    method: 'DELETE',
+    headers: { 'Content-Type': 'application/json' },
+  });
   return response;
 }
 
-export async function deleteForm(
-  formUuid: string
-): Promise<FetchResponse<Record<string, never>>> {
-  const response: FetchResponse = await openmrsFetch(
-    `/ws/rest/v1/form/${formUuid}`,
-    {
-      method: "DELETE",
-      headers: { "Content-Type": "application/json" },
-    }
-  );
+export async function deleteForm(formUuid: string): Promise<FetchResponse<Record<string, never>>> {
+  const response: FetchResponse = await openmrsFetch(`/ws/rest/v1/form/${formUuid}`, {
+    method: 'DELETE',
+    headers: { 'Content-Type': 'application/json' },
+  });
   return response;
 }
 
 export async function deleteResource(
   formUuid: string,
-  resourceUuid: string
+  resourceUuid: string,
 ): Promise<FetchResponse<Record<string, never>>> {
-  const response: FetchResponse = await openmrsFetch(
-    `/ws/rest/v1/form/${formUuid}/resource/${resourceUuid}`,
-    {
-      method: "DELETE",
-      headers: { "Content-Type": "application/json" },
-    }
-  );
+  const response: FetchResponse = await openmrsFetch(`/ws/rest/v1/form/${formUuid}/resource/${resourceUuid}`, {
+    method: 'DELETE',
+    headers: { 'Content-Type': 'application/json' },
+  });
   return response;
 }
 
@@ -46,12 +41,12 @@ export async function uploadSchema(schema: Schema): Promise<string> {
     type: undefined,
   });
   const body = new FormData();
-  body.append("file", schemaBlob);
+  body.append('file', schemaBlob);
 
   const response = await window
     .fetch(`${window.openmrsBase}/ws/rest/v1/clobdata`, {
       body,
-      method: "POST",
+      method: 'POST',
     })
     .then((response) => {
       return response.text();
@@ -60,34 +55,28 @@ export async function uploadSchema(schema: Schema): Promise<string> {
   return response;
 }
 
-export async function getResourceUuid(
-  formUuid: string,
-  valueReference: string
-): Promise<FetchResponse<Schema>> {
+export async function getResourceUuid(formUuid: string, valueReference: string): Promise<FetchResponse<Schema>> {
   const body = {
-    name: "JSON schema",
-    dataType: "AmpathJsonSchema",
+    name: 'JSON schema',
+    dataType: 'AmpathJsonSchema',
     valueReference: valueReference,
   };
 
-  const response: FetchResponse = await openmrsFetch(
-    `/ws/rest/v1/form/${formUuid}/resource`,
-    {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: body,
-    }
-  );
+  const response: FetchResponse = await openmrsFetch(`/ws/rest/v1/form/${formUuid}/resource`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: body,
+  });
 
   return response;
 }
 
 export async function updateForm(
-  formUuid,
-  name,
-  version,
-  description,
-  encounterTypeUuid
+  formUuid: string,
+  name: string,
+  version: string,
+  description: string,
+  encounterTypeUuid: string,
 ): Promise<FetchResponse<Schema>> {
   const abortController = new AbortController();
   const body = {
@@ -99,15 +88,12 @@ export async function updateForm(
     },
   };
 
-  const response: FetchResponse = await openmrsFetch(
-    `/ws/rest/v1/form/${formUuid}`,
-    {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: body,
-      signal: abortController.signal,
-    }
-  );
+  const response: FetchResponse = await openmrsFetch(`/ws/rest/v1/form/${formUuid}`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: body,
+    signal: abortController.signal,
+  });
 
   return response;
 }
@@ -117,25 +103,26 @@ export async function saveNewForm(
   version: string,
   published?: boolean,
   description?: string,
-  encounterType?: string
+  encounterType?: string,
 ): Promise<Form> {
   const abortController = new AbortController();
 
-  const body = {
+  const body: SavePayload = {
     name: name,
     version: version,
-    published: published || false,
-    description: description || "",
+    published: published ?? false,
+    description: description ?? '',
   };
+
   if (encounterType) {
-    body["encounterType"] = encounterType;
+    body.encounterType = encounterType;
   }
   const headers = {
-    "Content-Type": "application/json",
+    'Content-Type': 'application/json',
   };
 
-  const response: FetchResponse = await openmrsFetch(`/ws/rest/v1/form`, {
-    method: "POST",
+  const response: FetchResponse<Form> = await openmrsFetch(`/ws/rest/v1/form`, {
+    method: 'POST',
     headers: headers,
     body: body,
     signal: abortController.signal,
@@ -146,28 +133,20 @@ export async function saveNewForm(
 
 export async function publishForm(uuid: string): Promise<FetchResponse<Form>> {
   const body = { published: true };
-  const response: FetchResponse = await openmrsFetch(
-    `/ws/rest/v1/form/${uuid}`,
-    {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: body,
-    }
-  );
+  const response: FetchResponse = await openmrsFetch(`/ws/rest/v1/form/${uuid}`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: body,
+  });
   return response;
 }
 
-export async function unpublishForm(
-  uuid: string
-): Promise<FetchResponse<Form>> {
+export async function unpublishForm(uuid: string): Promise<FetchResponse<Form>> {
   const body = { published: false };
-  const response: FetchResponse = await openmrsFetch(
-    `/ws/rest/v1/form/${uuid}`,
-    {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: body,
-    }
-  );
+  const response: FetchResponse = await openmrsFetch(`/ws/rest/v1/form/${uuid}`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: body,
+  });
   return response;
 }
diff --git a/src/hooks/useClobdata.ts b/src/hooks/useClobdata.ts
index e3beee2..1d74daf 100644
--- a/src/hooks/useClobdata.ts
+++ b/src/hooks/useClobdata.ts
@@ -1,22 +1,20 @@
-import useSWRImmutable from "swr/immutable";
-import { openmrsFetch } from "@openmrs/esm-framework";
-import type { Form, Schema } from "../types";
+import useSWRImmutable from 'swr/immutable';
+import { openmrsFetch } from '@openmrs/esm-framework';
+import type { Form, Schema } from '../types';
 
 export const useClobdata = (form?: Form) => {
-  const valueReferenceUuid = form?.resources?.find(
-    ({ name }) => name === "JSON schema"
-  )?.valueReference;
-  const formHasResources = form?.resources.length > 0 && valueReferenceUuid;
+  const valueReferenceUuid = form?.resources?.find(({ name }) => name === 'JSON schema')?.valueReference;
+  const formHasResources = form && form?.resources?.length > 0 && valueReferenceUuid;
   const url = `/ws/rest/v1/clobdata/${valueReferenceUuid}`;
 
-  const { data, error, isLoading, isValidating, mutate } = useSWRImmutable<
-    { data: Schema },
-    Error
-  >(formHasResources ? url : null, openmrsFetch);
+  const { data, error, isLoading, isValidating, mutate } = useSWRImmutable<{ data: Schema }, Error>(
+    formHasResources ? url : null,
+    openmrsFetch,
+  );
 
   return {
     clobdata: data?.data,
-    clobdataError: error || null,
+    clobdataError: error,
     isLoadingClobdata: isLoading,
     isValidatingClobdata: isValidating,
     mutate: mutate,
diff --git a/src/hooks/useConceptLookup.ts b/src/hooks/useConceptLookup.ts
index cf02a42..12cd5c0 100644
--- a/src/hooks/useConceptLookup.ts
+++ b/src/hooks/useConceptLookup.ts
@@ -1,18 +1,15 @@
-import useSWR from "swr";
-import { openmrsFetch } from "@openmrs/esm-framework";
-import type { Concept } from "../types";
+import useSWR from 'swr';
+import { openmrsFetch } from '@openmrs/esm-framework';
+import type { Concept } from '../types';
 
 export function useConceptLookup(conceptId: string) {
   const url = `/ws/rest/v1/concept?q=${conceptId}&v=full`;
 
-  const { data, error } = useSWR<{ data: { results: Array<Concept> } }, Error>(
-    conceptId ? url : null,
-    openmrsFetch
-  );
+  const { data, error } = useSWR<{ data: { results: Array<Concept> } }, Error>(conceptId ? url : null, openmrsFetch);
 
   return {
     concepts: data?.data?.results ?? [],
-    conceptLookupError: error || null,
+    conceptLookupError: error,
     isLoadingConcepts: (!data && !error) || false,
   };
 }
diff --git a/src/hooks/useConceptName.ts b/src/hooks/useConceptName.ts
index f5b677b..0b4c65f 100644
--- a/src/hooks/useConceptName.ts
+++ b/src/hooks/useConceptName.ts
@@ -1,18 +1,15 @@
-import useSWR from "swr";
-import { openmrsFetch } from "@openmrs/esm-framework";
+import useSWR from 'swr';
+import { openmrsFetch } from '@openmrs/esm-framework';
 
-export function useConceptName(conceptId: string) {
-  const customRepresentation = "custom:(name:(display))";
+export function useConceptName(conceptId: string | undefined) {
+  const customRepresentation = 'custom:(name:(display))';
   const url = `/ws/rest/v1/concept/${conceptId}?v=${customRepresentation}`;
 
-  const { data, error } = useSWR<
-    { data: { name: { display: string } } },
-    Error
-  >(conceptId ? url : null, openmrsFetch);
+  const { data, error } = useSWR<{ data: { name: { display: string } } }, Error>(conceptId ? url : null, openmrsFetch);
 
   return {
     conceptName: data?.data?.name?.display ?? null,
-    conceptNameLookupError: error || null,
+    conceptNameLookupError: error,
     isLoadingConceptName: (!data && !error) || false,
   };
 }
diff --git a/src/hooks/useEncounterTypes.ts b/src/hooks/useEncounterTypes.ts
index a9d943b..25d77cd 100644
--- a/src/hooks/useEncounterTypes.ts
+++ b/src/hooks/useEncounterTypes.ts
@@ -1,18 +1,18 @@
-import useSWRImmutable from "swr/immutable";
-import { openmrsFetch } from "@openmrs/esm-framework";
-import type { EncounterType } from "../types";
+import useSWRImmutable from 'swr/immutable';
+import { openmrsFetch } from '@openmrs/esm-framework';
+import type { EncounterType } from '../types';
 
 export const useEncounterTypes = () => {
   const url = `/ws/rest/v1/encountertype?v=custom:(uuid,name)`;
 
-  const { data, error, isLoading } = useSWRImmutable<
-    { data: { results: Array<EncounterType> } },
-    Error
-  >(url, openmrsFetch);
+  const { data, error, isLoading } = useSWRImmutable<{ data: { results: Array<EncounterType> } }, Error>(
+    url,
+    openmrsFetch,
+  );
 
   return {
     encounterTypes: data?.data?.results ?? [],
-    encounterTypesError: error || null,
+    encounterTypesError: error,
     isEncounterTypesLoading: isLoading,
   };
 };
diff --git a/src/hooks/useForm.ts b/src/hooks/useForm.ts
index 2a07417..dc038a1 100644
--- a/src/hooks/useForm.ts
+++ b/src/hooks/useForm.ts
@@ -1,14 +1,14 @@
-import useSWR from "swr/immutable";
-import { openmrsFetch } from "@openmrs/esm-framework";
-import type { Form } from "../types";
+import useSWR from 'swr/immutable';
+import { openmrsFetch } from '@openmrs/esm-framework';
+import type { Form } from '../types';
 
 export const useForm = (uuid: string) => {
   const url = `/ws/rest/v1/form/${uuid}?v=full`;
 
-  const { data, error, isLoading, isValidating, mutate } = useSWR<
-    { data: Form },
-    Error
-  >(uuid ? url : null, openmrsFetch);
+  const { data, error, isLoading, isValidating, mutate } = useSWR<{ data: Form }, Error>(
+    uuid ? url : null,
+    openmrsFetch,
+  );
 
   return {
     form: data?.data,
diff --git a/src/hooks/useForms.ts b/src/hooks/useForms.ts
index 1f2efb3..e187735 100644
--- a/src/hooks/useForms.ts
+++ b/src/hooks/useForms.ts
@@ -1,15 +1,12 @@
-import useSWR from "swr";
-import { openmrsFetch } from "@openmrs/esm-framework";
-import type { Form } from "../types";
+import useSWR from 'swr';
+import { openmrsFetch } from '@openmrs/esm-framework';
+import type { Form } from '../types';
 
 export function useForms() {
   const url =
-    "/ws/rest/v1/form?v=custom:(uuid,name,encounterType:(uuid,name),version,published,retired,resources:(uuid,name,dataType,valueReference))";
+    '/ws/rest/v1/form?v=custom:(uuid,name,encounterType:(uuid,name),version,published,retired,resources:(uuid,name,dataType,valueReference))';
 
-  const { data, error, isValidating, mutate } = useSWR<
-    { data: { results: Array<Form> } },
-    Error
-  >(url, openmrsFetch);
+  const { data, error, isValidating, mutate } = useSWR<{ data: { results: Array<Form> } }, Error>(url, openmrsFetch);
 
   return {
     forms: data?.data?.results ?? [],
diff --git a/src/index.ts b/src/index.ts
index 88809e6..896fbb7 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,32 +1,20 @@
-import {
-  defineConfigSchema,
-  getAsyncLifecycle,
-  registerBreadcrumbs,
-} from "@openmrs/esm-framework";
-import { configSchema } from "./config-schema";
+import { defineConfigSchema, getAsyncLifecycle, registerBreadcrumbs } from '@openmrs/esm-framework';
+import { configSchema } from './config-schema';
 
-const moduleName = "@openmrs/esm-form-builder-app";
+const moduleName = '@openmrs/esm-form-builder-app';
 
 const options = {
-  featureName: "form-builder",
+  featureName: 'form-builder',
   moduleName,
 };
 
-export const importTranslation = require.context(
-  "../translations",
-  true,
-  /.json$/,
-  "lazy"
-);
+export const importTranslation = require.context('../translations', true, /.json$/, 'lazy');
 
-export const root = getAsyncLifecycle(
-  () => import("./root.component"),
-  options
-);
+export const root = getAsyncLifecycle(() => import('./root.component'), options);
 
 export const systemAdministrationFormBuilderCardLink = getAsyncLifecycle(
-  () => import("./form-builder-admin-card-link.component"),
-  options
+  () => import('./form-builder-admin-card-link.component'),
+  options,
 );
 
 export function startupApp() {
@@ -35,17 +23,17 @@ export function startupApp() {
   registerBreadcrumbs([
     {
       path: `${window.spaBase}/form-builder`,
-      title: "Form Builder",
+      title: 'Form Builder',
       parent: `${window.spaBase}/home`,
     },
     {
       path: `${window.spaBase}/form-builder/new`,
-      title: "Form Editor",
+      title: 'Form Editor',
       parent: `${window.spaBase}/form-builder`,
     },
     {
       path: `${window.spaBase}/form-builder/edit/:uuid`,
-      title: "Form Editor",
+      title: 'Form Editor',
       parent: `${window.spaBase}/form-builder`,
     },
   ]);
diff --git a/src/root.component.tsx b/src/root.component.tsx
index 9a5ceca..05d27e9 100644
--- a/src/root.component.tsx
+++ b/src/root.component.tsx
@@ -1,8 +1,8 @@
-import React from "react";
-import { BrowserRouter, Route, Routes } from "react-router-dom";
+import React from 'react';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
 
-import Dashboard from "./components/dashboard/dashboard.component";
-import FormEditor from "./components/form-editor/form-editor.component";
+import Dashboard from './components/dashboard/dashboard.component';
+import FormEditor from './components/form-editor/form-editor.component';
 
 const RootComponent: React.FC = () => {
   return (
diff --git a/src/setup-tests.ts b/src/setup-tests.ts
index 95185fd..84159b4 100644
--- a/src/setup-tests.ts
+++ b/src/setup-tests.ts
@@ -1,11 +1,3 @@
-import "@testing-library/jest-dom/extend-expect";
-
-declare global {
-  interface Window {
-    URL: {
-      createObjectURL: (blob: Blob) => string;
-    };
-  }
-}
+import '@testing-library/jest-dom';
 
 window.URL.createObjectURL = jest.fn();
diff --git a/src/test-helpers.tsx b/src/test-helpers.tsx
index 22fd02a..5254479 100644
--- a/src/test-helpers.tsx
+++ b/src/test-helpers.tsx
@@ -1,13 +1,9 @@
-import React from "react";
-import { SWRConfig } from "swr";
-import {
-  render,
-  screen,
-  waitForElementToBeRemoved,
-} from "@testing-library/react";
+import React from 'react';
+import { SWRConfig } from 'swr';
+import { type RenderOptions, render, screen, waitForElementToBeRemoved } from '@testing-library/react';
 
 // This component wraps whatever component is passed to it with an SWRConfig context which provides a global configuration for all SWR hooks.
-const swrWrapper = ({ children }) => {
+const swrWrapper = ({ children }: { children: React.ReactNode }) => {
   return (
     <SWRConfig
       value={{
@@ -23,15 +19,12 @@ const swrWrapper = ({ children }) => {
 };
 
 // Render the provided component within the wrapper we created above
-export const renderWithSwr = (ui, options?) =>
+export const renderWithSwr = (ui: React.ReactElement, options?: RenderOptions) =>
   render(ui, { wrapper: swrWrapper, ...options });
 
 // Helper function that waits for a loading state to disappear from the screen
 export function waitForLoadingToFinish() {
-  return waitForElementToBeRemoved(
-    () => [...screen.queryAllByRole(/progressbar/i)],
-    {
-      timeout: 4000,
-    }
-  );
+  return waitForElementToBeRemoved(() => [...screen.queryAllByRole('progressbar')], {
+    timeout: 4000,
+  });
 }
diff --git a/src/types.ts b/src/types.ts
index 43fd75c..9f49580 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,4 +1,4 @@
-import type { RenderType } from "@openmrs/openmrs-form-engine-lib";
+import type { RenderType } from '@openmrs/openmrs-form-engine-lib';
 
 export interface Form {
   uuid: string;
@@ -13,15 +13,10 @@ export interface Form {
   display?: string;
 }
 
-export type RouteParams = { formUuid: string };
-
 export interface FilterProps {
   rowIds: Array<string>;
   headers: Array<Record<string, string>>;
-  cellsById: Record<
-    string,
-    Record<string, boolean | string | null | Record<string, unknown>>
-  >;
+  cellsById: Record<string, Record<string, boolean | string | null | Record<string, unknown>>>;
   inputValue: string;
   getCellId: (row, key) => string;
 }
@@ -38,6 +33,18 @@ export interface Resource {
   valueReference: string;
 }
 
+export type QuestionType =
+  | 'complex-obs'
+  | 'control'
+  | 'encounterDatetime'
+  | 'encounterLocation'
+  | 'encounterProvider'
+  | 'obs'
+  | 'obsGroup'
+  | 'personAttribute'
+  | 'testOrder'
+  | 'patientIdentifier';
+
 export interface Schema {
   name: string;
   pages: Array<{
@@ -48,6 +55,7 @@ export interface Schema {
       questions: Array<{
         id: string;
         label: string;
+        // TODO: This should be a union of all question types i.e QuestionType
         type: string;
         required?: boolean;
         questionOptions: {
@@ -93,7 +101,7 @@ export interface Question {
   type: string;
   questionOptions: QuestionOptions;
   required?: boolean;
-  validators?: Array<Record<string, string | Array<string>>>;
+  validators?: Array<Record<string, string>>;
 }
 
 export interface QuestionOptions {
diff --git a/translations/am.json b/translations/am.json
index 6ac6a46..dfa9a17 100644
--- a/translations/am.json
+++ b/translations/am.json
@@ -2,6 +2,7 @@
   "addPage": "Add Page",
   "addQuestion": "Add Question",
   "addSection": "Add Section",
+  "autogeneratedUuid": "UUID (auto-generated",
   "cancel": "Cancel",
   "cancelButtonText": "Cancel",
   "checkFilters": "Check the filters above",
@@ -10,7 +11,10 @@
   "chooseQuestionType": "Choose a question type",
   "close": "Close",
   "code": "Code",
+  "conceptDoesNotExist": "The linked concept does not exist in your dictionary.",
   "conceptSearchHelpText": "Can't find a concept?",
+  "confirm": "Confirm",
+  "copySchema": "Copy schema",
   "createForm": "Create Form",
   "createNewForm": "Create a new form",
   "createNewPage": "Create a new page",
@@ -33,6 +37,7 @@
   "description": "Description",
   "descriptionPlaceholderText": "e.g. A form used to collect encounter data for clients in the Express Care program.",
   "downloadSchema": "Download schema",
+  "duplicated": "Duplicated",
   "duplicateQuestion": "Duplicate question",
   "editButton": "Edit {elementType}",
   "editQuestion": "Edit question",
@@ -51,6 +56,7 @@
   "errorDeletingQuestion": "Error deleting question",
   "errorDeletingSection": "Error deleting section",
   "errorDuplicatingQuestion": "Error duplicating question",
+  "errorFetchingConceptName": "Couldn't resolve concept name",
   "errorPublishingForm": "Error publishing form",
   "errorRenamingForm": "Error renaming form",
   "errorRenamingPage": "Error renaming page",
@@ -67,8 +73,11 @@
   "formCreated": "New form created",
   "formDeleted": "Form deleted",
   "formDeletedSuccessfully": "deleted successfully",
+  "formDescription": "Form description",
+  "formDescriptionPlaceholder": "A short description of the form e.g. A form for collecting COVID-19 symptoms",
   "formError": "Error loading form metadata",
   "formName": "Form name",
+  "formNamePlaceholder": "e.g. OHRI Express Care Patient Encounter Form",
   "formPublished": "Form published",
   "formPublishedSuccessfully": "form was published successfully",
   "formRenamed": "Form renamed",
@@ -89,6 +98,7 @@
   "manageForms": "Manage Forms",
   "mappings": "Mappings",
   "name": "Name",
+  "namePlaceholder": "What the form is called in the system",
   "no": "No",
   "noFormsToDisplay": "There are no forms to display.",
   "noMatchingConcepts": "No concepts were found that match",
@@ -115,7 +125,6 @@
   "questionUpdated": "Question updated",
   "relationship": "Relationship",
   "renderChanges": "Render changes",
-  "rendering": "Rendering",
   "required": "Required",
   "retired": "Retired",
   "rows": "Rows",
diff --git a/translations/en.json b/translations/en.json
index 5e6ca09..35b876a 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -2,6 +2,7 @@
   "addPage": "Add Page",
   "addQuestion": "Add Question",
   "addSection": "Add Section",
+  "autogeneratedUuid": "UUID (auto-generated",
   "cancel": "Cancel",
   "cancelButtonText": "Cancel",
   "checkFilters": "Check the filters above",
@@ -10,7 +11,10 @@
   "chooseQuestionType": "Choose a question type",
   "close": "Close",
   "code": "Code",
+  "conceptDoesNotExist": "The linked concept does not exist in your dictionary.",
   "conceptSearchHelpText": "Can't find a concept?",
+  "confirm": "Confirm",
+  "copySchema": "Copy schema",
   "createForm": "Create Form",
   "createNewForm": "Create a new form",
   "createNewPage": "Create a new page",
@@ -33,6 +37,7 @@
   "description": "Description",
   "descriptionPlaceholderText": "e.g. A form used to collect encounter data for clients in the Express Care program.",
   "downloadSchema": "Download schema",
+  "duplicated": "Duplicated",
   "duplicateQuestion": "Duplicate question",
   "editButton": "Edit {elementType}",
   "editQuestion": "Edit question",
@@ -51,6 +56,7 @@
   "errorDeletingQuestion": "Error deleting question",
   "errorDeletingSection": "Error deleting section",
   "errorDuplicatingQuestion": "Error duplicating question",
+  "errorFetchingConceptName": "Couldn't resolve concept name",
   "errorPublishingForm": "Error publishing form",
   "errorRenamingForm": "Error renaming form",
   "errorRenamingPage": "Error renaming page",
@@ -67,8 +73,11 @@
   "formCreated": "Form created",
   "formDeleted": "Form deleted",
   "formDeletedSuccessfully": "deleted successfully",
+  "formDescription": "Form description",
+  "formDescriptionPlaceholder": "A short description of the form e.g. A form for collecting COVID-19 symptoms",
   "formError": "Error loading form metadata",
   "formName": "Form name",
+  "formNamePlaceholder": "e.g. OHRI Express Care Patient Encounter Form",
   "formPublished": "Form published",
   "formPublishedSuccessfully": "form was published successfully",
   "formRenamed": "Form renamed",
@@ -89,6 +98,7 @@
   "manageForms": "Manage Forms",
   "mappings": "Mappings",
   "name": "Name",
+  "namePlaceholder": "What the form is called in the system",
   "no": "No",
   "noFormsToDisplay": "There are no forms to display.",
   "noMatchingConcepts": "No concepts were found that match",
@@ -115,7 +125,6 @@
   "questionUpdated": "Question updated",
   "relationship": "Relationship",
   "renderChanges": "Render changes",
-  "rendering": "Rendering",
   "required": "Required",
   "retired": "Retired",
   "rows": "Rows",
diff --git a/translations/es.json b/translations/es.json
index 6ac6a46..dfa9a17 100644
--- a/translations/es.json
+++ b/translations/es.json
@@ -2,6 +2,7 @@
   "addPage": "Add Page",
   "addQuestion": "Add Question",
   "addSection": "Add Section",
+  "autogeneratedUuid": "UUID (auto-generated",
   "cancel": "Cancel",
   "cancelButtonText": "Cancel",
   "checkFilters": "Check the filters above",
@@ -10,7 +11,10 @@
   "chooseQuestionType": "Choose a question type",
   "close": "Close",
   "code": "Code",
+  "conceptDoesNotExist": "The linked concept does not exist in your dictionary.",
   "conceptSearchHelpText": "Can't find a concept?",
+  "confirm": "Confirm",
+  "copySchema": "Copy schema",
   "createForm": "Create Form",
   "createNewForm": "Create a new form",
   "createNewPage": "Create a new page",
@@ -33,6 +37,7 @@
   "description": "Description",
   "descriptionPlaceholderText": "e.g. A form used to collect encounter data for clients in the Express Care program.",
   "downloadSchema": "Download schema",
+  "duplicated": "Duplicated",
   "duplicateQuestion": "Duplicate question",
   "editButton": "Edit {elementType}",
   "editQuestion": "Edit question",
@@ -51,6 +56,7 @@
   "errorDeletingQuestion": "Error deleting question",
   "errorDeletingSection": "Error deleting section",
   "errorDuplicatingQuestion": "Error duplicating question",
+  "errorFetchingConceptName": "Couldn't resolve concept name",
   "errorPublishingForm": "Error publishing form",
   "errorRenamingForm": "Error renaming form",
   "errorRenamingPage": "Error renaming page",
@@ -67,8 +73,11 @@
   "formCreated": "New form created",
   "formDeleted": "Form deleted",
   "formDeletedSuccessfully": "deleted successfully",
+  "formDescription": "Form description",
+  "formDescriptionPlaceholder": "A short description of the form e.g. A form for collecting COVID-19 symptoms",
   "formError": "Error loading form metadata",
   "formName": "Form name",
+  "formNamePlaceholder": "e.g. OHRI Express Care Patient Encounter Form",
   "formPublished": "Form published",
   "formPublishedSuccessfully": "form was published successfully",
   "formRenamed": "Form renamed",
@@ -89,6 +98,7 @@
   "manageForms": "Manage Forms",
   "mappings": "Mappings",
   "name": "Name",
+  "namePlaceholder": "What the form is called in the system",
   "no": "No",
   "noFormsToDisplay": "There are no forms to display.",
   "noMatchingConcepts": "No concepts were found that match",
@@ -115,7 +125,6 @@
   "questionUpdated": "Question updated",
   "relationship": "Relationship",
   "renderChanges": "Render changes",
-  "rendering": "Rendering",
   "required": "Required",
   "retired": "Retired",
   "rows": "Rows",
diff --git a/translations/fr.json b/translations/fr.json
index 6ac6a46..dfa9a17 100644
--- a/translations/fr.json
+++ b/translations/fr.json
@@ -2,6 +2,7 @@
   "addPage": "Add Page",
   "addQuestion": "Add Question",
   "addSection": "Add Section",
+  "autogeneratedUuid": "UUID (auto-generated",
   "cancel": "Cancel",
   "cancelButtonText": "Cancel",
   "checkFilters": "Check the filters above",
@@ -10,7 +11,10 @@
   "chooseQuestionType": "Choose a question type",
   "close": "Close",
   "code": "Code",
+  "conceptDoesNotExist": "The linked concept does not exist in your dictionary.",
   "conceptSearchHelpText": "Can't find a concept?",
+  "confirm": "Confirm",
+  "copySchema": "Copy schema",
   "createForm": "Create Form",
   "createNewForm": "Create a new form",
   "createNewPage": "Create a new page",
@@ -33,6 +37,7 @@
   "description": "Description",
   "descriptionPlaceholderText": "e.g. A form used to collect encounter data for clients in the Express Care program.",
   "downloadSchema": "Download schema",
+  "duplicated": "Duplicated",
   "duplicateQuestion": "Duplicate question",
   "editButton": "Edit {elementType}",
   "editQuestion": "Edit question",
@@ -51,6 +56,7 @@
   "errorDeletingQuestion": "Error deleting question",
   "errorDeletingSection": "Error deleting section",
   "errorDuplicatingQuestion": "Error duplicating question",
+  "errorFetchingConceptName": "Couldn't resolve concept name",
   "errorPublishingForm": "Error publishing form",
   "errorRenamingForm": "Error renaming form",
   "errorRenamingPage": "Error renaming page",
@@ -67,8 +73,11 @@
   "formCreated": "New form created",
   "formDeleted": "Form deleted",
   "formDeletedSuccessfully": "deleted successfully",
+  "formDescription": "Form description",
+  "formDescriptionPlaceholder": "A short description of the form e.g. A form for collecting COVID-19 symptoms",
   "formError": "Error loading form metadata",
   "formName": "Form name",
+  "formNamePlaceholder": "e.g. OHRI Express Care Patient Encounter Form",
   "formPublished": "Form published",
   "formPublishedSuccessfully": "form was published successfully",
   "formRenamed": "Form renamed",
@@ -89,6 +98,7 @@
   "manageForms": "Manage Forms",
   "mappings": "Mappings",
   "name": "Name",
+  "namePlaceholder": "What the form is called in the system",
   "no": "No",
   "noFormsToDisplay": "There are no forms to display.",
   "noMatchingConcepts": "No concepts were found that match",
@@ -115,7 +125,6 @@
   "questionUpdated": "Question updated",
   "relationship": "Relationship",
   "renderChanges": "Render changes",
-  "rendering": "Rendering",
   "required": "Required",
   "retired": "Retired",
   "rows": "Rows",
diff --git a/translations/he.json b/translations/he.json
index 6ac6a46..dfa9a17 100644
--- a/translations/he.json
+++ b/translations/he.json
@@ -2,6 +2,7 @@
   "addPage": "Add Page",
   "addQuestion": "Add Question",
   "addSection": "Add Section",
+  "autogeneratedUuid": "UUID (auto-generated",
   "cancel": "Cancel",
   "cancelButtonText": "Cancel",
   "checkFilters": "Check the filters above",
@@ -10,7 +11,10 @@
   "chooseQuestionType": "Choose a question type",
   "close": "Close",
   "code": "Code",
+  "conceptDoesNotExist": "The linked concept does not exist in your dictionary.",
   "conceptSearchHelpText": "Can't find a concept?",
+  "confirm": "Confirm",
+  "copySchema": "Copy schema",
   "createForm": "Create Form",
   "createNewForm": "Create a new form",
   "createNewPage": "Create a new page",
@@ -33,6 +37,7 @@
   "description": "Description",
   "descriptionPlaceholderText": "e.g. A form used to collect encounter data for clients in the Express Care program.",
   "downloadSchema": "Download schema",
+  "duplicated": "Duplicated",
   "duplicateQuestion": "Duplicate question",
   "editButton": "Edit {elementType}",
   "editQuestion": "Edit question",
@@ -51,6 +56,7 @@
   "errorDeletingQuestion": "Error deleting question",
   "errorDeletingSection": "Error deleting section",
   "errorDuplicatingQuestion": "Error duplicating question",
+  "errorFetchingConceptName": "Couldn't resolve concept name",
   "errorPublishingForm": "Error publishing form",
   "errorRenamingForm": "Error renaming form",
   "errorRenamingPage": "Error renaming page",
@@ -67,8 +73,11 @@
   "formCreated": "New form created",
   "formDeleted": "Form deleted",
   "formDeletedSuccessfully": "deleted successfully",
+  "formDescription": "Form description",
+  "formDescriptionPlaceholder": "A short description of the form e.g. A form for collecting COVID-19 symptoms",
   "formError": "Error loading form metadata",
   "formName": "Form name",
+  "formNamePlaceholder": "e.g. OHRI Express Care Patient Encounter Form",
   "formPublished": "Form published",
   "formPublishedSuccessfully": "form was published successfully",
   "formRenamed": "Form renamed",
@@ -89,6 +98,7 @@
   "manageForms": "Manage Forms",
   "mappings": "Mappings",
   "name": "Name",
+  "namePlaceholder": "What the form is called in the system",
   "no": "No",
   "noFormsToDisplay": "There are no forms to display.",
   "noMatchingConcepts": "No concepts were found that match",
@@ -115,7 +125,6 @@
   "questionUpdated": "Question updated",
   "relationship": "Relationship",
   "renderChanges": "Render changes",
-  "rendering": "Rendering",
   "required": "Required",
   "retired": "Retired",
   "rows": "Rows",
diff --git a/translations/km.json b/translations/km.json
index 6ac6a46..dfa9a17 100644
--- a/translations/km.json
+++ b/translations/km.json
@@ -2,6 +2,7 @@
   "addPage": "Add Page",
   "addQuestion": "Add Question",
   "addSection": "Add Section",
+  "autogeneratedUuid": "UUID (auto-generated",
   "cancel": "Cancel",
   "cancelButtonText": "Cancel",
   "checkFilters": "Check the filters above",
@@ -10,7 +11,10 @@
   "chooseQuestionType": "Choose a question type",
   "close": "Close",
   "code": "Code",
+  "conceptDoesNotExist": "The linked concept does not exist in your dictionary.",
   "conceptSearchHelpText": "Can't find a concept?",
+  "confirm": "Confirm",
+  "copySchema": "Copy schema",
   "createForm": "Create Form",
   "createNewForm": "Create a new form",
   "createNewPage": "Create a new page",
@@ -33,6 +37,7 @@
   "description": "Description",
   "descriptionPlaceholderText": "e.g. A form used to collect encounter data for clients in the Express Care program.",
   "downloadSchema": "Download schema",
+  "duplicated": "Duplicated",
   "duplicateQuestion": "Duplicate question",
   "editButton": "Edit {elementType}",
   "editQuestion": "Edit question",
@@ -51,6 +56,7 @@
   "errorDeletingQuestion": "Error deleting question",
   "errorDeletingSection": "Error deleting section",
   "errorDuplicatingQuestion": "Error duplicating question",
+  "errorFetchingConceptName": "Couldn't resolve concept name",
   "errorPublishingForm": "Error publishing form",
   "errorRenamingForm": "Error renaming form",
   "errorRenamingPage": "Error renaming page",
@@ -67,8 +73,11 @@
   "formCreated": "New form created",
   "formDeleted": "Form deleted",
   "formDeletedSuccessfully": "deleted successfully",
+  "formDescription": "Form description",
+  "formDescriptionPlaceholder": "A short description of the form e.g. A form for collecting COVID-19 symptoms",
   "formError": "Error loading form metadata",
   "formName": "Form name",
+  "formNamePlaceholder": "e.g. OHRI Express Care Patient Encounter Form",
   "formPublished": "Form published",
   "formPublishedSuccessfully": "form was published successfully",
   "formRenamed": "Form renamed",
@@ -89,6 +98,7 @@
   "manageForms": "Manage Forms",
   "mappings": "Mappings",
   "name": "Name",
+  "namePlaceholder": "What the form is called in the system",
   "no": "No",
   "noFormsToDisplay": "There are no forms to display.",
   "noMatchingConcepts": "No concepts were found that match",
@@ -115,7 +125,6 @@
   "questionUpdated": "Question updated",
   "relationship": "Relationship",
   "renderChanges": "Render changes",
-  "rendering": "Rendering",
   "required": "Required",
   "retired": "Retired",
   "rows": "Rows",
diff --git a/tsconfig.json b/tsconfig.json
index a79d644..dc37dc2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,11 +1,8 @@
 {
   "compilerOptions": {
-    "esModuleInterop": true,
-    "module": "esnext",
     "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
     "jsx": "react",
-    "skipLibCheck": true,
-    "moduleResolution": "node",
     "lib": [
       "dom",
       "es5",
@@ -16,8 +13,13 @@
       "es2018",
       "es2020"
     ],
-    "resolveJsonModule": true,
+    "module": "esnext",
+    "moduleResolution": "node",
     "noEmit": true,
+    "noImplicitAny": false,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
     "target": "esnext"
-  }
+  },
+  "types": ["@testing-library/jest-dom", "lodash"],
 }
diff --git a/webpack.config.js b/webpack.config.js
index 22caf01..75be4de 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,11 +1,10 @@
-const config = (module.exports = require("openmrs/default-webpack-config"));
+const config = (module.exports = require('openmrs/default-webpack-config'));
 config.scriptRuleConfig.exclude = /(node_modules(?![/\\]@(?:openmrs|ohri)))/;
 config.overrides.resolve = {
-  extensions: [".tsx", ".ts", ".jsx", ".js", ".scss", ".json"],
+  extensions: ['.tsx', '.ts', '.jsx', '.js', '.scss', '.json'],
   alias: {
-    "@openmrs/esm-framework": "@openmrs/esm-framework/src/internal",
-    "@openmrs/openmrs-form-engine-lib":
-      "@openmrs/openmrs-form-engine-lib/src/index",
+    '@openmrs/esm-framework': '@openmrs/esm-framework/src/internal',
+    '@openmrs/openmrs-form-engine-lib': '@openmrs/openmrs-form-engine-lib/src/index',
   },
 };
 module.exports = config;
diff --git a/yarn.lock b/yarn.lock
index d67abea..bc0f4ce 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5,10 +5,37 @@ __metadata:
   version: 6
   cacheKey: 8
 
-"@adobe/css-tools@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "@adobe/css-tools@npm:4.0.1"
-  checksum: 80226e2229024c21da9ffa6b5cd4a34b931f071e06f45aba4777ade071d7a6c94605cf73b13718b0c4b34e8b124c65c607b82eaa53a326d3eb73d9682a04a593
+"@aashutoshrathi/word-wrap@npm:^1.2.3":
+  version: 1.2.6
+  resolution: "@aashutoshrathi/word-wrap@npm:1.2.6"
+  checksum: ada901b9e7c680d190f1d012c84217ce0063d8f5c5a7725bb91ec3c5ed99bb7572680eb2d2938a531ccbaec39a95422fcd8a6b4a13110c7d98dd75402f66a0cd
+  languageName: node
+  linkType: hard
+
+"@adobe/css-tools@npm:^4.3.0":
+  version: 4.3.1
+  resolution: "@adobe/css-tools@npm:4.3.1"
+  checksum: ad43456379ff391132aff687ece190cb23ea69395e23c9b96690eeabe2468da89a4aaf266e4f8b6eaab53db3d1064107ce0f63c3a974e864f4a04affc768da3f
+  languageName: node
+  linkType: hard
+
+"@adobe/react-spectrum-ui@npm:1.2.0":
+  version: 1.2.0
+  resolution: "@adobe/react-spectrum-ui@npm:1.2.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 18ad87c76e2019f22fa9f18df22fc06cb99e27d46fc82ed6974a4cab1d04c6a223ded51fae95d0890069cb7c9a10add468e5e9c62b9b33ac9b5ab9de25ff12e5
+  languageName: node
+  linkType: hard
+
+"@adobe/react-spectrum-workflow@npm:2.3.4":
+  version: 2.3.4
+  resolution: "@adobe/react-spectrum-workflow@npm:2.3.4"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 1c008fec02f19160a6a0589f9647d29b9652322b087ba521ba7e890747a23c70268c2e58799977823a65a8c44d832162743e0ecb3b082614bc70ba59a6eac2fc
   languageName: node
   linkType: hard
 
@@ -1285,12 +1312,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.15.4, @babel/runtime@npm:^7.17.2":
-  version: 7.20.6
-  resolution: "@babel/runtime@npm:7.20.6"
+"@babel/runtime@npm:^7.14.8, @babel/runtime@npm:^7.20.6, @babel/runtime@npm:^7.22.5, @babel/runtime@npm:^7.8.7":
+  version: 7.22.15
+  resolution: "@babel/runtime@npm:7.22.15"
   dependencies:
-    regenerator-runtime: ^0.13.11
-  checksum: 42a8504db21031b1859fbc0f52d698a3d2f5ada9519eb76c6f96a7e657d8d555732a18fe71ef428a67cc9fc81ca0d3562fb7afdc70549c5fec343190cbaa9b03
+    regenerator-runtime: ^0.14.0
+  checksum: 793296df1e41599a935a3d77ec01eb6088410d3fd4dbe4e92f06c6b7bb2f8355024e6d78621a3a35f44e0e23b0b59107f23d585384df4f3123256a1e1492040e
   languageName: node
   linkType: hard
 
@@ -1305,7 +1332,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.19.0, @babel/traverse@npm:^7.19.1, @babel/traverse@npm:^7.20.1, @babel/traverse@npm:^7.7.2":
+"@babel/traverse@npm:^7.19.0, @babel/traverse@npm:^7.19.1, @babel/traverse@npm:^7.20.1":
   version: 7.20.1
   resolution: "@babel/traverse@npm:7.20.1"
   dependencies:
@@ -1379,10 +1406,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/colors@npm:^11.16.0":
-  version: 11.16.0
-  resolution: "@carbon/colors@npm:11.16.0"
-  checksum: 13615d59cdfed8d2b951fcd2844a537c67239d6d60892d717207d0f723df30aa8452b2cc0f7f7083e558a713dfd103c02fe5087e22ffe408b8d194a2c34a5bb7
+"@carbon/colors@npm:^11.19.0":
+  version: 11.19.0
+  resolution: "@carbon/colors@npm:11.19.0"
+  checksum: ea0448e90e05768c615af71955e5fe4435583e3637d039912336ba8b123fbbd841078df98cb71e56ebb0a0be04c88fed3fe34408585bdf3a11cb6297b9ce14b5
   languageName: node
   linkType: hard
 
@@ -1393,10 +1420,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/feature-flags@npm:^0.15.0":
-  version: 0.15.0
-  resolution: "@carbon/feature-flags@npm:0.15.0"
-  checksum: 211827fec11ec29140ef783a025cc3b466c4f94bab7ca9a0f5eb0a84332919ca58f7a885813d4cdf441c9be0e998bc493a819c3c7124da1f24771ce65ab2c42c
+"@carbon/feature-flags@npm:^0.16.0":
+  version: 0.16.0
+  resolution: "@carbon/feature-flags@npm:0.16.0"
+  checksum: 1fb964311f240c65fd57ee5971234b0c7b665d660b89ac931d0acc3d140ae0bed1b04eb8fc629f675a307be9579d9c4de317987749878b5a48bb364cbffd85d1
   languageName: node
   linkType: hard
 
@@ -1407,12 +1434,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/grid@npm:^11.15.0":
-  version: 11.15.0
-  resolution: "@carbon/grid@npm:11.15.0"
+"@carbon/grid@npm:^11.20.0":
+  version: 11.20.0
+  resolution: "@carbon/grid@npm:11.20.0"
   dependencies:
-    "@carbon/layout": ^11.15.0
-  checksum: 6c799d2f8ed63d5c63b9d80d98326c2d4cb16e1bfc5b587994d135635f501a08bcd0957f4a1f912932448c880f29a566c12b24b0834f28295946c65b329948fc
+    "@carbon/layout": ^11.19.0
+  checksum: 1f23b7f174880eac0ec37af6088a725694ad1bc7104c9c39978f301c8900fa1f9932e41d72b030577c28e15136ab0a5f967dca2b843d297dd265040ba1fc104c
   languageName: node
   linkType: hard
 
@@ -1432,10 +1459,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/icon-helpers@npm:^10.41.0":
-  version: 10.41.0
-  resolution: "@carbon/icon-helpers@npm:10.41.0"
-  checksum: 0997b5db05aa3bb7cf1154b2446870bc4bea157199736b0ca1c85ba0c638f894466ebb7a0083a8e42420933a87939c7d4343025b0e8b8645dd0b0b5782a4a0a5
+"@carbon/icon-helpers@npm:^10.44.0":
+  version: 10.44.0
+  resolution: "@carbon/icon-helpers@npm:10.44.0"
+  checksum: c61b711ef78ba5546514917571ccec01c0943a2dc53d34a90987985bd839de7c164ce7bf9890d21012e585c1a655f6a5a9ac88492af4345653f095f9ddebe54a
   languageName: node
   linkType: hard
 
@@ -1452,23 +1479,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/icons-react@npm:^11.21.0":
-  version: 11.21.0
-  resolution: "@carbon/icons-react@npm:11.21.0"
+"@carbon/icons-react@npm:^11.27.0":
+  version: 11.27.0
+  resolution: "@carbon/icons-react@npm:11.27.0"
   dependencies:
-    "@carbon/icon-helpers": ^10.41.0
+    "@carbon/icon-helpers": ^10.44.0
     "@carbon/telemetry": 0.1.0
     prop-types: ^15.7.2
   peerDependencies:
     react: ">=16"
-  checksum: b2e518062a3f0caa8c31d71b0a5e2b54b40e728c14afb1054c33e1d08d76a01ac8f910c624e621805b4f5bd8c16d1e7bbc49c79f8ab7dd63360d162c2fb89338
+  checksum: 4ee52fdefd7d9aeebcc0a5ea8d564c72f813e93a24eb019bbced43b2ff2cf96880d846de20367e12636088ce3616f24b3e509738180c75e77ccd6fb42ab4e76f
   languageName: node
   linkType: hard
 
-"@carbon/layout@npm:^11.15.0":
-  version: 11.15.0
-  resolution: "@carbon/layout@npm:11.15.0"
-  checksum: a2aeb6710820a2a4a7ede670259ae1532921e169f9fe17db25e983c14610333d59bd35b7acdf44d65d6e30e750da067a45f79997dcc5feedb909f5cfc0f33bb3
+"@carbon/layout@npm:^11.19.0":
+  version: 11.19.0
+  resolution: "@carbon/layout@npm:11.19.0"
+  checksum: 9786a9d13fc81132c33a05019fae1d6ed786739a285e276f76857d30bba7b5a58cb093c700fb7c8b697d7a199459c398f842d6a42351d02c3d67e7961fadd901
   languageName: node
   linkType: hard
 
@@ -1479,10 +1506,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/motion@npm:^11.12.0":
-  version: 11.12.0
-  resolution: "@carbon/motion@npm:11.12.0"
-  checksum: 6cda794f6da51d21a89ac7083df04bcbaa9e623155fdda934aa3df908dd290adc65f02ee0808e6943eace4eafe204bd65a6decbcf1958c0c6a3735f53be97723
+"@carbon/motion@npm:^11.15.0":
+  version: 11.15.0
+  resolution: "@carbon/motion@npm:11.15.0"
+  checksum: 985a559324fb4cb6b1df50ead3d9c1ceefec338f075f5cca4a9d937888cb6b357207a20493807eed47627e41529de215e4b51e0e217eee12970c1b8da2ce1b90
   languageName: node
   linkType: hard
 
@@ -1526,19 +1553,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/react@npm:^1.31.0":
-  version: 1.31.3
-  resolution: "@carbon/react@npm:1.31.3"
+"@carbon/react@npm:^1.38.0":
+  version: 1.38.0
+  resolution: "@carbon/react@npm:1.38.0"
   dependencies:
     "@babel/runtime": ^7.18.3
-    "@carbon/feature-flags": ^0.15.0
-    "@carbon/icons-react": ^11.21.0
-    "@carbon/layout": ^11.15.0
-    "@carbon/styles": ^1.31.2
+    "@carbon/feature-flags": ^0.16.0
+    "@carbon/icons-react": ^11.27.0
+    "@carbon/layout": ^11.19.0
+    "@carbon/styles": ^1.38.0
     "@carbon/telemetry": 0.1.0
     classnames: 2.3.2
     copy-to-clipboard: ^3.3.1
-    downshift: 5.2.1
+    downshift: 8.1.0
     flatpickr: 4.6.9
     invariant: ^2.2.3
     lodash.debounce: ^4.0.8
@@ -1555,7 +1582,7 @@ __metadata:
     react: ^16.8.6 || ^17.0.1 || ^18.2.0
     react-dom: ^16.8.6 || ^17.0.1 || ^18.2.0
     sass: ^1.33.0
-  checksum: 917de14346c7710ac31e46a093d4286df5e760c024e2a5f8eea251666b848e67a186370b31676cbbfc8b6632396b842f6b916a93fd3097004faee971216a9e29
+  checksum: c291095b1e939ec9cc24b09d4f60339d849cb854bddaffb5c04a1191ef9b41a2ffabb67f9aa588e0bfcd1c8d8be4aa0e7cdc1cf1f9fad846e558071da6dc0136
   languageName: node
   linkType: hard
 
@@ -1577,21 +1604,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/styles@npm:^1.31.2":
-  version: 1.31.2
-  resolution: "@carbon/styles@npm:1.31.2"
+"@carbon/styles@npm:^1.38.0":
+  version: 1.38.0
+  resolution: "@carbon/styles@npm:1.38.0"
   dependencies:
-    "@carbon/colors": ^11.16.0
-    "@carbon/feature-flags": ^0.15.0
-    "@carbon/grid": ^11.15.0
-    "@carbon/layout": ^11.15.0
-    "@carbon/motion": ^11.12.0
-    "@carbon/themes": ^11.20.0
-    "@carbon/type": ^11.19.0
+    "@carbon/colors": ^11.19.0
+    "@carbon/feature-flags": ^0.16.0
+    "@carbon/grid": ^11.20.0
+    "@carbon/layout": ^11.19.0
+    "@carbon/motion": ^11.15.0
+    "@carbon/themes": ^11.25.0
+    "@carbon/type": ^11.24.0
     "@ibm/plex": 6.0.0-next.6
   peerDependencies:
     sass: ^1.33.0
-  checksum: 65d32a0ebf386c4cfe629feace065dd2c225a6460b2d0108fefe981bcf1a4a2b40256bfafdae88eec932cdceb0645b5f774d2b1d7f71123f44108e7c25f56681
+  peerDependenciesMeta:
+    sass:
+      optional: true
+  checksum: 8e3f3d87873bd6f738682e304aba86424c42f22a868c51948b43185e4f657685b729baa700faece3021a792f07cbb65573a612491c2765a71be7b3a7115ed3fe
   languageName: node
   linkType: hard
 
@@ -1616,15 +1646,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/themes@npm:^11.20.0":
-  version: 11.20.0
-  resolution: "@carbon/themes@npm:11.20.0"
+"@carbon/themes@npm:^11.25.0":
+  version: 11.25.0
+  resolution: "@carbon/themes@npm:11.25.0"
   dependencies:
-    "@carbon/colors": ^11.16.0
-    "@carbon/layout": ^11.15.0
-    "@carbon/type": ^11.19.0
+    "@carbon/colors": ^11.19.0
+    "@carbon/layout": ^11.19.0
+    "@carbon/type": ^11.24.0
     color: ^4.0.0
-  checksum: 515b90b13082d12f1e4bb8a3af9302593107ebdcc99cce2fc2db9b9f40590fa3332a21478906b9af5bff9ebc103e2b0308b9d1cc41ce9d1e83a29d22463ba2de
+  checksum: 85d774d8ded4f7c8b8faba87521d4544300db75cb03071c60910936bba728ca855ed98926347fa568e58bc85e40b535846bc8a449509b545c67cee3ae7e700b8
   languageName: node
   linkType: hard
 
@@ -1638,13 +1668,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/type@npm:^11.19.0":
-  version: 11.19.0
-  resolution: "@carbon/type@npm:11.19.0"
+"@carbon/type@npm:^11.24.0":
+  version: 11.24.0
+  resolution: "@carbon/type@npm:11.24.0"
   dependencies:
-    "@carbon/grid": ^11.15.0
-    "@carbon/layout": ^11.15.0
-  checksum: 8bd9e9d0745466fa54f00d2b128fcd0eb340b12e7d24bd7834ef2ee5b87c4314d222008b8478fe982129902a780d7de3de5b9cc0d81c0b6f5fbc8d6a4d8d2d33
+    "@carbon/grid": ^11.20.0
+    "@carbon/layout": ^11.19.0
+  checksum: 98c6a49cbe4cbcf1fef959b356e1e87c5197f2b19f72e7255abb3131dcc77f1832e0920d16d09cab0ea67dcc72f90f47ec6969052bf8e82302f7faf00f733795
   languageName: node
   linkType: hard
 
@@ -1724,7 +1754,161 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint-community/eslint-utils@npm:^4.2.0":
+"@esbuild/android-arm64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/android-arm64@npm:0.19.3"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-arm@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/android-arm@npm:0.19.3"
+  conditions: os=android & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-x64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/android-x64@npm:0.19.3"
+  conditions: os=android & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/darwin-arm64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/darwin-arm64@npm:0.19.3"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/darwin-x64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/darwin-x64@npm:0.19.3"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/freebsd-arm64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/freebsd-arm64@npm:0.19.3"
+  conditions: os=freebsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/freebsd-x64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/freebsd-x64@npm:0.19.3"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-arm64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/linux-arm64@npm:0.19.3"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-arm@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/linux-arm@npm:0.19.3"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-ia32@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/linux-ia32@npm:0.19.3"
+  conditions: os=linux & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-loong64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/linux-loong64@npm:0.19.3"
+  conditions: os=linux & cpu=loong64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-mips64el@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/linux-mips64el@npm:0.19.3"
+  conditions: os=linux & cpu=mips64el
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-ppc64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/linux-ppc64@npm:0.19.3"
+  conditions: os=linux & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-riscv64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/linux-riscv64@npm:0.19.3"
+  conditions: os=linux & cpu=riscv64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-s390x@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/linux-s390x@npm:0.19.3"
+  conditions: os=linux & cpu=s390x
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-x64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/linux-x64@npm:0.19.3"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/netbsd-x64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/netbsd-x64@npm:0.19.3"
+  conditions: os=netbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/openbsd-x64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/openbsd-x64@npm:0.19.3"
+  conditions: os=openbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/sunos-x64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/sunos-x64@npm:0.19.3"
+  conditions: os=sunos & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-arm64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/win32-arm64@npm:0.19.3"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-ia32@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/win32-ia32@npm:0.19.3"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-x64@npm:0.19.3":
+  version: 0.19.3
+  resolution: "@esbuild/win32-x64@npm:0.19.3"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@eslint-community/eslint-utils@npm:^4.2.0, @eslint-community/eslint-utils@npm:^4.4.0":
   version: 4.4.0
   resolution: "@eslint-community/eslint-utils@npm:4.4.0"
   dependencies:
@@ -1735,34 +1919,83 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint-community/regexpp@npm:^4.4.0":
-  version: 4.5.1
-  resolution: "@eslint-community/regexpp@npm:4.5.1"
-  checksum: 6d901166d64998d591fab4db1c2f872981ccd5f6fe066a1ad0a93d4e11855ecae6bfb76660869a469563e8882d4307228cebd41142adb409d182f2966771e57e
+"@eslint-community/regexpp@npm:^4.5.1, @eslint-community/regexpp@npm:^4.6.1":
+  version: 4.8.1
+  resolution: "@eslint-community/regexpp@npm:4.8.1"
+  checksum: 82d62c845ef42b810f268cfdc84d803a2da01735fb52e902fd34bdc09f92464a094fd8e4802839874b000b2f73f67c972859e813ba705233515d3e954f234bf2
   languageName: node
   linkType: hard
 
-"@eslint/eslintrc@npm:^2.0.3":
-  version: 2.0.3
-  resolution: "@eslint/eslintrc@npm:2.0.3"
+"@eslint/eslintrc@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "@eslint/eslintrc@npm:2.1.2"
   dependencies:
     ajv: ^6.12.4
     debug: ^4.3.2
-    espree: ^9.5.2
+    espree: ^9.6.0
     globals: ^13.19.0
     ignore: ^5.2.0
     import-fresh: ^3.2.1
     js-yaml: ^4.1.0
     minimatch: ^3.1.2
     strip-json-comments: ^3.1.1
-  checksum: ddc51f25f8524d8231db9c9bf03177e503d941a332e8d5ce3b10b09241be4d5584a378a529a27a527586bfbccf3031ae539eb891352033c340b012b4d0c81d92
+  checksum: bc742a1e3b361f06fedb4afb6bf32cbd27171292ef7924f61c62f2aed73048367bcc7ac68f98c06d4245cd3fabc43270f844e3c1699936d4734b3ac5398814a7
+  languageName: node
+  linkType: hard
+
+"@eslint/js@npm:8.49.0":
+  version: 8.49.0
+  resolution: "@eslint/js@npm:8.49.0"
+  checksum: a6601807c8aeeefe866926ad92ed98007c034a735af20ff709009e39ad1337474243d47908500a3bde04e37bfba16bcf1d3452417f962e1345bc8756edd6b830
+  languageName: node
+  linkType: hard
+
+"@formatjs/ecma402-abstract@npm:1.17.2":
+  version: 1.17.2
+  resolution: "@formatjs/ecma402-abstract@npm:1.17.2"
+  dependencies:
+    "@formatjs/intl-localematcher": 0.4.2
+    tslib: ^2.4.0
+  checksum: 026382b1fb295cef4387b2f2a34dace107b12fb7607793093b26595b0d639a30e5f4539665730897eb77eefabee2bb35c156896c63925b0ec03b746751e3fb00
   languageName: node
   linkType: hard
 
-"@eslint/js@npm:8.42.0":
-  version: 8.42.0
-  resolution: "@eslint/js@npm:8.42.0"
-  checksum: 750558843ac458f7da666122083ee05306fc087ecc1e5b21e7e14e23885775af6c55bcc92283dff1862b7b0d8863ec676c0f18c7faf1219c722fe91a8ece56b6
+"@formatjs/fast-memoize@npm:2.2.0":
+  version: 2.2.0
+  resolution: "@formatjs/fast-memoize@npm:2.2.0"
+  dependencies:
+    tslib: ^2.4.0
+  checksum: 8697fe72a7ece252d600a7d08105f2a2f758e2dd96f54ac0a4c508b1205a559fc08835635e1f8e5ca9dcc3ee61ce1fca4a0e7047b402f29fc96051e293a280ff
+  languageName: node
+  linkType: hard
+
+"@formatjs/icu-messageformat-parser@npm:2.6.2":
+  version: 2.6.2
+  resolution: "@formatjs/icu-messageformat-parser@npm:2.6.2"
+  dependencies:
+    "@formatjs/ecma402-abstract": 1.17.2
+    "@formatjs/icu-skeleton-parser": 1.6.2
+    tslib: ^2.4.0
+  checksum: c339a712497deaa14e84610afb6c09377a5641b18fb0ae3d42999354cf2b557c84d7c7fead0d06d38a04f8e63e8002ae51c820a8a3e98b82805e84e7878e9d90
+  languageName: node
+  linkType: hard
+
+"@formatjs/icu-skeleton-parser@npm:1.6.2":
+  version: 1.6.2
+  resolution: "@formatjs/icu-skeleton-parser@npm:1.6.2"
+  dependencies:
+    "@formatjs/ecma402-abstract": 1.17.2
+    tslib: ^2.4.0
+  checksum: f51658d0b086579a2173b91beb692822f08db1180c81fa41e62bef4236a0de98f9d6e46087d77c5e46fa4286f77b4b52a2467f3d8b81a4cf8dd817edb138d68b
+  languageName: node
+  linkType: hard
+
+"@formatjs/intl-localematcher@npm:0.4.2":
+  version: 0.4.2
+  resolution: "@formatjs/intl-localematcher@npm:0.4.2"
+  dependencies:
+    tslib: ^2.4.0
+  checksum: df579d8c453a11eed1ec55604f8dda121d728fc5109ed885892347a126089caef95a0edf71f1f6db3134bb9e73787062995baf7746a2577e8ca2980dcd6590cb
   languageName: node
   linkType: hard
 
@@ -1773,14 +2006,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@humanwhocodes/config-array@npm:^0.11.10":
-  version: 0.11.10
-  resolution: "@humanwhocodes/config-array@npm:0.11.10"
+"@humanwhocodes/config-array@npm:^0.11.11":
+  version: 0.11.11
+  resolution: "@humanwhocodes/config-array@npm:0.11.11"
   dependencies:
     "@humanwhocodes/object-schema": ^1.2.1
     debug: ^4.1.1
     minimatch: ^3.0.5
-  checksum: 1b1302e2403d0e35bc43e66d67a2b36b0ad1119efc704b5faff68c41f791a052355b010fb2d27ef022670f550de24cd6d08d5ecf0821c16326b7dcd0ee5d5d8a
+  checksum: db84507375ab77b8ffdd24f498a5b49ad6b64391d30dd2ac56885501d03964d29637e05b1ed5aefa09d57ac667e28028bc22d2da872bfcd619652fbdb5f4ca19
   languageName: node
   linkType: hard
 
@@ -1805,6 +2038,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@internationalized/date@npm:^3.2.0, @internationalized/date@npm:^3.5.0":
+  version: 3.5.0
+  resolution: "@internationalized/date@npm:3.5.0"
+  dependencies:
+    "@swc/helpers": ^0.5.0
+  checksum: 621298a1686bad64212b1f2a497492dcc9d657a3789ea62a1a5ee1cb37719fa7a54944d4bb318bf22f709eccfcb6627e6d1aad9825aaa67c2150973ccca8c15d
+  languageName: node
+  linkType: hard
+
+"@internationalized/message@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "@internationalized/message@npm:3.1.1"
+  dependencies:
+    "@swc/helpers": ^0.5.0
+    intl-messageformat: ^10.1.0
+  checksum: c8658847e80a2dd6f5a253bdc20ce45d304ffa2147248e6422d72714ac501edd0d4cce09e4baf7753cd393e4df7014df747425ff9658728cd1f892d71c3d591b
+  languageName: node
+  linkType: hard
+
+"@internationalized/number@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "@internationalized/number@npm:3.2.1"
+  dependencies:
+    "@swc/helpers": ^0.5.0
+  checksum: 5b716de97a491c8e276679a47a131d9fc94484f27ae7d2dba2d9e312c607fbdd2deabe0702a9faa79ad1d84ea0676061fd051c3565946f520acfdccc73dd1956
+  languageName: node
+  linkType: hard
+
+"@internationalized/string@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "@internationalized/string@npm:3.1.1"
+  dependencies:
+    "@swc/helpers": ^0.5.0
+  checksum: 686b4d443dbf6794b5f32e0c3a0ee9333a64bfe2a01aec705fb71f5721f5c9e8aa25b380bdae85e21be0dc72103843642363efcaed437ebad3e7169e478b91ae
+  languageName: node
+  linkType: hard
+
 "@istanbuljs/load-nyc-config@npm:^1.0.0":
   version: 1.1.0
   resolution: "@istanbuljs/load-nyc-config@npm:1.1.0"
@@ -1825,50 +2095,50 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/console@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/console@npm:29.5.0"
+"@jest/console@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/console@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.5.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
-    jest-message-util: ^29.5.0
-    jest-util: ^29.5.0
+    jest-message-util: ^29.7.0
+    jest-util: ^29.7.0
     slash: ^3.0.0
-  checksum: 9f4f4b8fabd1221361b7f2e92d4a90f5f8c2e2b29077249996ab3c8b7f765175ffee795368f8d6b5b2bb3adb32dc09319f7270c7c787b0d259e624e00e0f64a5
+  checksum: 0e3624e32c5a8e7361e889db70b170876401b7d70f509a2538c31d5cd50deb0c1ae4b92dc63fe18a0902e0a48c590c21d53787a0df41a52b34fa7cab96c384d6
   languageName: node
   linkType: hard
 
-"@jest/core@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/core@npm:29.5.0"
+"@jest/core@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/core@npm:29.7.0"
   dependencies:
-    "@jest/console": ^29.5.0
-    "@jest/reporters": ^29.5.0
-    "@jest/test-result": ^29.5.0
-    "@jest/transform": ^29.5.0
-    "@jest/types": ^29.5.0
+    "@jest/console": ^29.7.0
+    "@jest/reporters": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     ansi-escapes: ^4.2.1
     chalk: ^4.0.0
     ci-info: ^3.2.0
     exit: ^0.1.2
     graceful-fs: ^4.2.9
-    jest-changed-files: ^29.5.0
-    jest-config: ^29.5.0
-    jest-haste-map: ^29.5.0
-    jest-message-util: ^29.5.0
-    jest-regex-util: ^29.4.3
-    jest-resolve: ^29.5.0
-    jest-resolve-dependencies: ^29.5.0
-    jest-runner: ^29.5.0
-    jest-runtime: ^29.5.0
-    jest-snapshot: ^29.5.0
-    jest-util: ^29.5.0
-    jest-validate: ^29.5.0
-    jest-watcher: ^29.5.0
+    jest-changed-files: ^29.7.0
+    jest-config: ^29.7.0
+    jest-haste-map: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-regex-util: ^29.6.3
+    jest-resolve: ^29.7.0
+    jest-resolve-dependencies: ^29.7.0
+    jest-runner: ^29.7.0
+    jest-runtime: ^29.7.0
+    jest-snapshot: ^29.7.0
+    jest-util: ^29.7.0
+    jest-validate: ^29.7.0
+    jest-watcher: ^29.7.0
     micromatch: ^4.0.4
-    pretty-format: ^29.5.0
+    pretty-format: ^29.7.0
     slash: ^3.0.0
     strip-ansi: ^6.0.0
   peerDependencies:
@@ -1876,7 +2146,7 @@ __metadata:
   peerDependenciesMeta:
     node-notifier:
       optional: true
-  checksum: 9e8f5243fe82d5a57f3971e1b96f320058df7c315328a3a827263f3b17f64be10c80f4a9c1b1773628b64d2de6d607c70b5b2d5bf13e7f5ad04223e9ef6aac06
+  checksum: af759c9781cfc914553320446ce4e47775ae42779e73621c438feb1e4231a5d4862f84b1d8565926f2d1aab29b3ec3dcfdc84db28608bdf5f29867124ebcfc0d
   languageName: node
   linkType: hard
 
@@ -1889,15 +2159,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/environment@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/environment@npm:29.5.0"
+"@jest/environment@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/environment@npm:29.7.0"
   dependencies:
-    "@jest/fake-timers": ^29.5.0
-    "@jest/types": ^29.5.0
+    "@jest/fake-timers": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
-    jest-mock: ^29.5.0
-  checksum: 921de6325cd4817dec6685e5ff299b499b6379f3f9cf489b4b13588ee1f3820a0c77b49e6a087996b6de8f629f6f5251e636cba08d1bdb97d8071cc7d033c88a
+    jest-mock: ^29.7.0
+  checksum: 6fb398143b2543d4b9b8d1c6dbce83fa5247f84f550330604be744e24c2bd2178bb893657d62d1b97cf2f24baf85c450223f8237cccb71192c36a38ea2272934
   languageName: node
   linkType: hard
 
@@ -1910,61 +2180,61 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/expect-utils@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/expect-utils@npm:29.5.0"
+"@jest/expect-utils@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/expect-utils@npm:29.7.0"
   dependencies:
-    jest-get-type: ^29.4.3
-  checksum: c46fb677c88535cf83cf29f0a5b1f376c6a1109ddda266ad7da1a9cbc53cb441fa402dd61fc7b111ffc99603c11a9b3357ee41a1c0e035a58830bcb360871476
+    jest-get-type: ^29.6.3
+  checksum: 75eb177f3d00b6331bcaa057e07c0ccb0733a1d0a1943e1d8db346779039cb7f103789f16e502f888a3096fb58c2300c38d1f3748b36a7fa762eb6f6d1b160ed
   languageName: node
   linkType: hard
 
-"@jest/expect@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/expect@npm:29.5.0"
+"@jest/expect@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/expect@npm:29.7.0"
   dependencies:
-    expect: ^29.5.0
-    jest-snapshot: ^29.5.0
-  checksum: bd10e295111547e6339137107d83986ab48d46561525393834d7d2d8b2ae9d5626653f3f5e48e5c3fa742ac982e97bdf1f541b53b9e1d117a247b08e938527f6
+    expect: ^29.7.0
+    jest-snapshot: ^29.7.0
+  checksum: a01cb85fd9401bab3370618f4b9013b90c93536562222d920e702a0b575d239d74cecfe98010aaec7ad464f67cf534a353d92d181646a4b792acaa7e912ae55e
   languageName: node
   linkType: hard
 
-"@jest/fake-timers@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/fake-timers@npm:29.5.0"
+"@jest/fake-timers@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/fake-timers@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.5.0
+    "@jest/types": ^29.6.3
     "@sinonjs/fake-timers": ^10.0.2
     "@types/node": "*"
-    jest-message-util: ^29.5.0
-    jest-mock: ^29.5.0
-    jest-util: ^29.5.0
-  checksum: 69930c6922341f244151ec0d27640852ec96237f730fc024da1f53143d31b43cde75d92f9d8e5937981cdce3b31416abc3a7090a0d22c2377512c4a6613244ee
+    jest-message-util: ^29.7.0
+    jest-mock: ^29.7.0
+    jest-util: ^29.7.0
+  checksum: caf2bbd11f71c9241b458d1b5a66cbe95debc5a15d96442444b5d5c7ba774f523c76627c6931cca5e10e76f0d08761f6f1f01a608898f4751a0eee54fc3d8d00
   languageName: node
   linkType: hard
 
-"@jest/globals@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/globals@npm:29.5.0"
+"@jest/globals@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/globals@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.5.0
-    "@jest/expect": ^29.5.0
-    "@jest/types": ^29.5.0
-    jest-mock: ^29.5.0
-  checksum: b309ab8f21b571a7c672608682e84bbdd3d2b554ddf81e4e32617fec0a69094a290ab42e3c8b2c66ba891882bfb1b8b2736720ea1285b3ad646d55c2abefedd9
+    "@jest/environment": ^29.7.0
+    "@jest/expect": ^29.7.0
+    "@jest/types": ^29.6.3
+    jest-mock: ^29.7.0
+  checksum: 97dbb9459135693ad3a422e65ca1c250f03d82b2a77f6207e7fa0edd2c9d2015fbe4346f3dc9ebff1678b9d8da74754d4d440b7837497f8927059c0642a22123
   languageName: node
   linkType: hard
 
-"@jest/reporters@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/reporters@npm:29.5.0"
+"@jest/reporters@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/reporters@npm:29.7.0"
   dependencies:
     "@bcoe/v8-coverage": ^0.2.3
-    "@jest/console": ^29.5.0
-    "@jest/test-result": ^29.5.0
-    "@jest/transform": ^29.5.0
-    "@jest/types": ^29.5.0
-    "@jridgewell/trace-mapping": ^0.3.15
+    "@jest/console": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
+    "@jridgewell/trace-mapping": ^0.3.18
     "@types/node": "*"
     chalk: ^4.0.0
     collect-v8-coverage: ^1.0.0
@@ -1972,13 +2242,13 @@ __metadata:
     glob: ^7.1.3
     graceful-fs: ^4.2.9
     istanbul-lib-coverage: ^3.0.0
-    istanbul-lib-instrument: ^5.1.0
+    istanbul-lib-instrument: ^6.0.0
     istanbul-lib-report: ^3.0.0
     istanbul-lib-source-maps: ^4.0.0
     istanbul-reports: ^3.1.3
-    jest-message-util: ^29.5.0
-    jest-util: ^29.5.0
-    jest-worker: ^29.5.0
+    jest-message-util: ^29.7.0
+    jest-util: ^29.7.0
+    jest-worker: ^29.7.0
     slash: ^3.0.0
     string-length: ^4.0.1
     strip-ansi: ^6.0.0
@@ -1988,7 +2258,7 @@ __metadata:
   peerDependenciesMeta:
     node-notifier:
       optional: true
-  checksum: 481268aac9a4a75cc49c4df1273d6b111808dec815e9d009dad717c32383ebb0cebac76e820ad1ab44e207540e1c2fe1e640d44c4f262de92ab1933e057fdeeb
+  checksum: 7eadabd62cc344f629024b8a268ecc8367dba756152b761bdcb7b7e570a3864fc51b2a9810cd310d85e0a0173ef002ba4528d5ea0329fbf66ee2a3ada9c40455
   languageName: node
   linkType: hard
 
@@ -2001,70 +2271,70 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/schemas@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "@jest/schemas@npm:29.4.3"
+"@jest/schemas@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "@jest/schemas@npm:29.6.3"
   dependencies:
-    "@sinclair/typebox": ^0.25.16
-  checksum: ac754e245c19dc39e10ebd41dce09040214c96a4cd8efa143b82148e383e45128f24599195ab4f01433adae4ccfbe2db6574c90db2862ccd8551a86704b5bebd
+    "@sinclair/typebox": ^0.27.8
+  checksum: 910040425f0fc93cd13e68c750b7885590b8839066dfa0cd78e7def07bbb708ad869381f725945d66f2284de5663bbecf63e8fdd856e2ae6e261ba30b1687e93
   languageName: node
   linkType: hard
 
-"@jest/source-map@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "@jest/source-map@npm:29.4.3"
+"@jest/source-map@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "@jest/source-map@npm:29.6.3"
   dependencies:
-    "@jridgewell/trace-mapping": ^0.3.15
+    "@jridgewell/trace-mapping": ^0.3.18
     callsites: ^3.0.0
     graceful-fs: ^4.2.9
-  checksum: 2301d225145f8123540c0be073f35a80fd26a2f5e59550fd68525d8cea580fb896d12bf65106591ffb7366a8a19790076dbebc70e0f5e6ceb51f81827ed1f89c
+  checksum: bcc5a8697d471396c0003b0bfa09722c3cd879ad697eb9c431e6164e2ea7008238a01a07193dfe3cbb48b1d258eb7251f6efcea36f64e1ebc464ea3c03ae2deb
   languageName: node
   linkType: hard
 
-"@jest/test-result@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/test-result@npm:29.5.0"
+"@jest/test-result@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/test-result@npm:29.7.0"
   dependencies:
-    "@jest/console": ^29.5.0
-    "@jest/types": ^29.5.0
+    "@jest/console": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/istanbul-lib-coverage": ^2.0.0
     collect-v8-coverage: ^1.0.0
-  checksum: 2e8ff5242227ab960c520c3ea0f6544c595cc1c42fa3873c158e9f4f685f4ec9670ec08a4af94ae3885c0005a43550a9595191ffbc27a0965df27d9d98bbf901
+  checksum: 67b6317d526e335212e5da0e768e3b8ab8a53df110361b80761353ad23b6aea4432b7c5665bdeb87658ea373b90fb1afe02ed3611ef6c858c7fba377505057fa
   languageName: node
   linkType: hard
 
-"@jest/test-sequencer@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/test-sequencer@npm:29.5.0"
+"@jest/test-sequencer@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/test-sequencer@npm:29.7.0"
   dependencies:
-    "@jest/test-result": ^29.5.0
+    "@jest/test-result": ^29.7.0
     graceful-fs: ^4.2.9
-    jest-haste-map: ^29.5.0
+    jest-haste-map: ^29.7.0
     slash: ^3.0.0
-  checksum: eca34b4aeb2fda6dfb7f9f4b064c858a7adf64ec5c6091b6f4ed9d3c19549177cbadcf1c615c4c182688fa1cf085c8c55c3ca6eea40719a34554b0bf071d842e
+  checksum: 73f43599017946be85c0b6357993b038f875b796e2f0950487a82f4ebcb115fa12131932dd9904026b4ad8be131fe6e28bd8d0aa93b1563705185f9804bff8bd
   languageName: node
   linkType: hard
 
-"@jest/transform@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/transform@npm:29.5.0"
+"@jest/transform@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/transform@npm:29.7.0"
   dependencies:
     "@babel/core": ^7.11.6
-    "@jest/types": ^29.5.0
-    "@jridgewell/trace-mapping": ^0.3.15
+    "@jest/types": ^29.6.3
+    "@jridgewell/trace-mapping": ^0.3.18
     babel-plugin-istanbul: ^6.1.1
     chalk: ^4.0.0
     convert-source-map: ^2.0.0
     fast-json-stable-stringify: ^2.1.0
     graceful-fs: ^4.2.9
-    jest-haste-map: ^29.5.0
-    jest-regex-util: ^29.4.3
-    jest-util: ^29.5.0
+    jest-haste-map: ^29.7.0
+    jest-regex-util: ^29.6.3
+    jest-util: ^29.7.0
     micromatch: ^4.0.4
     pirates: ^4.0.4
     slash: ^3.0.0
     write-file-atomic: ^4.0.2
-  checksum: d55d604085c157cf5112e165ff5ac1fa788873b3b31265fb4734ca59892ee24e44119964cc47eb6d178dd9512bbb6c576d1e20e51a201ff4e24d31e818a1c92d
+  checksum: 0f8ac9f413903b3cb6d240102db848f2a354f63971ab885833799a9964999dd51c388162106a807f810071f864302cdd8e3f0c241c29ce02d85a36f18f3f40ab
   languageName: node
   linkType: hard
 
@@ -2095,17 +2365,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/types@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/types@npm:29.5.0"
+"@jest/types@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "@jest/types@npm:29.6.3"
   dependencies:
-    "@jest/schemas": ^29.4.3
+    "@jest/schemas": ^29.6.3
     "@types/istanbul-lib-coverage": ^2.0.0
     "@types/istanbul-reports": ^3.0.0
     "@types/node": "*"
     "@types/yargs": ^17.0.8
     chalk: ^4.0.0
-  checksum: 1811f94b19cf8a9460a289c4f056796cfc373480e0492692a6125a553cd1a63824bd846d7bb78820b7b6f758f6dd3c2d4558293bb676d541b2fa59c70fdf9d39
+  checksum: a0bcf15dbb0eca6bdd8ce61a3fb055349d40268622a7670a3b2eb3c3dbafe9eb26af59938366d520b86907b9505b0f9b29b85cec11579a9e580694b87cd90fcc
   languageName: node
   linkType: hard
 
@@ -2561,6 +2831,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/resolve-uri@npm:^3.1.0":
+  version: 3.1.1
+  resolution: "@jridgewell/resolve-uri@npm:3.1.1"
+  checksum: f5b441fe7900eab4f9155b3b93f9800a916257f4e8563afbcd3b5a5337b55e52bd8ae6735453b1b745457d9f6cdb16d74cd6220bbdd98cf153239e13f6cbb653
+  languageName: node
+  linkType: hard
+
 "@jridgewell/set-array@npm:^1.0.0, @jridgewell/set-array@npm:^1.0.1":
   version: 1.1.2
   resolution: "@jridgewell/set-array@npm:1.1.2"
@@ -2595,7 +2872,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.15, @jridgewell/trace-mapping@npm:^0.3.9":
+"@jridgewell/sourcemap-codec@npm:^1.4.14":
+  version: 1.4.15
+  resolution: "@jridgewell/sourcemap-codec@npm:1.4.15"
+  checksum: b881c7e503db3fc7f3c1f35a1dd2655a188cc51a3612d76efc8a6eb74728bef5606e6758ee77423e564092b4a518aba569bbb21c9bac5ab7a35b0c6ae7e344c8
+  languageName: node
+  linkType: hard
+
+"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.9":
   version: 0.3.17
   resolution: "@jridgewell/trace-mapping@npm:0.3.17"
   dependencies:
@@ -2615,6 +2899,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/trace-mapping@npm:^0.3.18":
+  version: 0.3.19
+  resolution: "@jridgewell/trace-mapping@npm:0.3.19"
+  dependencies:
+    "@jridgewell/resolve-uri": ^3.1.0
+    "@jridgewell/sourcemap-codec": ^1.4.14
+  checksum: 956a6f0f6fec060fb48c6bf1f5ec2064e13cd38c8be3873877d4b92b4a27ba58289a34071752671262a3e3c202abcc3fa2aac64d8447b4b0fa1ba3c9047f1c20
+  languageName: node
+  linkType: hard
+
 "@leichtgewicht/ip-codec@npm:^2.0.1":
   version: 2.0.4
   resolution: "@leichtgewicht/ip-codec@npm:2.0.4"
@@ -2752,27 +3046,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@openmrs/esm-api@npm:^5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-api@npm:5.0.3-pre.846"
+"@openmrs/esm-api@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-api@npm:5.1.1-pre.1025"
   dependencies:
     "@types/fhir": 0.0.31
     lodash-es: ^4.17.21
   peerDependencies:
-    "@openmrs/esm-config": 4.x
-    "@openmrs/esm-error-handling": 4.x
-    "@openmrs/esm-offline": 4.x
-  checksum: 66e02f30e4a30536d835dc8630cc9e3d7866330e57bedc7cc629bf338b30558a51b03980ce19b7e83eba35011f57edcaf28e8e01c102f47e407f3d06b8043349
+    "@openmrs/esm-config": 5.x
+    "@openmrs/esm-error-handling": 5.x
+    "@openmrs/esm-offline": 5.x
+  checksum: 8d5749fbe5fd7de66b0e006f5aaf9251307ac99b1e4406577c9865ae028f48a66e0e20d874bec8a0ba394c2bfc980a05535ce70c3908880f73f9fad37762fc88
   languageName: node
   linkType: hard
 
-"@openmrs/esm-app-shell@npm:5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-app-shell@npm:5.0.3-pre.846"
+"@openmrs/esm-app-shell@npm:5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-app-shell@npm:5.1.1-pre.1025"
   dependencies:
     "@carbon/react": ^1.12.0
-    "@openmrs/esm-framework": 5.0.3-pre.846
-    "@openmrs/esm-styleguide": 5.0.3-pre.846
+    "@openmrs/esm-framework": 5.1.1-pre.1025
+    "@openmrs/esm-styleguide": 5.1.1-pre.1025
     dayjs: ^1.10.4
     dexie: ^3.0.3
     html-webpack-plugin: ^5.5.0
@@ -2796,63 +3090,77 @@ __metadata:
     workbox-strategies: ^6.1.5
     workbox-webpack-plugin: ^6.1.5
     workbox-window: ^6.1.5
-  checksum: d2630dc61cbcd26345a2685b9b52ec3744807e703a8af2341ffc7c48d7b5a9d06d7071fef86976fa24e33e3b5f737e517c8b30a18c493e01e7b283fd6944b400
+  checksum: 1d9546623402ef84292fd4d0f37603136b4e28bc3523fe8ed1a7efeb987d809bb10719b4463c5dc671d9cebff8388040a48da0779b3c7a5d084524629032ae31
   languageName: node
   linkType: hard
 
-"@openmrs/esm-breadcrumbs@npm:^5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-breadcrumbs@npm:5.0.3-pre.846"
+"@openmrs/esm-breadcrumbs@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-breadcrumbs@npm:5.1.1-pre.1025"
   dependencies:
     path-to-regexp: 6.1.0
   peerDependencies:
-    "@openmrs/esm-state": 4.x
-  checksum: 80fe62635efe320dfd6e74f1f6d4730bf627f3451888d5b78951100868581aca922cad8bb7b3e4ac6f2068e6af55157a23ec1bf81f659720f33ff75a05cd76e1
+    "@openmrs/esm-state": 5.x
+  checksum: ebf1e957548c6ed4ba202fc5e69cb0b5c58e045f48bb99427f9b4b67354ea2c6e2e109288a869f96326b2aac52cd611b1cc7a20e0fe209404382fddadb05c46f
   languageName: node
   linkType: hard
 
-"@openmrs/esm-config@npm:^5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-config@npm:5.0.3-pre.846"
+"@openmrs/esm-config@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-config@npm:5.1.1-pre.1025"
   dependencies:
     ramda: ^0.26.1
   peerDependencies:
-    "@openmrs/esm-globals": 4.x
-    "@openmrs/esm-state": 4.x
+    "@openmrs/esm-globals": 5.x
+    "@openmrs/esm-state": 5.x
     single-spa: 5.x
-  checksum: 208c1fddc6af6ca2499b4881f9a16cd279ea3ef264b82cdde0c7abfb7d55530c768d42abc1f3aa10eaecb405995fb8e03bc028c461f2464b14ad9bf9d9420486
+  checksum: 0ea0eef351e41f9e242fd60f19b36a1eae903e1208fa68144f717e67c83169abc966c77d8d01aacfd598839e014bb13d473c7e1e01b80dd05e123961d60928c7
   languageName: node
   linkType: hard
 
-"@openmrs/esm-dynamic-loading@npm:^5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-dynamic-loading@npm:5.0.3-pre.846"
+"@openmrs/esm-dynamic-loading@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-dynamic-loading@npm:5.1.1-pre.1025"
   peerDependencies:
-    "@openmrs/esm-globals": 4.x
-  checksum: a71098117aef13d19a04d6871c49c1531ca105d032adbf64fd23604c8e4bd27c7adb467a27b809ea46351f4e8030a55afcebb0a4219808d0dcad84668550d31b
+    "@openmrs/esm-globals": 5.x
+  checksum: 812cb090dd9636d7749879efaba0cd79b55641e5b1246618776deb7c72dddc9ce8d5955817abe11ba33454d1c03bdc5cdad18d8dbea5869b2580313a8076c687
   languageName: node
   linkType: hard
 
-"@openmrs/esm-error-handling@npm:^5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-error-handling@npm:5.0.3-pre.846"
+"@openmrs/esm-error-handling@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-error-handling@npm:5.1.1-pre.1025"
   peerDependencies:
-    "@openmrs/esm-globals": 4.x
-  checksum: c899aa829383e739b575c0428291966cab87b6a16b86beb56d8a2654ac17c329c2018a9542d7e1dbadaa55163b1380f81fab821784da8839180e72385c708142
+    "@openmrs/esm-globals": 5.x
+  checksum: 0ef4c5bf2248574b4d14eee15b483f4c09f8d577d602f1e12186cd716ad742cd10c18f469120498de841c485df27f522789c7100bcfbcddc04d4c3f02b954fac
   languageName: node
   linkType: hard
 
-"@openmrs/esm-extensions@npm:^5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-extensions@npm:5.0.3-pre.846"
+"@openmrs/esm-extensions@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-extensions@npm:5.1.1-pre.1025"
   dependencies:
     lodash-es: ^4.17.21
   peerDependencies:
-    "@openmrs/esm-api": 4.x
-    "@openmrs/esm-config": 4.x
-    "@openmrs/esm-state": 4.x
+    "@openmrs/esm-api": 5.x
+    "@openmrs/esm-config": 5.x
+    "@openmrs/esm-feature-flags": 5.x
+    "@openmrs/esm-state": 5.x
+    single-spa: 5.x
+  checksum: bf27c27a340ff17f76a8205cfec3e71192cb8560d098e353bc00f2db194c573ad59e99fbcc71fe299325db523bc5431e53cedfa9e2e9b0ccd143c743b228768b
+  languageName: node
+  linkType: hard
+
+"@openmrs/esm-feature-flags@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-feature-flags@npm:5.1.1-pre.1025"
+  dependencies:
+    ramda: ^0.26.1
+  peerDependencies:
+    "@openmrs/esm-globals": 5.x
+    "@openmrs/esm-state": 5.x
     single-spa: 5.x
-  checksum: 258f08331703a4e688121f7106d92f0e9eaf1cf26d05fc549a2723c098d8519b82372b0d701052e6a5bd29e1ea340ed60f24bf4cd588b191060276790078571b
+  checksum: 3c3f4fa6cf1501abc7227e1abd57021ac0bd1442281842d2d6a2f267baae31833c1cf2cc3231e237e3bb89dd9e0d910e6076586f654ed10843dc96faf8404b42
   languageName: node
   linkType: hard
 
@@ -2860,7 +3168,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@openmrs/esm-form-builder-app@workspace:."
   dependencies:
-    "@carbon/react": ^1.31.0
+    "@carbon/react": ^1.38.0
     "@dnd-kit/core": ^6.0.8
     "@dnd-kit/modifiers": ^6.0.1
     "@dnd-kit/sortable": ^7.0.2
@@ -2868,49 +3176,50 @@ __metadata:
     "@openmrs/esm-framework": next
     "@openmrs/esm-styleguide": next
     "@openmrs/openmrs-form-engine-lib": next
-    "@playwright/test": ^1.35.0
+    "@playwright/test": ^1.38.0
     "@swc/cli": ^0.1.62
-    "@swc/core": ^1.3.62
-    "@swc/jest": ^0.2.26
-    "@testing-library/dom": ^8.20.0
-    "@testing-library/jest-dom": ^5.16.5
-    "@testing-library/react": ^13.4.0
-    "@testing-library/user-event": ^14.4.3
-    "@types/jest": ^29.5.2
-    "@types/react": ^18.2.12
-    "@types/react-dom": ^18.2.5
+    "@swc/core": ^1.3.85
+    "@swc/jest": ^0.2.29
+    "@testing-library/dom": ^9.3.1
+    "@testing-library/jest-dom": ^6.1.3
+    "@testing-library/react": ^14.0.0
+    "@testing-library/user-event": ^14.5.1
+    "@types/jest": ^29.5.5
+    "@types/react": ^18.2.21
+    "@types/react-dom": ^18.2.7
     "@types/webpack-env": ^1.18.1
-    "@typescript-eslint/eslint-plugin": ^5.59.11
-    "@typescript-eslint/parser": ^5.59.11
+    "@typescript-eslint/eslint-plugin": ^6.7.0
+    "@typescript-eslint/parser": ^6.7.0
     css-loader: ^6.8.1
-    dotenv: ^16.1.4
-    eslint: ^8.42.0
-    eslint-config-prettier: ^8.8.0
+    dotenv: ^16.3.1
+    eslint: ^8.49.0
+    eslint-config-prettier: ^9.0.0
     eslint-config-ts-react-important-stuff: ^3.0.0
-    eslint-plugin-prettier: ^4.2.1
+    eslint-plugin-playwright: ^0.16.0
+    eslint-plugin-prettier: ^5.0.0
     file-loader: ^6.2.0
     husky: ^8.0.3
-    i18next: ^19.9.2
-    i18next-parser: ^5.4.0
+    i18next: ^23.5.1
+    i18next-parser: ^8.7.0
     identity-obj-proxy: ^3.0.0
-    jest: ^29.5.0
-    jest-cli: ^29.5.0
-    jest-environment-jsdom: ^29.5.0
+    jest: ^29.7.0
+    jest-cli: ^29.7.0
+    jest-environment-jsdom: ^29.7.0
+    lint-staged: ^14.0.1
     lodash-es: ^4.17.21
     openmrs: next
-    prettier: ^2.8.8
-    pretty-quick: ^3.1.3
+    prettier: ^3.0.3
     react: ^18.2.0
     react-ace: ^10.1.0
     react-dom: ^18.2.0
-    react-error-boundary: ^4.0.10
-    react-i18next: ^11.18.6
+    react-error-boundary: ^4.0.11
+    react-i18next: ^13.2.2
     rxjs: ^7.8.1
-    sass: ^1.63.3
+    sass: ^1.67.0
     swc-loader: ^0.2.3
-    turbo: ^1.10.3
+    turbo: ^1.10.14
     typescript: ^4.9.5
-    webpack: ^5.86.0
+    webpack: ^5.88.2
     webpack-cli: ^5.1.4
   peerDependencies:
     "@openmrs/esm-framework": "*"
@@ -2921,22 +3230,23 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@openmrs/esm-framework@npm:5.0.3-pre.846, @openmrs/esm-framework@npm:next":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-framework@npm:5.0.3-pre.846"
-  dependencies:
-    "@openmrs/esm-api": ^5.0.3-pre.846
-    "@openmrs/esm-breadcrumbs": ^5.0.3-pre.846
-    "@openmrs/esm-config": ^5.0.3-pre.846
-    "@openmrs/esm-dynamic-loading": ^5.0.3-pre.846
-    "@openmrs/esm-error-handling": ^5.0.3-pre.846
-    "@openmrs/esm-extensions": ^5.0.3-pre.846
-    "@openmrs/esm-globals": ^5.0.3-pre.846
-    "@openmrs/esm-offline": ^5.0.3-pre.846
-    "@openmrs/esm-react-utils": ^5.0.3-pre.846
-    "@openmrs/esm-state": ^5.0.3-pre.846
-    "@openmrs/esm-styleguide": ^5.0.3-pre.846
-    "@openmrs/esm-utils": ^5.0.3-pre.846
+"@openmrs/esm-framework@npm:5.1.1-pre.1025, @openmrs/esm-framework@npm:next":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-framework@npm:5.1.1-pre.1025"
+  dependencies:
+    "@openmrs/esm-api": ^5.1.1-pre.1025
+    "@openmrs/esm-breadcrumbs": ^5.1.1-pre.1025
+    "@openmrs/esm-config": ^5.1.1-pre.1025
+    "@openmrs/esm-dynamic-loading": ^5.1.1-pre.1025
+    "@openmrs/esm-error-handling": ^5.1.1-pre.1025
+    "@openmrs/esm-extensions": ^5.1.1-pre.1025
+    "@openmrs/esm-feature-flags": ^5.1.1-pre.1025
+    "@openmrs/esm-globals": ^5.1.1-pre.1025
+    "@openmrs/esm-offline": ^5.1.1-pre.1025
+    "@openmrs/esm-react-utils": ^5.1.1-pre.1025
+    "@openmrs/esm-state": ^5.1.1-pre.1025
+    "@openmrs/esm-styleguide": ^5.1.1-pre.1025
+    "@openmrs/esm-utils": ^5.1.1-pre.1025
     dayjs: ^1.10.7
   peerDependencies:
     dayjs: 1.x
@@ -2946,82 +3256,90 @@ __metadata:
     react-i18next: 11.x
     rxjs: 6.x
     single-spa: 5.x
-  checksum: a6a844e7dc3f734122b291768ead75767f27482cb399d47a09c885c8054e5747d31f3c92dc1b1ea6f74bfb64ea167b5f79fe14220ece8f5929298c6cbac40dee
+  checksum: 5638354a653755b342ce906b0c013f6572dbbe67130eec5f485b926d6d48226328a642f35d7cae79a028c0589729c2b6358df183b95684f722553bd19852f2a4
   languageName: node
   linkType: hard
 
-"@openmrs/esm-globals@npm:^5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-globals@npm:5.0.3-pre.846"
+"@openmrs/esm-globals@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-globals@npm:5.1.1-pre.1025"
   peerDependencies:
     single-spa: 5.x
-  checksum: b19eaf9145adf6377ab43ad218bd13c506f101520b92fc9f0cda75ed40a00955a5c16f3777ffd47155e613625fc7d7db012c8e15c824afed0ff8cd85f481e72c
+  checksum: 475c421296daf4080de80b2d36477c1ef1fb79c0606c49bdd1f14ac0be0aea7c38649c04438ecb90b2bce8d185474b5a8f42d51abbd2e2d8318eb3003d29469f
   languageName: node
   linkType: hard
 
-"@openmrs/esm-offline@npm:^5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-offline@npm:5.0.3-pre.846"
+"@openmrs/esm-offline@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-offline@npm:5.1.1-pre.1025"
   dependencies:
     dexie: ^3.0.3
     lodash-es: ^4.17.21
     uuid: ^9.0.0
     workbox-window: ^6.1.5
   peerDependencies:
-    "@openmrs/esm-api": 4.x
-    "@openmrs/esm-globals": 4.x
-    "@openmrs/esm-state": 4.x
-    "@openmrs/esm-styleguide": 4.x
+    "@openmrs/esm-api": 5.x
+    "@openmrs/esm-globals": 5.x
+    "@openmrs/esm-state": 5.x
+    "@openmrs/esm-styleguide": 5.x
     rxjs: 6.x
-  checksum: ab4325e53794d8f70db0569086aa405a0f9194ea771d78540208755f244e146182b5ae40286152e8446490fd4214d91f1a660973fc852660db9f2d694a7f3aaa
+  checksum: de5b75ff5952139137031092ac06eae1e3ec1ebb43301df4507ccd3c4257c5d69daacd7e463dde00a5d1156bd49e1484e42c4f7131c1573f65de46e357a95088
   languageName: node
   linkType: hard
 
-"@openmrs/esm-react-utils@npm:^5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-react-utils@npm:5.0.3-pre.846"
+"@openmrs/esm-react-utils@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-react-utils@npm:5.1.1-pre.1025"
   dependencies:
     lodash-es: ^4.17.21
     single-spa-react: ~5.0.0
     swr: ^2.0.1
   peerDependencies:
-    "@openmrs/esm-api": 4.x
-    "@openmrs/esm-config": 4.x
-    "@openmrs/esm-error-handling": 4.x
-    "@openmrs/esm-extensions": 4.x
-    "@openmrs/esm-globals": 4.x
+    "@openmrs/esm-api": 5.x
+    "@openmrs/esm-config": 5.x
+    "@openmrs/esm-error-handling": 5.x
+    "@openmrs/esm-extensions": 5.x
+    "@openmrs/esm-globals": 5.x
     dayjs: 1.x
     i18next: 19.x
     react: 18.x
     react-dom: 18.x
     react-i18next: 11.x
-  checksum: 6aade00f8031216485ca05533b4777258c9e9b623ac2e2494356e26d093946b89e3026a871fc8eb1e8c1be07d39a2dce0f76e5fb3026e6b3e51c52014a1b0593
+  checksum: ce1d9958a3b00b08ff2c8b7a38f11351b0182e3a6e0eb4537529f17116980698ec25b2c8eace42f69147a42d24a85d08ab192f46b761f5426ed4c0233097b815
   languageName: node
   linkType: hard
 
-"@openmrs/esm-state@npm:^5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-state@npm:5.0.3-pre.846"
+"@openmrs/esm-state@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-state@npm:5.1.1-pre.1025"
   dependencies:
     zustand: ^4.3.6
-  checksum: 396d85fe53f81c3695848d72f04f2e39bd2a71997417653e86cfb6f679a1f1559821c6484bdde3f70b26873f615344edcd1eac1974650da8c39636cfcd9b64ca
+  peerDependencies:
+    "@openmrs/esm-globals": 5.x
+  checksum: dc1dd77780491f31fb877ed28aa41a4ffad416b95d6c9827e849f654e332fdcd457366abcddcd155263bbd3aaf1e6706bb4c7cc0c27d3d5d427c27d759f74a9a
   languageName: node
   linkType: hard
 
-"@openmrs/esm-styleguide@npm:5.0.3-pre.846, @openmrs/esm-styleguide@npm:^5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-styleguide@npm:5.0.3-pre.846"
+"@openmrs/esm-styleguide@npm:5.1.1-pre.1025, @openmrs/esm-styleguide@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-styleguide@npm:5.1.1-pre.1025"
   dependencies:
     "@carbon/charts": ^1.6.3
     "@carbon/react": ^1.12.0
+    "@internationalized/date": ^3.2.0
+    "@react-spectrum/datepicker": ^3.5.0
+    "@react-spectrum/provider": ^3.7.1
+    "@react-spectrum/theme-default": ^3.5.1
     d3: ^7.8.0
     lodash-es: ^4.17.21
   peerDependencies:
-    "@openmrs/esm-framework": 4.x
+    "@openmrs/esm-extensions": 5.x
+    "@openmrs/esm-react-utils": 5.x
+    "@openmrs/esm-state": 5.x
     react: 18.x
     react-dom: 18.x
     rxjs: 6.x
-  checksum: 13c6ceeb1ced15bd2ca96be347d399a20a0e2a88de23f5670224a20f8b81e9afa8c86f28b14e6fbd8153917514a328d91a279b64cf006ca7b34af26fc41a419d
+  checksum: d7b95a8cd6907c038fe633b9cf22423fc018233bfcddc6e4721a65d3492c8cde35ac996f9ab142d6dfcf5e20149cebb20c2558a1510c0c59bb2b91329fbee7de
   languageName: node
   linkType: hard
 
@@ -3044,22 +3362,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@openmrs/esm-utils@npm:^5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/esm-utils@npm:5.0.3-pre.846"
+"@openmrs/esm-utils@npm:^5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/esm-utils@npm:5.1.1-pre.1025"
   dependencies:
     semver: 7.3.2
   peerDependencies:
     dayjs: 1.x
     i18next: 19.x
     rxjs: 6.x
-  checksum: a6a136d67f1aba88922b7e6f4bd64dbd77bac57df35ed54f580c4d016539d65fda8f03580684fbcb1b20ec5d413e12e4125857ec553531e7ac5896ac442add1b
+  checksum: b5b3fcec2143b3c64c5a75772355bb5885da641f4b779cb46ab320775e25352325634838060f705b18bdecba73c51d85c771c3f5ed1bc16e05f40b82b5e7d541
   languageName: node
   linkType: hard
 
 "@openmrs/openmrs-form-engine-lib@npm:next":
-  version: 1.0.0-pre.330
-  resolution: "@openmrs/openmrs-form-engine-lib@npm:1.0.0-pre.330"
+  version: 1.0.0-pre.362
+  resolution: "@openmrs/openmrs-form-engine-lib@npm:1.0.0-pre.362"
   dependencies:
     ace-builds: ^1.4.12
     enzyme: ^3.11.0
@@ -3081,13 +3399,13 @@ __metadata:
     react: ^18.2.0
     react-i18next: 11.x
     rxjs: 6.x
-  checksum: 86c413fe8b183e8328ddb2c874acf1580102c088745b397ad9ced3612e9f742e8c7f9279d95c9771936310a80f444756cc5a7226590cc4aeb5e50bf134ad1daf
+  checksum: 45e40844583e6a3765397d5b5c372515df9068b1c2b98a84016eb4a719068c48a680da6581f7be0571f14efd4590a3c181d4ad6c53c26d506ea99697375c5e95
   languageName: node
   linkType: hard
 
-"@openmrs/webpack-config@npm:5.0.3-pre.846":
-  version: 5.0.3-pre.846
-  resolution: "@openmrs/webpack-config@npm:5.0.3-pre.846"
+"@openmrs/webpack-config@npm:5.1.1-pre.1025":
+  version: 5.1.1-pre.1025
+  resolution: "@openmrs/webpack-config@npm:5.1.1-pre.1025"
   dependencies:
     "@swc/core": ^1.3.58
     babel-preset-minify: ^0.5.1
@@ -3096,7 +3414,7 @@ __metadata:
     css-loader: ^5.2.4
     fork-ts-checker-webpack-plugin: ^6.5.0
     lodash: ^4.17.21
-    sass: ^1.44.0
+    sass: ">=1.45.0 <1.65.0"
     sass-loader: ^12.3.0
     style-loader: ^3.3.1
     swc-loader: ^0.2.3
@@ -3105,23 +3423,32 @@ __metadata:
     webpack-stats-plugin: ^1.0.3
   peerDependencies:
     webpack: 5.x
-  checksum: 4f4a16d6114536e3c3ee2c90cef97e8c5f0448b0dd1f3bed693c6ceab03fbd3c75369371b9dfdb5f575ccdc4ebcac835545149ec39368c5d49dc257400476fc0
+  checksum: e8a240172d0111f6580fc8ff58f7337d9b397828c3b442786c55b1622ac2bf6afd183d1de1df6bb108a2a4e0850ea44ce1c8dcd3535837b407a7e9f5a71e77a4
   languageName: node
   linkType: hard
 
-"@playwright/test@npm:^1.35.0":
-  version: 1.35.0
-  resolution: "@playwright/test@npm:1.35.0"
+"@pkgr/utils@npm:^2.3.1":
+  version: 2.4.2
+  resolution: "@pkgr/utils@npm:2.4.2"
   dependencies:
-    "@types/node": "*"
-    fsevents: 2.3.2
-    playwright-core: 1.35.0
-  dependenciesMeta:
-    fsevents:
-      optional: true
+    cross-spawn: ^7.0.3
+    fast-glob: ^3.3.0
+    is-glob: ^4.0.3
+    open: ^9.1.0
+    picocolors: ^1.0.0
+    tslib: ^2.6.0
+  checksum: 24e04c121269317d259614cd32beea3af38277151c4002df5883c4be920b8e3490bb897748e844f9d46bf68230f86dabd4e8f093773130e7e60529a769a132fc
+  languageName: node
+  linkType: hard
+
+"@playwright/test@npm:^1.38.0":
+  version: 1.38.0
+  resolution: "@playwright/test@npm:1.38.0"
+  dependencies:
+    playwright: 1.38.0
   bin:
     playwright: cli.js
-  checksum: c63a281d8711ec817906d7618563709842aaa013ac02919bb7bbef7f7162d4ace0fc1351c6aac94a8957df4d107b38440e55488e99455a07f55e1ace6bb07959
+  checksum: 0768b6b98f0993d9d8017e4bcca3a5c3fe1bf0270acaa89b141479c4319c16350d60e6d2511cbd655283942059fa409ce23fce30435f0936f5e2577834f356ba
   languageName: node
   linkType: hard
 
@@ -3159,88 +3486,940 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@remix-run/router@npm:1.0.3":
-  version: 1.0.3
-  resolution: "@remix-run/router@npm:1.0.3"
-  checksum: 7e535f3c24bf6b0a48aff3de70ee74e5402fe93105aa9bd01f275d5d8f5a9a8a7cadec08d18cf5544d4f24bc9d7a091abc1c9d4ea8efb2893e9077f104a51459
+"@react-aria/button@npm:^3.8.2":
+  version: 3.8.2
+  resolution: "@react-aria/button@npm:3.8.2"
+  dependencies:
+    "@react-aria/focus": ^3.14.1
+    "@react-aria/interactions": ^3.18.0
+    "@react-aria/utils": ^3.20.0
+    "@react-stately/toggle": ^3.6.2
+    "@react-types/button": ^3.8.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 69fe712649c1e52a27d1d470a2d620825a19dc813102a8f944f7eed10855569a4253128a713ffed93dd86f6b9f6b5866f9abcc4409c2935e5ac2ce5363782a42
   languageName: node
   linkType: hard
 
-"@rollup/plugin-babel@npm:^5.2.0":
-  version: 5.3.1
-  resolution: "@rollup/plugin-babel@npm:5.3.1"
+"@react-aria/calendar@npm:^3.5.0":
+  version: 3.5.0
+  resolution: "@react-aria/calendar@npm:3.5.0"
   dependencies:
-    "@babel/helper-module-imports": ^7.10.4
-    "@rollup/pluginutils": ^3.1.0
+    "@internationalized/date": ^3.5.0
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/interactions": ^3.18.0
+    "@react-aria/live-announcer": ^3.3.1
+    "@react-aria/utils": ^3.20.0
+    "@react-stately/calendar": ^3.4.0
+    "@react-types/button": ^3.8.0
+    "@react-types/calendar": ^3.4.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
   peerDependencies:
-    "@babel/core": ^7.0.0
-    "@types/babel__core": ^7.1.9
-    rollup: ^1.20.0||^2.0.0
-  peerDependenciesMeta:
-    "@types/babel__core":
-      optional: true
-  checksum: 220d71e4647330f252ef33d5f29700aef2e8284a0b61acfcceb47617a7f96208aa1ed16eae75619424bf08811ede5241e271a6d031f07026dee6b3a2bdcdc638
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 3bcbbebc151d41c9791d394efe7e21ba00f5a130bbb4b03999096b3f56ab023a01fd1bf6b766f60e86c9a28fc47ad1256df8c4717ad427881714442513dd86d0
+  languageName: node
+  linkType: hard
+
+"@react-aria/datepicker@npm:^3.7.0":
+  version: 3.7.0
+  resolution: "@react-aria/datepicker@npm:3.7.0"
+  dependencies:
+    "@internationalized/date": ^3.5.0
+    "@internationalized/number": ^3.2.1
+    "@internationalized/string": ^3.1.1
+    "@react-aria/focus": ^3.14.1
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/interactions": ^3.18.0
+    "@react-aria/label": ^3.7.0
+    "@react-aria/spinbutton": ^3.5.2
+    "@react-aria/utils": ^3.20.0
+    "@react-stately/datepicker": ^3.7.0
+    "@react-types/button": ^3.8.0
+    "@react-types/calendar": ^3.4.0
+    "@react-types/datepicker": ^3.6.0
+    "@react-types/dialog": ^3.5.5
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: a0e179deee3d3fbab4d00b9a9e9dcb1f358f588473cf0ea855f071e6e7168773e8a2e674c54f4ad4615878175718ad43eeb391a9be5fd6ba2a1c8eafeb9d2ad5
   languageName: node
   linkType: hard
 
-"@rollup/plugin-node-resolve@npm:^11.2.1":
-  version: 11.2.1
-  resolution: "@rollup/plugin-node-resolve@npm:11.2.1"
+"@react-aria/dialog@npm:^3.5.5":
+  version: 3.5.5
+  resolution: "@react-aria/dialog@npm:3.5.5"
   dependencies:
-    "@rollup/pluginutils": ^3.1.0
-    "@types/resolve": 1.17.1
-    builtin-modules: ^3.1.0
-    deepmerge: ^4.2.2
-    is-module: ^1.0.0
-    resolve: ^1.19.0
+    "@react-aria/focus": ^3.14.1
+    "@react-aria/overlays": ^3.17.0
+    "@react-aria/utils": ^3.20.0
+    "@react-stately/overlays": ^3.6.2
+    "@react-types/dialog": ^3.5.5
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
   peerDependencies:
-    rollup: ^1.20.0||^2.0.0
-  checksum: 6f3b3ecf9a0596a5db4212984bdeb13bb7612693602407e9457ada075dea5a5f2e4e124c592352cf27066a88b194de9b9a95390149b52cf335d5b5e17b4e265b
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 3a21e2ff8db06de08971a026a23dc804bafcb583d606526c3afa2e644540464e672aa397c6da4ac383d2941dde4b63c31c7a662eeabd8b57a354a2c853fb13c9
   languageName: node
   linkType: hard
 
-"@rollup/plugin-replace@npm:^2.4.1":
-  version: 2.4.2
-  resolution: "@rollup/plugin-replace@npm:2.4.2"
+"@react-aria/focus@npm:^3.14.1":
+  version: 3.14.1
+  resolution: "@react-aria/focus@npm:3.14.1"
   dependencies:
-    "@rollup/pluginutils": ^3.1.0
-    magic-string: ^0.25.7
+    "@react-aria/interactions": ^3.18.0
+    "@react-aria/utils": ^3.20.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+    clsx: ^1.1.1
   peerDependencies:
-    rollup: ^1.20.0 || ^2.0.0
-  checksum: b2f1618ee5526d288e2f8ae328dcb326e20e8dc8bd1f60d3e14d6708a5832e4aa44811f7d493f4aed2deeadca86e3b6b0503cd39bf50cfb4b595bb9da027fad0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: c2bcacac922ef3adb1f4f81a15ee120362cbd4e733c8370eb73b43472cf26ac30c9d5c4981f22aee5bdf0e5818459fff2d735b6500ef3b2bbe378df57306f92f
   languageName: node
   linkType: hard
 
-"@rollup/pluginutils@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "@rollup/pluginutils@npm:3.1.0"
+"@react-aria/i18n@npm:^3.8.2":
+  version: 3.8.2
+  resolution: "@react-aria/i18n@npm:3.8.2"
   dependencies:
-    "@types/estree": 0.0.39
-    estree-walker: ^1.0.1
-    picomatch: ^2.2.2
+    "@internationalized/date": ^3.5.0
+    "@internationalized/message": ^3.1.1
+    "@internationalized/number": ^3.2.1
+    "@internationalized/string": ^3.1.1
+    "@react-aria/ssr": ^3.8.0
+    "@react-aria/utils": ^3.20.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
   peerDependencies:
-    rollup: ^1.20.0||^2.0.0
-  checksum: 8be16e27863c219edbb25a4e6ec2fe0e1e451d9e917b6a43cf2ae5bc025a6b8faaa40f82a6e53b66d0de37b58ff472c6c3d57a83037ae635041f8df959d6d9aa
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 36074f83392e9de5e696d9a1a2fe2e033c7a176f24c4d2fd40fe602be239f4bb5ef8488670bf496b9e0a07f43efb938d7655795b68092a0cb465685d23344246
   languageName: node
   linkType: hard
 
-"@sinclair/typebox@npm:^0.24.1":
-  version: 0.24.51
-  resolution: "@sinclair/typebox@npm:0.24.51"
-  checksum: fd0d855e748ef767eb19da1a60ed0ab928e91e0f358c1dd198d600762c0015440b15755e96d1176e2a0db7e09c6a64ed487828ee10dd0c3e22f61eb09c478cd0
+"@react-aria/interactions@npm:^3.18.0":
+  version: 3.18.0
+  resolution: "@react-aria/interactions@npm:3.18.0"
+  dependencies:
+    "@react-aria/ssr": ^3.8.0
+    "@react-aria/utils": ^3.20.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 820a33ed7b6994387c4e0dcd818f6a9c8be0531a9c5231fc5ca8be5c2f1ad334e3060c67c896f317b5246f4cdf60fa8ba007c820d37813fb3a254c5e4704989c
   languageName: node
   linkType: hard
 
-"@sinclair/typebox@npm:^0.25.16":
-  version: 0.25.21
-  resolution: "@sinclair/typebox@npm:0.25.21"
-  checksum: 763af1163fe4eabee9b914d4e4548a39fbba3287d2b3b1ff043c1da3c5a321e99d50a3ca94eb182988131e00b006a6f019799cde8da2f61e2f118b30b0276a00
+"@react-aria/label@npm:^3.7.0":
+  version: 3.7.0
+  resolution: "@react-aria/label@npm:3.7.0"
+  dependencies:
+    "@react-aria/utils": ^3.20.0
+    "@react-types/label": ^3.8.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: ba841ed5e9f1858394eda0a8f6d532217383607373ae1d6cc9073a3f46b5859b7419f0e77adf6edee7ba14dfc9f6915cecead5445bde81ef05999f711a129594
   languageName: node
   linkType: hard
 
-"@sindresorhus/is@npm:^4.0.0":
-  version: 4.6.0
-  resolution: "@sindresorhus/is@npm:4.6.0"
+"@react-aria/live-announcer@npm:^3.3.1":
+  version: 3.3.1
+  resolution: "@react-aria/live-announcer@npm:3.3.1"
+  dependencies:
+    "@swc/helpers": ^0.5.0
+  checksum: df4e161247c87038eabf3f623a3ce18ef486f6c8a3e136b9c91bf3585312f48759cbd5d8ba6d0236231ee3070343798b9865a15a07afd9dabebafc0249a1fda7
+  languageName: node
+  linkType: hard
+
+"@react-aria/overlays@npm:^3.17.0":
+  version: 3.17.0
+  resolution: "@react-aria/overlays@npm:3.17.0"
+  dependencies:
+    "@react-aria/focus": ^3.14.1
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/interactions": ^3.18.0
+    "@react-aria/ssr": ^3.8.0
+    "@react-aria/utils": ^3.20.0
+    "@react-aria/visually-hidden": ^3.8.4
+    "@react-stately/overlays": ^3.6.2
+    "@react-types/button": ^3.8.0
+    "@react-types/overlays": ^3.8.2
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 720f535ae8cc1eaccf0032ad430b86166582615b88fe89c9c71f7bb4accd60921f0da50d88a74b01034334a279ec38006789f8dca581b0965ac31e796ffa6dc3
+  languageName: node
+  linkType: hard
+
+"@react-aria/progress@npm:^3.4.5":
+  version: 3.4.5
+  resolution: "@react-aria/progress@npm:3.4.5"
+  dependencies:
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/label": ^3.7.0
+    "@react-aria/utils": ^3.20.0
+    "@react-types/progress": ^3.4.3
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: c74a920d6f46b61b59e791c19cbc01eb4da1d4f0ea4b77c59d2dcbb550e34a9876e57ea47d78e419ff690b029158318d2b69607c048ec7ae285086fbde82719f
+  languageName: node
+  linkType: hard
+
+"@react-aria/separator@npm:^3.3.5":
+  version: 3.3.5
+  resolution: "@react-aria/separator@npm:3.3.5"
+  dependencies:
+    "@react-aria/utils": ^3.20.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: f2a3064566dca0bfb045c74372891c786948cd562a3c9ff9cb1891159c6d097a287cbbb48cfaf8805b940eac6dc66ff52dff7fa4340174baff5ef1997eed3146
+  languageName: node
+  linkType: hard
+
+"@react-aria/spinbutton@npm:^3.5.2":
+  version: 3.5.2
+  resolution: "@react-aria/spinbutton@npm:3.5.2"
+  dependencies:
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/live-announcer": ^3.3.1
+    "@react-aria/utils": ^3.20.0
+    "@react-types/button": ^3.8.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: f293b0bd1d9a19b46d7dc8672170f7dc5cc197259eb648b252092a14373d958afae32cd1f89cc99923020615c35ec781dea2509e6f785028a6dc903f95c0a1cb
+  languageName: node
+  linkType: hard
+
+"@react-aria/ssr@npm:^3.8.0":
+  version: 3.8.0
+  resolution: "@react-aria/ssr@npm:3.8.0"
+  dependencies:
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: bdcd16da76d9af75dab0c44907963d9367562bc3261c6871a8ee15754e92f929dcd886e5553e08d6193ddb174d78382c10fb7b9b8c7b0cf470bc18c2ed34b106
+  languageName: node
+  linkType: hard
+
+"@react-aria/utils@npm:^3.20.0":
+  version: 3.20.0
+  resolution: "@react-aria/utils@npm:3.20.0"
+  dependencies:
+    "@react-aria/ssr": ^3.8.0
+    "@react-stately/utils": ^3.7.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+    clsx: ^1.1.1
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: d1bcbca427a43f95ac9d6e0e4d458b5e6fff0ff850ffc8c8fa1074da490a42d637602d9344d90cf1028eff3fdc3d86dd3fc9f3b61f9b556943a3df0d858e68c1
+  languageName: node
+  linkType: hard
+
+"@react-aria/visually-hidden@npm:^3.8.4":
+  version: 3.8.4
+  resolution: "@react-aria/visually-hidden@npm:3.8.4"
+  dependencies:
+    "@react-aria/interactions": ^3.18.0
+    "@react-aria/utils": ^3.20.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+    clsx: ^1.1.1
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: da7e2d701c15864e954d4571c7cb2e2a4f62936551d176103f101f74218c811a9b5deb53001bd0f683acd639853cfff232c4a7ca2d2197d7ef0e2b062c6dc6fc
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/button@npm:^3.13.0":
+  version: 3.13.0
+  resolution: "@react-spectrum/button@npm:3.13.0"
+  dependencies:
+    "@react-aria/button": ^3.8.2
+    "@react-aria/focus": ^3.14.1
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/interactions": ^3.18.0
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/progress": ^3.6.2
+    "@react-spectrum/text": ^3.4.5
+    "@react-spectrum/utils": ^3.10.2
+    "@react-stately/toggle": ^3.6.2
+    "@react-types/button": ^3.8.0
+    "@react-types/progress": ^3.4.3
+    "@react-types/shared": ^3.20.0
+    "@spectrum-icons/ui": ^3.5.5
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 4f4d66b446df6e6be496e126aaba8766923b14deb85eb50963df8e304b4e0eeb79daffc1f01096bd7e6bed19fdd67babb92390ea58dc22e22d6cbf7bd0b2f977
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/buttongroup@npm:^3.6.5":
+  version: 3.6.5
+  resolution: "@react-spectrum/buttongroup@npm:3.6.5"
+  dependencies:
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/button": ^3.13.0
+    "@react-spectrum/text": ^3.4.5
+    "@react-spectrum/utils": ^3.10.2
+    "@react-types/buttongroup": ^3.3.4
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: bccbe60c2578cb81a4e83325c92ac9530fa76e64b32de7e83a3d7939027e73b09e444ac3a21df3b90eeac8fc1f6ae5a918a4006215cae837505aeccc27bb1525
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/calendar@npm:^3.4.0":
+  version: 3.4.0
+  resolution: "@react-spectrum/calendar@npm:3.4.0"
+  dependencies:
+    "@internationalized/date": ^3.5.0
+    "@react-aria/calendar": ^3.5.0
+    "@react-aria/focus": ^3.14.1
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/interactions": ^3.18.0
+    "@react-aria/utils": ^3.20.0
+    "@react-aria/visually-hidden": ^3.8.4
+    "@react-spectrum/button": ^3.13.0
+    "@react-spectrum/label": ^3.14.0
+    "@react-spectrum/utils": ^3.10.2
+    "@react-stately/calendar": ^3.4.0
+    "@react-types/button": ^3.8.0
+    "@react-types/calendar": ^3.4.0
+    "@react-types/shared": ^3.20.0
+    "@spectrum-icons/ui": ^3.5.5
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: d6cc90308035b4ff9a99903d37e50178fccdf5bbd1a838e9885a7bcf023220f24f412dcd216a1d11315bb37672ebee07978d00c92b87fe9d4c7c3e89595af1ac
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/datepicker@npm:^3.5.0":
+  version: 3.7.1
+  resolution: "@react-spectrum/datepicker@npm:3.7.1"
+  dependencies:
+    "@internationalized/date": ^3.5.0
+    "@internationalized/number": ^3.2.1
+    "@react-aria/datepicker": ^3.7.0
+    "@react-aria/focus": ^3.14.1
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/interactions": ^3.18.0
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/button": ^3.13.0
+    "@react-spectrum/calendar": ^3.4.0
+    "@react-spectrum/dialog": ^3.8.2
+    "@react-spectrum/label": ^3.14.0
+    "@react-spectrum/layout": ^3.5.5
+    "@react-spectrum/utils": ^3.10.2
+    "@react-spectrum/view": ^3.6.2
+    "@react-stately/datepicker": ^3.7.0
+    "@react-stately/utils": ^3.7.0
+    "@react-types/datepicker": ^3.6.0
+    "@react-types/shared": ^3.20.0
+    "@spectrum-icons/ui": ^3.5.5
+    "@spectrum-icons/workflow": ^4.2.4
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 5aa6f66c605220ca70b1ea476571db7e520c3174c6cf4a45e657755281a03b278bee7adcf0a2a1f37a064adea1b80fb3b2d62863e5268f950ca519cf0c2a5e92
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/dialog@npm:^3.8.2":
+  version: 3.8.2
+  resolution: "@react-spectrum/dialog@npm:3.8.2"
+  dependencies:
+    "@react-aria/dialog": ^3.5.5
+    "@react-aria/focus": ^3.14.1
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/interactions": ^3.18.0
+    "@react-aria/overlays": ^3.17.0
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/button": ^3.13.0
+    "@react-spectrum/buttongroup": ^3.6.5
+    "@react-spectrum/divider": ^3.5.5
+    "@react-spectrum/layout": ^3.5.5
+    "@react-spectrum/overlays": ^5.4.0
+    "@react-spectrum/text": ^3.4.5
+    "@react-spectrum/utils": ^3.10.2
+    "@react-spectrum/view": ^3.6.2
+    "@react-stately/overlays": ^3.6.2
+    "@react-stately/utils": ^3.7.0
+    "@react-types/button": ^3.8.0
+    "@react-types/dialog": ^3.5.5
+    "@react-types/shared": ^3.20.0
+    "@spectrum-icons/ui": ^3.5.5
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 4122b7f33051259e339e8e649a52d01360dda4c9ec9e8e0971d4b8c82e21f64b67ee4a15bbb84af88d5aa562b1fc5ac429565cd544e815789f41af5cae8f182d
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/divider@npm:^3.5.5":
+  version: 3.5.5
+  resolution: "@react-spectrum/divider@npm:3.5.5"
+  dependencies:
+    "@react-aria/separator": ^3.3.5
+    "@react-spectrum/utils": ^3.10.2
+    "@react-types/divider": ^3.3.4
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 8309fb59fb9e6cf0816ac41cf6b77fe41541fe6b0467aeeef9896deae5fa3e7fc9ce9e87104831557fe5a7f3deaf64fe5b5936db40a8556401b3165c85540518
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/form@npm:^3.6.5":
+  version: 3.6.5
+  resolution: "@react-spectrum/form@npm:3.6.5"
+  dependencies:
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/utils": ^3.10.2
+    "@react-types/form": ^3.5.3
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 0c5f24796d62ceaf9064092040d7d91f1b8e7d7f6545ffc45965d19067a1e14860c01ad120aa20b28edf61c75ae70991480952c3576482e375675a1c8d301143
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/icon@npm:^3.7.5":
+  version: 3.7.5
+  resolution: "@react-spectrum/icon@npm:3.7.5"
+  dependencies:
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/utils": ^3.10.2
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: b497cd3b87a698ff2e8c42b27a037e5736aa12b1200bbf344da167eab009e1ecc30fcb466ef67ed2fefe4d04057da309f48df09eb47ba3974042b9cf3a1142c4
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/label@npm:^3.14.0":
+  version: 3.14.0
+  resolution: "@react-spectrum/label@npm:3.14.0"
+  dependencies:
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/label": ^3.7.0
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/form": ^3.6.5
+    "@react-spectrum/layout": ^3.5.5
+    "@react-spectrum/utils": ^3.10.2
+    "@react-types/label": ^3.8.0
+    "@react-types/shared": ^3.20.0
+    "@spectrum-icons/ui": ^3.5.5
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 721302911fb4ffb2be973195cdbf302323b68f44955e90f0b3ad141628dceb53569e5af45c1593f83192b642512a27b9544783efc4b493002ef7e69864bc0098
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/layout@npm:^3.5.5":
+  version: 3.5.5
+  resolution: "@react-spectrum/layout@npm:3.5.5"
+  dependencies:
+    "@react-aria/ssr": ^3.8.0
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/utils": ^3.10.2
+    "@react-types/layout": ^3.3.10
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+    clsx: ^1.1.1
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 68604d15bd571c03982a348c8cd9c59d1ca32ee6eefb0b079079c76fb634ee01368fc181abe26a7fe71786f63b4b3d8a7844c04309c2c3ff484d710900957c64
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/overlays@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@react-spectrum/overlays@npm:5.4.0"
+  dependencies:
+    "@react-aria/interactions": ^3.18.0
+    "@react-aria/overlays": ^3.17.0
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/utils": ^3.10.2
+    "@react-stately/overlays": ^3.6.2
+    "@react-types/overlays": ^3.8.2
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+    react-transition-group: ^4.4.5
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: da886caa4aca96697ea1814aedea74415ea99a48b3df01cb17f58d73b6376309c38fcac467629022406c7e3c411d60bb474520f0a8f0c3f54f386cbec2263cfc
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/progress@npm:^3.6.2":
+  version: 3.6.2
+  resolution: "@react-spectrum/progress@npm:3.6.2"
+  dependencies:
+    "@react-aria/progress": ^3.4.5
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/utils": ^3.10.2
+    "@react-types/progress": ^3.4.3
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: b637a34102567bb622a7454563549d9849fe7ca48cec7fed766a694cdd09021d585366081c7554ebdbcf54cbb28ef6aff3468144c5f8c1df5afd42fde21fb2dd
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/provider@npm:^3.7.1":
+  version: 3.8.2
+  resolution: "@react-spectrum/provider@npm:3.8.2"
+  dependencies:
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/overlays": ^3.17.0
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/utils": ^3.10.2
+    "@react-types/provider": ^3.6.4
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+    clsx: ^1.1.1
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 22938e576e57c3a87b5f0111b177dcddfdf57df53a807a919e5d949177ac325e6eaf52fe98fcd769ae5c4479f895638ea652e03f15d646917aef3b894baeb7ac
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/text@npm:^3.4.5":
+  version: 3.4.5
+  resolution: "@react-spectrum/text@npm:3.4.5"
+  dependencies:
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/utils": ^3.10.2
+    "@react-types/shared": ^3.20.0
+    "@react-types/text": ^3.3.4
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: f460cc33a657a17e38bb00f067eedaa04611a06945d3d01e05f5071c8da8d2cd2c6037cb9f89c160d08c8f41e47f9b6d505490998d477937c35646777c59798c
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/theme-default@npm:^3.5.1":
+  version: 3.5.5
+  resolution: "@react-spectrum/theme-default@npm:3.5.5"
+  dependencies:
+    "@react-types/provider": ^3.6.4
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 65bacec0b79b74b2a319f7840e567443e73ed19e4ea02d1b72c8a37414907bb0fc2b45a067ccade3bb51e6f1fb0f25e38b58a6c4b97cc0a872114a92fbea559b
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/utils@npm:^3.10.2":
+  version: 3.10.2
+  resolution: "@react-spectrum/utils@npm:3.10.2"
+  dependencies:
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/ssr": ^3.8.0
+    "@react-aria/utils": ^3.20.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+    clsx: ^1.1.1
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 0969a13bd7eab811533ec6b2fc4d2d3ed56264dd0cb0e87218346576726b19a7ef45ae94e431b95be1dfee36f46b956c9cae0653fffb43104a6047c296eea1ab
+  languageName: node
+  linkType: hard
+
+"@react-spectrum/view@npm:^3.6.2":
+  version: 3.6.2
+  resolution: "@react-spectrum/view@npm:3.6.2"
+  dependencies:
+    "@react-aria/i18n": ^3.8.2
+    "@react-aria/utils": ^3.20.0
+    "@react-spectrum/utils": ^3.10.2
+    "@react-types/shared": ^3.20.0
+    "@react-types/view": ^3.4.4
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 256a978913253eb0c345d00a2e8d1d87f17babf1128d60c1ec2dc308880359cfc5053f45500a6c3e6d3aeac22ec523f181666b00103e8a521ad1d438b9d04860
+  languageName: node
+  linkType: hard
+
+"@react-stately/calendar@npm:^3.4.0":
+  version: 3.4.0
+  resolution: "@react-stately/calendar@npm:3.4.0"
+  dependencies:
+    "@internationalized/date": ^3.5.0
+    "@react-stately/utils": ^3.7.0
+    "@react-types/calendar": ^3.4.0
+    "@react-types/datepicker": ^3.6.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: e6b88eafe69c4f8d9cb58fe63664a7b69d379129aad5636e59d98c44e681245b6d1bb9e60ceaf8670757af027468076b236c4c45c3d1f91d2e68520051c775ed
+  languageName: node
+  linkType: hard
+
+"@react-stately/datepicker@npm:^3.7.0":
+  version: 3.7.0
+  resolution: "@react-stately/datepicker@npm:3.7.0"
+  dependencies:
+    "@internationalized/date": ^3.5.0
+    "@internationalized/string": ^3.1.1
+    "@react-stately/overlays": ^3.6.2
+    "@react-stately/utils": ^3.7.0
+    "@react-types/datepicker": ^3.6.0
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: b2ab7377616af5984ee518c13a6e76776586a25dbb2317dd39ff663d55e8b02f18fd6f5a46bfef899fabaa927ea17c4191175fe40eef70538ac9f2b2159ccecb
+  languageName: node
+  linkType: hard
+
+"@react-stately/overlays@npm:^3.6.2":
+  version: 3.6.2
+  resolution: "@react-stately/overlays@npm:3.6.2"
+  dependencies:
+    "@react-stately/utils": ^3.7.0
+    "@react-types/overlays": ^3.8.2
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 50bf5606e74b6cfb0974bcb3434928df189c6dce29ab64202ecc3c4f2c68f3446e816950e6c2a16852cc3a699cdee5d86c6fcaf8ee505b09fce2f16f462c65f8
+  languageName: node
+  linkType: hard
+
+"@react-stately/toggle@npm:^3.6.2":
+  version: 3.6.2
+  resolution: "@react-stately/toggle@npm:3.6.2"
+  dependencies:
+    "@react-stately/utils": ^3.7.0
+    "@react-types/checkbox": ^3.5.1
+    "@react-types/shared": ^3.20.0
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: ed6266f4f0bd565a34c04713f542af694ac8c99788c5dc7404c9f1fed972b4579b77d1bbfff8a4ed98a78704cc416f6e2881d65aa1c7fb62d00abd8e8d329e08
+  languageName: node
+  linkType: hard
+
+"@react-stately/utils@npm:^3.7.0":
+  version: 3.7.0
+  resolution: "@react-stately/utils@npm:3.7.0"
+  dependencies:
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 91feaae770d38a644b9ba3f633afb0560a51fddd153f75c9e486fca86409cb1b6917366859e59d0f62eab3440e530af97452949671e0f90a8a7e5638ba15b263
+  languageName: node
+  linkType: hard
+
+"@react-types/button@npm:^3.8.0":
+  version: 3.8.0
+  resolution: "@react-types/button@npm:3.8.0"
+  dependencies:
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: e720b4759c6135530be7b86c4f733c623a47ee722ed714606c8e0c2c12270c5fa26dbebd4bef56faf0dee8272bf14a280494521fdebe320dcc19ff695a91052b
+  languageName: node
+  linkType: hard
+
+"@react-types/buttongroup@npm:^3.3.4":
+  version: 3.3.4
+  resolution: "@react-types/buttongroup@npm:3.3.4"
+  dependencies:
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 76bbadf6e29d1d337401f05bdd7d226bc9ec8296eb62baf561b7ad736ea571fce2e182be7e549e167d5457da0d7f8079be1060e922e96f304004811ed7e19f87
+  languageName: node
+  linkType: hard
+
+"@react-types/calendar@npm:^3.4.0":
+  version: 3.4.0
+  resolution: "@react-types/calendar@npm:3.4.0"
+  dependencies:
+    "@internationalized/date": ^3.5.0
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: c513b39ccc4c17ffd247591863996ae4beaf643ef55641cb0428cd75a36e7f85dc12c518516e0add52185758e7cd7d3338975ecad1c0d92d7b64bd4ff6913929
+  languageName: node
+  linkType: hard
+
+"@react-types/checkbox@npm:^3.5.1":
+  version: 3.5.1
+  resolution: "@react-types/checkbox@npm:3.5.1"
+  dependencies:
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: b4168f557eac55df4ca58879188c12d1226b2bccee9d9c5e103951fda79c2f3069dd76318ed75f5bf2710884744dc8f480b45d38a34e385805017743c6984023
+  languageName: node
+  linkType: hard
+
+"@react-types/datepicker@npm:^3.6.0":
+  version: 3.6.0
+  resolution: "@react-types/datepicker@npm:3.6.0"
+  dependencies:
+    "@internationalized/date": ^3.5.0
+    "@react-types/calendar": ^3.4.0
+    "@react-types/overlays": ^3.8.2
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 7041ea449fe421ceec558fdadfbd934a1223cf79f5aba40bec0a7964d56ade12a6085b1a76f3624eed7ce028e96ffd768d43ae4cfd406cd3722e3779f30a83c2
+  languageName: node
+  linkType: hard
+
+"@react-types/dialog@npm:^3.5.5":
+  version: 3.5.5
+  resolution: "@react-types/dialog@npm:3.5.5"
+  dependencies:
+    "@react-types/overlays": ^3.8.2
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: c816aa577a81673f483e08cecf55e6aa28127f1d4dc16cc6ba93d2b0526228a92c1a6f24b2320e6522f92f3e6346776280f3e8c9a14edc5216d2a8ee5d7b3ae5
+  languageName: node
+  linkType: hard
+
+"@react-types/divider@npm:^3.3.4":
+  version: 3.3.4
+  resolution: "@react-types/divider@npm:3.3.4"
+  dependencies:
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: f5b9e2bec35b6c1a8d89e18fd855fc86ba9b848176a8df7215db3c851a547b6e61dc85d011860e92ca93427b21be9f21ca5a9f729ad4b1df03568af6a2df5b13
+  languageName: node
+  linkType: hard
+
+"@react-types/form@npm:^3.5.3":
+  version: 3.5.3
+  resolution: "@react-types/form@npm:3.5.3"
+  dependencies:
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: bf5c9a0873881a94f2b3db46616a8763aefbcd34e8e8f9378a45baf2564d48264f527c9dd4c06133db0b03436906752bc193b4ab3ad82f6c0c0bf53d0fb90976
+  languageName: node
+  linkType: hard
+
+"@react-types/label@npm:^3.8.0":
+  version: 3.8.0
+  resolution: "@react-types/label@npm:3.8.0"
+  dependencies:
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: a7c6fe326c18dcbd07d6a8ce900a6aab686a7026188018bfdda0687f5b2aceb42096491ca4f267339bc6c6bfe8cb6f513dc012e08171747a0e2b2d501963365e
+  languageName: node
+  linkType: hard
+
+"@react-types/layout@npm:^3.3.10":
+  version: 3.3.10
+  resolution: "@react-types/layout@npm:3.3.10"
+  dependencies:
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 34679cd4462180ed8a80f180f02c29087d1b683614c39421666b9e83b07fbe1e6365c1b536b39f1c4d6d36b0edbcfe8475c99aeb29275c57d4c03a16e576a6f0
+  languageName: node
+  linkType: hard
+
+"@react-types/overlays@npm:^3.8.2":
+  version: 3.8.2
+  resolution: "@react-types/overlays@npm:3.8.2"
+  dependencies:
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 8d944f4e24c83764abb66cd7b36b9bb75a4ae86fb06afe7a2111c6c23a633e6d9e74b74d1f1014509cbb64cf1e216a2a57cdd4f6c452d162447aa0ad4469c87b
+  languageName: node
+  linkType: hard
+
+"@react-types/progress@npm:^3.4.3":
+  version: 3.4.3
+  resolution: "@react-types/progress@npm:3.4.3"
+  dependencies:
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 3fae795de5d632acbc72f3fce789b36bf95d3d28bb8a6e12bc4c82942aadd9601daf5d5a4eabcc5281c29a3406213a122568392ddd0efdc7602609909147924a
+  languageName: node
+  linkType: hard
+
+"@react-types/provider@npm:^3.6.4":
+  version: 3.6.4
+  resolution: "@react-types/provider@npm:3.6.4"
+  dependencies:
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 8f84adb7feebd29927c7db6450adfc6077e6113f49d7759c6b59f9c9b6861b9f6114cd6f48c022c4e46e0900d14cfafe8e227a2eccc22cdd4da5716cfa833c5a
+  languageName: node
+  linkType: hard
+
+"@react-types/shared@npm:^3.20.0":
+  version: 3.20.0
+  resolution: "@react-types/shared@npm:3.20.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 322aee262aa9155286cbb04dacc470ad819f4f081f4ede7a5bfe0af05b57917e4710be124d46b04d60937584386960437c65e0aa0627685046e5b37afc05802a
+  languageName: node
+  linkType: hard
+
+"@react-types/text@npm:^3.3.4":
+  version: 3.3.4
+  resolution: "@react-types/text@npm:3.3.4"
+  dependencies:
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 988e0882c36808c74b45061333d7a447287998246819c52d54c885e927c71b1f1bafd252fab1c4aec3768bed7dbbb3f1c4f3cfa54b1a34ee096b278e97b4f1a7
+  languageName: node
+  linkType: hard
+
+"@react-types/view@npm:^3.4.4":
+  version: 3.4.4
+  resolution: "@react-types/view@npm:3.4.4"
+  dependencies:
+    "@react-types/shared": ^3.20.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 49a54828243bb3c835f0389e72b2565981913fa994a37010de3266a592addd84e7f3c11ac98c2b85490e5f5b89b2a8b6df5e77cef8370e536f31a67c4a484123
+  languageName: node
+  linkType: hard
+
+"@remix-run/router@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@remix-run/router@npm:1.0.3"
+  checksum: 7e535f3c24bf6b0a48aff3de70ee74e5402fe93105aa9bd01f275d5d8f5a9a8a7cadec08d18cf5544d4f24bc9d7a091abc1c9d4ea8efb2893e9077f104a51459
+  languageName: node
+  linkType: hard
+
+"@rollup/plugin-babel@npm:^5.2.0":
+  version: 5.3.1
+  resolution: "@rollup/plugin-babel@npm:5.3.1"
+  dependencies:
+    "@babel/helper-module-imports": ^7.10.4
+    "@rollup/pluginutils": ^3.1.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+    "@types/babel__core": ^7.1.9
+    rollup: ^1.20.0||^2.0.0
+  peerDependenciesMeta:
+    "@types/babel__core":
+      optional: true
+  checksum: 220d71e4647330f252ef33d5f29700aef2e8284a0b61acfcceb47617a7f96208aa1ed16eae75619424bf08811ede5241e271a6d031f07026dee6b3a2bdcdc638
+  languageName: node
+  linkType: hard
+
+"@rollup/plugin-node-resolve@npm:^11.2.1":
+  version: 11.2.1
+  resolution: "@rollup/plugin-node-resolve@npm:11.2.1"
+  dependencies:
+    "@rollup/pluginutils": ^3.1.0
+    "@types/resolve": 1.17.1
+    builtin-modules: ^3.1.0
+    deepmerge: ^4.2.2
+    is-module: ^1.0.0
+    resolve: ^1.19.0
+  peerDependencies:
+    rollup: ^1.20.0||^2.0.0
+  checksum: 6f3b3ecf9a0596a5db4212984bdeb13bb7612693602407e9457ada075dea5a5f2e4e124c592352cf27066a88b194de9b9a95390149b52cf335d5b5e17b4e265b
+  languageName: node
+  linkType: hard
+
+"@rollup/plugin-replace@npm:^2.4.1":
+  version: 2.4.2
+  resolution: "@rollup/plugin-replace@npm:2.4.2"
+  dependencies:
+    "@rollup/pluginutils": ^3.1.0
+    magic-string: ^0.25.7
+  peerDependencies:
+    rollup: ^1.20.0 || ^2.0.0
+  checksum: b2f1618ee5526d288e2f8ae328dcb326e20e8dc8bd1f60d3e14d6708a5832e4aa44811f7d493f4aed2deeadca86e3b6b0503cd39bf50cfb4b595bb9da027fad0
+  languageName: node
+  linkType: hard
+
+"@rollup/pluginutils@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@rollup/pluginutils@npm:3.1.0"
+  dependencies:
+    "@types/estree": 0.0.39
+    estree-walker: ^1.0.1
+    picomatch: ^2.2.2
+  peerDependencies:
+    rollup: ^1.20.0||^2.0.0
+  checksum: 8be16e27863c219edbb25a4e6ec2fe0e1e451d9e917b6a43cf2ae5bc025a6b8faaa40f82a6e53b66d0de37b58ff472c6c3d57a83037ae635041f8df959d6d9aa
+  languageName: node
+  linkType: hard
+
+"@sinclair/typebox@npm:^0.24.1":
+  version: 0.24.51
+  resolution: "@sinclair/typebox@npm:0.24.51"
+  checksum: fd0d855e748ef767eb19da1a60ed0ab928e91e0f358c1dd198d600762c0015440b15755e96d1176e2a0db7e09c6a64ed487828ee10dd0c3e22f61eb09c478cd0
+  languageName: node
+  linkType: hard
+
+"@sinclair/typebox@npm:^0.27.8":
+  version: 0.27.8
+  resolution: "@sinclair/typebox@npm:0.27.8"
+  checksum: 00bd7362a3439021aa1ea51b0e0d0a0e8ca1351a3d54c606b115fdcc49b51b16db6e5f43b4fe7a28c38688523e22a94d49dd31168868b655f0d4d50f032d07a1
+  languageName: node
+  linkType: hard
+
+"@sindresorhus/is@npm:^4.0.0":
+  version: 4.6.0
+  resolution: "@sindresorhus/is@npm:4.6.0"
   checksum: 83839f13da2c29d55c97abc3bc2c55b250d33a0447554997a85c539e058e57b8da092da396e252b11ec24a0279a0bed1f537fa26302209327060643e327f81d2
   languageName: node
   linkType: hard
@@ -3263,6 +4442,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@spectrum-icons/ui@npm:^3.5.5":
+  version: 3.5.5
+  resolution: "@spectrum-icons/ui@npm:3.5.5"
+  dependencies:
+    "@adobe/react-spectrum-ui": 1.2.0
+    "@react-spectrum/icon": ^3.7.5
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: e5ee0a7a745bce64389a1d8747996d09bd2a91a7cee2f65a1766b31d0064f4bb7268f735cfa7cf2a9294e30a84754a6d620312b8570fbaedc4f4b1f6a2f50739
+  languageName: node
+  linkType: hard
+
+"@spectrum-icons/workflow@npm:^4.2.4":
+  version: 4.2.4
+  resolution: "@spectrum-icons/workflow@npm:4.2.4"
+  dependencies:
+    "@adobe/react-spectrum-workflow": 2.3.4
+    "@react-spectrum/icon": ^3.7.5
+    "@swc/helpers": ^0.5.0
+  peerDependencies:
+    "@react-spectrum/provider": ^3.0.0
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 75f603d6bc99ffe7c138481092c10145423bb66a8e328323f987393a7773b3562eae2a03bca31fb478ed945e75ed4f574750c66ea997b01fdd1ec647bd7f811b
+  languageName: node
+  linkType: hard
+
 "@surma/rollup-plugin-off-main-thread@npm:^2.2.3":
   version: 2.2.3
   resolution: "@surma/rollup-plugin-off-main-thread@npm:2.2.3"
@@ -3299,13 +4506,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-darwin-arm64@npm:1.3.62":
-  version: 1.3.62
-  resolution: "@swc/core-darwin-arm64@npm:1.3.62"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@swc/core-darwin-arm64@npm:1.3.66":
   version: 1.3.66
   resolution: "@swc/core-darwin-arm64@npm:1.3.66"
@@ -3313,10 +4513,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-darwin-x64@npm:1.3.62":
-  version: 1.3.62
-  resolution: "@swc/core-darwin-x64@npm:1.3.62"
-  conditions: os=darwin & cpu=x64
+"@swc/core-darwin-arm64@npm:1.3.85":
+  version: 1.3.85
+  resolution: "@swc/core-darwin-arm64@npm:1.3.85"
+  conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
@@ -3327,10 +4527,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-linux-arm-gnueabihf@npm:1.3.62":
-  version: 1.3.62
-  resolution: "@swc/core-linux-arm-gnueabihf@npm:1.3.62"
-  conditions: os=linux & cpu=arm
+"@swc/core-darwin-x64@npm:1.3.85":
+  version: 1.3.85
+  resolution: "@swc/core-darwin-x64@npm:1.3.85"
+  conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
@@ -3341,10 +4541,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-linux-arm64-gnu@npm:1.3.62":
-  version: 1.3.62
-  resolution: "@swc/core-linux-arm64-gnu@npm:1.3.62"
-  conditions: os=linux & cpu=arm64 & libc=glibc
+"@swc/core-linux-arm-gnueabihf@npm:1.3.85":
+  version: 1.3.85
+  resolution: "@swc/core-linux-arm-gnueabihf@npm:1.3.85"
+  conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
@@ -3355,10 +4555,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-linux-arm64-musl@npm:1.3.62":
-  version: 1.3.62
-  resolution: "@swc/core-linux-arm64-musl@npm:1.3.62"
-  conditions: os=linux & cpu=arm64 & libc=musl
+"@swc/core-linux-arm64-gnu@npm:1.3.85":
+  version: 1.3.85
+  resolution: "@swc/core-linux-arm64-gnu@npm:1.3.85"
+  conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
@@ -3369,10 +4569,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-linux-x64-gnu@npm:1.3.62":
-  version: 1.3.62
-  resolution: "@swc/core-linux-x64-gnu@npm:1.3.62"
-  conditions: os=linux & cpu=x64 & libc=glibc
+"@swc/core-linux-arm64-musl@npm:1.3.85":
+  version: 1.3.85
+  resolution: "@swc/core-linux-arm64-musl@npm:1.3.85"
+  conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
@@ -3383,10 +4583,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-linux-x64-musl@npm:1.3.62":
-  version: 1.3.62
-  resolution: "@swc/core-linux-x64-musl@npm:1.3.62"
-  conditions: os=linux & cpu=x64 & libc=musl
+"@swc/core-linux-x64-gnu@npm:1.3.85":
+  version: 1.3.85
+  resolution: "@swc/core-linux-x64-gnu@npm:1.3.85"
+  conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
@@ -3397,10 +4597,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-win32-arm64-msvc@npm:1.3.62":
-  version: 1.3.62
-  resolution: "@swc/core-win32-arm64-msvc@npm:1.3.62"
-  conditions: os=win32 & cpu=arm64
+"@swc/core-linux-x64-musl@npm:1.3.85":
+  version: 1.3.85
+  resolution: "@swc/core-linux-x64-musl@npm:1.3.85"
+  conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
@@ -3411,10 +4611,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-win32-ia32-msvc@npm:1.3.62":
-  version: 1.3.62
-  resolution: "@swc/core-win32-ia32-msvc@npm:1.3.62"
-  conditions: os=win32 & cpu=ia32
+"@swc/core-win32-arm64-msvc@npm:1.3.85":
+  version: 1.3.85
+  resolution: "@swc/core-win32-arm64-msvc@npm:1.3.85"
+  conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
@@ -3425,10 +4625,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-win32-x64-msvc@npm:1.3.62":
-  version: 1.3.62
-  resolution: "@swc/core-win32-x64-msvc@npm:1.3.62"
-  conditions: os=win32 & cpu=x64
+"@swc/core-win32-ia32-msvc@npm:1.3.85":
+  version: 1.3.85
+  resolution: "@swc/core-win32-ia32-msvc@npm:1.3.85"
+  conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
@@ -3439,6 +4639,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core-win32-x64-msvc@npm:1.3.85":
+  version: 1.3.85
+  resolution: "@swc/core-win32-x64-msvc@npm:1.3.85"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@swc/core@npm:^1.3.58":
   version: 1.3.66
   resolution: "@swc/core@npm:1.3.66"
@@ -3483,20 +4690,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core@npm:^1.3.62":
-  version: 1.3.62
-  resolution: "@swc/core@npm:1.3.62"
+"@swc/core@npm:^1.3.85":
+  version: 1.3.85
+  resolution: "@swc/core@npm:1.3.85"
   dependencies:
-    "@swc/core-darwin-arm64": 1.3.62
-    "@swc/core-darwin-x64": 1.3.62
-    "@swc/core-linux-arm-gnueabihf": 1.3.62
-    "@swc/core-linux-arm64-gnu": 1.3.62
-    "@swc/core-linux-arm64-musl": 1.3.62
-    "@swc/core-linux-x64-gnu": 1.3.62
-    "@swc/core-linux-x64-musl": 1.3.62
-    "@swc/core-win32-arm64-msvc": 1.3.62
-    "@swc/core-win32-ia32-msvc": 1.3.62
-    "@swc/core-win32-x64-msvc": 1.3.62
+    "@swc/core-darwin-arm64": 1.3.85
+    "@swc/core-darwin-x64": 1.3.85
+    "@swc/core-linux-arm-gnueabihf": 1.3.85
+    "@swc/core-linux-arm64-gnu": 1.3.85
+    "@swc/core-linux-arm64-musl": 1.3.85
+    "@swc/core-linux-x64-gnu": 1.3.85
+    "@swc/core-linux-x64-musl": 1.3.85
+    "@swc/core-win32-arm64-msvc": 1.3.85
+    "@swc/core-win32-ia32-msvc": 1.3.85
+    "@swc/core-win32-x64-msvc": 1.3.85
+    "@swc/types": ^0.1.4
   peerDependencies:
     "@swc/helpers": ^0.5.0
   dependenciesMeta:
@@ -3523,19 +4731,35 @@ __metadata:
   peerDependenciesMeta:
     "@swc/helpers":
       optional: true
-  checksum: a7a0d9ffdb8a2b0050e0ff89fdb86fe189d9bcb7f91cb6847f1bfe3e2b520a87ea2e83692dfd80b6d541fb5addb2194769484516b8ca6d3c62ad80f1c79a9368
+  checksum: af9ec7d88fd9ad3dd876c8fea812b20ba734c2ed917c9f8281fd57c68ab57d5931ccb841f4467332b84c0cd522682737a770dfc8c3f9e0cc88cdce713971978c
   languageName: node
   linkType: hard
 
-"@swc/jest@npm:^0.2.26":
-  version: 0.2.26
-  resolution: "@swc/jest@npm:0.2.26"
+"@swc/helpers@npm:^0.5.0":
+  version: 0.5.2
+  resolution: "@swc/helpers@npm:0.5.2"
+  dependencies:
+    tslib: ^2.4.0
+  checksum: 51d7e3d8bd56818c49d6bfbd715f0dbeedc13cf723af41166e45c03e37f109336bbcb57a1f2020f4015957721aeb21e1a7fff281233d797ff7d3dd1f447fa258
+  languageName: node
+  linkType: hard
+
+"@swc/jest@npm:^0.2.29":
+  version: 0.2.29
+  resolution: "@swc/jest@npm:0.2.29"
   dependencies:
     "@jest/create-cache-key-function": ^27.4.2
     jsonc-parser: ^3.2.0
   peerDependencies:
     "@swc/core": "*"
-  checksum: 771821ed08cf168ca0b6307dee7689253d0af0685acd08408ac431860a7c42ace892db2cb6bb6dcfe297edbdce0f2e22d44ed4ed72d1c621be9e841cffd408a0
+  checksum: 9eaad322310f34e81f67d41411a7d60663341af1bd9fb65456faa914c936d849d6f643fa3b942a187d52e71e62c33097098c639d25c2047fa874f49bf51cec76
+  languageName: node
+  linkType: hard
+
+"@swc/types@npm:^0.1.4":
+  version: 0.1.4
+  resolution: "@swc/types@npm:0.1.4"
+  checksum: 9b09de7dca8e4b19bfb43f9e332c771855158cb761d26000807fe858447ecbc5342a6c257b26d9aa5497f7138fc58913693e2bee222e5042e0e8f57c2979ae66
   languageName: node
   linkType: hard
 
@@ -3548,75 +4772,72 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/dom@npm:^8.20.0":
-  version: 8.20.0
-  resolution: "@testing-library/dom@npm:8.20.0"
+"@testing-library/dom@npm:^9.0.0, @testing-library/dom@npm:^9.3.1":
+  version: 9.3.1
+  resolution: "@testing-library/dom@npm:9.3.1"
   dependencies:
     "@babel/code-frame": ^7.10.4
     "@babel/runtime": ^7.12.5
     "@types/aria-query": ^5.0.1
-    aria-query: ^5.0.0
+    aria-query: 5.1.3
     chalk: ^4.1.0
     dom-accessibility-api: ^0.5.9
-    lz-string: ^1.4.4
+    lz-string: ^1.5.0
     pretty-format: ^27.0.2
-  checksum: 1e599129a2fe91959ce80900a0a4897232b89e2a8e22c1f5950c36d39c97629ea86b4986b60b173b5525a05de33fde1e35836ea597b03de78cc51b122835c6f0
+  checksum: 8ee3136451644e39990edea93709c38cf1e8ce5306f3c66273ca00935963faa51ca74e8d92b02eb442ccb842cfa28ca62833e393e075eb269cf9bef6f5600663
   languageName: node
   linkType: hard
 
-"@testing-library/dom@npm:^8.5.0":
-  version: 8.19.0
-  resolution: "@testing-library/dom@npm:8.19.0"
+"@testing-library/jest-dom@npm:^6.1.3":
+  version: 6.1.3
+  resolution: "@testing-library/jest-dom@npm:6.1.3"
   dependencies:
-    "@babel/code-frame": ^7.10.4
-    "@babel/runtime": ^7.12.5
-    "@types/aria-query": ^4.2.0
-    aria-query: ^5.0.0
-    chalk: ^4.1.0
-    dom-accessibility-api: ^0.5.9
-    lz-string: ^1.4.4
-    pretty-format: ^27.0.2
-  checksum: 6bb93fef96703b6c47cf1b7cc8f71d402a9576084a94ba4e9926f51bd7bb1287fbb4f6942d82bd03fc6f3d998ae97e60f6aea4618f3a1ce6139597d2a4ecb7b9
-  languageName: node
-  linkType: hard
-
-"@testing-library/jest-dom@npm:^5.16.5":
-  version: 5.16.5
-  resolution: "@testing-library/jest-dom@npm:5.16.5"
-  dependencies:
-    "@adobe/css-tools": ^4.0.1
+    "@adobe/css-tools": ^4.3.0
     "@babel/runtime": ^7.9.2
-    "@types/testing-library__jest-dom": ^5.9.1
     aria-query: ^5.0.0
     chalk: ^3.0.0
     css.escape: ^1.5.1
     dom-accessibility-api: ^0.5.6
     lodash: ^4.17.15
     redent: ^3.0.0
-  checksum: 94911f901a8031f3e489d04ac057cb5373621230f5d92bed80e514e24b069fb58a3166d1dd86963e55f078a1bd999da595e2ab96ed95f452d477e272937d792a
+  peerDependencies:
+    "@jest/globals": ">= 28"
+    "@types/jest": ">= 28"
+    jest: ">= 28"
+    vitest: ">= 0.32"
+  peerDependenciesMeta:
+    "@jest/globals":
+      optional: true
+    "@types/jest":
+      optional: true
+    jest:
+      optional: true
+    vitest:
+      optional: true
+  checksum: 5bd14ba31fd3d64cff8ca55cccd335bedadf1db1119643954ca8cd30af835defe6f3a21e7d7617d20205b07abba1b2e668be1b9d6743504800f17fdc4344db75
   languageName: node
   linkType: hard
 
-"@testing-library/react@npm:^13.4.0":
-  version: 13.4.0
-  resolution: "@testing-library/react@npm:13.4.0"
+"@testing-library/react@npm:^14.0.0":
+  version: 14.0.0
+  resolution: "@testing-library/react@npm:14.0.0"
   dependencies:
     "@babel/runtime": ^7.12.5
-    "@testing-library/dom": ^8.5.0
+    "@testing-library/dom": ^9.0.0
     "@types/react-dom": ^18.0.0
   peerDependencies:
     react: ^18.0.0
     react-dom: ^18.0.0
-  checksum: 51ec548c1fdb1271089a5c63e0908f0166f2c7fcd9cacd3108ebbe0ce64cb4351812d885892020dc37608418cfb15698514856502b3cab0e5cc58d6cc1bd4a3e
+  checksum: 4a54c8f56cc4a39b50803205f84f06280bb76521d6d5d4b3b36651d760c7c7752ef142d857d52aaf4fad4848ed7a8be49afc793a5dda105955d2f8bef24901ac
   languageName: node
   linkType: hard
 
-"@testing-library/user-event@npm:^14.4.3":
-  version: 14.4.3
-  resolution: "@testing-library/user-event@npm:14.4.3"
+"@testing-library/user-event@npm:^14.5.1":
+  version: 14.5.1
+  resolution: "@testing-library/user-event@npm:14.5.1"
   peerDependencies:
     "@testing-library/dom": ">=7.21.4"
-  checksum: 852c48ea6db1c9471b18276617c84fec4320771e466cd58339a732ca3fd73ad35e5a43ae14f51af51a8d0a150dcf60fcaab049ef367871207bea8f92c4b8195e
+  checksum: 3e6bc9fd53dfe2f3648190193ed2fd4bca2a1bfb47f68810df3b33f05412526e5fd5c4ef9dc5375635e0f4cdf1859916867b597eed22bda1321e04242ea6c519
   languageName: node
   linkType: hard
 
@@ -3641,13 +4862,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/aria-query@npm:^4.2.0":
-  version: 4.2.2
-  resolution: "@types/aria-query@npm:4.2.2"
-  checksum: 6f2ce11d91e2d665f3873258db19da752d91d85d3679eb5efcdf9c711d14492287e1e4eb52613b28e60375841a9e428594e745b68436c963d8bad4bf72188df3
-  languageName: node
-  linkType: hard
-
 "@types/aria-query@npm:^5.0.1":
   version: 5.0.1
   resolution: "@types/aria-query@npm:5.0.1"
@@ -3902,23 +5116,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/jest@npm:*":
-  version: 29.2.3
-  resolution: "@types/jest@npm:29.2.3"
+"@types/jest@npm:^29.5.5":
+  version: 29.5.5
+  resolution: "@types/jest@npm:29.5.5"
   dependencies:
     expect: ^29.0.0
     pretty-format: ^29.0.0
-  checksum: 55370906711b600a05b9e497c22aa74d80d8adcdbe4ac2f1bc9311f6f6ca0dd192862b6f38df6ac0d45e92396bcd796e377b1d8058c10bdfd584aeee580c3ce1
-  languageName: node
-  linkType: hard
-
-"@types/jest@npm:^29.5.2":
-  version: 29.5.2
-  resolution: "@types/jest@npm:29.5.2"
-  dependencies:
-    expect: ^29.0.0
-    pretty-format: ^29.0.0
-  checksum: 7d205599ea3cccc262bad5cc173d3242d6bf8138c99458509230e4ecef07a52d6ddcde5a1dbd49ace655c0af51d2dbadef3748697292ea4d86da19d9e03e19c0
+  checksum: 56e55cde9949bcc0ee2fa34ce5b7c32c2bfb20e53424aa4ff3a210859eeaaa3fdf6f42f81a3f655238039cdaaaf108b054b7a8602f394e6c52b903659338d8c6
   languageName: node
   linkType: hard
 
@@ -3940,6 +5144,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/json-schema@npm:^7.0.12":
+  version: 7.0.12
+  resolution: "@types/json-schema@npm:7.0.12"
+  checksum: 00239e97234eeb5ceefb0c1875d98ade6e922bfec39dd365ec6bd360b5c2f825e612ac4f6e5f1d13601b8b30f378f15e6faa805a3a732f4a1bbe61915163d293
+  languageName: node
+  linkType: hard
+
 "@types/keyv@npm:^3.1.4":
   version: 3.1.4
   resolution: "@types/keyv@npm:3.1.4"
@@ -4014,13 +5225,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/prettier@npm:^2.1.5":
-  version: 2.7.1
-  resolution: "@types/prettier@npm:2.7.1"
-  checksum: 5e3f58e229d6c73b5f5cae2e8f96c1c4a5b5805f83459e17a045ba8e96152b1d38e86b63e3172fb159dac923388699660862b75b2d37e54220805f0e691e26f1
-  languageName: node
-  linkType: hard
-
 "@types/prop-types@npm:*":
   version: 15.7.5
   resolution: "@types/prop-types@npm:15.7.5"
@@ -4051,12 +5255,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:^18.2.5":
-  version: 18.2.5
-  resolution: "@types/react-dom@npm:18.2.5"
+"@types/react-dom@npm:^18.2.7":
+  version: 18.2.7
+  resolution: "@types/react-dom@npm:18.2.7"
   dependencies:
     "@types/react": "*"
-  checksum: c48209f8c60cb9054f3deee5365bc9fd6dadd8f901b67f1612a334057b2671518fc5145f14aca63ff276a926ccb5358308a6cf58ec700178f382bb3ebde96d91
+  checksum: e02ea908289a7ad26053308248d2b87f6aeafd73d0e2de2a3d435947bcea0422599016ffd1c3e38ff36c42f5e1c87c7417f05b0a157e48649e4a02f21727d54f
   languageName: node
   linkType: hard
 
@@ -4071,14 +5275,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:^18.2.12":
-  version: 18.2.12
-  resolution: "@types/react@npm:18.2.12"
+"@types/react@npm:^18.2.21":
+  version: 18.2.21
+  resolution: "@types/react@npm:18.2.21"
   dependencies:
     "@types/prop-types": "*"
     "@types/scheduler": "*"
     csstype: ^3.0.2
-  checksum: ad85a7eadaf1b35cfeee9f715b39311420ff46d46e0650377d918b3f888c2e47416037da4a765e1dccd3d1916abd54c105a3bee803c971ba56c955a7768ce976
+  checksum: ffed203bfe7aad772b8286f7953305c9181ac3a8f27d3f5400fbbc2a8e27ca8e5bbff818ee014f39ca0d19d2b3bb154e5bdbec7e232c6f80b59069375aa78349
   languageName: node
   linkType: hard
 
@@ -4114,10 +5318,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/semver@npm:^7.3.12":
-  version: 7.3.13
-  resolution: "@types/semver@npm:7.3.13"
-  checksum: 00c0724d54757c2f4bc60b5032fe91cda6410e48689633d5f35ece8a0a66445e3e57fa1d6e07eb780f792e82ac542948ec4d0b76eb3484297b79bd18b8cf1cb0
+"@types/semver@npm:^7.5.0":
+  version: 7.5.2
+  resolution: "@types/semver@npm:7.5.2"
+  checksum: 743aa8a2b58e20b329c19bd2459152cb049d12fafab7279b90ac11e0f268c97efbcb606ea0c681cca03f79015381b40d9b1244349b354270bec3f939ed49f6e9
   languageName: node
   linkType: hard
 
@@ -4163,15 +5367,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/testing-library__jest-dom@npm:^5.9.1":
-  version: 5.14.5
-  resolution: "@types/testing-library__jest-dom@npm:5.14.5"
-  dependencies:
-    "@types/jest": "*"
-  checksum: dcb05416758fe88c1f4f3aa97b4699fcb46a5ed8f53c6b81721e66155452a48caf12ecb97dfdfd4130678e65efd66b9fca0ac434b3d63affec84842a84a6bf38
-  languageName: node
-  linkType: hard
-
 "@types/tough-cookie@npm:*":
   version: 4.0.2
   resolution: "@types/tough-cookie@npm:4.0.2"
@@ -4234,124 +5429,125 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/eslint-plugin@npm:^5.59.11":
-  version: 5.59.11
-  resolution: "@typescript-eslint/eslint-plugin@npm:5.59.11"
+"@typescript-eslint/eslint-plugin@npm:^6.7.0":
+  version: 6.7.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:6.7.0"
   dependencies:
-    "@eslint-community/regexpp": ^4.4.0
-    "@typescript-eslint/scope-manager": 5.59.11
-    "@typescript-eslint/type-utils": 5.59.11
-    "@typescript-eslint/utils": 5.59.11
+    "@eslint-community/regexpp": ^4.5.1
+    "@typescript-eslint/scope-manager": 6.7.0
+    "@typescript-eslint/type-utils": 6.7.0
+    "@typescript-eslint/utils": 6.7.0
+    "@typescript-eslint/visitor-keys": 6.7.0
     debug: ^4.3.4
-    grapheme-splitter: ^1.0.4
-    ignore: ^5.2.0
-    natural-compare-lite: ^1.4.0
-    semver: ^7.3.7
-    tsutils: ^3.21.0
+    graphemer: ^1.4.0
+    ignore: ^5.2.4
+    natural-compare: ^1.4.0
+    semver: ^7.5.4
+    ts-api-utils: ^1.0.1
   peerDependencies:
-    "@typescript-eslint/parser": ^5.0.0
-    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    "@typescript-eslint/parser": ^6.0.0 || ^6.0.0-alpha
+    eslint: ^7.0.0 || ^8.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: ff03eaa65a9fa4415cc1a14c2d4382289b9483f11dd3e0746233c2148d941cdbef421c1693304502f42307c72e049d4c3f3b58d30ce5d2ae452f31906e394e62
+  checksum: 48393749c5c1f67acf71795551c6065586198530006189c48636e32caea4d1285624c16c047164f9d29055e26c4f90fca964c5a2b5c0e9b6d9ed87acd74ca0d6
   languageName: node
   linkType: hard
 
-"@typescript-eslint/parser@npm:^5.59.11":
-  version: 5.59.11
-  resolution: "@typescript-eslint/parser@npm:5.59.11"
+"@typescript-eslint/parser@npm:^6.7.0":
+  version: 6.7.0
+  resolution: "@typescript-eslint/parser@npm:6.7.0"
   dependencies:
-    "@typescript-eslint/scope-manager": 5.59.11
-    "@typescript-eslint/types": 5.59.11
-    "@typescript-eslint/typescript-estree": 5.59.11
+    "@typescript-eslint/scope-manager": 6.7.0
+    "@typescript-eslint/types": 6.7.0
+    "@typescript-eslint/typescript-estree": 6.7.0
+    "@typescript-eslint/visitor-keys": 6.7.0
     debug: ^4.3.4
   peerDependencies:
-    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    eslint: ^7.0.0 || ^8.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 75eb6e60577690e3c9dd66fde83c9b4e9e5fd818fe9673e532052d5ba8fa21a5f7a69aad19be99e6ef5825e9f52036262b25e918e51f96e1dc26e862448d2d3a
+  checksum: 21d52a49abf78a3b037261c01f1f4d2d550919ddc906ebb058db3410a706457ac3a7d082716328ce98a6741d4e77c945b71ff386d9047c5a2e5beef23e14ab45
   languageName: node
   linkType: hard
 
-"@typescript-eslint/scope-manager@npm:5.59.11":
-  version: 5.59.11
-  resolution: "@typescript-eslint/scope-manager@npm:5.59.11"
+"@typescript-eslint/scope-manager@npm:6.7.0":
+  version: 6.7.0
+  resolution: "@typescript-eslint/scope-manager@npm:6.7.0"
   dependencies:
-    "@typescript-eslint/types": 5.59.11
-    "@typescript-eslint/visitor-keys": 5.59.11
-  checksum: f5c4e6d26da0a983b8f0c016f3ae63b3462442fe9c04d7510ca397461e13f6c48332b09b584258a7f336399fa7cd866f3ab55eaad89c5096a411c0d05d296475
+    "@typescript-eslint/types": 6.7.0
+    "@typescript-eslint/visitor-keys": 6.7.0
+  checksum: f6ea33c647783d53d98938bd5d3fc94c9a5ebc83bd64cf379215863921dd1c57e66c33af7948d6ac1884623e1917a3b42565e6d02e1fd7adfbce4b3424a2382e
   languageName: node
   linkType: hard
 
-"@typescript-eslint/type-utils@npm:5.59.11":
-  version: 5.59.11
-  resolution: "@typescript-eslint/type-utils@npm:5.59.11"
+"@typescript-eslint/type-utils@npm:6.7.0":
+  version: 6.7.0
+  resolution: "@typescript-eslint/type-utils@npm:6.7.0"
   dependencies:
-    "@typescript-eslint/typescript-estree": 5.59.11
-    "@typescript-eslint/utils": 5.59.11
+    "@typescript-eslint/typescript-estree": 6.7.0
+    "@typescript-eslint/utils": 6.7.0
     debug: ^4.3.4
-    tsutils: ^3.21.0
+    ts-api-utils: ^1.0.1
   peerDependencies:
-    eslint: "*"
+    eslint: ^7.0.0 || ^8.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 3570ba21af35e7e0a916b606c1af311c00d20fe354a5837e0e937191b5e99ceb0076a5ba2924eaa028d4614e03981b20cfdd83a2be780c39e02be3b3bd365b63
+  checksum: 15ae33a6981721f83b2ac612a7597a4fcb2d9d9bfedce54707e5228bec2774fd99ba54ffce89924ae36b61488c7b6c0c2165a6d361be5cd4cefebefad8b02a01
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:5.59.11":
-  version: 5.59.11
-  resolution: "@typescript-eslint/types@npm:5.59.11"
-  checksum: 4bb667571a7254f8c2b0dc3e37100e7290f9be14978722cc31c7204dfababd8a346bed4125e70dcafd15d07be386fb55bb9738bd86662ac10b98a6c964716396
+"@typescript-eslint/types@npm:6.7.0":
+  version: 6.7.0
+  resolution: "@typescript-eslint/types@npm:6.7.0"
+  checksum: fb76031432a009813d559b1cc63091eb5434279012cdb98de62fcd556910663c6a1b506e0a77c4f86e223a5e2c00e76a2d1d2170802c75168008d19a52a51fca
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:5.59.11":
-  version: 5.59.11
-  resolution: "@typescript-eslint/typescript-estree@npm:5.59.11"
+"@typescript-eslint/typescript-estree@npm:6.7.0":
+  version: 6.7.0
+  resolution: "@typescript-eslint/typescript-estree@npm:6.7.0"
   dependencies:
-    "@typescript-eslint/types": 5.59.11
-    "@typescript-eslint/visitor-keys": 5.59.11
+    "@typescript-eslint/types": 6.7.0
+    "@typescript-eslint/visitor-keys": 6.7.0
     debug: ^4.3.4
     globby: ^11.1.0
     is-glob: ^4.0.3
-    semver: ^7.3.7
-    tsutils: ^3.21.0
+    semver: ^7.5.4
+    ts-api-utils: ^1.0.1
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 516a828884e6939000aac17a27208088055670b0fd9bd22d137a7b2d359a8db9ce9cd09eedffed6f498f968be90ce3c2695a91d46abbd4049f87fd3b7bb986b5
+  checksum: 9bd57910085f0dd97d7083e0468c34e0753d20d36d3ffaa4ba111f13cc4986743374f5aed928e645ea982cf2ed9a8141598bee41393cad0abee001f0842ad117
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:5.59.11":
-  version: 5.59.11
-  resolution: "@typescript-eslint/utils@npm:5.59.11"
+"@typescript-eslint/utils@npm:6.7.0":
+  version: 6.7.0
+  resolution: "@typescript-eslint/utils@npm:6.7.0"
   dependencies:
-    "@eslint-community/eslint-utils": ^4.2.0
-    "@types/json-schema": ^7.0.9
-    "@types/semver": ^7.3.12
-    "@typescript-eslint/scope-manager": 5.59.11
-    "@typescript-eslint/types": 5.59.11
-    "@typescript-eslint/typescript-estree": 5.59.11
-    eslint-scope: ^5.1.1
-    semver: ^7.3.7
+    "@eslint-community/eslint-utils": ^4.4.0
+    "@types/json-schema": ^7.0.12
+    "@types/semver": ^7.5.0
+    "@typescript-eslint/scope-manager": 6.7.0
+    "@typescript-eslint/types": 6.7.0
+    "@typescript-eslint/typescript-estree": 6.7.0
+    semver: ^7.5.4
   peerDependencies:
-    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-  checksum: a61f3e761dbdc5d0bdb6c78bca7b2e628f7a1920192286d002219cc3acb516757613c2ec2a4adc416858ba1751ecbe2784457d6ebcec6bbb109cfc2ca210572b
+    eslint: ^7.0.0 || ^8.0.0
+  checksum: b2a2857ec856d1752e77c2a274a12513372311c300f9ec57ed7bf7411eb9ea34b85a8e7810a5c48fff0e3966b71d63d77e38c5c7bca1d5c004bede5638619a00
   languageName: node
   linkType: hard
 
-"@typescript-eslint/visitor-keys@npm:5.59.11":
-  version: 5.59.11
-  resolution: "@typescript-eslint/visitor-keys@npm:5.59.11"
+"@typescript-eslint/visitor-keys@npm:6.7.0":
+  version: 6.7.0
+  resolution: "@typescript-eslint/visitor-keys@npm:6.7.0"
   dependencies:
-    "@typescript-eslint/types": 5.59.11
-    eslint-visitor-keys: ^3.3.0
-  checksum: 4894ec4b2b8da773b1f44398c836fcacb7f5a0c81f9404ecd193920e88d618091a7328659e0aa24697edda10479534db30bec7c8b0ba9fa0fce43f78222d5619
+    "@typescript-eslint/types": 6.7.0
+    eslint-visitor-keys: ^3.4.1
+  checksum: cd85722d26ccfa23a76e5cb5aa0229f89eb3c4f1ed87d71a0f902db15f420f3f3e94cbd16dc711039f611ac60b1e7d0fee9ee78c48c88310a5f1926a2bc8778e
   languageName: node
   linkType: hard
 
@@ -4670,6 +5866,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn@npm:^8.9.0":
+  version: 8.10.0
+  resolution: "acorn@npm:8.10.0"
+  bin:
+    acorn: bin/acorn
+  checksum: 538ba38af0cc9e5ef983aee196c4b8b4d87c0c94532334fa7e065b2c8a1f85863467bb774231aae91613fcda5e68740c15d97b1967ae3394d20faddddd8af61d
+  languageName: node
+  linkType: hard
+
 "agent-base@npm:6, agent-base@npm:^6.0.2":
   version: 6.0.2
   resolution: "agent-base@npm:6.0.2"
@@ -4753,7 +5958,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ajv@npm:^6.10.0, ajv@npm:^6.12.2, ajv@npm:^6.12.4, ajv@npm:^6.12.5":
+"ajv@npm:^6.12.2, ajv@npm:^6.12.4, ajv@npm:^6.12.5":
   version: 6.12.6
   resolution: "ajv@npm:6.12.6"
   dependencies:
@@ -4786,6 +5991,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-escapes@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "ansi-escapes@npm:5.0.0"
+  dependencies:
+    type-fest: ^1.0.2
+  checksum: d4b5eb8207df38367945f5dd2ef41e08c28edc192dc766ef18af6b53736682f49d8bfcfa4e4d6ecbc2e2f97c258fda084fb29a9e43b69170b71090f771afccac
+  languageName: node
+  linkType: hard
+
 "ansi-html-community@npm:^0.0.8":
   version: 0.0.8
   resolution: "ansi-html-community@npm:0.0.8"
@@ -4802,6 +6016,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-regex@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "ansi-regex@npm:6.0.1"
+  checksum: 1ff8b7667cded1de4fa2c9ae283e979fc87036864317da86a2e546725f96406746411d0d85e87a2d12fa5abd715d90006de7fa4fa0477c92321ad3b4c7d4e169
+  languageName: node
+  linkType: hard
+
 "ansi-styles@npm:^3.2.1":
   version: 3.2.1
   resolution: "ansi-styles@npm:3.2.1"
@@ -4827,6 +6048,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-styles@npm:^6.0.0, ansi-styles@npm:^6.1.0":
+  version: 6.2.1
+  resolution: "ansi-styles@npm:6.2.1"
+  checksum: ef940f2f0ced1a6347398da88a91da7930c33ecac3c77b72c5905f8b8fe402c52e6fde304ff5347f616e27a742da3f1dc76de98f6866c69251ad0b07a66776d9
+  languageName: node
+  linkType: hard
+
 "any-base@npm:^1.1.0":
   version: 1.1.0
   resolution: "any-base@npm:1.1.0"
@@ -4893,17 +6121,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aria-query@npm:^4.2.2":
-  version: 4.2.2
-  resolution: "aria-query@npm:4.2.2"
-  dependencies:
-    "@babel/runtime": ^7.10.2
-    "@babel/runtime-corejs3": ^7.10.2
-  checksum: 38401a9a400f26f3dcc24b84997461a16b32869a9893d323602bed8da40a8bcc0243b8d2880e942249a1496cea7a7de769e93d21c0baa439f01e1ee936fed665
-  languageName: node
-  linkType: hard
-
-"aria-query@npm:^5.0.0":
+"aria-query@npm:5.1.3, aria-query@npm:^5.0.0":
   version: 5.1.3
   resolution: "aria-query@npm:5.1.3"
   dependencies:
@@ -4912,10 +6130,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array-differ@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "array-differ@npm:3.0.0"
-  checksum: 117edd9df5c1530bd116c6e8eea891d4bd02850fd89b1b36e532b6540e47ca620a373b81feca1c62d1395d9ae601516ba538abe5e8172d41091da2c546b05fb7
+"aria-query@npm:^4.2.2":
+  version: 4.2.2
+  resolution: "aria-query@npm:4.2.2"
+  dependencies:
+    "@babel/runtime": ^7.10.2
+    "@babel/runtime-corejs3": ^7.10.2
+  checksum: 38401a9a400f26f3dcc24b84997461a16b32869a9893d323602bed8da40a8bcc0243b8d2880e942249a1496cea7a7de769e93d21c0baa439f01e1ee936fed665
   languageName: node
   linkType: hard
 
@@ -5002,14 +6223,7 @@ __metadata:
     define-properties: ^1.1.4
     es-abstract: ^1.20.4
     es-shim-unscopables: ^1.0.0
-  checksum: 5a8415949df79bf6e01afd7e8839bbde5a3581300e8ad5d8449dea52639e9e59b26a467665622783697917b43bf39940a6e621877c7dd9b3d1c1f97484b9b88b
-  languageName: node
-  linkType: hard
-
-"arrify@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "arrify@npm:2.0.1"
-  checksum: 067c4c1afd182806a82e4c1cb8acee16ab8b5284fbca1ce29408e6e91281c36bb5b612f6ddfbd40a0f7a7e0c75bf2696eb94c027f6e328d6e9c52465c98e4209
+  checksum: 5a8415949df79bf6e01afd7e8839bbde5a3581300e8ad5d8449dea52639e9e59b26a467665622783697917b43bf39940a6e621877c7dd9b3d1c1f97484b9b88b
   languageName: node
   linkType: hard
 
@@ -5138,20 +6352,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-jest@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "babel-jest@npm:29.5.0"
+"babel-jest@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "babel-jest@npm:29.7.0"
   dependencies:
-    "@jest/transform": ^29.5.0
+    "@jest/transform": ^29.7.0
     "@types/babel__core": ^7.1.14
     babel-plugin-istanbul: ^6.1.1
-    babel-preset-jest: ^29.5.0
+    babel-preset-jest: ^29.6.3
     chalk: ^4.0.0
     graceful-fs: ^4.2.9
     slash: ^3.0.0
   peerDependencies:
     "@babel/core": ^7.8.0
-  checksum: eafb6d37deb71f0c80bf3c80215aa46732153e5e8bcd73f6ff47d92e5c0c98c8f7f75995d0efec6289c371edad3693cd8fa2367b0661c4deb71a3a7117267ede
+  checksum: ee6f8e0495afee07cac5e4ee167be705c711a8cc8a737e05a587a131fdae2b3c8f9aa55dfd4d9c03009ac2d27f2de63d8ba96d3e8460da4d00e8af19ef9a83f7
   languageName: node
   linkType: hard
 
@@ -5168,15 +6382,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-jest-hoist@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "babel-plugin-jest-hoist@npm:29.5.0"
+"babel-plugin-jest-hoist@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "babel-plugin-jest-hoist@npm:29.6.3"
   dependencies:
     "@babel/template": ^7.3.3
     "@babel/types": ^7.3.3
     "@types/babel__core": ^7.1.14
     "@types/babel__traverse": ^7.0.6
-  checksum: 099b5254073b6bc985b6d2d045ad26fb8ed30ff8ae6404c4fe8ee7cd0e98a820f69e3dfb871c7c65aae0f4b65af77046244c07bb92d49ef9005c90eedf681539
+  checksum: 51250f22815a7318f17214a9d44650ba89551e6d4f47a2dc259128428324b52f5a73979d010cefd921fd5a720d8c1d55ad74ff601cd94c7bd44d5f6292fde2d1
   languageName: node
   linkType: hard
 
@@ -5417,15 +6631,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-preset-jest@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "babel-preset-jest@npm:29.5.0"
+"babel-preset-jest@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "babel-preset-jest@npm:29.6.3"
   dependencies:
-    babel-plugin-jest-hoist: ^29.5.0
+    babel-plugin-jest-hoist: ^29.6.3
     babel-preset-current-node-syntax: ^1.0.0
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 5566ca2762766c9319b4973d018d2fa08c0fcf6415c72cc54f4c8e7199e851ea8f5e6c6730f03ed7ed44fc8beefa959dd15911f2647dee47c615ff4faeddb1ad
+  checksum: aa4ff2a8a728d9d698ed521e3461a109a1e66202b13d3494e41eea30729a5e7cc03b3a2d56c594423a135429c37bf63a9fa8b0b9ce275298be3095a88c69f6fb
   languageName: node
   linkType: hard
 
@@ -5488,6 +6702,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"big-integer@npm:^1.6.44":
+  version: 1.6.51
+  resolution: "big-integer@npm:1.6.51"
+  checksum: 3d444173d1b2e20747e2c175568bedeebd8315b0637ea95d75fd27830d3b8e8ba36c6af40374f36bdaea7b5de376dcada1b07587cb2a79a928fccdb6e6e3c518
+  languageName: node
+  linkType: hard
+
 "big.js@npm:^5.2.2":
   version: 5.2.2
   resolution: "big.js@npm:5.2.2"
@@ -5579,6 +6800,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"bplist-parser@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "bplist-parser@npm:0.2.0"
+  dependencies:
+    big-integer: ^1.6.44
+  checksum: d5339dd16afc51de6c88f88f58a45b72ed6a06aa31f5557d09877575f220b7c1d3fbe375da0b62e6a10d4b8ed80523567e351f24014f5bc886ad523758142cdd
+  languageName: node
+  linkType: hard
+
 "brace-expansion@npm:^1.1.7":
   version: 1.1.11
   resolution: "brace-expansion@npm:1.1.11"
@@ -5731,6 +6961,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"bundle-name@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "bundle-name@npm:3.0.0"
+  dependencies:
+    run-applescript: ^5.0.0
+  checksum: edf2b1fbe6096ed32e7566947ace2ea937ee427391744d7510a2880c4b9a5b3543d3f6c551236a29e5c87d3195f8e2912516290e638c15bcbede7b37cc375615
+  languageName: node
+  linkType: hard
+
 "bytes@npm:3.0.0":
   version: 3.0.0
   resolution: "bytes@npm:3.0.0"
@@ -5898,6 +7137,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chalk@npm:5.3.0":
+  version: 5.3.0
+  resolution: "chalk@npm:5.3.0"
+  checksum: 623922e077b7d1e9dedaea6f8b9e9352921f8ae3afe739132e0e00c275971bdd331268183b2628cf4ab1727c45ea1f28d7e24ac23ce1db1eb653c414ca8a5a80
+  languageName: node
+  linkType: hard
+
 "chalk@npm:^2.0.0":
   version: 2.4.2
   resolution: "chalk@npm:2.4.2"
@@ -6069,6 +7315,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cli-cursor@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "cli-cursor@npm:4.0.0"
+  dependencies:
+    restore-cursor: ^4.0.0
+  checksum: ab3f3ea2076e2176a1da29f9d64f72ec3efad51c0960898b56c8a17671365c26e67b735920530eaf7328d61f8bd41c27f46b9cf6e4e10fe2fa44b5e8c0e392cc
+  languageName: node
+  linkType: hard
+
+"cli-truncate@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "cli-truncate@npm:3.1.0"
+  dependencies:
+    slice-ansi: ^5.0.0
+    string-width: ^5.0.0
+  checksum: c3243e41974445691c63f8b405df1d5a24049dc33d324fe448dc572e561a7b772ae982692900b1a5960901cc4fc7def25a629b9c69a4208ee89d12ab3332617a
+  languageName: node
+  linkType: hard
+
 "cli-width@npm:^3.0.0":
   version: 3.0.0
   resolution: "cli-width@npm:3.0.0"
@@ -6121,7 +7386,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clone@npm:^2.1.1":
+"clone@npm:^2.1.1, clone@npm:^2.1.2":
   version: 2.1.2
   resolution: "clone@npm:2.1.2"
   checksum: aaf106e9bc025b21333e2f4c12da539b568db4925c0501a1bf4070836c9e848c892fa22c35548ce0d1132b08bbbfa17a00144fe58fccdab6fa900fec4250f67d
@@ -6139,6 +7404,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"clsx@npm:^1.1.1":
+  version: 1.2.1
+  resolution: "clsx@npm:1.2.1"
+  checksum: 30befca8019b2eb7dbad38cff6266cf543091dae2825c856a62a8ccf2c3ab9c2907c4d12b288b73101196767f66812365400a227581484a05f968b0307cfaf12
+  languageName: node
+  linkType: hard
+
 "co@npm:^4.6.0":
   version: 4.6.0
   resolution: "co@npm:4.6.0"
@@ -6228,6 +7500,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"colorette@npm:^2.0.20":
+  version: 2.0.20
+  resolution: "colorette@npm:2.0.20"
+  checksum: 0c016fea2b91b733eb9f4bcdb580018f52c0bc0979443dad930e5037a968237ac53d9beb98e218d2e9235834f8eebce7f8e080422d6194e957454255bde71d3d
+  languageName: node
+  linkType: hard
+
 "colors@npm:1.4.0":
   version: 1.4.0
   resolution: "colors@npm:1.4.0"
@@ -6251,6 +7530,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"commander@npm:11.0.0, commander@npm:~11.0.0":
+  version: 11.0.0
+  resolution: "commander@npm:11.0.0"
+  checksum: 6621954e1e1d078b4991c1f5bbd9439ad37aa7768d6ab4842de1dbd4d222c8a27e1b8e62108b3a92988614af45031d5bb2a2aaa92951f4d0c934d1a1ac564bb4
+  languageName: node
+  linkType: hard
+
 "commander@npm:7, commander@npm:^7.0.0, commander@npm:^7.1.0, commander@npm:^7.2.0":
   version: 7.2.0
   resolution: "commander@npm:7.2.0"
@@ -6272,7 +7558,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^8.3.0, commander@npm:~8.3.0":
+"commander@npm:^8.3.0":
   version: 8.3.0
   resolution: "commander@npm:8.3.0"
   checksum: 0f82321821fc27b83bd409510bb9deeebcfa799ff0bf5d102128b500b7af22872c0c92cb6a0ebc5a4cf19c6b550fba9cedfa7329d18c6442a625f851377bacf0
@@ -6317,6 +7603,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"compute-scroll-into-view@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "compute-scroll-into-view@npm:2.0.4"
+  checksum: f3d1db9276c16af42155b572750514939cd0ab0a0f46498906f6811c5b654c5ff2b3f9bfd65958e57439e000a5e1ae092eb96b9e153d194a73e52ffd2380550c
+  languageName: node
+  linkType: hard
+
 "concat-map@npm:0.0.1":
   version: 0.0.1
   resolution: "concat-map@npm:0.0.1"
@@ -6324,18 +7617,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"concat-stream@npm:~2.0.0":
-  version: 2.0.0
-  resolution: "concat-stream@npm:2.0.0"
-  dependencies:
-    buffer-from: ^1.0.0
-    inherits: ^2.0.3
-    readable-stream: ^3.0.2
-    typedarray: ^0.0.6
-  checksum: d7f75d48f0ecd356c1545d87e22f57b488172811b1181d96021c7c4b14ab8855f5313280263dca44bb06e5222f274d047da3e290a38841ef87b59719bde967c7
-  languageName: node
-  linkType: hard
-
 "config-chain@npm:^1.1.11":
   version: 1.1.13
   resolution: "config-chain@npm:1.1.13"
@@ -6492,6 +7773,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"create-jest@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "create-jest@npm:29.7.0"
+  dependencies:
+    "@jest/types": ^29.6.3
+    chalk: ^4.0.0
+    exit: ^0.1.2
+    graceful-fs: ^4.2.9
+    jest-config: ^29.7.0
+    jest-util: ^29.7.0
+    prompts: ^2.0.1
+  bin:
+    create-jest: bin/create-jest.js
+  checksum: 1427d49458adcd88547ef6fa39041e1fe9033a661293aa8d2c3aa1b4967cb5bf4f0c00436c7a61816558f28ba2ba81a94d5c962e8022ea9a883978fc8e1f2945
+  languageName: node
+  linkType: hard
+
 "cross-spawn@npm:^5.0.1":
   version: 5.1.0
   resolution: "cross-spawn@npm:5.1.0"
@@ -6503,7 +7801,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
+"cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
   version: 7.0.3
   resolution: "cross-spawn@npm:7.0.3"
   dependencies:
@@ -7189,7 +8487,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.2, debug@npm:^4.3.3, debug@npm:^4.3.4":
+"debug@npm:4, debug@npm:4.3.4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.2, debug@npm:^4.3.3, debug@npm:^4.3.4":
   version: 4.3.4
   resolution: "debug@npm:4.3.4"
   dependencies:
@@ -7226,10 +8524,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dedent@npm:^0.7.0":
-  version: 0.7.0
-  resolution: "dedent@npm:0.7.0"
-  checksum: 87de191050d9a40dd70cad01159a0bcf05ecb59750951242070b6abf9569088684880d00ba92a955b4058804f16eeaf91d604f283929b4f614d181cd7ae633d2
+"dedent@npm:^1.0.0":
+  version: 1.5.1
+  resolution: "dedent@npm:1.5.1"
+  peerDependencies:
+    babel-plugin-macros: ^3.1.0
+  peerDependenciesMeta:
+    babel-plugin-macros:
+      optional: true
+  checksum: c3c300a14edf1bdf5a873f9e4b22e839d62490bc5c8d6169c1f15858a1a76733d06a9a56930e963d677a2ceeca4b6b0894cc5ea2f501aa382ca5b92af3413c2a
   languageName: node
   linkType: hard
 
@@ -7277,6 +8580,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"default-browser-id@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "default-browser-id@npm:3.0.0"
+  dependencies:
+    bplist-parser: ^0.2.0
+    untildify: ^4.0.0
+  checksum: 279c7ad492542e5556336b6c254a4eaf31b2c63a5433265655ae6e47301197b6cfb15c595a6fdc6463b2ff8e1a1a1ed3cba56038a60e1527ba4ab1628c6b9941
+  languageName: node
+  linkType: hard
+
+"default-browser@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "default-browser@npm:4.0.0"
+  dependencies:
+    bundle-name: ^3.0.0
+    default-browser-id: ^3.0.0
+    execa: ^7.1.1
+    titleize: ^3.0.0
+  checksum: 40c5af984799042b140300be5639c9742599bda76dc9eba5ac9ad5943c83dd36cebc4471eafcfddf8e0ec817166d5ba89d56f08e66a126c7c7908a179cead1a7
+  languageName: node
+  linkType: hard
+
 "default-gateway@npm:^6.0.3":
   version: 6.0.3
   resolution: "default-gateway@npm:6.0.3"
@@ -7300,6 +8625,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"define-lazy-prop@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "define-lazy-prop@npm:3.0.0"
+  checksum: 54884f94caac0791bf6395a3ec530ce901cf71c47b0196b8754f3fd17edb6c0e80149c1214429d851873bb0d689dbe08dcedbb2306dc45c8534a5934723851b6
+  languageName: node
+  linkType: hard
+
 "define-properties@npm:^1.1.3, define-properties@npm:^1.1.4":
   version: 1.1.4
   resolution: "define-properties@npm:1.1.4"
@@ -7411,10 +8743,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"diff-sequences@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "diff-sequences@npm:29.4.3"
-  checksum: 28b265e04fdddcf7f9f814effe102cc95a9dec0564a579b5aed140edb24fc345c611ca52d76d725a3cab55d3888b915b5e8a4702e0f6058968a90fa5f41fcde7
+"diff-sequences@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "diff-sequences@npm:29.6.3"
+  checksum: f4914158e1f2276343d98ff5b31fc004e7304f5470bf0f1adb2ac6955d85a531a6458d33e87667f98f6ae52ebd3891bb47d420bb48a5bd8b7a27ee25b20e33aa
   languageName: node
   linkType: hard
 
@@ -7482,6 +8814,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dom-helpers@npm:^5.0.1":
+  version: 5.2.1
+  resolution: "dom-helpers@npm:5.2.1"
+  dependencies:
+    "@babel/runtime": ^7.8.7
+    csstype: ^3.0.2
+  checksum: 863ba9e086f7093df3376b43e74ce4422571d404fc9828bf2c56140963d5edf0e56160f9b2f3bb61b282c07f8fc8134f023c98fd684bddcb12daf7b0f14d951c
+  languageName: node
+  linkType: hard
+
 "dom-serializer@npm:^1.0.1":
   version: 1.4.1
   resolution: "dom-serializer@npm:1.4.1"
@@ -7577,10 +8919,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dotenv@npm:^16.1.4":
-  version: 16.1.4
-  resolution: "dotenv@npm:16.1.4"
-  checksum: c1b2e13df4d374a6a29e134c56c7b040ba20500677fe8b9939ea654f3b3badb9aaa0b172e40e4dfa1233a4177dbb8fb79d84cc79a50ac9c9641fe2ad98c14876
+"dotenv@npm:^16.3.1":
+  version: 16.3.1
+  resolution: "dotenv@npm:16.3.1"
+  checksum: 15d75e7279018f4bafd0ee9706593dd14455ddb71b3bcba9c52574460b7ccaf67d5cf8b2c08a5af1a9da6db36c956a04a1192b101ee102a3e0cf8817bbcf3dfd
   languageName: node
   linkType: hard
 
@@ -7598,6 +8940,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"downshift@npm:8.1.0":
+  version: 8.1.0
+  resolution: "downshift@npm:8.1.0"
+  dependencies:
+    "@babel/runtime": ^7.14.8
+    compute-scroll-into-view: ^2.0.4
+    prop-types: ^15.7.2
+    react-is: ^17.0.2
+    tslib: ^2.3.0
+  peerDependencies:
+    react: ">=16.12.0"
+  checksum: 5ede6190dc85ad295f623b30d3ad035a83b9ef5753084096e71e6fad5276a9abd3b1c1a26583958368e4e7fe14a40ef8b5a246f9f6eec058c4eba30a5104539d
+  languageName: node
+  linkType: hard
+
 "duplexer@npm:^0.1.2":
   version: 0.1.2
   resolution: "duplexer@npm:0.1.2"
@@ -7617,6 +8974,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eastasianwidth@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "eastasianwidth@npm:0.2.0"
+  checksum: 7d00d7cd8e49b9afa762a813faac332dee781932d6f2c848dc348939c4253f1d4564341b7af1d041853bc3f32c2ef141b58e0a4d9862c17a7f08f68df1e0f1ed
+  languageName: node
+  linkType: hard
+
 "ee-first@npm:1.1.1":
   version: 1.1.1
   resolution: "ee-first@npm:1.1.1"
@@ -7925,6 +9289,83 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild@npm:^0.19.0":
+  version: 0.19.3
+  resolution: "esbuild@npm:0.19.3"
+  dependencies:
+    "@esbuild/android-arm": 0.19.3
+    "@esbuild/android-arm64": 0.19.3
+    "@esbuild/android-x64": 0.19.3
+    "@esbuild/darwin-arm64": 0.19.3
+    "@esbuild/darwin-x64": 0.19.3
+    "@esbuild/freebsd-arm64": 0.19.3
+    "@esbuild/freebsd-x64": 0.19.3
+    "@esbuild/linux-arm": 0.19.3
+    "@esbuild/linux-arm64": 0.19.3
+    "@esbuild/linux-ia32": 0.19.3
+    "@esbuild/linux-loong64": 0.19.3
+    "@esbuild/linux-mips64el": 0.19.3
+    "@esbuild/linux-ppc64": 0.19.3
+    "@esbuild/linux-riscv64": 0.19.3
+    "@esbuild/linux-s390x": 0.19.3
+    "@esbuild/linux-x64": 0.19.3
+    "@esbuild/netbsd-x64": 0.19.3
+    "@esbuild/openbsd-x64": 0.19.3
+    "@esbuild/sunos-x64": 0.19.3
+    "@esbuild/win32-arm64": 0.19.3
+    "@esbuild/win32-ia32": 0.19.3
+    "@esbuild/win32-x64": 0.19.3
+  dependenciesMeta:
+    "@esbuild/android-arm":
+      optional: true
+    "@esbuild/android-arm64":
+      optional: true
+    "@esbuild/android-x64":
+      optional: true
+    "@esbuild/darwin-arm64":
+      optional: true
+    "@esbuild/darwin-x64":
+      optional: true
+    "@esbuild/freebsd-arm64":
+      optional: true
+    "@esbuild/freebsd-x64":
+      optional: true
+    "@esbuild/linux-arm":
+      optional: true
+    "@esbuild/linux-arm64":
+      optional: true
+    "@esbuild/linux-ia32":
+      optional: true
+    "@esbuild/linux-loong64":
+      optional: true
+    "@esbuild/linux-mips64el":
+      optional: true
+    "@esbuild/linux-ppc64":
+      optional: true
+    "@esbuild/linux-riscv64":
+      optional: true
+    "@esbuild/linux-s390x":
+      optional: true
+    "@esbuild/linux-x64":
+      optional: true
+    "@esbuild/netbsd-x64":
+      optional: true
+    "@esbuild/openbsd-x64":
+      optional: true
+    "@esbuild/sunos-x64":
+      optional: true
+    "@esbuild/win32-arm64":
+      optional: true
+    "@esbuild/win32-ia32":
+      optional: true
+    "@esbuild/win32-x64":
+      optional: true
+  bin:
+    esbuild: bin/esbuild
+  checksum: f998ba82b1bbf0f3036201dc2cb94f92aff887b7552738ea3e4dd6f386f87740ef76aabae2fc1c4b91a519354d390f6d9fd89eb71e26882983f6fbaf75369206
+  languageName: node
+  linkType: hard
+
 "escalade@npm:^3.1.1":
   version: 3.1.1
   resolution: "escalade@npm:3.1.1"
@@ -7993,14 +9434,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-config-prettier@npm:^8.8.0":
-  version: 8.8.0
-  resolution: "eslint-config-prettier@npm:8.8.0"
+"eslint-config-prettier@npm:^9.0.0":
+  version: 9.0.0
+  resolution: "eslint-config-prettier@npm:9.0.0"
   peerDependencies:
     eslint: ">=7.0.0"
   bin:
     eslint-config-prettier: bin/cli.js
-  checksum: 1e94c3882c4d5e41e1dcfa2c368dbccbfe3134f6ac7d40101644d3bfbe3eb2f2ffac757f3145910b5eacf20c0e85e02b91293d3126d770cbf3dc390b3564681c
+  checksum: 362e991b6cb343f79362bada2d97c202e5303e6865888918a7445c555fb75e4c078b01278e90be98aa98ae22f8597d8e93d48314bec6824f540f7efcab3ce451
   languageName: node
   linkType: hard
 
@@ -8047,18 +9488,35 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-prettier@npm:^4.2.1":
-  version: 4.2.1
-  resolution: "eslint-plugin-prettier@npm:4.2.1"
+"eslint-plugin-playwright@npm:^0.16.0":
+  version: 0.16.0
+  resolution: "eslint-plugin-playwright@npm:0.16.0"
+  peerDependencies:
+    eslint: ">=7"
+    eslint-plugin-jest: ">=25"
+  peerDependenciesMeta:
+    eslint-plugin-jest:
+      optional: true
+  checksum: d01aed6fc5f089ba9592d9875e8d72f4966bca562e3478cb8aca815d911e7df1de40f23b41981d8b16f53dc90cd4ce1a58619195e3e1c049bf4be248b31e8045
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-prettier@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "eslint-plugin-prettier@npm:5.0.0"
   dependencies:
     prettier-linter-helpers: ^1.0.0
+    synckit: ^0.8.5
   peerDependencies:
-    eslint: ">=7.28.0"
-    prettier: ">=2.0.0"
+    "@types/eslint": ">=8.0.0"
+    eslint: ">=8.0.0"
+    prettier: ">=3.0.0"
   peerDependenciesMeta:
+    "@types/eslint":
+      optional: true
     eslint-config-prettier:
       optional: true
-  checksum: b9e839d2334ad8ec7a5589c5cb0f219bded260839a857d7a486997f9870e95106aa59b8756ff3f37202085ebab658de382b0267cae44c3a7f0eb0bcc03a4f6d6
+  checksum: 84e88744b9050f2d5ef31b94e85294dda16f3a53c2449f9d33eac8ae6264889b459bf35a68e438fb6b329c2a1d6491aac4bfa00d86317e7009de3dad0311bec6
   languageName: node
   linkType: hard
 
@@ -8071,7 +9529,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-scope@npm:5.1.1, eslint-scope@npm:^5.1.1":
+"eslint-scope@npm:5.1.1":
   version: 5.1.1
   resolution: "eslint-scope@npm:5.1.1"
   dependencies:
@@ -8081,13 +9539,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-scope@npm:^7.2.0":
-  version: 7.2.0
-  resolution: "eslint-scope@npm:7.2.0"
+"eslint-scope@npm:^7.2.2":
+  version: 7.2.2
+  resolution: "eslint-scope@npm:7.2.2"
   dependencies:
     esrecurse: ^4.3.0
     estraverse: ^5.2.0
-  checksum: 64591a2d8b244ade9c690b59ef238a11d5c721a98bcee9e9f445454f442d03d3e04eda88e95a4daec558220a99fa384309d9faae3d459bd40e7a81b4063980ae
+  checksum: ec97dbf5fb04b94e8f4c5a91a7f0a6dd3c55e46bfc7bbcd0e3138c3a76977570e02ed89a1810c778dcd72072ff0e9621ba1379b4babe53921d71e2e4486fda3e
   languageName: node
   linkType: hard
 
@@ -8105,26 +9563,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint@npm:^8.42.0":
-  version: 8.42.0
-  resolution: "eslint@npm:8.42.0"
+"eslint-visitor-keys@npm:^3.4.3":
+  version: 3.4.3
+  resolution: "eslint-visitor-keys@npm:3.4.3"
+  checksum: 36e9ef87fca698b6fd7ca5ca35d7b2b6eeaaf106572e2f7fd31c12d3bfdaccdb587bba6d3621067e5aece31c8c3a348b93922ab8f7b2cbc6aaab5e1d89040c60
+  languageName: node
+  linkType: hard
+
+"eslint@npm:^8.49.0":
+  version: 8.49.0
+  resolution: "eslint@npm:8.49.0"
   dependencies:
     "@eslint-community/eslint-utils": ^4.2.0
-    "@eslint-community/regexpp": ^4.4.0
-    "@eslint/eslintrc": ^2.0.3
-    "@eslint/js": 8.42.0
-    "@humanwhocodes/config-array": ^0.11.10
+    "@eslint-community/regexpp": ^4.6.1
+    "@eslint/eslintrc": ^2.1.2
+    "@eslint/js": 8.49.0
+    "@humanwhocodes/config-array": ^0.11.11
     "@humanwhocodes/module-importer": ^1.0.1
     "@nodelib/fs.walk": ^1.2.8
-    ajv: ^6.10.0
+    ajv: ^6.12.4
     chalk: ^4.0.0
     cross-spawn: ^7.0.2
     debug: ^4.3.2
     doctrine: ^3.0.0
     escape-string-regexp: ^4.0.0
-    eslint-scope: ^7.2.0
-    eslint-visitor-keys: ^3.4.1
-    espree: ^9.5.2
+    eslint-scope: ^7.2.2
+    eslint-visitor-keys: ^3.4.3
+    espree: ^9.6.1
     esquery: ^1.4.2
     esutils: ^2.0.2
     fast-deep-equal: ^3.1.3
@@ -8134,7 +9599,6 @@ __metadata:
     globals: ^13.19.0
     graphemer: ^1.4.0
     ignore: ^5.2.0
-    import-fresh: ^3.0.0
     imurmurhash: ^0.1.4
     is-glob: ^4.0.0
     is-path-inside: ^3.0.3
@@ -8144,24 +9608,23 @@ __metadata:
     lodash.merge: ^4.6.2
     minimatch: ^3.1.2
     natural-compare: ^1.4.0
-    optionator: ^0.9.1
+    optionator: ^0.9.3
     strip-ansi: ^6.0.1
-    strip-json-comments: ^3.1.0
     text-table: ^0.2.0
   bin:
     eslint: bin/eslint.js
-  checksum: 07105397b5f2ff4064b983b8971e8c379ec04b1dfcc9d918976b3e00377189000161dac991d82ba14f8759e466091b8c71146f602930ca810c290ee3fcb3faf0
+  checksum: 4dfe257e1e42da2f9da872b05aaaf99b0f5aa022c1a91eee8f2af1ab72651b596366320c575ccd4e0469f7b4c97aff5bb85ae3323ebd6a293c3faef4028b0d81
   languageName: node
   linkType: hard
 
-"espree@npm:^9.5.2":
-  version: 9.5.2
-  resolution: "espree@npm:9.5.2"
+"espree@npm:^9.6.0, espree@npm:^9.6.1":
+  version: 9.6.1
+  resolution: "espree@npm:9.6.1"
   dependencies:
-    acorn: ^8.8.0
+    acorn: ^8.9.0
     acorn-jsx: ^5.3.2
     eslint-visitor-keys: ^3.4.1
-  checksum: 6506289d6eb26471c0b383ee24fee5c8ae9d61ad540be956b3127be5ce3bf687d2ba6538ee5a86769812c7c552a9d8239e8c4d150f9ea056c6d5cbe8399c03c1
+  checksum: eb8c149c7a2a77b3f33a5af80c10875c3abd65450f60b8af6db1bfcfa8f101e21c1e56a561c6dc13b848e18148d43469e7cd208506238554fb5395a9ea5a1ab9
   languageName: node
   linkType: hard
 
@@ -8235,6 +9698,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eventemitter3@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "eventemitter3@npm:5.0.1"
+  checksum: 543d6c858ab699303c3c32e0f0f47fc64d360bf73c3daf0ac0b5079710e340d6fe9f15487f94e66c629f5f82cd1a8678d692f3dbb6f6fcd1190e1b97fcad36f8
+  languageName: node
+  linkType: hard
+
 "events@npm:^3.2.0":
   version: 3.3.0
   resolution: "events@npm:3.3.0"
@@ -8242,6 +9712,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"execa@npm:7.2.0, execa@npm:^7.1.1":
+  version: 7.2.0
+  resolution: "execa@npm:7.2.0"
+  dependencies:
+    cross-spawn: ^7.0.3
+    get-stream: ^6.0.1
+    human-signals: ^4.3.0
+    is-stream: ^3.0.0
+    merge-stream: ^2.0.0
+    npm-run-path: ^5.1.0
+    onetime: ^6.0.0
+    signal-exit: ^3.0.7
+    strip-final-newline: ^3.0.0
+  checksum: 14fd17ba0ca8c87b277584d93b1d9fc24f2a65e5152b31d5eb159a3b814854283eaae5f51efa9525e304447e2f757c691877f7adff8fde5746aae67eb1edd1cc
+  languageName: node
+  linkType: hard
+
 "execa@npm:^0.7.0":
   version: 0.7.0
   resolution: "execa@npm:0.7.0"
@@ -8257,23 +9744,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"execa@npm:^4.0.0":
-  version: 4.1.0
-  resolution: "execa@npm:4.1.0"
-  dependencies:
-    cross-spawn: ^7.0.0
-    get-stream: ^5.0.0
-    human-signals: ^1.1.1
-    is-stream: ^2.0.0
-    merge-stream: ^2.0.0
-    npm-run-path: ^4.0.0
-    onetime: ^5.1.0
-    signal-exit: ^3.0.2
-    strip-final-newline: ^2.0.0
-  checksum: e30d298934d9c52f90f3847704fd8224e849a081ab2b517bbc02f5f7732c24e56a21f14cb96a08256deffeb2d12b2b7cb7e2b014a12fb36f8d3357e06417ed55
-  languageName: node
-  linkType: hard
-
 "execa@npm:^5.0.0":
   version: 5.1.1
   resolution: "execa@npm:5.1.1"
@@ -8327,16 +9797,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"expect@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "expect@npm:29.5.0"
+"expect@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "expect@npm:29.7.0"
   dependencies:
-    "@jest/expect-utils": ^29.5.0
-    jest-get-type: ^29.4.3
-    jest-matcher-utils: ^29.5.0
-    jest-message-util: ^29.5.0
-    jest-util: ^29.5.0
-  checksum: 58f70b38693df6e5c6892db1bcd050f0e518d6f785175dc53917d4fa6a7359a048e5690e19ddcb96b65c4493881dd89a3dabdab1a84dfa55c10cdbdabf37b2d7
+    "@jest/expect-utils": ^29.7.0
+    jest-get-type: ^29.6.3
+    jest-matcher-utils: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-util: ^29.7.0
+  checksum: 9257f10288e149b81254a0fda8ffe8d54a7061cd61d7515779998b012579d2b8c22354b0eb901daf0145f347403da582f75f359f4810c007182ad3fb318b5c0c
   languageName: node
   linkType: hard
 
@@ -8430,6 +9900,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-fifo@npm:^1.1.0":
+  version: 1.3.2
+  resolution: "fast-fifo@npm:1.3.2"
+  checksum: 6bfcba3e4df5af7be3332703b69a7898a8ed7020837ec4395bb341bd96cc3a6d86c3f6071dd98da289618cf2234c70d84b2a6f09a33dd6f988b1ff60d8e54275
+  languageName: node
+  linkType: hard
+
 "fast-glob@npm:^3.2.11, fast-glob@npm:^3.2.5, fast-glob@npm:^3.2.9":
   version: 3.2.12
   resolution: "fast-glob@npm:3.2.12"
@@ -8443,6 +9920,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-glob@npm:^3.3.0":
+  version: 3.3.1
+  resolution: "fast-glob@npm:3.3.1"
+  dependencies:
+    "@nodelib/fs.stat": ^2.0.2
+    "@nodelib/fs.walk": ^1.2.3
+    glob-parent: ^5.1.2
+    merge2: ^1.3.0
+    micromatch: ^4.0.4
+  checksum: b6f3add6403e02cf3a798bfbb1183d0f6da2afd368f27456010c0bc1f9640aea308243d4cb2c0ab142f618276e65ecb8be1661d7c62a7b4e5ba774b9ce5432e5
+  languageName: node
+  linkType: hard
+
 "fast-json-stable-stringify@npm:^2.0.0, fast-json-stable-stringify@npm:^2.1.0":
   version: 2.1.0
   resolution: "fast-json-stable-stringify@npm:2.1.0"
@@ -8766,14 +10256,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-extra@npm:^10.0.0":
-  version: 10.1.0
-  resolution: "fs-extra@npm:10.1.0"
+"fs-extra@npm:^11.1.0":
+  version: 11.1.1
+  resolution: "fs-extra@npm:11.1.1"
   dependencies:
     graceful-fs: ^4.2.0
     jsonfile: ^6.0.1
     universalify: ^2.0.0
-  checksum: dc94ab37096f813cc3ca12f0f1b5ad6744dfed9ed21e953d72530d103cea193c2f81584a39e9dee1bea36de5ee66805678c0dddc048e8af1427ac19c00fffc50
+  checksum: fb883c68245b2d777fbc1f2082c9efb084eaa2bbf9fddaa366130d196c03608eebef7fb490541276429ee1ca99f317e2d73e96f5ca0999eefedf5a624ae1edfd
   languageName: node
   linkType: hard
 
@@ -8966,7 +10456,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-stream@npm:^5.0.0, get-stream@npm:^5.1.0":
+"get-stream@npm:^5.1.0":
   version: 5.2.0
   resolution: "get-stream@npm:5.2.0"
   dependencies:
@@ -8975,7 +10465,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-stream@npm:^6.0.0":
+"get-stream@npm:^6.0.0, get-stream@npm:^6.0.1":
   version: 6.0.1
   resolution: "get-stream@npm:6.0.1"
   checksum: e04ecece32c92eebf5b8c940f51468cd53554dcbb0ea725b2748be583c9523d00128137966afce410b9b051eb2ef16d657cd2b120ca8edafcf5a65e81af63cad
@@ -9183,13 +10673,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"grapheme-splitter@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "grapheme-splitter@npm:1.0.4"
-  checksum: 0c22ec54dee1b05cd480f78cf14f732cb5b108edc073572c4ec205df4cd63f30f8db8025afc5debc8835a8ddeacf648a1c7992fe3dcd6ad38f9a476d84906620
-  languageName: node
-  linkType: hard
-
 "graphemer@npm:^1.4.0":
   version: 1.4.0
   resolution: "graphemer@npm:1.4.0"
@@ -9567,13 +11050,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"human-signals@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "human-signals@npm:1.1.1"
-  checksum: d587647c9e8ec24e02821b6be7de5a0fc37f591f6c4e319b3054b43fd4c35a70a94c46fc74d8c1a43c47fde157d23acd7421f375e1c1365b09a16835b8300205
-  languageName: node
-  linkType: hard
-
 "human-signals@npm:^2.1.0":
   version: 2.1.0
   resolution: "human-signals@npm:2.1.0"
@@ -9581,6 +11057,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"human-signals@npm:^4.3.0":
+  version: 4.3.1
+  resolution: "human-signals@npm:4.3.1"
+  checksum: 6f12958df3f21b6fdaf02d90896c271df00636a31e2bbea05bddf817a35c66b38a6fdac5863e2df85bd52f34958997f1f50350ff97249e1dff8452865d5235d1
+  languageName: node
+  linkType: hard
+
 "humanize-ms@npm:^1.2.1":
   version: 1.2.1
   resolution: "humanize-ms@npm:1.2.1"
@@ -9617,35 +11100,34 @@ __metadata:
   languageName: node
   linkType: hard
 
-"i18next-parser@npm:^5.4.0":
-  version: 5.4.0
-  resolution: "i18next-parser@npm:5.4.0"
+"i18next-parser@npm:^8.7.0":
+  version: 8.7.0
+  resolution: "i18next-parser@npm:8.7.0"
   dependencies:
-    "@babel/runtime": ^7.15.4
     broccoli-plugin: ^4.0.7
     cheerio: ^1.0.0-rc.2
     colors: 1.4.0
-    commander: ~8.3.0
-    concat-stream: ~2.0.0
+    commander: ~11.0.0
     eol: ^0.9.1
-    fs-extra: ^10.0.0
+    esbuild: ^0.19.0
+    fs-extra: ^11.1.0
     gulp-sort: ^2.0.0
-    i18next: ^21.2.0
+    i18next: ^22.0.4
     js-yaml: 4.1.0
+    lilconfig: ^2.0.6
     rsvp: ^4.8.2
-    sort-keys: ^4.2.0
-    through2: ~4.0.2
-    typescript: ^4.2.4
-    vinyl: ~2.2.1
+    sort-keys: ^5.0.0
+    typescript: ^5.0.4
+    vinyl: ~3.0.0
     vinyl-fs: ^3.0.2
     vue-template-compiler: ^2.6.11
   bin:
     i18next: bin/cli.js
-  checksum: c6539f12eecdaf29f68e5732049f37a310a49824b98b9278754d58fe8f02b80e3e52c559c98f383424f467add32de41d917724923ac8d45e9640e32441580169
+  checksum: 538388483c232a843d103d1da680886738df15d2361ba7b32661cca2a8924ab9c5d845dbf637299ddd0b22fd8a23351ba0593e4def2a5ce0f30b0ce8ec588d69
   languageName: node
   linkType: hard
 
-"i18next@npm:^19.6.0, i18next@npm:^19.9.2":
+"i18next@npm:^19.6.0":
   version: 19.9.2
   resolution: "i18next@npm:19.9.2"
   dependencies:
@@ -9654,12 +11136,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"i18next@npm:^21.2.0":
-  version: 21.10.0
-  resolution: "i18next@npm:21.10.0"
+"i18next@npm:^22.0.4":
+  version: 22.5.1
+  resolution: "i18next@npm:22.5.1"
+  dependencies:
+    "@babel/runtime": ^7.20.6
+  checksum: 175f8ab7fac2abcee147b00cc2d8e7d4fa9b05cdc227f02cac841fc2fd9545ed4a6d88774f594f8ad12dc944e4d34cc8e88aa00c8b9947baef9e859d93abd305
+  languageName: node
+  linkType: hard
+
+"i18next@npm:^23.5.1":
+  version: 23.5.1
+  resolution: "i18next@npm:23.5.1"
   dependencies:
-    "@babel/runtime": ^7.17.2
-  checksum: f997985e2d4d15a62a0936a82ff6420b97f3f971e776fe685bdd50b4de0cb4dc2198bc75efe6b152844794ebd5040d8060d6d152506a687affad534834836d81
+    "@babel/runtime": ^7.22.5
+  checksum: 4be043bd72287bfae9777a3252b9458d2e3f5e9a97ea62cf434e6e3767b45df4365d8780d0dd14efd4e9da5eb0f90534510b138f1372d1cb9012000a69bbedaf
   languageName: node
   linkType: hard
 
@@ -9722,13 +11213,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ignore@npm:^5.1.4, ignore@npm:^5.2.0":
+"ignore@npm:^5.2.0":
   version: 5.2.0
   resolution: "ignore@npm:5.2.0"
   checksum: 6b1f926792d614f64c6c83da3a1f9c83f6196c2839aa41e1e32dd7b8d174cef2e329d75caabb62cb61ce9dc432f75e67d07d122a037312db7caa73166a1bdb77
   languageName: node
   linkType: hard
 
+"ignore@npm:^5.2.4":
+  version: 5.2.4
+  resolution: "ignore@npm:5.2.4"
+  checksum: 3d4c309c6006e2621659311783eaea7ebcd41fe4ca1d78c91c473157ad6666a57a2df790fe0d07a12300d9aac2888204d7be8d59f9aaf665b1c7fcdb432517ef
+  languageName: node
+  linkType: hard
+
 "image-q@npm:^4.0.0":
   version: 4.0.0
   resolution: "image-q@npm:4.0.0"
@@ -9745,7 +11243,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"import-fresh@npm:^3.0.0, import-fresh@npm:^3.1.0, import-fresh@npm:^3.2.1":
+"import-fresh@npm:^3.1.0, import-fresh@npm:^3.2.1":
   version: 3.3.0
   resolution: "import-fresh@npm:3.3.0"
   dependencies:
@@ -9911,6 +11409,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"intl-messageformat@npm:^10.1.0":
+  version: 10.5.2
+  resolution: "intl-messageformat@npm:10.5.2"
+  dependencies:
+    "@formatjs/ecma402-abstract": 1.17.2
+    "@formatjs/fast-memoize": 2.2.0
+    "@formatjs/icu-messageformat-parser": 2.6.2
+    tslib: ^2.4.0
+  checksum: 5ddc83d4c6dbc4dbb453a7c1d609503265f6a5c8207e8cc6660c3d45000fa29551bfbcbfe50331529be8d2f090bc4d6167a4ef85d3b5de986227a4579d038029
+  languageName: node
+  linkType: hard
+
 "invariant@npm:^2.2.3":
   version: 2.2.4
   resolution: "invariant@npm:2.2.4"
@@ -10051,6 +11561,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-docker@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "is-docker@npm:3.0.0"
+  bin:
+    is-docker: cli.js
+  checksum: b698118f04feb7eaf3338922bd79cba064ea54a1c3db6ec8c0c8d8ee7613e7e5854d802d3ef646812a8a3ace81182a085dfa0a71cc68b06f3fa794b9783b3c90
+  languageName: node
+  linkType: hard
+
 "is-extglob@npm:^2.1.0, is-extglob@npm:^2.1.1":
   version: 2.1.1
   resolution: "is-extglob@npm:2.1.1"
@@ -10065,6 +11584,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-fullwidth-code-point@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "is-fullwidth-code-point@npm:4.0.0"
+  checksum: 8ae89bf5057bdf4f57b346fb6c55e9c3dd2549983d54191d722d5c739397a903012cc41a04ee3403fd872e811243ef91a7c5196da7b5841dc6b6aae31a264a8d
+  languageName: node
+  linkType: hard
+
 "is-function@npm:^1.0.1":
   version: 1.0.2
   resolution: "is-function@npm:1.0.2"
@@ -10097,6 +11623,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-inside-container@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-inside-container@npm:1.0.0"
+  dependencies:
+    is-docker: ^3.0.0
+  bin:
+    is-inside-container: cli.js
+  checksum: c50b75a2ab66ab3e8b92b3bc534e1ea72ca25766832c0623ac22d134116a98bcf012197d1caabe1d1c4bd5f84363d4aa5c36bb4b585fbcaf57be172cd10a1a03
+  languageName: node
+  linkType: hard
+
 "is-lambda@npm:^1.0.1":
   version: 1.0.1
   resolution: "is-lambda@npm:1.0.1"
@@ -10194,13 +11731,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-plain-obj@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "is-plain-obj@npm:2.1.0"
-  checksum: cec9100678b0a9fe0248a81743041ed990c2d4c99f893d935545cfbc42876cbe86d207f3b895700c690ad2fa520e568c44afc1605044b535a7820c1d40e38daa
-  languageName: node
-  linkType: hard
-
 "is-plain-obj@npm:^3.0.0":
   version: 3.0.0
   resolution: "is-plain-obj@npm:3.0.0"
@@ -10287,6 +11817,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-stream@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "is-stream@npm:3.0.0"
+  checksum: 172093fe99119ffd07611ab6d1bcccfe8bc4aa80d864b15f43e63e54b7abc71e779acd69afdb854c4e2a67fdc16ae710e370eda40088d1cfc956a50ed82d8f16
+  languageName: node
+  linkType: hard
+
 "is-string@npm:^1.0.5, is-string@npm:^1.0.7":
   version: 1.0.7
   resolution: "is-string@npm:1.0.7"
@@ -10425,7 +11962,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-lib-instrument@npm:^5.0.4, istanbul-lib-instrument@npm:^5.1.0":
+"istanbul-lib-instrument@npm:^5.0.4":
   version: 5.2.1
   resolution: "istanbul-lib-instrument@npm:5.2.1"
   dependencies:
@@ -10438,6 +11975,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"istanbul-lib-instrument@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "istanbul-lib-instrument@npm:6.0.0"
+  dependencies:
+    "@babel/core": ^7.12.3
+    "@babel/parser": ^7.14.7
+    "@istanbuljs/schema": ^0.1.2
+    istanbul-lib-coverage: ^3.2.0
+    semver: ^7.5.4
+  checksum: b9dc3723a769e65dbe1b912f935088ffc07cf393fa78a3ce79022c91aabb0ad01405ffd56083cdd822e514798e9daae3ea7bfe85633b094ecb335d28eb0a3f97
+  languageName: node
+  linkType: hard
+
 "istanbul-lib-report@npm:^3.0.0":
   version: 3.0.0
   resolution: "istanbul-lib-report@npm:3.0.0"
@@ -10484,59 +12034,59 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-changed-files@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-changed-files@npm:29.5.0"
+"jest-changed-files@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-changed-files@npm:29.7.0"
   dependencies:
     execa: ^5.0.0
+    jest-util: ^29.7.0
     p-limit: ^3.1.0
-  checksum: a67a7cb3c11f8f92bd1b7c79e84f724cbd11a9ad51f3cdadafe3ce7ee3c79ee50dbea128f920f5fddc807e9e4e83f5462143094391feedd959a77dd20ab96cf3
+  checksum: 963e203893c396c5dfc75e00a49426688efea7361b0f0e040035809cecd2d46b3c01c02be2d9e8d38b1138357d2de7719ea5b5be21f66c10f2e9685a5a73bb99
   languageName: node
   linkType: hard
 
-"jest-circus@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-circus@npm:29.5.0"
+"jest-circus@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-circus@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.5.0
-    "@jest/expect": ^29.5.0
-    "@jest/test-result": ^29.5.0
-    "@jest/types": ^29.5.0
+    "@jest/environment": ^29.7.0
+    "@jest/expect": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
     co: ^4.6.0
-    dedent: ^0.7.0
+    dedent: ^1.0.0
     is-generator-fn: ^2.0.0
-    jest-each: ^29.5.0
-    jest-matcher-utils: ^29.5.0
-    jest-message-util: ^29.5.0
-    jest-runtime: ^29.5.0
-    jest-snapshot: ^29.5.0
-    jest-util: ^29.5.0
+    jest-each: ^29.7.0
+    jest-matcher-utils: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-runtime: ^29.7.0
+    jest-snapshot: ^29.7.0
+    jest-util: ^29.7.0
     p-limit: ^3.1.0
-    pretty-format: ^29.5.0
+    pretty-format: ^29.7.0
     pure-rand: ^6.0.0
     slash: ^3.0.0
     stack-utils: ^2.0.3
-  checksum: 44ff5d06acedae6de6c866e20e3b61f83e29ab94cf9f960826e7e667de49c12dd9ab9dffd7fa3b7d1f9688a8b5bfb1ebebadbea69d9ed0d3f66af4a0ff8c2b27
+  checksum: 349437148924a5a109c9b8aad6d393a9591b4dac1918fc97d81b7fc515bc905af9918495055071404af1fab4e48e4b04ac3593477b1d5dcf48c4e71b527c70a7
   languageName: node
   linkType: hard
 
-"jest-cli@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-cli@npm:29.5.0"
+"jest-cli@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-cli@npm:29.7.0"
   dependencies:
-    "@jest/core": ^29.5.0
-    "@jest/test-result": ^29.5.0
-    "@jest/types": ^29.5.0
+    "@jest/core": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/types": ^29.6.3
     chalk: ^4.0.0
+    create-jest: ^29.7.0
     exit: ^0.1.2
-    graceful-fs: ^4.2.9
     import-local: ^3.0.2
-    jest-config: ^29.5.0
-    jest-util: ^29.5.0
-    jest-validate: ^29.5.0
-    prompts: ^2.0.1
+    jest-config: ^29.7.0
+    jest-util: ^29.7.0
+    jest-validate: ^29.7.0
     yargs: ^17.3.1
   peerDependencies:
     node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
@@ -10545,34 +12095,34 @@ __metadata:
       optional: true
   bin:
     jest: bin/jest.js
-  checksum: 39897bbbc0f0d8a6b975ab12fd13887eaa28d92e3dee9e0173a5cb913ae8cc2ae46e090d38c6d723e84d9d6724429cd08685b4e505fa447d31ca615630c7dbba
+  checksum: 664901277a3f5007ea4870632ed6e7889db9da35b2434e7cb488443e6bf5513889b344b7fddf15112135495b9875892b156faeb2d7391ddb9e2a849dcb7b6c36
   languageName: node
   linkType: hard
 
-"jest-config@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-config@npm:29.5.0"
+"jest-config@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-config@npm:29.7.0"
   dependencies:
     "@babel/core": ^7.11.6
-    "@jest/test-sequencer": ^29.5.0
-    "@jest/types": ^29.5.0
-    babel-jest: ^29.5.0
+    "@jest/test-sequencer": ^29.7.0
+    "@jest/types": ^29.6.3
+    babel-jest: ^29.7.0
     chalk: ^4.0.0
     ci-info: ^3.2.0
     deepmerge: ^4.2.2
     glob: ^7.1.3
     graceful-fs: ^4.2.9
-    jest-circus: ^29.5.0
-    jest-environment-node: ^29.5.0
-    jest-get-type: ^29.4.3
-    jest-regex-util: ^29.4.3
-    jest-resolve: ^29.5.0
-    jest-runner: ^29.5.0
-    jest-util: ^29.5.0
-    jest-validate: ^29.5.0
+    jest-circus: ^29.7.0
+    jest-environment-node: ^29.7.0
+    jest-get-type: ^29.6.3
+    jest-regex-util: ^29.6.3
+    jest-resolve: ^29.7.0
+    jest-runner: ^29.7.0
+    jest-util: ^29.7.0
+    jest-validate: ^29.7.0
     micromatch: ^4.0.4
     parse-json: ^5.2.0
-    pretty-format: ^29.5.0
+    pretty-format: ^29.7.0
     slash: ^3.0.0
     strip-json-comments: ^3.1.1
   peerDependencies:
@@ -10583,7 +12133,7 @@ __metadata:
       optional: true
     ts-node:
       optional: true
-  checksum: c37c4dab964c54ab293d4e302d40b09687037ac9d00b88348ec42366970747feeaf265e12e3750cd3660b40c518d4031335eda11ac10b70b10e60797ebbd4b9c
+  checksum: 4cabf8f894c180cac80b7df1038912a3fc88f96f2622de33832f4b3314f83e22b08fb751da570c0ab2b7988f21604bdabade95e3c0c041068ac578c085cf7dff
   languageName: node
   linkType: hard
 
@@ -10610,72 +12160,72 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-diff@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-diff@npm:29.5.0"
+"jest-diff@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-diff@npm:29.7.0"
   dependencies:
     chalk: ^4.0.0
-    diff-sequences: ^29.4.3
-    jest-get-type: ^29.4.3
-    pretty-format: ^29.5.0
-  checksum: dfd0f4a299b5d127779c76b40106c37854c89c3e0785098c717d52822d6620d227f6234c3a9291df204d619e799e3654159213bf93220f79c8e92a55475a3d39
+    diff-sequences: ^29.6.3
+    jest-get-type: ^29.6.3
+    pretty-format: ^29.7.0
+  checksum: 08e24a9dd43bfba1ef07a6374e5af138f53137b79ec3d5cc71a2303515335898888fa5409959172e1e05de966c9e714368d15e8994b0af7441f0721ee8e1bb77
   languageName: node
   linkType: hard
 
-"jest-docblock@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "jest-docblock@npm:29.4.3"
+"jest-docblock@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-docblock@npm:29.7.0"
   dependencies:
     detect-newline: ^3.0.0
-  checksum: e0e9df1485bb8926e5b33478cdf84b3387d9caf3658e7dc1eaa6dc34cb93dea0d2d74797f6e940f0233a88f3dadd60957f2288eb8f95506361f85b84bf8661df
+  checksum: 66390c3e9451f8d96c5da62f577a1dad701180cfa9b071c5025acab2f94d7a3efc2515cfa1654ebe707213241541ce9c5530232cdc8017c91ed64eea1bd3b192
   languageName: node
   linkType: hard
 
-"jest-each@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-each@npm:29.5.0"
+"jest-each@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-each@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.5.0
+    "@jest/types": ^29.6.3
     chalk: ^4.0.0
-    jest-get-type: ^29.4.3
-    jest-util: ^29.5.0
-    pretty-format: ^29.5.0
-  checksum: b8b297534d25834c5d4e31e4c687359787b1e402519e42664eb704cc3a12a7a91a017565a75acb02e8cf9afd3f4eef3350bd785276bec0900184641b765ff7a5
+    jest-get-type: ^29.6.3
+    jest-util: ^29.7.0
+    pretty-format: ^29.7.0
+  checksum: e88f99f0184000fc8813f2a0aa79e29deeb63700a3b9b7928b8a418d7d93cd24933608591dbbdea732b473eb2021c72991b5cc51a17966842841c6e28e6f691c
   languageName: node
   linkType: hard
 
-"jest-environment-jsdom@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-environment-jsdom@npm:29.5.0"
+"jest-environment-jsdom@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-environment-jsdom@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.5.0
-    "@jest/fake-timers": ^29.5.0
-    "@jest/types": ^29.5.0
+    "@jest/environment": ^29.7.0
+    "@jest/fake-timers": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/jsdom": ^20.0.0
     "@types/node": "*"
-    jest-mock: ^29.5.0
-    jest-util: ^29.5.0
+    jest-mock: ^29.7.0
+    jest-util: ^29.7.0
     jsdom: ^20.0.0
   peerDependencies:
     canvas: ^2.5.0
   peerDependenciesMeta:
     canvas:
       optional: true
-  checksum: 3df7fc85275711f20b483ac8cd8c04500704ed0f69791eb55c574b38f5a39470f03d775cf20c1025bc1884916ac0573aa2fa4db1bb74225bc7fdd95ba97ad0da
+  checksum: 559aac134c196fccc1dfc794d8fc87377e9f78e894bb13012b0831d88dec0abd7ece99abec69da564b8073803be4f04a9eb4f4d1bb80e29eec0cb252c254deb8
   languageName: node
   linkType: hard
 
-"jest-environment-node@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-environment-node@npm:29.5.0"
+"jest-environment-node@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-environment-node@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.5.0
-    "@jest/fake-timers": ^29.5.0
-    "@jest/types": ^29.5.0
+    "@jest/environment": ^29.7.0
+    "@jest/fake-timers": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
-    jest-mock: ^29.5.0
-    jest-util: ^29.5.0
-  checksum: 57981911cc20a4219b0da9e22b2e3c9f31b505e43f78e61c899e3227ded455ce1a3a9483842c69cfa4532f02cfb536ae0995bf245f9211608edacfc1e478d411
+    jest-mock: ^29.7.0
+    jest-util: ^29.7.0
+  checksum: 501a9966292cbe0ca3f40057a37587cb6def25e1e0c5e39ac6c650fe78d3c70a2428304341d084ac0cced5041483acef41c477abac47e9a290d5545fd2f15646
   languageName: node
   linkType: hard
 
@@ -10686,43 +12236,43 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-get-type@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "jest-get-type@npm:29.4.3"
-  checksum: 6ac7f2dde1c65e292e4355b6c63b3a4897d7e92cb4c8afcf6d397f2682f8080e094c8b0b68205a74d269882ec06bf696a9de6cd3e1b7333531e5ed7b112605ce
+"jest-get-type@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "jest-get-type@npm:29.6.3"
+  checksum: 88ac9102d4679d768accae29f1e75f592b760b44277df288ad76ce5bf038c3f5ce3719dea8aa0f035dac30e9eb034b848ce716b9183ad7cc222d029f03e92205
   languageName: node
   linkType: hard
 
-"jest-haste-map@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-haste-map@npm:29.5.0"
+"jest-haste-map@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-haste-map@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.5.0
+    "@jest/types": ^29.6.3
     "@types/graceful-fs": ^4.1.3
     "@types/node": "*"
     anymatch: ^3.0.3
     fb-watchman: ^2.0.0
     fsevents: ^2.3.2
     graceful-fs: ^4.2.9
-    jest-regex-util: ^29.4.3
-    jest-util: ^29.5.0
-    jest-worker: ^29.5.0
+    jest-regex-util: ^29.6.3
+    jest-util: ^29.7.0
+    jest-worker: ^29.7.0
     micromatch: ^4.0.4
     walker: ^1.0.8
   dependenciesMeta:
     fsevents:
       optional: true
-  checksum: 3828ff7783f168e34be2c63887f82a01634261f605dcae062d83f979a61c37739e21b9607ecb962256aea3fbe5a530a1acee062d0026fcb47c607c12796cf3b7
+  checksum: c2c8f2d3e792a963940fbdfa563ce14ef9e14d4d86da645b96d3cd346b8d35c5ce0b992ee08593939b5f718cf0a1f5a90011a056548a1dbf58397d4356786f01
   languageName: node
   linkType: hard
 
-"jest-leak-detector@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-leak-detector@npm:29.5.0"
+"jest-leak-detector@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-leak-detector@npm:29.7.0"
   dependencies:
-    jest-get-type: ^29.4.3
-    pretty-format: ^29.5.0
-  checksum: 0fb845da7ac9cdfc9b3b2e35f6f623a41c547d7dc0103ceb0349013459d00de5870b5689a625e7e37f9644934b40e8f1dcdd5422d14d57470600350364676313
+    jest-get-type: ^29.6.3
+    pretty-format: ^29.7.0
+  checksum: e3950e3ddd71e1d0c22924c51a300a1c2db6cf69ec1e51f95ccf424bcc070f78664813bef7aed4b16b96dfbdeea53fe358f8aeaaea84346ae15c3735758f1605
   languageName: node
   linkType: hard
 
@@ -10738,15 +12288,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-matcher-utils@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-matcher-utils@npm:29.5.0"
+"jest-matcher-utils@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-matcher-utils@npm:29.7.0"
   dependencies:
     chalk: ^4.0.0
-    jest-diff: ^29.5.0
-    jest-get-type: ^29.4.3
-    pretty-format: ^29.5.0
-  checksum: 1d3e8c746e484a58ce194e3aad152eff21fd0896e8b8bf3d4ab1a4e2cbfed95fb143646f4ad9fdf6e42212b9e8fc033268b58e011b044a9929df45485deb5ac9
+    jest-diff: ^29.7.0
+    jest-get-type: ^29.6.3
+    pretty-format: ^29.7.0
+  checksum: d7259e5f995d915e8a37a8fd494cb7d6af24cd2a287b200f831717ba0d015190375f9f5dc35393b8ba2aae9b2ebd60984635269c7f8cff7d85b077543b7744cd
   languageName: node
   linkType: hard
 
@@ -10767,31 +12317,31 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-message-util@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-message-util@npm:29.5.0"
+"jest-message-util@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-message-util@npm:29.7.0"
   dependencies:
     "@babel/code-frame": ^7.12.13
-    "@jest/types": ^29.5.0
+    "@jest/types": ^29.6.3
     "@types/stack-utils": ^2.0.0
     chalk: ^4.0.0
     graceful-fs: ^4.2.9
     micromatch: ^4.0.4
-    pretty-format: ^29.5.0
+    pretty-format: ^29.7.0
     slash: ^3.0.0
     stack-utils: ^2.0.3
-  checksum: daddece6bbf846eb6a2ab9be9f2446e54085bef4e5cecd13d2a538fa9c01cb89d38e564c6b74fd8e12d37ed9eface8a362240ae9f21d68b214590631e7a0d8bf
+  checksum: a9d025b1c6726a2ff17d54cc694de088b0489456c69106be6b615db7a51b7beb66788bea7a59991a019d924fbf20f67d085a445aedb9a4d6760363f4d7d09930
   languageName: node
   linkType: hard
 
-"jest-mock@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-mock@npm:29.5.0"
+"jest-mock@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-mock@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.5.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
-    jest-util: ^29.5.0
-  checksum: 2a9cf07509948fa8608898c445f04fe4dd6e2049ff431e5531eee028c808d3ba3c67f226ac87b0cf383feaa1055776900d197c895e89783016886ac17a4ff10c
+    jest-util: ^29.7.0
+  checksum: 81ba9b68689a60be1482212878973700347cb72833c5e5af09895882b9eb5c4e02843a1bbdf23f94c52d42708bab53a30c45a3482952c9eec173d1eaac5b86c5
   languageName: node
   linkType: hard
 
@@ -10807,127 +12357,124 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-regex-util@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "jest-regex-util@npm:29.4.3"
-  checksum: 96fc7fc28cd4dd73a63c13a526202c4bd8b351d4e5b68b1a2a2c88da3308c2a16e26feaa593083eb0bac38cca1aa9dd05025412e7de013ba963fb8e66af22b8a
+"jest-regex-util@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "jest-regex-util@npm:29.6.3"
+  checksum: 0518beeb9bf1228261695e54f0feaad3606df26a19764bc19541e0fc6e2a3737191904607fb72f3f2ce85d9c16b28df79b7b1ec9443aa08c3ef0e9efda6f8f2a
   languageName: node
   linkType: hard
 
-"jest-resolve-dependencies@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-resolve-dependencies@npm:29.5.0"
+"jest-resolve-dependencies@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-resolve-dependencies@npm:29.7.0"
   dependencies:
-    jest-regex-util: ^29.4.3
-    jest-snapshot: ^29.5.0
-  checksum: 479d2e5365d58fe23f2b87001e2e0adcbffe0147700e85abdec8f14b9703b0a55758c1929a9989e3f5d5e954fb88870ea4bfa04783523b664562fcf5f10b0edf
+    jest-regex-util: ^29.6.3
+    jest-snapshot: ^29.7.0
+  checksum: aeb75d8150aaae60ca2bb345a0d198f23496494677cd6aefa26fc005faf354061f073982175daaf32b4b9d86b26ca928586344516e3e6969aa614cb13b883984
   languageName: node
   linkType: hard
 
-"jest-resolve@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-resolve@npm:29.5.0"
+"jest-resolve@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-resolve@npm:29.7.0"
   dependencies:
     chalk: ^4.0.0
     graceful-fs: ^4.2.9
-    jest-haste-map: ^29.5.0
+    jest-haste-map: ^29.7.0
     jest-pnp-resolver: ^1.2.2
-    jest-util: ^29.5.0
-    jest-validate: ^29.5.0
+    jest-util: ^29.7.0
+    jest-validate: ^29.7.0
     resolve: ^1.20.0
     resolve.exports: ^2.0.0
     slash: ^3.0.0
-  checksum: 9a125f3cf323ceef512089339d35f3ee37f79fe16a831fb6a26773ea6a229b9e490d108fec7af334142e91845b5996de8e7cdd85a4d8d617078737d804e29c8f
+  checksum: 0ca218e10731aa17920526ec39deaec59ab9b966237905ffc4545444481112cd422f01581230eceb7e82d86f44a543d520a71391ec66e1b4ef1a578bd5c73487
   languageName: node
   linkType: hard
 
-"jest-runner@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-runner@npm:29.5.0"
+"jest-runner@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-runner@npm:29.7.0"
   dependencies:
-    "@jest/console": ^29.5.0
-    "@jest/environment": ^29.5.0
-    "@jest/test-result": ^29.5.0
-    "@jest/transform": ^29.5.0
-    "@jest/types": ^29.5.0
+    "@jest/console": ^29.7.0
+    "@jest/environment": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
     emittery: ^0.13.1
     graceful-fs: ^4.2.9
-    jest-docblock: ^29.4.3
-    jest-environment-node: ^29.5.0
-    jest-haste-map: ^29.5.0
-    jest-leak-detector: ^29.5.0
-    jest-message-util: ^29.5.0
-    jest-resolve: ^29.5.0
-    jest-runtime: ^29.5.0
-    jest-util: ^29.5.0
-    jest-watcher: ^29.5.0
-    jest-worker: ^29.5.0
+    jest-docblock: ^29.7.0
+    jest-environment-node: ^29.7.0
+    jest-haste-map: ^29.7.0
+    jest-leak-detector: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-resolve: ^29.7.0
+    jest-runtime: ^29.7.0
+    jest-util: ^29.7.0
+    jest-watcher: ^29.7.0
+    jest-worker: ^29.7.0
     p-limit: ^3.1.0
     source-map-support: 0.5.13
-  checksum: 437dea69c5dddca22032259787bac74790d5a171c9d804711415f31e5d1abfb64fa52f54a9015bb17a12b858fd0cf3f75ef6f3c9e94255a8596e179f707229c4
+  checksum: f0405778ea64812bf9b5c50b598850d94ccf95d7ba21f090c64827b41decd680ee19fcbb494007cdd7f5d0d8906bfc9eceddd8fa583e753e736ecd462d4682fb
   languageName: node
   linkType: hard
 
-"jest-runtime@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-runtime@npm:29.5.0"
+"jest-runtime@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-runtime@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.5.0
-    "@jest/fake-timers": ^29.5.0
-    "@jest/globals": ^29.5.0
-    "@jest/source-map": ^29.4.3
-    "@jest/test-result": ^29.5.0
-    "@jest/transform": ^29.5.0
-    "@jest/types": ^29.5.0
+    "@jest/environment": ^29.7.0
+    "@jest/fake-timers": ^29.7.0
+    "@jest/globals": ^29.7.0
+    "@jest/source-map": ^29.6.3
+    "@jest/test-result": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
     cjs-module-lexer: ^1.0.0
     collect-v8-coverage: ^1.0.0
     glob: ^7.1.3
     graceful-fs: ^4.2.9
-    jest-haste-map: ^29.5.0
-    jest-message-util: ^29.5.0
-    jest-mock: ^29.5.0
-    jest-regex-util: ^29.4.3
-    jest-resolve: ^29.5.0
-    jest-snapshot: ^29.5.0
-    jest-util: ^29.5.0
+    jest-haste-map: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-mock: ^29.7.0
+    jest-regex-util: ^29.6.3
+    jest-resolve: ^29.7.0
+    jest-snapshot: ^29.7.0
+    jest-util: ^29.7.0
     slash: ^3.0.0
     strip-bom: ^4.0.0
-  checksum: 7af27bd9d54cf1c5735404cf8d76c6509d5610b1ec0106a21baa815c1aff15d774ce534ac2834bc440dccfe6348bae1885fd9a806f23a94ddafdc0f5bae4b09d
+  checksum: d19f113d013e80691e07047f68e1e3448ef024ff2c6b586ce4f90cd7d4c62a2cd1d460110491019719f3c59bfebe16f0e201ed005ef9f80e2cf798c374eed54e
   languageName: node
   linkType: hard
 
-"jest-snapshot@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-snapshot@npm:29.5.0"
+"jest-snapshot@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-snapshot@npm:29.7.0"
   dependencies:
     "@babel/core": ^7.11.6
     "@babel/generator": ^7.7.2
     "@babel/plugin-syntax-jsx": ^7.7.2
     "@babel/plugin-syntax-typescript": ^7.7.2
-    "@babel/traverse": ^7.7.2
     "@babel/types": ^7.3.3
-    "@jest/expect-utils": ^29.5.0
-    "@jest/transform": ^29.5.0
-    "@jest/types": ^29.5.0
-    "@types/babel__traverse": ^7.0.6
-    "@types/prettier": ^2.1.5
+    "@jest/expect-utils": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     babel-preset-current-node-syntax: ^1.0.0
     chalk: ^4.0.0
-    expect: ^29.5.0
+    expect: ^29.7.0
     graceful-fs: ^4.2.9
-    jest-diff: ^29.5.0
-    jest-get-type: ^29.4.3
-    jest-matcher-utils: ^29.5.0
-    jest-message-util: ^29.5.0
-    jest-util: ^29.5.0
+    jest-diff: ^29.7.0
+    jest-get-type: ^29.6.3
+    jest-matcher-utils: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-util: ^29.7.0
     natural-compare: ^1.4.0
-    pretty-format: ^29.5.0
-    semver: ^7.3.5
-  checksum: fe5df54122ed10eed625de6416a45bc4958d5062b018f05b152bf9785ab7f355dcd55e40cf5da63895bf8278f8d7b2bb4059b2cfbfdee18f509d455d37d8aa2b
+    pretty-format: ^29.7.0
+    semver: ^7.5.3
+  checksum: 86821c3ad0b6899521ce75ee1ae7b01b17e6dfeff9166f2cf17f012e0c5d8c798f30f9e4f8f7f5bed01ea7b55a6bc159f5eda778311162cbfa48785447c237ad
   languageName: node
   linkType: hard
 
@@ -10945,47 +12492,47 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-util@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-util@npm:29.5.0"
+"jest-util@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-util@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.5.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
     ci-info: ^3.2.0
     graceful-fs: ^4.2.9
     picomatch: ^2.2.3
-  checksum: fd9212950d34d2ecad8c990dda0d8ea59a8a554b0c188b53ea5d6c4a0829a64f2e1d49e6e85e812014933d17426d7136da4785f9cf76fff1799de51b88bc85d3
+  checksum: 042ab4980f4ccd4d50226e01e5c7376a8556b472442ca6091a8f102488c0f22e6e8b89ea874111d2328a2080083bf3225c86f3788c52af0bd0345a00eb57a3ca
   languageName: node
   linkType: hard
 
-"jest-validate@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-validate@npm:29.5.0"
+"jest-validate@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-validate@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.5.0
+    "@jest/types": ^29.6.3
     camelcase: ^6.2.0
     chalk: ^4.0.0
-    jest-get-type: ^29.4.3
+    jest-get-type: ^29.6.3
     leven: ^3.1.0
-    pretty-format: ^29.5.0
-  checksum: 43ca5df7cb75572a254ac3e92fbbe7be6b6a1be898cc1e887a45d55ea003f7a112717d814a674d37f9f18f52d8de40873c8f084f17664ae562736c78dd44c6a1
+    pretty-format: ^29.7.0
+  checksum: 191fcdc980f8a0de4dbdd879fa276435d00eb157a48683af7b3b1b98b0f7d9de7ffe12689b617779097ff1ed77601b9f7126b0871bba4f776e222c40f62e9dae
   languageName: node
   linkType: hard
 
-"jest-watcher@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-watcher@npm:29.5.0"
+"jest-watcher@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-watcher@npm:29.7.0"
   dependencies:
-    "@jest/test-result": ^29.5.0
-    "@jest/types": ^29.5.0
+    "@jest/test-result": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     ansi-escapes: ^4.2.1
     chalk: ^4.0.0
     emittery: ^0.13.1
-    jest-util: ^29.5.0
+    jest-util: ^29.7.0
     string-length: ^4.0.1
-  checksum: 62303ac7bdc7e61a8b4239a239d018f7527739da2b2be6a81a7be25b74ca769f1c43ee8558ce8e72bb857245c46d6e03af331227ffb00a57280abb2a928aa776
+  checksum: 67e6e7fe695416deff96b93a14a561a6db69389a0667e9489f24485bb85e5b54e12f3b2ba511ec0b777eca1e727235b073e3ebcdd473d68888650489f88df92f
   languageName: node
   linkType: hard
 
@@ -11011,26 +12558,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-worker@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-worker@npm:29.5.0"
+"jest-worker@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-worker@npm:29.7.0"
   dependencies:
     "@types/node": "*"
-    jest-util: ^29.5.0
+    jest-util: ^29.7.0
     merge-stream: ^2.0.0
     supports-color: ^8.0.0
-  checksum: 1151a1ae3602b1ea7c42a8f1efe2b5a7bf927039deaa0827bf978880169899b705744e288f80a63603fb3fc2985e0071234986af7dc2c21c7a64333d8777c7c9
+  checksum: 30fff60af49675273644d408b650fc2eb4b5dcafc5a0a455f238322a8f9d8a98d847baca9d51ff197b6747f54c7901daa2287799230b856a0f48287d131f8c13
   languageName: node
   linkType: hard
 
-"jest@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest@npm:29.5.0"
+"jest@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest@npm:29.7.0"
   dependencies:
-    "@jest/core": ^29.5.0
-    "@jest/types": ^29.5.0
+    "@jest/core": ^29.7.0
+    "@jest/types": ^29.6.3
     import-local: ^3.0.2
-    jest-cli: ^29.5.0
+    jest-cli: ^29.7.0
   peerDependencies:
     node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
   peerDependenciesMeta:
@@ -11038,7 +12585,7 @@ __metadata:
       optional: true
   bin:
     jest: bin/jest.js
-  checksum: a8ff2eb0f421623412236e23cbe67c638127fffde466cba9606bc0c0553b4c1e5cb116d7e0ef990b5d1712851652c8ee461373b578df50857fe635b94ff455d5
+  checksum: 17ca8d67504a7dbb1998cf3c3077ec9031ba3eb512da8d71cb91bcabb2b8995c4e4b292b740cb9bf1cbff5ce3e110b3f7c777b0cefb6f41ab05445f248d0ee0b
   languageName: node
   linkType: hard
 
@@ -11361,6 +12908,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lilconfig@npm:2.1.0, lilconfig@npm:^2.0.6":
+  version: 2.1.0
+  resolution: "lilconfig@npm:2.1.0"
+  checksum: 8549bb352b8192375fed4a74694cd61ad293904eee33f9d4866c2192865c44c4eb35d10782966242634e0cbc1e91fe62b1247f148dc5514918e3a966da7ea117
+  languageName: node
+  linkType: hard
+
 "lilconfig@npm:^2.0.3":
   version: 2.0.6
   resolution: "lilconfig@npm:2.0.6"
@@ -11375,6 +12929,45 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lint-staged@npm:^14.0.1":
+  version: 14.0.1
+  resolution: "lint-staged@npm:14.0.1"
+  dependencies:
+    chalk: 5.3.0
+    commander: 11.0.0
+    debug: 4.3.4
+    execa: 7.2.0
+    lilconfig: 2.1.0
+    listr2: 6.6.1
+    micromatch: 4.0.5
+    pidtree: 0.6.0
+    string-argv: 0.3.2
+    yaml: 2.3.1
+  bin:
+    lint-staged: bin/lint-staged.js
+  checksum: 8c5d740cb3c90fab2d970fa6bbffe5ddf35ec66ed374a52caf3a3cf83d8f4d5fd01a949994822bce5ea18c0b8dc8fa4ce087ef886a8c11db674139a063cdfe4f
+  languageName: node
+  linkType: hard
+
+"listr2@npm:6.6.1":
+  version: 6.6.1
+  resolution: "listr2@npm:6.6.1"
+  dependencies:
+    cli-truncate: ^3.1.0
+    colorette: ^2.0.20
+    eventemitter3: ^5.0.1
+    log-update: ^5.0.1
+    rfdc: ^1.3.0
+    wrap-ansi: ^8.1.0
+  peerDependencies:
+    enquirer: ">= 2.3.0 < 3"
+  peerDependenciesMeta:
+    enquirer:
+      optional: true
+  checksum: 99600e8a51f838f7208bce7e16d6b3d91d361f13881e6aa91d0b561a9a093ddcf63b7bc2a7b47aec7fdbff9d0e8c9f68cb66e6dfe2d857e5b1df8ab045c26ce8
+  languageName: node
+  linkType: hard
+
 "load-bmfont@npm:^1.3.1, load-bmfont@npm:^1.4.0":
   version: 1.4.1
   resolution: "load-bmfont@npm:1.4.1"
@@ -11525,6 +13118,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"log-update@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "log-update@npm:5.0.1"
+  dependencies:
+    ansi-escapes: ^5.0.0
+    cli-cursor: ^4.0.0
+    slice-ansi: ^5.0.0
+    strip-ansi: ^7.0.1
+    wrap-ansi: ^8.0.1
+  checksum: 2c6b47dcce6f9233df6d232a37d9834cb3657a0749ef6398f1706118de74c55f158587d4128c225297ea66803f35c5ac3db4f3f617046d817233c45eedc32ef1
+  languageName: node
+  linkType: hard
+
 "loose-envify@npm:^1.0.0, loose-envify@npm:^1.1.0, loose-envify@npm:^1.4.0":
   version: 1.4.0
   resolution: "loose-envify@npm:1.4.0"
@@ -11578,12 +13184,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lz-string@npm:^1.4.4":
-  version: 1.4.4
-  resolution: "lz-string@npm:1.4.4"
+"lz-string@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "lz-string@npm:1.5.0"
   bin:
     lz-string: bin/bin.js
-  checksum: 54e31238a61a84d8f664d9860a9fba7310c5b97a52c444f80543069bc084815eff40b8d4474ae1d93992fdf6c252dca37cf27f6adbeb4dbc3df2f3ac773d0e61
+  checksum: 1ee98b4580246fd90dd54da6e346fb1caefcf05f677c686d9af237a157fdea3fd7c83a4bc58f858cd5b10a34d27afe0fdcbd0505a47e0590726a873dc8b8f65d
   languageName: node
   linkType: hard
 
@@ -12022,7 +13628,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromatch@npm:^4.0.2, micromatch@npm:^4.0.4":
+"micromatch@npm:4.0.5, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4":
   version: 4.0.5
   resolution: "micromatch@npm:4.0.5"
   dependencies:
@@ -12073,6 +13679,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mimic-fn@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "mimic-fn@npm:4.0.0"
+  checksum: 995dcece15ee29aa16e188de6633d43a3db4611bcf93620e7e62109ec41c79c0f34277165b8ce5e361205049766e371851264c21ac64ca35499acb5421c2ba56
+  languageName: node
+  linkType: hard
+
 "mimic-response@npm:^1.0.0":
   version: 1.0.1
   resolution: "mimic-response@npm:1.0.1"
@@ -12300,7 +13913,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mri@npm:^1.1.0, mri@npm:^1.1.5":
+"mri@npm:^1.1.0":
   version: 1.2.0
   resolution: "mri@npm:1.2.0"
   checksum: 83f515abbcff60150873e424894a2f65d68037e5a7fcde8a9e2b285ee9c13ac581b63cfc1e6826c4732de3aeb84902f7c1e16b7aff46cd3f897a0f757a894e85
@@ -12347,19 +13960,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"multimatch@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "multimatch@npm:4.0.0"
-  dependencies:
-    "@types/minimatch": ^3.0.3
-    array-differ: ^3.0.0
-    array-union: ^2.1.0
-    arrify: ^2.0.1
-    minimatch: ^3.0.4
-  checksum: bdb6a98dad4e919d9a1a2a0db872f44fa2337315f2fd5827d91ae005cf22f4425782bdfa97c10b80d567f0cb3c226c31f4e85f8f6a4a4be4facf9af0de1bb0c2
-  languageName: node
-  linkType: hard
-
 "mute-stream@npm:0.0.8":
   version: 0.0.8
   resolution: "mute-stream@npm:0.0.8"
@@ -12385,13 +13985,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"natural-compare-lite@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "natural-compare-lite@npm:1.4.0"
-  checksum: 5222ac3986a2b78dd6069ac62cbb52a7bf8ffc90d972ab76dfe7b01892485d229530ed20d0c62e79a6b363a663b273db3bde195a1358ce9e5f779d4453887225
-  languageName: node
-  linkType: hard
-
 "natural-compare@npm:^1.4.0":
   version: 1.4.0
   resolution: "natural-compare@npm:1.4.0"
@@ -12640,7 +14233,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"npm-run-path@npm:^4.0.0, npm-run-path@npm:^4.0.1":
+"npm-run-path@npm:^4.0.1":
   version: 4.0.1
   resolution: "npm-run-path@npm:4.0.1"
   dependencies:
@@ -12649,6 +14242,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"npm-run-path@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "npm-run-path@npm:5.1.0"
+  dependencies:
+    path-key: ^4.0.0
+  checksum: dc184eb5ec239d6a2b990b43236845332ef12f4e0beaa9701de724aa797fe40b6bbd0157fb7639d24d3ab13f5d5cf22d223a19c6300846b8126f335f788bee66
+  languageName: node
+  linkType: hard
+
 "npmlog@npm:^6.0.0":
   version: 6.0.2
   resolution: "npmlog@npm:6.0.2"
@@ -12801,6 +14403,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"onetime@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "onetime@npm:6.0.0"
+  dependencies:
+    mimic-fn: ^4.0.0
+  checksum: 0846ce78e440841335d4e9182ef69d5762e9f38aa7499b19f42ea1c4cd40f0b4446094c455c713f9adac3f4ae86f613bb5e30c99e52652764d06a89f709b3788
+  languageName: node
+  linkType: hard
+
 "open@npm:^8.0.9":
   version: 8.4.0
   resolution: "open@npm:8.4.0"
@@ -12812,6 +14423,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"open@npm:^9.1.0":
+  version: 9.1.0
+  resolution: "open@npm:9.1.0"
+  dependencies:
+    default-browser: ^4.0.0
+    define-lazy-prop: ^3.0.0
+    is-inside-container: ^1.0.0
+    is-wsl: ^2.2.0
+  checksum: 3993c0f61d51fed8ac290e99c9c3cf45d3b6cfb3e2aa2b74cafd312c3486c22fd81df16ac8f3ab91dd8a4e3e729a16fc2480cfc406c4833416cf908acf1ae7c9
+  languageName: node
+  linkType: hard
+
 "opener@npm:^1.5.2":
   version: 1.5.2
   resolution: "opener@npm:1.5.2"
@@ -12822,11 +14445,11 @@ __metadata:
   linkType: hard
 
 "openmrs@npm:next":
-  version: 5.0.3-pre.846
-  resolution: "openmrs@npm:5.0.3-pre.846"
+  version: 5.1.1-pre.1025
+  resolution: "openmrs@npm:5.1.1-pre.1025"
   dependencies:
-    "@openmrs/esm-app-shell": 5.0.3-pre.846
-    "@openmrs/webpack-config": 5.0.3-pre.846
+    "@openmrs/esm-app-shell": 5.1.1-pre.1025
+    "@openmrs/webpack-config": 5.1.1-pre.1025
     "@pnpm/npm-conf": ^2.1.0
     "@swc/core": ^1.3.58
     autoprefixer: ^10.4.2
@@ -12855,7 +14478,7 @@ __metadata:
     yargs: ^17.6.2
   bin:
     openmrs: dist/cli.js
-  checksum: 10a7f9aee91ff868f99ac16319dae5b87300f72d7e52f97bb55d866f0d13c93ee10b36475af53c9a0a5954a07d980af1810347f4f925fcf6499ea3b63b214bc8
+  checksum: b3ea6328c442a33f9f51038f716409a4019d38d110a983bd85bf6fb9f86d9c728ab096f5fcd0ee1dbd4abdcca7f708f1f7d814442970339617cb6dc2565ddd15
   languageName: node
   linkType: hard
 
@@ -12873,17 +14496,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"optionator@npm:^0.9.1":
-  version: 0.9.1
-  resolution: "optionator@npm:0.9.1"
+"optionator@npm:^0.9.3":
+  version: 0.9.3
+  resolution: "optionator@npm:0.9.3"
   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
-    word-wrap: ^1.2.3
-  checksum: dbc6fa065604b24ea57d734261914e697bd73b69eff7f18e967e8912aa2a40a19a9f599a507fa805be6c13c24c4eae8c71306c239d517d42d4c041c942f508a0
+  checksum: 09281999441f2fe9c33a5eeab76700795365a061563d66b098923eb719251a42bdbe432790d35064d0816ead9296dbeb1ad51a733edf4167c96bd5d0882e428a
   languageName: node
   linkType: hard
 
@@ -13169,6 +14792,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-key@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "path-key@npm:4.0.0"
+  checksum: 8e6c314ae6d16b83e93032c61020129f6f4484590a777eed709c4a01b50e498822b00f76ceaf94bc64dbd90b327df56ceadce27da3d83393790f1219e07721d7
+  languageName: node
+  linkType: hard
+
 "path-parse@npm:^1.0.7":
   version: 1.0.7
   resolution: "path-parse@npm:1.0.7"
@@ -13239,6 +14869,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pidtree@npm:0.6.0":
+  version: 0.6.0
+  resolution: "pidtree@npm:0.6.0"
+  bin:
+    pidtree: bin/pidtree.js
+  checksum: 8fbc073ede9209dd15e80d616e65eb674986c93be49f42d9ddde8dbbd141bb53d628a7ca4e58ab5c370bb00383f67d75df59a9a226dede8fa801267a7030c27a
+  languageName: node
+  linkType: hard
+
 "pify@npm:^2.0.0, pify@npm:^2.2.0":
   version: 2.3.0
   resolution: "pify@npm:2.3.0"
@@ -13296,12 +14935,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"playwright-core@npm:1.35.0":
-  version: 1.35.0
-  resolution: "playwright-core@npm:1.35.0"
+"playwright-core@npm:1.38.0":
+  version: 1.38.0
+  resolution: "playwright-core@npm:1.38.0"
   bin:
     playwright-core: cli.js
-  checksum: e23050c9de128e02b16ffbeb1adaca6dddd85a6fd581e71da38947f66b3c910504d628285340e3d6de8c099a488ab9dad14241aefe615f65c01a5a3e3b6e633d
+  checksum: 9eb43fc6c3cb392d5f35b0fd0b7291b38a8cbdc3cbb944a8261f744f30d09196dfa3b5d84aa02ffc09af87d08d31b385b007b6af20d0b6cd50a29344f3b0db8d
+  languageName: node
+  linkType: hard
+
+"playwright@npm:1.38.0":
+  version: 1.38.0
+  resolution: "playwright@npm:1.38.0"
+  dependencies:
+    fsevents: 2.3.2
+    playwright-core: 1.38.0
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  bin:
+    playwright: cli.js
+  checksum: c5356690a391d5dd41f814d4e2694b93ba9e79381ce63de752da1c6c59b1f9c69bc6be853d973d0542d73a44a6b15f7c0081a164a64cd27b6b31207710c0ab34
   languageName: node
   linkType: hard
 
@@ -13750,12 +15404,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^2.8.8":
-  version: 2.8.8
-  resolution: "prettier@npm:2.8.8"
+"prettier@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "prettier@npm:3.0.3"
   bin:
-    prettier: bin-prettier.js
-  checksum: b49e409431bf129dd89238d64299ba80717b57ff5a6d1c1a8b1a28b590d998a34e083fa13573bc732bb8d2305becb4c9a4407f8486c81fa7d55100eb08263cf8
+    prettier: bin/prettier.cjs
+  checksum: e10b9af02b281f6c617362ebd2571b1d7fc9fb8a3bd17e371754428cda992e5e8d8b7a046e8f7d3e2da1dcd21aa001e2e3c797402ebb6111b5cd19609dd228e0
   languageName: node
   linkType: hard
 
@@ -13798,32 +15452,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-format@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "pretty-format@npm:29.5.0"
+"pretty-format@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "pretty-format@npm:29.7.0"
   dependencies:
-    "@jest/schemas": ^29.4.3
+    "@jest/schemas": ^29.6.3
     ansi-styles: ^5.0.0
     react-is: ^18.0.0
-  checksum: 4065356b558e6db25b4d41a01efb386935a6c06a0c9c104ef5ce59f2f476b8210edb8b3949b386e60ada0a6dc5ebcb2e6ccddc8c64dfd1a9943c3c3a9e7eaf89
-  languageName: node
-  linkType: hard
-
-"pretty-quick@npm:^3.1.3":
-  version: 3.1.3
-  resolution: "pretty-quick@npm:3.1.3"
-  dependencies:
-    chalk: ^3.0.0
-    execa: ^4.0.0
-    find-up: ^4.1.0
-    ignore: ^5.1.4
-    mri: ^1.1.5
-    multimatch: ^4.0.0
-  peerDependencies:
-    prettier: ">=2.0.0"
-  bin:
-    pretty-quick: bin/pretty-quick.js
-  checksum: 28bdc32571e6308e049497f58a9245f272275973782b6ed7fbcf98937101cc605a81b3ab48629dba4687b7e86c87a3733febacdc0746ca4da5d1c80a0b88cf45
+  checksum: 032c1602383e71e9c0c02a01bbd25d6759d60e9c7cf21937dde8357aa753da348fcec5def5d1002c9678a8524d5fe099ad98861286550ef44de8808cc61e43b6
   languageName: node
   linkType: hard
 
@@ -14017,6 +15653,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"queue-tick@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "queue-tick@npm:1.0.1"
+  checksum: 57c3292814b297f87f792fbeb99ce982813e4e54d7a8bdff65cf53d5c084113913289d4a48ec8bbc964927a74b847554f9f4579df43c969a6c8e0f026457ad01
+  languageName: node
+  linkType: hard
+
 "quick-lru@npm:^5.1.1":
   version: 5.1.1
   resolution: "quick-lru@npm:5.1.1"
@@ -14131,7 +15774,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-error-boundary@npm:4.0.10, react-error-boundary@npm:^4.0.10":
+"react-error-boundary@npm:4.0.10":
   version: 4.0.10
   resolution: "react-error-boundary@npm:4.0.10"
   dependencies:
@@ -14142,6 +15785,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-error-boundary@npm:^4.0.11":
+  version: 4.0.11
+  resolution: "react-error-boundary@npm:4.0.11"
+  dependencies:
+    "@babel/runtime": ^7.12.5
+  peerDependencies:
+    react: ">=16.13.1"
+  checksum: b3c157fea4e8f78411e9aa0fbf5241f6907b66ede1cd8b7bb22faaeb0339ebeb3dc8e63bf90ef3f740bfa8fd994ca6edf975089cd371b664ad6c2735e7512d38
+  languageName: node
+  linkType: hard
+
 "react-fast-compare@npm:^2.0.1":
   version: 2.0.4
   resolution: "react-fast-compare@npm:2.0.4"
@@ -14149,7 +15803,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-i18next@npm:^11.18.6, react-i18next@npm:^11.7.0":
+"react-i18next@npm:^11.7.0":
   version: 11.18.6
   resolution: "react-i18next@npm:11.18.6"
   dependencies:
@@ -14167,6 +15821,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-i18next@npm:^13.2.2":
+  version: 13.2.2
+  resolution: "react-i18next@npm:13.2.2"
+  dependencies:
+    "@babel/runtime": ^7.22.5
+    html-parse-stringify: ^3.0.1
+  peerDependencies:
+    i18next: ">= 23.2.3"
+    react: ">= 16.8.0"
+  peerDependenciesMeta:
+    react-dom:
+      optional: true
+    react-native:
+      optional: true
+  checksum: 2b85bfb347af1a00add1c02901025706f7d2037fade4e8aa08159287ddf012e8cf35626eb9f5c578b9d1c24c065c69f2ad4b5a3087fb5cdbea540f8bc18c0f59
+  languageName: node
+  linkType: hard
+
 "react-is@npm:^16.13.1, react-is@npm:^16.7.0, react-is@npm:^16.8.6":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"
@@ -14264,6 +15936,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-transition-group@npm:^4.4.5":
+  version: 4.4.5
+  resolution: "react-transition-group@npm:4.4.5"
+  dependencies:
+    "@babel/runtime": ^7.5.5
+    dom-helpers: ^5.0.1
+    loose-envify: ^1.4.0
+    prop-types: ^15.6.2
+  peerDependencies:
+    react: ">=16.6.0"
+    react-dom: ">=16.6.0"
+  checksum: 75602840106aa9c6545149d6d7ae1502fb7b7abadcce70a6954c4b64a438ff1cd16fc77a0a1e5197cdd72da398f39eb929ea06f9005c45b132ed34e056ebdeb1
+  languageName: node
+  linkType: hard
+
 "react-waypoint@npm:^10.3.0":
   version: 10.3.0
   resolution: "react-waypoint@npm:10.3.0"
@@ -14309,17 +15996,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"readable-stream@npm:3, readable-stream@npm:^3.0.2, readable-stream@npm:^3.0.6, readable-stream@npm:^3.6.0":
-  version: 3.6.0
-  resolution: "readable-stream@npm:3.6.0"
-  dependencies:
-    inherits: ^2.0.3
-    string_decoder: ^1.1.1
-    util-deprecate: ^1.0.1
-  checksum: d4ea81502d3799439bb955a3a5d1d808592cf3133350ed352aeaa499647858b27b1c4013984900238b0873ec8d0d8defce72469fb7a83e61d53f5ad61cb80dc8
-  languageName: node
-  linkType: hard
-
 "readable-stream@npm:^2.0.0, readable-stream@npm:^2.0.1, readable-stream@npm:^2.0.5, readable-stream@npm:^2.1.5, readable-stream@npm:^2.3.3, readable-stream@npm:^2.3.5, readable-stream@npm:^2.3.6, readable-stream@npm:~2.3.6":
   version: 2.3.7
   resolution: "readable-stream@npm:2.3.7"
@@ -14335,6 +16011,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"readable-stream@npm:^3.0.6, readable-stream@npm:^3.6.0":
+  version: 3.6.0
+  resolution: "readable-stream@npm:3.6.0"
+  dependencies:
+    inherits: ^2.0.3
+    string_decoder: ^1.1.1
+    util-deprecate: ^1.0.1
+  checksum: d4ea81502d3799439bb955a3a5d1d808592cf3133350ed352aeaa499647858b27b1c4013984900238b0873ec8d0d8defce72469fb7a83e61d53f5ad61cb80dc8
+  languageName: node
+  linkType: hard
+
 "readable-web-to-node-stream@npm:^3.0.2":
   version: 3.0.2
   resolution: "readable-web-to-node-stream@npm:3.0.2"
@@ -14404,13 +16091,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regenerator-runtime@npm:^0.13.10, regenerator-runtime@npm:^0.13.11, regenerator-runtime@npm:^0.13.3":
+"regenerator-runtime@npm:^0.13.10, regenerator-runtime@npm:^0.13.3":
   version: 0.13.11
   resolution: "regenerator-runtime@npm:0.13.11"
   checksum: 27481628d22a1c4e3ff551096a683b424242a216fee44685467307f14d58020af1e19660bf2e26064de946bad7eff28950eae9f8209d55723e2d9351e632bbb4
   languageName: node
   linkType: hard
 
+"regenerator-runtime@npm:^0.14.0":
+  version: 0.14.0
+  resolution: "regenerator-runtime@npm:0.14.0"
+  checksum: 1c977ad82a82a4412e4f639d65d22be376d3ebdd30da2c003eeafdaaacd03fc00c2320f18120007ee700900979284fc78a9f00da7fb593f6e6eeebc673fba9a3
+  languageName: node
+  linkType: hard
+
 "regenerator-transform@npm:^0.15.0":
   version: 0.15.1
   resolution: "regenerator-transform@npm:0.15.1"
@@ -14514,7 +16208,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"remove-trailing-separator@npm:^1.0.1":
+"remove-trailing-separator@npm:^1.0.1, remove-trailing-separator@npm:^1.1.0":
   version: 1.1.0
   resolution: "remove-trailing-separator@npm:1.1.0"
   checksum: d3c20b5a2d987db13e1cca9385d56ecfa1641bae143b620835ac02a6b70ab88f68f117a0021838db826c57b31373d609d52e4f31aca75fc490c862732d595419
@@ -14541,6 +16235,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"replace-ext@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "replace-ext@npm:2.0.0"
+  checksum: ed640ac90d24cce4be977642847d138908d430049cc097633be33b072143515cc7d29699675a0c35f6dc3c3c73cb529ed352d59649cf15931740eb31ae083c1e
+  languageName: node
+  linkType: hard
+
 "require-directory@npm:^2.1.1":
   version: 2.1.1
   resolution: "require-directory@npm:2.1.1"
@@ -14667,6 +16368,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"restore-cursor@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "restore-cursor@npm:4.0.0"
+  dependencies:
+    onetime: ^5.1.0
+    signal-exit: ^3.0.2
+  checksum: 5b675c5a59763bf26e604289eab35711525f11388d77f409453904e1e69c0d37ae5889295706b2c81d23bd780165084d040f9b68fffc32cc921519031c4fa4af
+  languageName: node
+  linkType: hard
+
 "ret@npm:~0.1.10":
   version: 0.1.15
   resolution: "ret@npm:0.1.15"
@@ -14695,6 +16406,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rfdc@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "rfdc@npm:1.3.0"
+  checksum: fb2ba8512e43519983b4c61bd3fa77c0f410eff6bae68b08614437bc3f35f91362215f7b4a73cbda6f67330b5746ce07db5dd9850ad3edc91271ad6deea0df32
+  languageName: node
+  linkType: hard
+
 "rimraf@npm:^2.5.4, rimraf@npm:^2.6.3":
   version: 2.7.1
   resolution: "rimraf@npm:2.7.1"
@@ -14776,6 +16494,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"run-applescript@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "run-applescript@npm:5.0.0"
+  dependencies:
+    execa: ^5.0.0
+  checksum: d00c2dbfa5b2d774de7451194b8b125f40f65fc183de7d9dcae97f57f59433586d3c39b9001e111c38bfa24c3436c99df1bb4066a2a0c90d39a8c4cd6889af77
+  languageName: node
+  linkType: hard
+
 "run-async@npm:^2.4.0":
   version: 2.4.1
   resolution: "run-async@npm:2.4.1"
@@ -14883,29 +16610,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sass@npm:^1.44.0":
-  version: 1.56.1
-  resolution: "sass@npm:1.56.1"
+"sass@npm:>=1.45.0 <1.65.0":
+  version: 1.64.2
+  resolution: "sass@npm:1.64.2"
   dependencies:
     chokidar: ">=3.0.0 <4.0.0"
     immutable: ^4.0.0
     source-map-js: ">=0.6.2 <2.0.0"
   bin:
     sass: sass.js
-  checksum: 78e693e5992b149574c95d5adfe39ca3e5b97d80befa11191a20d1daa41fe201a98ac099beab726cd3095e2d2e7991a2c408ba0fcc3fa9f525879de7eee18dad
+  checksum: 43a5c9b9b3b6ba27feb5c45eba90edc437b15a30fd443f5d2623bbd59fe4a922f2a6a9990296c6a6c2b5bce7f401922c5049357415f50b745952c2d478bc5526
   languageName: node
   linkType: hard
 
-"sass@npm:^1.63.3":
-  version: 1.63.4
-  resolution: "sass@npm:1.63.4"
+"sass@npm:^1.67.0":
+  version: 1.67.0
+  resolution: "sass@npm:1.67.0"
   dependencies:
     chokidar: ">=3.0.0 <4.0.0"
     immutable: ^4.0.0
     source-map-js: ">=0.6.2 <2.0.0"
   bin:
     sass: sass.js
-  checksum: 12bde5beff85a7018157d90c8b9d5aec8b56832f89fcfeca146f10936eecf97e669d22fd41f812b3407ed259bbb114d69c9ecbfc7ee9b15308211fb910cdf5eb
+  checksum: 9e7566e8b7386cf265dddcdb266a023fb5759c5a8f48a11da199c8bf419e5f08f4ff6404d85d6bf5eac01e1f7c7061fdb6b7b65cbfda164e59b0a06b72ac8567
   languageName: node
   linkType: hard
 
@@ -15048,7 +16775,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.0.0, semver@npm:^7.1.1, semver@npm:^7.3.2, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.3.8":
+"semver@npm:^7.0.0, semver@npm:^7.1.1, semver@npm:^7.3.2, semver@npm:^7.3.5, semver@npm:^7.3.8":
   version: 7.3.8
   resolution: "semver@npm:7.3.8"
   dependencies:
@@ -15059,6 +16786,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"semver@npm:^7.5.3, semver@npm:^7.5.4":
+  version: 7.5.4
+  resolution: "semver@npm:7.5.4"
+  dependencies:
+    lru-cache: ^6.0.0
+  bin:
+    semver: bin/semver.js
+  checksum: 12d8ad952fa353b0995bf180cdac205a4068b759a140e5d3c608317098b3575ac2f1e09182206bf2eb26120e1c0ed8fb92c48c592f6099680de56bb071423ca3
+  languageName: node
+  linkType: hard
+
 "send@npm:0.18.0":
   version: 0.18.0
   resolution: "send@npm:0.18.0"
@@ -15280,6 +17018,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"slice-ansi@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "slice-ansi@npm:5.0.0"
+  dependencies:
+    ansi-styles: ^6.0.0
+    is-fullwidth-code-point: ^4.0.0
+  checksum: 7e600a2a55e333a21ef5214b987c8358fe28bfb03c2867ff2cbf919d62143d1812ac27b4297a077fdaf27a03da3678e49551c93e35f9498a3d90221908a1180e
+  languageName: node
+  linkType: hard
+
 "smart-buffer@npm:^4.2.0":
   version: 4.2.0
   resolution: "smart-buffer@npm:4.2.0"
@@ -15337,12 +17085,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sort-keys@npm:^4.2.0":
-  version: 4.2.0
-  resolution: "sort-keys@npm:4.2.0"
+"sort-keys@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "sort-keys@npm:5.0.0"
   dependencies:
-    is-plain-obj: ^2.0.0
-  checksum: 1535ffd5a789259fc55107d5c3cec09b3e47803a9407fcaae37e1b9e0b813762c47dfee35b6e71e20ca7a69798d0a4791b2058a07f6cab5ef17b2dae83cedbda
+    is-plain-obj: ^4.0.0
+  checksum: 9c0b7a468312075be03770b260b2cc0e5d55149025e564edaed41c9ff619199698aad6712a6fe4bbc75c541efb081276ac6bbd4cf2723d742f272f7a8fe354f5
   languageName: node
   linkType: hard
 
@@ -15547,6 +17295,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"streamx@npm:^2.12.5":
+  version: 2.15.1
+  resolution: "streamx@npm:2.15.1"
+  dependencies:
+    fast-fifo: ^1.1.0
+    queue-tick: ^1.0.1
+  checksum: 6f2b4fed68caacd28efbd44d4264f5d3c2b81b0a5de14419333dac57f2075c49ae648df8d03db632a33587a6c8ab7cb9cdb4f9a2f8305be0c2cd79af35742b15
+  languageName: node
+  linkType: hard
+
+"string-argv@npm:0.3.2":
+  version: 0.3.2
+  resolution: "string-argv@npm:0.3.2"
+  checksum: 8703ad3f3db0b2641ed2adbb15cf24d3945070d9a751f9e74a924966db9f325ac755169007233e8985a39a6a292f14d4fee20482989b89b96e473c4221508a0f
+  languageName: node
+  linkType: hard
+
 "string-length@npm:^4.0.1":
   version: 4.0.2
   resolution: "string-length@npm:4.0.2"
@@ -15568,6 +17333,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"string-width@npm:^5.0.0, string-width@npm:^5.0.1":
+  version: 5.1.2
+  resolution: "string-width@npm:5.1.2"
+  dependencies:
+    eastasianwidth: ^0.2.0
+    emoji-regex: ^9.2.2
+    strip-ansi: ^7.0.1
+  checksum: 7369deaa29f21dda9a438686154b62c2c5f661f8dda60449088f9f980196f7908fc39fdd1803e3e01541970287cf5deae336798337e9319a7055af89dafa7193
+  languageName: node
+  linkType: hard
+
 "string.prototype.matchall@npm:^4.0.6":
   version: 4.0.8
   resolution: "string.prototype.matchall@npm:4.0.8"
@@ -15655,6 +17431,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strip-ansi@npm:^7.0.1":
+  version: 7.1.0
+  resolution: "strip-ansi@npm:7.1.0"
+  dependencies:
+    ansi-regex: ^6.0.1
+  checksum: 859c73fcf27869c22a4e4d8c6acfe690064659e84bef9458aa6d13719d09ca88dcfd40cbf31fd0be63518ea1a643fe070b4827d353e09533a5b0b9fd4553d64d
+  languageName: node
+  linkType: hard
+
 "strip-bom@npm:^4.0.0":
   version: 4.0.0
   resolution: "strip-bom@npm:4.0.0"
@@ -15683,6 +17468,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strip-final-newline@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "strip-final-newline@npm:3.0.0"
+  checksum: 23ee263adfa2070cd0f23d1ac14e2ed2f000c9b44229aec9c799f1367ec001478469560abefd00c5c99ee6f0b31c137d53ec6029c53e9f32a93804e18c201050
+  languageName: node
+  linkType: hard
+
 "strip-indent@npm:^3.0.0":
   version: 3.0.0
   resolution: "strip-indent@npm:3.0.0"
@@ -15692,7 +17484,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-json-comments@npm:^3.1.0, strip-json-comments@npm:^3.1.1":
+"strip-json-comments@npm:^3.1.1":
   version: 3.1.1
   resolution: "strip-json-comments@npm:3.1.1"
   checksum: 492f73e27268f9b1c122733f28ecb0e7e8d8a531a6662efbd08e22cccb3f9475e90a1b82cab06a392f6afae6d2de636f977e231296400d0ec5304ba70f166443
@@ -15839,6 +17631,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"synckit@npm:^0.8.5":
+  version: 0.8.5
+  resolution: "synckit@npm:0.8.5"
+  dependencies:
+    "@pkgr/utils": ^2.3.1
+    tslib: ^2.5.0
+  checksum: 8a9560e5d8f3d94dc3cf5f7b9c83490ffa30d320093560a37b88f59483040771fd1750e76b9939abfbb1b5a23fd6dfbae77f6b338abffe7cae7329cd9b9bb86b
+  languageName: node
+  linkType: hard
+
 "systemjs@npm:^6.8.3":
   version: 6.13.0
   resolution: "systemjs@npm:6.13.0"
@@ -15874,6 +17676,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"teex@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "teex@npm:1.0.1"
+  dependencies:
+    streamx: ^2.12.5
+  checksum: 36bf7ce8bb5eb428ad7b14b695ee7fb0a02f09c1a9d8181cc42531208543a920b299d711bf78dad4ff9bcf36ac437ae8e138053734746076e3e0e7d6d76eef64
+  languageName: node
+  linkType: hard
+
 "temp-dir@npm:^2.0.0":
   version: 2.0.0
   resolution: "temp-dir@npm:2.0.0"
@@ -15981,15 +17792,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"through2@npm:~4.0.2":
-  version: 4.0.2
-  resolution: "through2@npm:4.0.2"
-  dependencies:
-    readable-stream: 3
-  checksum: ac7430bd54ccb7920fd094b1c7ff3e1ad6edd94202e5528331253e5fde0cc56ceaa690e8df9895de2e073148c52dfbe6c4db74cacae812477a35660090960cc0
-  languageName: node
-  linkType: hard
-
 "through@npm:^2.3.6":
   version: 2.3.8
   resolution: "through@npm:2.3.8"
@@ -16025,6 +17827,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"titleize@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "titleize@npm:3.0.0"
+  checksum: 71fbbeabbfb36ccd840559f67f21e356e1d03da2915b32d2ae1a60ddcc13a124be2739f696d2feb884983441d159a18649e8d956648d591bdad35c430a6b6d28
+  languageName: node
+  linkType: hard
+
 "tmp@npm:^0.0.33":
   version: 0.0.33
   resolution: "tmp@npm:0.0.33"
@@ -16160,7 +17969,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^1.10.0, tslib@npm:^1.8.1, tslib@npm:^1.9.0":
+"ts-api-utils@npm:^1.0.1":
+  version: 1.0.3
+  resolution: "ts-api-utils@npm:1.0.3"
+  peerDependencies:
+    typescript: ">=4.2.0"
+  checksum: 441cc4489d65fd515ae6b0f4eb8690057add6f3b6a63a36073753547fb6ce0c9ea0e0530220a0b282b0eec535f52c4dfc315d35f8a4c9a91c0def0707a714ca6
+  languageName: node
+  linkType: hard
+
+"tslib@npm:^1.10.0, tslib@npm:^1.9.0":
   version: 1.14.1
   resolution: "tslib@npm:1.14.1"
   checksum: dbe628ef87f66691d5d2959b3e41b9ca0045c3ee3c7c7b906cc1e328b39f199bb1ad9e671c39025bd56122ac57dfbf7385a94843b1cc07c60a4db74795829acd
@@ -16181,69 +17999,65 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tsutils@npm:^3.21.0":
-  version: 3.21.0
-  resolution: "tsutils@npm:3.21.0"
-  dependencies:
-    tslib: ^1.8.1
-  peerDependencies:
-    typescript: ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-  checksum: 1843f4c1b2e0f975e08c4c21caa4af4f7f65a12ac1b81b3b8489366826259323feb3fc7a243123453d2d1a02314205a7634e048d4a8009921da19f99755cdc48
+"tslib@npm:^2.3.0, tslib@npm:^2.4.0, tslib@npm:^2.5.0, tslib@npm:^2.6.0":
+  version: 2.6.2
+  resolution: "tslib@npm:2.6.2"
+  checksum: 329ea56123005922f39642318e3d1f0f8265d1e7fcb92c633e0809521da75eeaca28d2cf96d7248229deb40e5c19adf408259f4b9640afd20d13aecc1430f3ad
   languageName: node
   linkType: hard
 
-"turbo-darwin-64@npm:1.10.3":
-  version: 1.10.3
-  resolution: "turbo-darwin-64@npm:1.10.3"
+"turbo-darwin-64@npm:1.10.14":
+  version: 1.10.14
+  resolution: "turbo-darwin-64@npm:1.10.14"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"turbo-darwin-arm64@npm:1.10.3":
-  version: 1.10.3
-  resolution: "turbo-darwin-arm64@npm:1.10.3"
+"turbo-darwin-arm64@npm:1.10.14":
+  version: 1.10.14
+  resolution: "turbo-darwin-arm64@npm:1.10.14"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"turbo-linux-64@npm:1.10.3":
-  version: 1.10.3
-  resolution: "turbo-linux-64@npm:1.10.3"
+"turbo-linux-64@npm:1.10.14":
+  version: 1.10.14
+  resolution: "turbo-linux-64@npm:1.10.14"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"turbo-linux-arm64@npm:1.10.3":
-  version: 1.10.3
-  resolution: "turbo-linux-arm64@npm:1.10.3"
+"turbo-linux-arm64@npm:1.10.14":
+  version: 1.10.14
+  resolution: "turbo-linux-arm64@npm:1.10.14"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"turbo-windows-64@npm:1.10.3":
-  version: 1.10.3
-  resolution: "turbo-windows-64@npm:1.10.3"
+"turbo-windows-64@npm:1.10.14":
+  version: 1.10.14
+  resolution: "turbo-windows-64@npm:1.10.14"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
 
-"turbo-windows-arm64@npm:1.10.3":
-  version: 1.10.3
-  resolution: "turbo-windows-arm64@npm:1.10.3"
+"turbo-windows-arm64@npm:1.10.14":
+  version: 1.10.14
+  resolution: "turbo-windows-arm64@npm:1.10.14"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"turbo@npm:^1.10.3":
-  version: 1.10.3
-  resolution: "turbo@npm:1.10.3"
+"turbo@npm:^1.10.14":
+  version: 1.10.14
+  resolution: "turbo@npm:1.10.14"
   dependencies:
-    turbo-darwin-64: 1.10.3
-    turbo-darwin-arm64: 1.10.3
-    turbo-linux-64: 1.10.3
-    turbo-linux-arm64: 1.10.3
-    turbo-windows-64: 1.10.3
-    turbo-windows-arm64: 1.10.3
+    turbo-darwin-64: 1.10.14
+    turbo-darwin-arm64: 1.10.14
+    turbo-linux-64: 1.10.14
+    turbo-linux-arm64: 1.10.14
+    turbo-windows-64: 1.10.14
+    turbo-windows-arm64: 1.10.14
   dependenciesMeta:
     turbo-darwin-64:
       optional: true
@@ -16259,7 +18073,7 @@ __metadata:
       optional: true
   bin:
     turbo: bin/turbo
-  checksum: 38a11c8f1548408e6c8576d13ed78e2b0a232577e64a1cb6623faa39437cdc28012eb388f77d53af1b1853c521000aae0467cb5d91aa169b0883be976edfbdb1
+  checksum: 219d245bb5cc32a9f76b136b81e86e179228d93a44cab4df3e3d487a55dd2688b5b85f4d585b66568ac53166145352399dd2d7ed0cd47f1aae63d08beb814ebb
   languageName: node
   linkType: hard
 
@@ -16309,6 +18123,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"type-fest@npm:^1.0.2":
+  version: 1.4.0
+  resolution: "type-fest@npm:1.4.0"
+  checksum: b011c3388665b097ae6a109a437a04d6f61d81b7357f74cbcb02246f2f5bd72b888ae33631b99871388122ba0a87f4ff1c94078e7119ff22c70e52c0ff828201
+  languageName: node
+  linkType: hard
+
 "type-is@npm:~1.6.18":
   version: 1.6.18
   resolution: "type-is@npm:1.6.18"
@@ -16319,23 +18140,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typedarray@npm:^0.0.6":
-  version: 0.0.6
-  resolution: "typedarray@npm:0.0.6"
-  checksum: 33b39f3d0e8463985eeaeeacc3cb2e28bc3dfaf2a5ed219628c0b629d5d7b810b0eb2165f9f607c34871d5daa92ba1dc69f49051cf7d578b4cbd26c340b9d1b1
-  languageName: node
-  linkType: hard
-
-"typescript@npm:^4.2.4":
-  version: 4.9.4
-  resolution: "typescript@npm:4.9.4"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: e782fb9e0031cb258a80000f6c13530288c6d63f1177ed43f770533fdc15740d271554cdae86701c1dd2c83b082cea808b07e97fd68b38a172a83dbf9e0d0ef9
-  languageName: node
-  linkType: hard
-
 "typescript@npm:^4.6.4, typescript@npm:^4.9.5":
   version: 4.9.5
   resolution: "typescript@npm:4.9.5"
@@ -16346,13 +18150,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@^4.2.4#~builtin<compat/typescript>":
-  version: 4.9.4
-  resolution: "typescript@patch:typescript@npm%3A4.9.4#~builtin<compat/typescript>::version=4.9.4&hash=289587"
+"typescript@npm:^5.0.4":
+  version: 5.2.2
+  resolution: "typescript@npm:5.2.2"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 2160f7ad975c59b2f5816817d3916be1d156c5688a7517602b3b640c5015e740f4ba933996ac85371d68f7bbdd41602150fb8b68334122ac637fdb5418085e7a
+  checksum: 7912821dac4d962d315c36800fe387cdc0a6298dba7ec171b350b4a6e988b51d7b8f051317786db1094bd7431d526b648aba7da8236607febb26cf5b871d2d3c
   languageName: node
   linkType: hard
 
@@ -16366,6 +18170,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"typescript@patch:typescript@^5.0.4#~builtin<compat/typescript>":
+  version: 5.2.2
+  resolution: "typescript@patch:typescript@npm%3A5.2.2#~builtin<compat/typescript>::version=5.2.2&hash=5da071"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 07106822b4305de3f22835cbba949a2b35451cad50888759b6818421290ff95d522b38ef7919e70fb381c5fe9c1c643d7dea22c8b31652a717ddbd57b7f4d554
+  languageName: node
+  linkType: hard
+
 "unbox-primitive@npm:^1.0.2":
   version: 1.0.2
   resolution: "unbox-primitive@npm:1.0.2"
@@ -16586,6 +18400,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"untildify@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "untildify@npm:4.0.0"
+  checksum: 39ced9c418a74f73f0a56e1ba4634b4d959422dff61f4c72a8e39f60b99380c1b45ed776fbaa0a4101b157e4310d873ad7d114e8534ca02609b4916bb4187fb9
+  languageName: node
+  linkType: hard
+
 "upath@npm:^1.2.0":
   version: 1.2.0
   resolution: "upath@npm:1.2.0"
@@ -16815,7 +18636,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vinyl@npm:^2.0.0, vinyl@npm:~2.2.1":
+"vinyl@npm:^2.0.0":
   version: 2.2.1
   resolution: "vinyl@npm:2.2.1"
   dependencies:
@@ -16829,6 +18650,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vinyl@npm:~3.0.0":
+  version: 3.0.0
+  resolution: "vinyl@npm:3.0.0"
+  dependencies:
+    clone: ^2.1.2
+    clone-stats: ^1.0.0
+    remove-trailing-separator: ^1.1.0
+    replace-ext: ^2.0.0
+    teex: ^1.0.1
+  checksum: 29c563d6a027d49ec216bc8259b494bd048d1f9df39103aea6877e02af1d0a6956b11ad977206b5a807b331ef5431bed9f6b8890de5e55188389d31cf7af7fbe
+  languageName: node
+  linkType: hard
+
 "void-elements@npm:3.1.0":
   version: 3.1.0
   resolution: "void-elements@npm:3.1.0"
@@ -17106,9 +18940,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"webpack@npm:^5.86.0":
-  version: 5.87.0
-  resolution: "webpack@npm:5.87.0"
+"webpack@npm:^5.88.0":
+  version: 5.88.0
+  resolution: "webpack@npm:5.88.0"
   dependencies:
     "@types/eslint-scope": ^3.7.3
     "@types/estree": ^1.0.0
@@ -17139,13 +18973,13 @@ __metadata:
       optional: true
   bin:
     webpack: bin/webpack.js
-  checksum: b7d0e390f9d30627e303d54b17cb87b62f49ecffe2d35481f830679904993bae208e23748ffe0e6091b6dd4810562b2f2e88bb0f23b96515d74fb1e3c2898210
+  checksum: 9fd1568b34ec2e99ba97c8509a15ab2576ec80c396e7015551ec814b24cfc11de173acba3e114dafe95f1a6d460781b09d6201e6a1fb15110e1d01a09f61a283
   languageName: node
   linkType: hard
 
-"webpack@npm:^5.88.0":
-  version: 5.88.0
-  resolution: "webpack@npm:5.88.0"
+"webpack@npm:^5.88.2":
+  version: 5.88.2
+  resolution: "webpack@npm:5.88.2"
   dependencies:
     "@types/eslint-scope": ^3.7.3
     "@types/estree": ^1.0.0
@@ -17176,7 +19010,7 @@ __metadata:
       optional: true
   bin:
     webpack: bin/webpack.js
-  checksum: 9fd1568b34ec2e99ba97c8509a15ab2576ec80c396e7015551ec814b24cfc11de173acba3e114dafe95f1a6d460781b09d6201e6a1fb15110e1d01a09f61a283
+  checksum: 79476a782da31a21f6dd38fbbd06b68da93baf6a62f0d08ca99222367f3b8668f5a1f2086b7bb78e23172e31fa6df6fa7ab09b25e827866c4fc4dc2b30443ce2
   languageName: node
   linkType: hard
 
@@ -17337,7 +19171,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"word-wrap@npm:^1.2.3, word-wrap@npm:~1.2.3":
+"word-wrap@npm:~1.2.3":
   version: 1.2.3
   resolution: "word-wrap@npm:1.2.3"
   checksum: 30b48f91fcf12106ed3186ae4fa86a6a1842416df425be7b60485de14bec665a54a68e4b5156647dec3a70f25e84d270ca8bc8cd23182ed095f5c7206a938c1f
@@ -17765,6 +19599,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"wrap-ansi@npm:^8.0.1, wrap-ansi@npm:^8.1.0":
+  version: 8.1.0
+  resolution: "wrap-ansi@npm:8.1.0"
+  dependencies:
+    ansi-styles: ^6.1.0
+    string-width: ^5.0.1
+    strip-ansi: ^7.0.1
+  checksum: 371733296dc2d616900ce15a0049dca0ef67597d6394c57347ba334393599e800bab03c41d4d45221b6bc967b8c453ec3ae4749eff3894202d16800fdfe0e238
+  languageName: node
+  linkType: hard
+
 "wrappy@npm:1":
   version: 1.0.2
   resolution: "wrappy@npm:1.0.2"
@@ -17890,6 +19735,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yaml@npm:2.3.1":
+  version: 2.3.1
+  resolution: "yaml@npm:2.3.1"
+  checksum: 2c7bc9a7cd4c9f40d3b0b0a98e370781b68b8b7c4515720869aced2b00d92f5da1762b4ffa947f9e795d6cd6b19f410bd4d15fdd38aca7bd96df59bd9486fb54
+  languageName: node
+  linkType: hard
+
 "yaml@npm:^1.10.0, yaml@npm:^1.10.2, yaml@npm:^1.7.2":
   version: 1.10.2
   resolution: "yaml@npm:1.10.2"