From d8ab2e56cee11842ebfb758b8f268741dd4dc634 Mon Sep 17 00:00:00 2001
From: Jason Dicker <110084728+jasondicker@users.noreply.github.com>
Date: Wed, 22 Nov 2023 14:19:00 +0200
Subject: [PATCH] package upgrade (#336)

* tanstack/react-query package upgrade to v5.8.4

* package.json upgrade (with styling fixes for daisyui major version breaking changes)

* tanstack upgrage breaking change fix
---
 src/web/package.json                          |  52 +-
 .../src/components/NavBar/SignInButton.tsx    |   2 +-
 src/web/src/components/NavBar/UserMenu.tsx    |   2 +-
 .../Opportunity/OpportunityCompletionEdit.tsx |   4 +-
 .../OpportunityFilterHorizontal.tsx           |  12 +-
 .../Opportunity/OpportunityFilterVertical.tsx |  18 +-
 .../Organisation/Upsert/OrgInfoEdit.tsx       | 441 ++++++-------
 .../Organisation/Upsert/OrgRolesEdit.tsx      |   2 +-
 .../Schema/SchemaAttributesEdit.tsx           |   7 +-
 src/web/src/components/SearchInput.tsx        |   8 +-
 src/web/src/components/SearchInputLarge.tsx   |  30 +-
 .../src/components/Status/AccessDenied.tsx    |   2 +-
 .../src/components/Status/Unauthorized.tsx    |   2 +-
 .../components/Status/UnderConstruction.tsx   |   2 +-
 src/web/src/context/useHomeLink.tsx           |   4 +-
 src/web/src/pages/401.tsx                     |   2 +-
 src/web/src/pages/404.tsx                     |   2 +-
 src/web/src/pages/500.tsx                     |   2 +-
 src/web/src/pages/_app.tsx                    |   6 +-
 .../admin/schemas/[[...query]]/index.tsx      |  14 +-
 .../src/pages/admin/schemas/[id]/index.tsx    |  57 +-
 .../opportunities/[[...query]]/index.tsx      |   2 +-
 .../opportunities/[opportunityId]/index.tsx   |  31 +-
 .../organisations/[[...query]]/index.tsx      |  18 +-
 src/web/src/pages/organisations/[id]/edit.tsx |  14 +-
 .../src/pages/organisations/[id]/index.tsx    |   7 +-
 src/web/src/pages/organisations/[id]/info.tsx |   7 +-
 .../[id]/opportunities/[[...query]]/index.tsx |  16 +-
 .../opportunities/[opportunityId]/index.tsx   | 222 ++++---
 .../opportunities/[opportunityId]/info.tsx    |  17 +-
 .../[id]/verifications/[[...query]]/index.tsx | 109 +--
 .../src/pages/organisations/[id]/verify.tsx   |  18 +-
 .../pages/organisations/register/index.tsx    |  11 +-
 src/web/src/pages/user/settings.tsx           |  33 +-
 .../src/pages/yoid/passport/[[...query]].tsx  |  11 +-
 src/web/yarn.lock                             | 623 ++++++++++--------
 36 files changed, 939 insertions(+), 871 deletions(-)

diff --git a/src/web/package.json b/src/web/package.json
index 4837fddc7..84cd036d6 100644
--- a/src/web/package.json
+++ b/src/web/package.json
@@ -14,25 +14,25 @@
     "@fontsource/open-sans": "^5.0.17",
     "@hookform/resolvers": "^3.3.2",
     "@react-google-maps/api": "^2.19.2",
-    "@sentry/nextjs": "^7.77.0",
+    "@sentry/nextjs": "^7.81.1",
     "@t3-oss/env-nextjs": "^0.7.1",
-    "@tanstack/react-query": "^4.33.0",
-    "axios": "^1.6.0",
-    "daisyui": "^3.9.4",
-    "jotai": "^2.5.0",
+    "@tanstack/react-query": "^5.8.4",
+    "axios": "^1.6.2",
+    "daisyui": "^4.4.2",
+    "jotai": "^2.5.1",
     "moment": "^2.29.4",
-    "next": "^14.0.1",
-    "next-auth": "^4.24.4",
+    "next": "^14.0.3",
+    "next-auth": "^4.24.5",
     "next-themes": "^0.2.1",
     "react": "^18.2.0",
-    "react-datepicker": "^4.16.0",
+    "react-datepicker": "^4.23.0",
     "react-dom": "^18.2.0",
     "react-google-map-picker": "^1.2.3",
-    "react-hook-form": "^7.47.0",
-    "react-icons": "^4.11.0",
+    "react-hook-form": "^7.48.2",
+    "react-icons": "^4.12.0",
     "react-modal": "^3.16.1",
     "react-moment": "^1.1.3",
-    "react-select": "^5.7.7",
+    "react-select": "^5.8.0",
     "react-toastify": "^9.1.3",
     "sass": "^1.69.5",
     "sharp": "^0.32.6",
@@ -40,32 +40,32 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "^14.0.1",
-    "@types/eslint": "^8.44.6",
-    "@types/next-pwa": "^5.6.8",
-    "@types/node": "^20.8.10",
+    "@next/bundle-analyzer": "^14.0.3",
+    "@types/eslint": "^8.44.7",
+    "@types/next-pwa": "^5.6.9",
+    "@types/node": "^20.9.4",
     "@types/prettier": "^3.0.0",
-    "@types/react": "^18.2.34",
-    "@types/react-datepicker": "^4.19.0",
-    "@types/react-dom": "^18.2.14",
-    "@types/react-modal": "^3.16.2",
-    "@typescript-eslint/eslint-plugin": "6.9.1",
-    "@typescript-eslint/parser": "6.9.1",
+    "@types/react": "^18.2.38",
+    "@types/react-datepicker": "^4.19.3",
+    "@types/react-dom": "^18.2.17",
+    "@types/react-modal": "^3.16.3",
+    "@typescript-eslint/eslint-plugin": "6.12.0",
+    "@typescript-eslint/parser": "6.12.0",
     "autoprefixer": "^10.4.16",
     "cross-env": "^7.0.3",
-    "eslint": "^8.52.0",
-    "eslint-config-next": "^14.0.1",
+    "eslint": "^8.54.0",
+    "eslint-config-next": "^14.0.3",
     "filepond": "^4.30.4",
     "filepond-plugin-file-validate-type": "^1.2.8",
     "filepond-plugin-image-exif-orientation": "^1.0.11",
     "filepond-plugin-image-preview": "^4.6.11",
     "next-pwa": "^5.6.0",
     "postcss": "^8.4.31",
-    "prettier": "^3.0.3",
-    "prettier-plugin-tailwindcss": "^0.5.6",
+    "prettier": "^3.1.0",
+    "prettier-plugin-tailwindcss": "^0.5.7",
     "react-filepond": "^7.1.2",
     "tailwindcss": "^3.3.5",
-    "typescript": "^5.2.2"
+    "typescript": "^5.3.2"
   },
   "ct3aMetadata": {
     "initVersion": "7.16.0"
diff --git a/src/web/src/components/NavBar/SignInButton.tsx b/src/web/src/components/NavBar/SignInButton.tsx
index 72665d673..bdb08be88 100644
--- a/src/web/src/components/NavBar/SignInButton.tsx
+++ b/src/web/src/components/NavBar/SignInButton.tsx
@@ -28,7 +28,7 @@ export const SignInButton: React.FC = () => {
         <span className="loading loading-spinner loading-md mr-2 text-warning"></span>
       )}
       {!isButtonLoading && <IoMdFingerPrint className="h-8 w-8 text-white" />}
-      <p className="text-white">Sign In</p>
+      <p className="uppercase text-white">Sign In</p>
     </button>
   );
 };
diff --git a/src/web/src/components/NavBar/UserMenu.tsx b/src/web/src/components/NavBar/UserMenu.tsx
index 271c5debe..c07ed9fd5 100644
--- a/src/web/src/components/NavBar/UserMenu.tsx
+++ b/src/web/src/components/NavBar/UserMenu.tsx
@@ -14,7 +14,7 @@ import {
   IoMdSettings,
 } from "react-icons/io";
 import ReactModal from "react-modal";
-import { ROLE_ADMIN, ROLE_ORG_ADMIN } from "~/lib/constants";
+import { ROLE_ADMIN } from "~/lib/constants";
 import { shimmer, toBase64 } from "~/lib/image";
 import {
   RoleView,
diff --git a/src/web/src/components/Opportunity/OpportunityCompletionEdit.tsx b/src/web/src/components/Opportunity/OpportunityCompletionEdit.tsx
index 34be6b871..371b1619c 100644
--- a/src/web/src/components/Opportunity/OpportunityCompletionEdit.tsx
+++ b/src/web/src/components/Opportunity/OpportunityCompletionEdit.tsx
@@ -323,7 +323,7 @@ export const OpportunityCompletionEdit: React.FC<InputProps> = ({
                       name="dateStart"
                       render={({ field: { onChange, value } }) => (
                         <DatePicker
-                          className="input input-bordered input-sm w-full"
+                          className="input input-bordered input-sm w-full rounded-md border-gray focus:border-gray focus:outline-none"
                           onChange={(date) =>
                             onChange(toISOStringForTimezone(date))
                           }
@@ -349,7 +349,7 @@ export const OpportunityCompletionEdit: React.FC<InputProps> = ({
                       name="dateEnd"
                       render={({ field: { onChange, value } }) => (
                         <DatePicker
-                          className="input input-bordered input-sm w-full"
+                          className="input input-bordered input-sm w-full rounded-md border-gray focus:border-gray focus:outline-none"
                           onChange={(date) =>
                             onChange(toISOStringForTimezone(date))
                           }
diff --git a/src/web/src/components/Opportunity/OpportunityFilterHorizontal.tsx b/src/web/src/components/Opportunity/OpportunityFilterHorizontal.tsx
index d982e36cd..b30ac47e6 100644
--- a/src/web/src/components/Opportunity/OpportunityFilterHorizontal.tsx
+++ b/src/web/src/components/Opportunity/OpportunityFilterHorizontal.tsx
@@ -204,7 +204,7 @@ export const OpportunityFilterHorizontal: React.FC<InputProps> = ({
               render={({ field: { onChange, value } }) => (
                 <Select
                   classNames={{
-                    control: () => "input input-bordered input-xs",
+                    control: () => "input input-xs",
                   }}
                   isMulti={true}
                   options={lookups_types.map((c) => ({
@@ -247,7 +247,7 @@ export const OpportunityFilterHorizontal: React.FC<InputProps> = ({
               render={({ field: { onChange, value } }) => (
                 <Select
                   classNames={{
-                    control: () => "input input-bordered input-xs",
+                    control: () => "input input-xs",
                   }}
                   isMulti={true}
                   options={lookups_countries.map((c) => ({
@@ -289,7 +289,7 @@ export const OpportunityFilterHorizontal: React.FC<InputProps> = ({
               render={({ field: { onChange, value } }) => (
                 <Select
                   classNames={{
-                    control: () => "input input-bordered input-xs",
+                    control: () => "input input-xs",
                   }}
                   isMulti={true}
                   options={lookups_languages.map((c) => ({
@@ -332,7 +332,7 @@ export const OpportunityFilterHorizontal: React.FC<InputProps> = ({
               render={({ field: { onChange, value } }) => (
                 <Select
                   classNames={{
-                    control: () => "input input-bordered input-xs",
+                    control: () => "input input-xs",
                   }}
                   isMulti={true}
                   options={lookups_organisations.map((c) => ({
@@ -376,7 +376,7 @@ export const OpportunityFilterHorizontal: React.FC<InputProps> = ({
               render={({ field: { onChange, value } }) => (
                 <Select
                   classNames={{
-                    control: () => "input input-bordered input-xs",
+                    control: () => "input input-xs",
                   }}
                   isMulti={true}
                   options={lookups_commitmentIntervals.map((c) => ({
@@ -419,7 +419,7 @@ export const OpportunityFilterHorizontal: React.FC<InputProps> = ({
               render={({ field: { onChange, value } }) => (
                 <Select
                   classNames={{
-                    control: () => "input input-bordered input-xs",
+                    control: () => "input input-xs",
                   }}
                   isMulti={true}
                   options={lookups_zltoRewardRanges.map((c) => ({
diff --git a/src/web/src/components/Opportunity/OpportunityFilterVertical.tsx b/src/web/src/components/Opportunity/OpportunityFilterVertical.tsx
index 626c0729d..d9f9f0ff8 100644
--- a/src/web/src/components/Opportunity/OpportunityFilterVertical.tsx
+++ b/src/web/src/components/Opportunity/OpportunityFilterVertical.tsx
@@ -104,7 +104,7 @@ export const OpportunityFilterVertical: React.FC<InputProps> = ({
         </div>
         <div className="flex flex-col bg-gray">
           <div className="join join-vertical w-full">
-            <div className="collapse join-item collapse-arrow border border-base-300">
+            <div className="collapse join-item collapse-arrow">
               <input type="radio" name="my-accordion-1" checked={true} />
               <div className="collapse-title text-xl font-medium">Topics</div>
               <div className="collapse-content">
@@ -199,7 +199,7 @@ export const OpportunityFilterVertical: React.FC<InputProps> = ({
                 )}
               </div>
             </div>
-            <div className="collapse join-item collapse-arrow border border-base-300">
+            <div className="collapse join-item collapse-arrow">
               <input type="radio" name="my-accordion-2" />
               <div className="collapse-title text-xl font-medium">
                 Opportunity type
@@ -241,7 +241,7 @@ export const OpportunityFilterVertical: React.FC<InputProps> = ({
                 )}
               </div>
             </div>
-            <div className="collapse join-item collapse-arrow border border-base-300">
+            <div className="collapse join-item collapse-arrow">
               <input type="radio" name="my-accordion-3" />
               <div className="collapse-title text-xl font-medium">Location</div>
               <div className="collapse-content">
@@ -281,7 +281,7 @@ export const OpportunityFilterVertical: React.FC<InputProps> = ({
                 )}
               </div>
             </div>
-            <div className="collapse join-item collapse-arrow border border-base-300">
+            <div className="collapse join-item collapse-arrow">
               <input type="radio" name="my-accordion-4" />
               <div className="collapse-title text-xl font-medium">Language</div>
               <div className="collapse-content">
@@ -321,7 +321,7 @@ export const OpportunityFilterVertical: React.FC<InputProps> = ({
                 )}
               </div>
             </div>
-            <div className="collapse join-item collapse-arrow border border-base-300">
+            <div className="collapse join-item collapse-arrow">
               <input type="radio" name="my-accordion-5" />
               <div className="collapse-title text-xl font-medium">
                 Organisation
@@ -363,7 +363,7 @@ export const OpportunityFilterVertical: React.FC<InputProps> = ({
                 )}
               </div>
             </div>
-            <div className="collapse join-item collapse-arrow border border-base-300">
+            <div className="collapse join-item collapse-arrow">
               <input type="radio" name="my-accordion-6" />
               <div className="collapse-title text-xl font-medium">Effort</div>
               <div className="collapse-content">
@@ -403,7 +403,7 @@ export const OpportunityFilterVertical: React.FC<InputProps> = ({
                 )}
               </div>
             </div>
-            <div className="collapse join-item collapse-arrow border border-base-300">
+            <div className="collapse join-item collapse-arrow">
               <input type="radio" name="my-accordion-7" />
               <div className="collapse-title text-xl font-medium">Reward</div>
               <div className="collapse-content">
@@ -444,7 +444,7 @@ export const OpportunityFilterVertical: React.FC<InputProps> = ({
               </div>
             </div>
             {session && (
-              <div className="collapse join-item collapse-arrow border border-base-300">
+              <div className="collapse join-item collapse-arrow">
                 <input type="radio" name="my-accordion-7" />
                 <div className="collapse-title text-xl font-medium">
                   Expired
@@ -483,7 +483,7 @@ export const OpportunityFilterVertical: React.FC<InputProps> = ({
         </div>
 
         {/* BUTTONS */}
-        <div className="my-4 flex items-center justify-center gap-2">
+        <div className="m-4 flex items-center justify-center gap-2">
           {onCancel && (
             <button
               type="button"
diff --git a/src/web/src/components/Organisation/Upsert/OrgInfoEdit.tsx b/src/web/src/components/Organisation/Upsert/OrgInfoEdit.tsx
index 532b8423a..a25ab40da 100644
--- a/src/web/src/components/Organisation/Upsert/OrgInfoEdit.tsx
+++ b/src/web/src/components/Organisation/Upsert/OrgInfoEdit.tsx
@@ -113,259 +113,254 @@ export const OrgInfoEdit: React.FC<InputProps> = ({
   }, [setValue, setLogoExisting]);
 
   return (
-    <>
-      <form
-        onSubmit={handleSubmit(onSubmitHandler)} // eslint-disable-line @typescript-eslint/no-misused-promises
-        className="flex flex-col gap-2"
-      >
-        <div className="form-control">
+    <form
+      onSubmit={handleSubmit(onSubmitHandler)} // eslint-disable-line @typescript-eslint/no-misused-promises
+      className="flex flex-col gap-2"
+    >
+      <div className="form-control">
+        <label className="label font-bold">
+          <span className="label-text">Organisation name</span>
+        </label>
+        <input
+          type="text"
+          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
+          placeholder="Your organisation name"
+          {...register("name")}
+          data-autocomplete="organization"
+        />
+        {formState.errors.name && (
           <label className="label font-bold">
-            <span className="label-text">Organisation name</span>
+            <span className="label-text-alt italic text-red-500">
+              {`${formState.errors.name.message}`}
+            </span>
           </label>
-          <input
-            type="text"
-            className="input input-bordered input-sm w-full md:input-md"
-            placeholder="Your organisation name"
-            {...register("name")}
-            data-autocomplete="organization"
-          />
-          {formState.errors.name && (
-            <label className="label font-bold">
-              <span className="label-text-alt italic text-red-500">
-                {`${formState.errors.name.message}`}
-              </span>
-            </label>
-          )}
-        </div>
+        )}
+      </div>
 
-        <div className="form-control">
+      <div className="form-control">
+        <label className="label font-bold">
+          <span className="label-text">Physical address</span>
+        </label>
+        <textarea
+          className="textarea textarea-bordered rounded-md border-gray focus:border-gray focus:outline-none"
+          placeholder="Your organisation's physical address"
+          {...register("streetAddress")}
+          data-autocomplete="street-address"
+        />
+        {formState.errors.streetAddress && (
           <label className="label font-bold">
-            <span className="label-text">Physical address</span>
+            <span className="label-text-alt italic text-red-500">
+              {`${formState.errors.streetAddress.message}`}
+            </span>
           </label>
-          <textarea
-            className="textarea textarea-bordered textarea-sm w-full md:textarea-md"
-            placeholder="Your organisation's physical address"
-            {...register("streetAddress")}
-            data-autocomplete="street-address"
-          />
-          {formState.errors.streetAddress && (
-            <label className="label font-bold">
-              <span className="label-text-alt italic text-red-500">
-                {`${formState.errors.streetAddress.message}`}
-              </span>
-            </label>
-          )}
-        </div>
+        )}
+      </div>
 
-        <div className="form-control">
+      <div className="form-control">
+        <label className="label font-bold">
+          <span className="label-text">Province</span>
+        </label>
+        <input
+          type="text"
+          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
+          placeholder="Your organisation's province/state"
+          {...register("province")}
+          data-autocomplete="address-level1"
+        />
+        {formState.errors.province && (
           <label className="label font-bold">
-            <span className="label-text">Province</span>
+            <span className="label-text-alt italic text-red-500">
+              {`${formState.errors.province.message}`}
+            </span>
           </label>
-          <input
-            type="text"
-            className="input input-bordered input-sm w-full md:input-md"
-            placeholder="Your organisation's province/state"
-            {...register("province")}
-            data-autocomplete="address-level1"
-          />
-          {formState.errors.province && (
-            <label className="label font-bold">
-              <span className="label-text-alt italic text-red-500">
-                {`${formState.errors.province.message}`}
-              </span>
-            </label>
-          )}
-        </div>
+        )}
+      </div>
 
-        <div className="form-control">
+      <div className="form-control">
+        <label className="label font-bold">
+          <span className="label-text">City</span>
+        </label>
+        <input
+          type="text"
+          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
+          placeholder="Your organisation's city/town"
+          {...register("city")}
+          data-autocomplete="address-level2"
+        />
+        {formState.errors.city && (
           <label className="label font-bold">
-            <span className="label-text">City</span>
+            <span className="label-text-alt italic text-red-500">
+              {`${formState.errors.city.message}`}
+            </span>
           </label>
-          <input
-            type="text"
-            className="input input-bordered input-sm w-full md:input-md"
-            placeholder="Your organisation's city/town"
-            {...register("city")}
-            data-autocomplete="address-level2"
-          />
-          {formState.errors.city && (
-            <label className="label font-bold">
-              <span className="label-text-alt italic text-red-500">
-                {`${formState.errors.city.message}`}
-              </span>
-            </label>
-          )}
-        </div>
+        )}
+      </div>
 
-        <div className="form-control">
+      <div className="form-control">
+        <label className="label font-bold">
+          <span className="label-text">Postal code</span>
+        </label>
+        <input
+          type="text"
+          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
+          placeholder="Your organisation's postal code/zip"
+          {...register("postalCode")}
+          data-autocomplete="postal-code"
+        />
+        {formState.errors.postalCode && (
           <label className="label font-bold">
-            <span className="label-text">Postal code</span>
+            <span className="label-text-alt italic text-red-500">
+              {`${formState.errors.postalCode.message}`}
+            </span>
           </label>
-          <input
-            type="text"
-            className="input input-bordered input-sm w-full md:input-md"
-            placeholder="Your organisation's postal code/zip"
-            {...register("postalCode")}
-            data-autocomplete="postal-code"
-          />
-          {formState.errors.postalCode && (
-            <label className="label font-bold">
-              <span className="label-text-alt italic text-red-500">
-                {`${formState.errors.postalCode.message}`}
-              </span>
-            </label>
-          )}
-        </div>
+        )}
+      </div>
 
-        <div className="form-control">
+      <div className="form-control">
+        <label className="label font-bold">
+          <span className="label-text">Organisation website URL</span>
+        </label>
+        <input
+          type="text"
+          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
+          placeholder="www.website.com"
+          {...register("websiteURL")}
+          data-autocomplete="url"
+        />
+        {formState.errors.websiteURL && (
           <label className="label font-bold">
-            <span className="label-text">Organisation website URL</span>
+            <span className="label-text-alt italic text-red-500">
+              {`${formState.errors.websiteURL.message}`}
+            </span>
           </label>
-          <input
-            type="text"
-            className="input input-bordered input-sm w-full md:input-md"
-            placeholder="www.website.com"
-            {...register("websiteURL")}
-            data-autocomplete="url"
-          />
-          {formState.errors.websiteURL && (
-            <label className="label font-bold">
-              <span className="label-text-alt italic text-red-500">
-                {`${formState.errors.websiteURL.message}`}
-              </span>
-            </label>
-          )}
-        </div>
+        )}
+      </div>
 
-        <div className="form-control">
-          <label className="label font-bold">
-            <span className="label-text">Logo</span>
-          </label>
+      <div className="form-control">
+        <label className="label font-bold">
+          <span className="label-text">Logo</span>
+        </label>
 
-          {/* existing image */}
-          <div className="flex items-center justify-center pb-4">
-            {/* NO IMAGE */}
-            {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing */}
-            {/* {!logoExisting && <IoMdImage className="h-12 w-12 rounded-lg" />} */}
-            {/* EXISTING IMAGE */}
-            {logoExisting && (
-              <div className="indicator">
-                <button
-                  className="filepond--file-action-button filepond--action-remove-item badge indicator-item badge-secondary"
-                  type="button"
-                  data-align="left"
-                  onClick={onRemoveLogoExisting}
+        {/* existing image */}
+        <div className="flex items-center justify-center pb-4">
+          {/* NO IMAGE */}
+          {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing */}
+          {/* {!logoExisting && <IoMdImage className="h-12 w-12 rounded-lg" />} */}
+          {/* EXISTING IMAGE */}
+          {logoExisting && (
+            <div className="indicator">
+              <button
+                className="filepond--file-action-button filepond--action-remove-item badge indicator-item badge-secondary"
+                type="button"
+                data-align="left"
+                onClick={onRemoveLogoExisting}
+              >
+                <svg
+                  width="26"
+                  height="26"
+                  viewBox="0 0 26 26"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    width="26"
-                    height="26"
-                    viewBox="0 0 26 26"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.586 13l-2.293 2.293a1 1 0 0 0 1.414 1.414L13 14.414l2.293 2.293a1 1 0 0 0 1.414-1.414L14.414 13l2.293-2.293a1 1 0 0 0-1.414-1.414L13 11.586l-2.293-2.293a1 1 0 0 0-1.414 1.414L11.586 13z"
-                      fill="currentColor"
-                      fillRule="nonzero"
-                    ></path>
-                  </svg>
-                  <span>Remove</span>
-                </button>
+                  <path
+                    d="M11.586 13l-2.293 2.293a1 1 0 0 0 1.414 1.414L13 14.414l2.293 2.293a1 1 0 0 0 1.414-1.414L14.414 13l2.293-2.293a1 1 0 0 0-1.414-1.414L13 11.586l-2.293-2.293a1 1 0 0 0-1.414 1.414L11.586 13z"
+                    fill="currentColor"
+                    fillRule="nonzero"
+                  ></path>
+                </svg>
+                <span>Remove</span>
+              </button>
 
-                {/* eslint-disable-next-line @next/next/no-img-element */}
-                <img
-                  className="rounded-lg object-contain shadow-lg"
-                  alt="logo"
-                  width={100}
-                  height={100}
-                  style={{ width: 100, height: 100 }}
-                  src={logoExisting}
-                />
-              </div>
-            )}
-          </div>
-
-          {/* upload image */}
-          <FileUploader
-            files={logoFiles as any}
-            allowMultiple={false}
-            fileTypes={ACCEPTED_IMAGE_TYPES}
-            onUploadComplete={(files) => {
-              setLogoFiles(files);
-              setValue(
-                "logo",
-                files && files.length > 0 ? [files[0].file] : [],
-              );
-            }}
-          />
-
-          {formState.errors.logo && (
-            <label className="label font-bold">
-              <span className="label-text-alt italic text-red-500">
-                {`${formState.errors.logo.message}`}
-              </span>
-            </label>
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img
+                className="rounded-lg object-contain shadow-lg"
+                alt="logo"
+                width={100}
+                height={100}
+                style={{ width: 100, height: 100 }}
+                src={logoExisting}
+              />
+            </div>
           )}
         </div>
 
-        <div className="form-control">
+        {/* upload image */}
+        <FileUploader
+          files={logoFiles as any}
+          allowMultiple={false}
+          fileTypes={ACCEPTED_IMAGE_TYPES}
+          onUploadComplete={(files) => {
+            setLogoFiles(files);
+            setValue("logo", files && files.length > 0 ? [files[0].file] : []);
+          }}
+        />
+
+        {formState.errors.logo && (
           <label className="label font-bold">
-            <span className="label-text">Organisation tagline</span>
+            <span className="label-text-alt italic text-red-500">
+              {`${formState.errors.logo.message}`}
+            </span>
           </label>
-          <input
-            type="text"
-            className="input input-bordered input-sm w-full md:input-md"
-            placeholder="Your organisation tagline"
-            {...register("tagline")}
-          />
-          {formState.errors.tagline && (
-            <label className="label font-bold">
-              <span className="label-text-alt italic text-red-500">
-                {`${formState.errors.tagline.message}`}
-              </span>
-            </label>
-          )}
-        </div>
+        )}
+      </div>
 
-        <div className="form-control">
+      <div className="form-control">
+        <label className="label font-bold">
+          <span className="label-text">Organisation tagline</span>
+        </label>
+        <input
+          type="text"
+          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
+          placeholder="Your organisation tagline"
+          {...register("tagline")}
+        />
+        {formState.errors.tagline && (
           <label className="label font-bold">
-            <span className="label-text">Organisation biography</span>
+            <span className="label-text-alt italic text-red-500">
+              {`${formState.errors.tagline.message}`}
+            </span>
           </label>
-          <textarea
-            className="textarea textarea-bordered textarea-sm w-full"
-            placeholder="Your organisation biography"
-            {...register("biography")}
-          />
-          {formState.errors.biography && (
-            <label className="label font-bold">
-              <span className="label-text-alt italic text-red-500">
-                {`${formState.errors.biography.message}`}
-              </span>
-            </label>
-          )}
-        </div>
+        )}
+      </div>
 
-        {/* BUTTONS */}
-        <div className="mt-4 flex flex-col items-center justify-center gap-4">
-          {onCancel && (
-            <button
-              type="button"
-              className="btn btn-warning btn-md w-full flex-grow normal-case"
-              onClick={onCancel}
-            >
-              {cancelButtonText}
-            </button>
-          )}
-          {onSubmit && (
-            <button
-              type="submit"
-              className="btn btn-success btn-md w-full flex-grow normal-case"
-            >
-              {submitButtonText}
-            </button>
-          )}
-        </div>
-      </form>
-    </>
+      <div className="form-control">
+        <label className="label font-bold">
+          <span className="label-text">Organisation biography</span>
+        </label>
+        <textarea
+          className="textarea textarea-bordered rounded-md border-gray focus:border-gray focus:outline-none"
+          placeholder="Your organisation biography"
+          {...register("biography")}
+        />
+        {formState.errors.biography && (
+          <label className="label font-bold">
+            <span className="label-text-alt italic text-red-500">
+              {`${formState.errors.biography.message}`}
+            </span>
+          </label>
+        )}
+      </div>
+
+      {/* BUTTONS */}
+      <div className="mt-4 flex flex-col items-center justify-center gap-4">
+        {onCancel && (
+          <button
+            type="button"
+            className="btn btn-warning btn-md w-full flex-grow normal-case"
+            onClick={onCancel}
+          >
+            {cancelButtonText}
+          </button>
+        )}
+        {onSubmit && (
+          <button
+            type="submit"
+            className="btn btn-success btn-md w-full flex-grow normal-case"
+          >
+            {submitButtonText}
+          </button>
+        )}
+      </div>
+    </form>
   );
 };
 /* eslint-enable */
diff --git a/src/web/src/components/Organisation/Upsert/OrgRolesEdit.tsx b/src/web/src/components/Organisation/Upsert/OrgRolesEdit.tsx
index 43adbf980..61bbd2dbb 100644
--- a/src/web/src/components/Organisation/Upsert/OrgRolesEdit.tsx
+++ b/src/web/src/components/Organisation/Upsert/OrgRolesEdit.tsx
@@ -47,7 +47,7 @@ export const OrgRolesEdit: React.FC<InputProps> = ({
     (formData?.businessDocuments as any) ?? [],
   );
 
-  // 👇 use prefetched queries (from server)
+  // 👇 use prefetched queries from server
   const { data: organisationProviderTypes } = useQuery<
     OrganizationProviderType[]
   >({
diff --git a/src/web/src/components/Schema/SchemaAttributesEdit.tsx b/src/web/src/components/Schema/SchemaAttributesEdit.tsx
index c29434d3d..1d3a126dc 100644
--- a/src/web/src/components/Schema/SchemaAttributesEdit.tsx
+++ b/src/web/src/components/Schema/SchemaAttributesEdit.tsx
@@ -86,7 +86,7 @@ export const SchemaAttributesEdit: React.FC<InputProps> = ({
 
         <table className="table w-full">
           <thead>
-            <tr>
+            <tr className="border-gray text-gray-dark">
               <th>Datasource</th>
               <th>Attribute</th>
             </tr>
@@ -95,7 +95,10 @@ export const SchemaAttributesEdit: React.FC<InputProps> = ({
             {systemSchemaEntities.map((attribute) => (
               <>
                 {attribute.properties?.map((property, index) => (
-                  <tr key={`${index}_${property.id}`}>
+                  <tr
+                    key={`${index}_${property.id}`}
+                    className="border-gray text-gray-dark"
+                  >
                     <td>{attribute?.name}</td>
                     <td>{property.nameDisplay}</td>
                   </tr>
diff --git a/src/web/src/components/SearchInput.tsx b/src/web/src/components/SearchInput.tsx
index 556a43a9d..624545838 100644
--- a/src/web/src/components/SearchInput.tsx
+++ b/src/web/src/components/SearchInput.tsx
@@ -25,10 +25,10 @@ export const SearchInput: React.FC<InputProps> = ({
 
   return (
     <form onSubmit={handleSubmit}>
-      <div className="search flex">
+      <div className="join">
         <input
           type="search"
-          className="input input-bordered input-sm h-9 w-full rounded-br-none rounded-tr-none text-sm focus:outline-0"
+          className="input join-item input-sm w-full border-0 focus:outline-0"
           placeholder={placeholder ?? "Search..."}
           autoComplete="off"
           value={searchInputValue ?? ""}
@@ -40,10 +40,10 @@ export const SearchInput: React.FC<InputProps> = ({
         <button
           type="submit"
           aria-label="Search"
-          className="btn-search btn btn-sm h-9 rounded-bl-none rounded-tl-none border-gray"
+          className="btn-search btn join-item btn-sm border-0 bg-green-dark hover:border-gray hover:bg-green-dark"
           onSubmit={handleSubmit}
         >
-          <IoMdSearch className="icon-search h-6 w-6" />
+          <IoMdSearch className="icon-search h-6 w-6 text-white" />
         </button>
       </div>
     </form>
diff --git a/src/web/src/components/SearchInputLarge.tsx b/src/web/src/components/SearchInputLarge.tsx
index c8c3926bb..3dbf29b48 100644
--- a/src/web/src/components/SearchInputLarge.tsx
+++ b/src/web/src/components/SearchInputLarge.tsx
@@ -32,9 +32,9 @@ export const SearchInputLarge: React.FC<InputProps> = ({
   );
 
   return (
-    <form onSubmit={handleSubmit} className="w-full md:max-w-[600px]">
-      <div className="input-group">
-        <div className="inline-flex items-center justify-center bg-[#653A72] text-white">
+    <form onSubmit={handleSubmit}>
+      <div className="join">
+        <div className="join-item inline-flex items-center justify-center bg-[#653A72] text-white">
           <svg
             xmlns="http://www.w3.org/2000/svg"
             className="ml-5 h-5 w-5"
@@ -50,37 +50,17 @@ export const SearchInputLarge: React.FC<InputProps> = ({
             />
           </svg>
         </div>
+
         <input
           type="search"
           placeholder={placeholder ?? "Search..."}
-          className="input-sm w-full bg-[#653A72] py-5 text-sm text-white placeholder-white focus:outline-0"
+          className="join-item input-md w-[300px] bg-[#653A72] py-5 text-sm text-white placeholder-white focus:outline-0  md:w-[600px]"
           value={searchInputValue ?? ""}
           onChange={(e) => setSearchInputValue(e.target.value)}
           onFocus={(e) => (e.target.placeholder = "")}
           onBlur={(e) => (e.target.placeholder = placeholder ?? "Search...")}
         />
       </div>
-      {/* <div className="search flex">
-        <input
-          type="search"
-          className="input input-bordered input-sm w-full rounded-br-none rounded-tr-none text-sm"
-          placeholder={placeholder ?? "Search..."}
-          autoComplete="off"
-          value={searchInputValue ?? ""}
-          onChange={(e) => setSearchInputValue(e.target.value)}
-          onFocus={(e) => (e.target.placeholder = "")}
-          onBlur={(e) => (e.target.placeholder = placeholder ?? "Search...")}
-        />
-
-        <button
-          type="submit"
-          aria-label="Search"
-          className="btn-search btn btn-sm rounded-bl-none rounded-tl-none border-gray"
-          onSubmit={handleSubmit}
-        >
-          <IoMdSearch className="icon-search h-6 w-6" />
-        </button>
-      </div> */}
     </form>
   );
 };
diff --git a/src/web/src/components/Status/AccessDenied.tsx b/src/web/src/components/Status/AccessDenied.tsx
index b63018003..70530310e 100644
--- a/src/web/src/components/Status/AccessDenied.tsx
+++ b/src/web/src/components/Status/AccessDenied.tsx
@@ -4,7 +4,7 @@ import { FaExclamationTriangle } from "react-icons/fa";
 export const AccessDenied = () => (
   <>
     <Head>
-      <title>Yoma Partner | Access Denied</title>
+      <title>Yoma | Access Denied</title>
     </Head>
     <div className="container max-w-md">
       <div className="flex flex-col place-items-center justify-center rounded-xl bg-white p-4">
diff --git a/src/web/src/components/Status/Unauthorized.tsx b/src/web/src/components/Status/Unauthorized.tsx
index c90228aba..b8304288f 100644
--- a/src/web/src/components/Status/Unauthorized.tsx
+++ b/src/web/src/components/Status/Unauthorized.tsx
@@ -16,7 +16,7 @@ export const Unauthorized: React.FC = () => {
   return (
     <>
       <Head>
-        <title>Yoma Partner | Unauthorized</title>
+        <title>Yoma | Unauthorized</title>
       </Head>
       <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
         <div className="flex h-full max-h-[350px] w-full max-w-md flex-col items-center justify-center gap-1 rounded-lg bg-white">
diff --git a/src/web/src/components/Status/UnderConstruction.tsx b/src/web/src/components/Status/UnderConstruction.tsx
index b963a307a..23956826e 100644
--- a/src/web/src/components/Status/UnderConstruction.tsx
+++ b/src/web/src/components/Status/UnderConstruction.tsx
@@ -5,7 +5,7 @@ import Image from "next/image";
 export const UnderConstruction = () => (
   <>
     <Head>
-      <title>Yoma Partner | Coming soon!</title>
+      <title>Yoma | Coming soon!</title>
     </Head>
 
     <div className="flex h-full max-h-[350px] w-full max-w-md flex-col items-center justify-center gap-1 rounded-lg bg-white">
diff --git a/src/web/src/context/useHomeLink.tsx b/src/web/src/context/useHomeLink.tsx
index 3f6411b21..20bce3bec 100644
--- a/src/web/src/context/useHomeLink.tsx
+++ b/src/web/src/context/useHomeLink.tsx
@@ -13,8 +13,8 @@ export const useHomeLink = () => {
     activeRoleView === RoleView.Admin
       ? "/admin"
       : activeRoleView === RoleView.OrgAdmin && currentOrganisationId
-      ? `/organisations/${currentOrganisationId}`
-      : "/";
+        ? `/organisations/${currentOrganisationId}`
+        : "/";
 
   return href;
 };
diff --git a/src/web/src/pages/401.tsx b/src/web/src/pages/401.tsx
index fda03b2e6..f4a816978 100644
--- a/src/web/src/pages/401.tsx
+++ b/src/web/src/pages/401.tsx
@@ -5,7 +5,7 @@ import { type NextPageWithLayout } from "./_app";
 
 const Status401: NextPageWithLayout = () => {
   return (
-    <div className="container w-[28rem] max-w-md">
+    <div className="container mt-8 w-[28rem] max-w-md">
       <div className="flex flex-col place-items-center justify-center rounded-xl bg-white p-4">
         <h4>401 - Not authorized</h4>
 
diff --git a/src/web/src/pages/404.tsx b/src/web/src/pages/404.tsx
index 447016562..dfe364123 100644
--- a/src/web/src/pages/404.tsx
+++ b/src/web/src/pages/404.tsx
@@ -5,7 +5,7 @@ import { type NextPageWithLayout } from "./_app";
 
 const Status404: NextPageWithLayout = () => {
   return (
-    <div className="container w-[28rem] max-w-md">
+    <div className="container mt-8 w-[28rem] max-w-md">
       <div className="flex flex-col place-items-center justify-center rounded-xl bg-white p-4">
         <h4>404 - Not found</h4>
 
diff --git a/src/web/src/pages/500.tsx b/src/web/src/pages/500.tsx
index 276ed7756..97a17a9bc 100644
--- a/src/web/src/pages/500.tsx
+++ b/src/web/src/pages/500.tsx
@@ -16,7 +16,7 @@ const Status500: NextPageWithLayout = () => {
   };
 
   return (
-    <div className="container w-[28rem] max-w-md">
+    <div className="container mt-8 w-[28rem] max-w-md">
       <div className="flex flex-col place-items-center justify-center rounded-xl bg-white p-4">
         <h4>500 - Error</h4>
 
diff --git a/src/web/src/pages/_app.tsx b/src/web/src/pages/_app.tsx
index de2d9dcad..a4a08af60 100644
--- a/src/web/src/pages/_app.tsx
+++ b/src/web/src/pages/_app.tsx
@@ -1,7 +1,7 @@
 import {
-  Hydrate,
   QueryClient,
   QueryClientProvider,
+  HydrationBoundary,
 } from "@tanstack/react-query";
 import { Provider } from "jotai";
 import type { NextPage } from "next";
@@ -76,7 +76,7 @@ const MyApp = ({
         <ThemeProvider enableSystem={false} forcedTheme={theme}>
           <QueryClientProvider client={queryClient}>
             {/* eslint-disable-next-line */}
-            <Hydrate state={pageProps.dehydratedState}>
+            <HydrationBoundary state={pageProps.dehydratedState}>
               <div
                 id="mainContent"
                 className={`${openSans.variable} font-openSans`}
@@ -91,7 +91,7 @@ const MyApp = ({
                   />
                 </ConfirmationModalContextProvider>
               </div>
-            </Hydrate>
+            </HydrationBoundary>
           </QueryClientProvider>
         </ThemeProvider>
       </SessionProvider>
diff --git a/src/web/src/pages/admin/schemas/[[...query]]/index.tsx b/src/web/src/pages/admin/schemas/[[...query]]/index.tsx
index 38d10c937..947072776 100644
--- a/src/web/src/pages/admin/schemas/[[...query]]/index.tsx
+++ b/src/web/src/pages/admin/schemas/[[...query]]/index.tsx
@@ -30,10 +30,10 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const queryClient = new QueryClient();
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(
-    [`Schemas_${query?.toString()}_${page?.toString()}`],
-    () => getSchemas(undefined, context),
-  );
+  await queryClient.prefetchQuery({
+    queryKey: [`Schemas_${query?.toString()}_${page?.toString()}`],
+    queryFn: () => getSchemas(undefined, context),
+  });
 
   return {
     props: {
@@ -50,7 +50,7 @@ const Schemas: NextPageWithLayout<{
   page?: string;
   error: string;
 }> = ({ query, page, error }) => {
-  // 👇 use prefetched queries (from server)
+  // 👇 use prefetched queries from server
   const { data: schemas } = useQuery<SSISchema[]>({
     queryKey: [`Schemas_${query?.toString()}_${page?.toString()}`],
     queryFn: () => getSchemas(),
@@ -102,7 +102,7 @@ const Schemas: NextPageWithLayout<{
             <div className="overflow-x-auto">
               <table className="table">
                 <thead>
-                  <tr>
+                  <tr className="border-gray text-gray-dark">
                     <th>Name</th>
                     <th>Version</th>
                     <th>Attributes</th>
@@ -112,7 +112,7 @@ const Schemas: NextPageWithLayout<{
                 </thead>
                 <tbody>
                   {schemas.map((schema) => (
-                    <tr key={schema.id}>
+                    <tr key={schema.id} className="border-gray text-gray-dark">
                       <td>
                         <Link href={`/admin/schemas/${schema.name}`}>
                           {schema.displayName}
diff --git a/src/web/src/pages/admin/schemas/[id]/index.tsx b/src/web/src/pages/admin/schemas/[id]/index.tsx
index 965548640..6ec7fc744 100644
--- a/src/web/src/pages/admin/schemas/[id]/index.tsx
+++ b/src/web/src/pages/admin/schemas/[id]/index.tsx
@@ -68,17 +68,20 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const { id } = context.params as IParams;
   const queryClient = new QueryClient();
   if (id !== "create") {
-    await queryClient.prefetchQuery(["schema", id], () =>
-      getSchemaByName(id, context),
-    );
+    await queryClient.prefetchQuery({
+      queryKey: ["schema", id],
+      queryFn: () => getSchemaByName(id, context),
+    });
   }
 
-  await queryClient.prefetchQuery(["schemaTypes"], async () =>
-    (await getSchemaTypes()).map((c) => ({
-      value: c.id,
-      label: c.name,
-    })),
-  );
+  await queryClient.prefetchQuery({
+    queryKey: ["schemaTypes"],
+    queryFn: async () =>
+      (await getSchemaTypes()).map((c) => ({
+        value: c.id,
+        label: c.name,
+      })),
+  });
 
   return {
     props: {
@@ -148,8 +151,8 @@ const SchemaCreateEdit: NextPageWithLayout<{
         });
 
         // invalidate queries
-        await queryClient.invalidateQueries(["schemas"]);
-        await queryClient.invalidateQueries(["schema", id]);
+        await queryClient.invalidateQueries({ queryKey: ["schemas"] });
+        await queryClient.invalidateQueries({ queryKey: ["schema", id] });
       } catch (error) {
         toast(<ApiErrors error={error as AxiosError} />, {
           type: "error",
@@ -332,18 +335,18 @@ const SchemaCreateEdit: NextPageWithLayout<{
 
         <div className="flex flex-col gap-2 md:flex-row">
           {/* left vertical menu */}
-          <ul className="menu hidden w-64 gap-2 rounded-lg bg-base-200 font-semibold md:flex">
+          <ul className="menu hidden max-h-[105px] w-64 flex-none gap-2 rounded-lg bg-white p-2 font-semibold md:flex">
             <li onClick={() => setStep(1)}>
               <a
-                className={`menu-title ${
+                className={`${
                   step === 1
-                    ? "bg-green-light text-green hover:bg-green-light"
-                    : "bg-gray text-gray-dark"
+                    ? "bg-green-light text-green  hover:bg-green-light"
+                    : "bg-gray text-gray-dark  hover:bg-gray"
                 }`}
               >
                 <span
                   className={`mr-2 rounded-full px-1.5 py-0.5 text-xs font-medium text-white ${
-                    isValidStep1 ? "bg- bg-green" : "bg-gray-dark"
+                    isValidStep1 ? "bg-green" : "bg-gray-dark"
                   }`}
                 >
                   1
@@ -353,15 +356,15 @@ const SchemaCreateEdit: NextPageWithLayout<{
             </li>
             <li onClick={() => setStep(2)}>
               <a
-                className={`menu-title ${
+                className={`${
                   step === 2
                     ? "bg-green-light text-green hover:bg-green-light"
-                    : "bg-gray text-gray-dark"
+                    : "bg-gray text-gray-dark hover:bg-gray"
                 }`}
               >
                 <span
                   className={`mr-2 rounded-full px-1.5 py-0.5 text-xs font-medium text-white ${
-                    isValidStep2 ? "bg- bg-green" : "bg-gray-dark"
+                    isValidStep2 ? "bg-green" : "bg-gray-dark"
                   }`}
                 >
                   2
@@ -374,9 +377,9 @@ const SchemaCreateEdit: NextPageWithLayout<{
             {id === "create" && (
               <li onClick={() => setStep(3)}>
                 <a
-                  className={`menu-title ${
+                  className={`${
                     step === 3
-                      ? "bg-green-light text-green hover:bg-green-light"
+                      ? "bg-green-light text-green hover:bg-green-light active:bg-green-light"
                       : "bg-gray text-gray-dark"
                   }`}
                 >
@@ -445,7 +448,7 @@ const SchemaCreateEdit: NextPageWithLayout<{
                       {id === "create" && (
                         <input
                           type="text"
-                          className="input input-bordered rounded-md"
+                          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                           placeholder="Enter schema name"
                           {...registerStep1("name")}
                           contentEditable
@@ -456,7 +459,7 @@ const SchemaCreateEdit: NextPageWithLayout<{
                       {id !== "create" && (
                         <input
                           type="text"
-                          className="input input-bordered rounded-md"
+                          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                           value={schema?.displayName ?? ""}
                           contentEditable
                           disabled={true}
@@ -491,7 +494,7 @@ const SchemaCreateEdit: NextPageWithLayout<{
                         render={({ field: { onChange, value } }) => (
                           <Select
                             classNames={{
-                              control: () => "input input-bordered",
+                              control: () => "input",
                             }}
                             options={schemaTypes}
                             onChange={(val) => onChange(val?.value)}
@@ -531,7 +534,7 @@ const SchemaCreateEdit: NextPageWithLayout<{
                         render={({ field: { onChange, value } }) => (
                           <Select
                             classNames={{
-                              control: () => "input input-bordered",
+                              control: () => "input",
                             }}
                             isMulti={false}
                             options={[
@@ -752,7 +755,7 @@ const SchemaCreateEdit: NextPageWithLayout<{
 
                         <table className="table w-full">
                           <thead>
-                            <tr>
+                            <tr className="border-gray text-gray-dark">
                               <th>Datasource</th>
                               <th>Attribute</th>
                             </tr>
@@ -785,7 +788,7 @@ const SchemaCreateEdit: NextPageWithLayout<{
 
                         <table className="table w-full">
                           <thead>
-                            <tr>
+                            <tr className="border-gray text-gray-dark">
                               <th>Datasource</th>
                               <th>Attribute</th>
                             </tr>
diff --git a/src/web/src/pages/opportunities/[[...query]]/index.tsx b/src/web/src/pages/opportunities/[[...query]]/index.tsx
index 36ef3e05c..60fd64b3a 100644
--- a/src/web/src/pages/opportunities/[[...query]]/index.tsx
+++ b/src/web/src/pages/opportunities/[[...query]]/index.tsx
@@ -584,7 +584,7 @@ const Opportunities: NextPageWithLayout<InputProps> = ({
         onRequestClose={() => {
           setFilterFullWindowVisible(false);
         }}
-        className={`fixed bottom-0 left-0 right-0 top-0 flex-grow overflow-scroll rounded-lg bg-white animate-in fade-in md:m-auto md:max-h-[600px] md:w-[800px]`}
+        className={`fixed bottom-0 left-0 right-0 top-0 flex-grow overflow-y-scroll rounded-lg bg-white animate-in fade-in md:m-auto md:max-h-[600px] md:w-[800px]`}
         portalClassName={"fixed z-40"}
         overlayClassName="fixed inset-0 bg-overlay"
       >
diff --git a/src/web/src/pages/opportunities/[opportunityId]/index.tsx b/src/web/src/pages/opportunities/[opportunityId]/index.tsx
index b64970ff9..1f6d7b66e 100644
--- a/src/web/src/pages/opportunities/[opportunityId]/index.tsx
+++ b/src/web/src/pages/opportunities/[opportunityId]/index.tsx
@@ -69,10 +69,10 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
       session != null,
       context,
     );
-    await queryClient.prefetchQuery(
-      ["opportunityInfo", opportunityId],
-      () => data,
-    );
+    await queryClient.prefetchQuery({
+      queryKey: ["opportunityInfo", opportunityId],
+      queryFn: () => data,
+    });
 
     return {
       props: {
@@ -423,10 +423,9 @@ const OpportunityDetails: NextPageWithLayout<{
                   onSave={async () => {
                     setCompleteOpportunityDialogVisible(false);
                     setCompleteOpportunitySuccessDialogVisible(true);
-                    await queryClient.invalidateQueries([
-                      "verificationStatus",
-                      opportunityId,
-                    ]);
+                    await queryClient.invalidateQueries({
+                      queryKey: ["verificationStatus", opportunityId],
+                    });
                     //setRefreshVerificationStatus(true);
                   }}
                 />
@@ -617,7 +616,7 @@ const OpportunityDetails: NextPageWithLayout<{
                           <div className="flex flex-grow gap-4">
                             <button
                               type="button"
-                              className="btn btn-xs rounded-full bg-green normal-case text-white md:btn-sm md:h-10 md:w-[250px]"
+                              className="btn btn-xs rounded-full bg-green normal-case text-white md:btn-sm hover:bg-green-dark md:h-10 md:w-[250px]"
                               onClick={() =>
                                 setGotoOpportunityDialogVisible(true)
                               }
@@ -646,7 +645,7 @@ const OpportunityDetails: NextPageWithLayout<{
                                     !verificationStatusIsLoading && (
                                       <button
                                         type="button"
-                                        className="btn btn-xs rounded-full border-green bg-white normal-case text-green md:btn-sm md:h-10 md:w-[300px]"
+                                        className="btn btn-xs rounded-full border-green bg-white normal-case text-green md:btn-sm hover:bg-green-dark hover:text-white md:h-10 md:w-[300px]"
                                         onClick={() =>
                                           user
                                             ? setCompleteOpportunityDialogVisible(
@@ -705,7 +704,7 @@ const OpportunityDetails: NextPageWithLayout<{
                               opportunity.verificationMethod == "Automatic" && (
                                 <button
                                   type="button"
-                                  className="btn btn-xs rounded-full border-green bg-white normal-case text-green md:btn-sm lg:btn-md md:w-[300px]"
+                                  className="btn btn-xs rounded-full border-green bg-white normal-case text-green md:btn-sm lg:btn-md hover:bg-green-dark hover:text-white md:w-[300px]"
                                   onClick={() =>
                                     user
                                       ? setCompleteOpportunityDialogVisible(
@@ -733,7 +732,7 @@ const OpportunityDetails: NextPageWithLayout<{
                           <div className="flex gap-4 md:justify-end lg:justify-end">
                             <button
                               type="button"
-                              className="btn btn-xs rounded-full border-gray-dark bg-white normal-case text-gray-dark md:btn-sm md:h-10 md:w-[100px]"
+                              className="btn btn-xs rounded-full border-gray-dark bg-white normal-case text-gray-dark md:btn-sm hover:bg-green-dark hover:text-white md:h-10 md:w-[100px]"
                             >
                               <Image
                                 src={iconBookmark}
@@ -750,7 +749,7 @@ const OpportunityDetails: NextPageWithLayout<{
 
                             <button
                               type="button"
-                              className="btn btn-xs rounded-full border-gray-dark bg-white normal-case text-gray-dark md:btn-sm md:h-10 md:w-[100px]"
+                              className="btn btn-xs rounded-full border-gray-dark bg-white normal-case text-gray-dark md:btn-sm hover:bg-green-dark hover:text-white md:h-10 md:w-[100px]"
                             >
                               <Image
                                 src={iconShare}
@@ -811,7 +810,7 @@ const OpportunityDetails: NextPageWithLayout<{
                             {opportunity?.skills?.map((item) => (
                               <div
                                 key={item.id}
-                                className="badge min-h-6 mr-1 h-full rounded-md border-0 bg-green text-xs text-white"
+                                className="min-h-6 badge mr-1 h-full rounded-md border-0 bg-green text-xs text-white"
                               >
                                 {item.name}
                               </div>
@@ -859,7 +858,7 @@ const OpportunityDetails: NextPageWithLayout<{
                             {opportunity?.categories?.map((item) => (
                               <div
                                 key={item.id}
-                                className="badge min-h-6 mr-1 h-full rounded-md bg-green text-xs text-white"
+                                className="min-h-6 badge mr-1 h-full rounded-md bg-green text-xs text-white"
                               >
                                 {item.name}
                               </div>
@@ -885,7 +884,7 @@ const OpportunityDetails: NextPageWithLayout<{
                             {opportunity?.languages?.map((item) => (
                               <div
                                 key={item.id}
-                                className="badge min-h-6 mr-1 h-full rounded-md bg-green text-xs text-white"
+                                className="min-h-6 badge mr-1 h-full rounded-md bg-green text-xs text-white"
                               >
                                 {item.name}
                               </div>
diff --git a/src/web/src/pages/organisations/[[...query]]/index.tsx b/src/web/src/pages/organisations/[[...query]]/index.tsx
index 3b3ed5524..37567d267 100644
--- a/src/web/src/pages/organisations/[[...query]]/index.tsx
+++ b/src/web/src/pages/organisations/[[...query]]/index.tsx
@@ -60,9 +60,9 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const queryClient = new QueryClient();
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(
-    [`OrganisationsActive_${query?.toString()}_${page?.toString()}`],
-    () =>
+  await queryClient.prefetchQuery({
+    queryKey: [`OrganisationsActive_${query?.toString()}_${page?.toString()}`],
+    queryFn: () =>
       getOrganisations(
         {
           pageNumber: page ? parseInt(page.toString()) : 1,
@@ -72,10 +72,12 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
         },
         context,
       ),
-  );
-  await queryClient.prefetchQuery(
-    [`OrganisationsInactive_${query?.toString()}_${page?.toString()}`],
-    () =>
+  });
+  await queryClient.prefetchQuery({
+    queryKey: [
+      `OrganisationsInactive_${query?.toString()}_${page?.toString()}`,
+    ],
+    queryFn: () =>
       getOrganisations(
         {
           pageNumber: page ? parseInt(page.toString()) : 1,
@@ -85,7 +87,7 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
         },
         context,
       ),
-  );
+  });
 
   return {
     props: {
diff --git a/src/web/src/pages/organisations/[id]/edit.tsx b/src/web/src/pages/organisations/[id]/edit.tsx
index 61daf6b0e..141c49dac 100644
--- a/src/web/src/pages/organisations/[id]/edit.tsx
+++ b/src/web/src/pages/organisations/[id]/edit.tsx
@@ -71,12 +71,14 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const queryClient = new QueryClient();
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(["organisationProviderTypes"], () =>
-    getOrganisationProviderTypes(context),
-  );
-  await queryClient.prefetchQuery(["organisation", id], () =>
-    getOrganisationById(id, context),
-  );
+  await queryClient.prefetchQuery({
+    queryKey: ["organisationProviderTypes"],
+    queryFn: () => getOrganisationProviderTypes(context),
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ["organisation", id],
+    queryFn: () => getOrganisationById(id, context),
+  });
 
   return {
     props: {
diff --git a/src/web/src/pages/organisations/[id]/index.tsx b/src/web/src/pages/organisations/[id]/index.tsx
index f30c3b315..91fc6857a 100644
--- a/src/web/src/pages/organisations/[id]/index.tsx
+++ b/src/web/src/pages/organisations/[id]/index.tsx
@@ -56,9 +56,10 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const queryClient = new QueryClient();
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(["organisation", id], () =>
-    getOrganisationById(id, context),
-  );
+  await queryClient.prefetchQuery({
+    queryKey: ["organisation", id],
+    queryFn: () => getOrganisationById(id, context),
+  });
 
   return {
     props: {
diff --git a/src/web/src/pages/organisations/[id]/info.tsx b/src/web/src/pages/organisations/[id]/info.tsx
index 6f5577bb8..1c2521f5a 100644
--- a/src/web/src/pages/organisations/[id]/info.tsx
+++ b/src/web/src/pages/organisations/[id]/info.tsx
@@ -58,9 +58,10 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const queryClient = new QueryClient();
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(["organisation", id], () =>
-    getOrganisationById(id, context),
-  );
+  await queryClient.prefetchQuery({
+    queryKey: ["organisation", id],
+    queryFn: () => getOrganisationById(id, context),
+  });
 
   return {
     props: {
diff --git a/src/web/src/pages/organisations/[id]/opportunities/[[...query]]/index.tsx b/src/web/src/pages/organisations/[id]/opportunities/[[...query]]/index.tsx
index 7a290c0ee..33ddec7ae 100644
--- a/src/web/src/pages/organisations/[id]/opportunities/[[...query]]/index.tsx
+++ b/src/web/src/pages/organisations/[id]/opportunities/[[...query]]/index.tsx
@@ -67,9 +67,11 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   }
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(
-    [`OpportunitiesActive_${id}_${query?.toString()}_${page?.toString()}`],
-    () =>
+  await queryClient.prefetchQuery({
+    queryKey: [
+      `OpportunitiesActive_${id}_${query?.toString()}_${page?.toString()}`,
+    ],
+    queryFn: () =>
       getOpportunitiesAdmin(
         {
           organizations: [id],
@@ -91,7 +93,7 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
         },
         context,
       ),
-  );
+  });
 
   return {
     props: {
@@ -179,7 +181,7 @@ const Opportunities: NextPageWithLayout<{
   return (
     <>
       <Head>
-        <title>Yoma Partner | Opportunities</title>
+        <title>Yoma | Opportunities</title>
       </Head>
 
       <PageBackground />
@@ -222,7 +224,7 @@ const Opportunities: NextPageWithLayout<{
             <div className="overflow-x-auto">
               <table className="table">
                 <thead>
-                  <tr>
+                  <tr className="border-gray text-gray-dark">
                     <th>Opportunity title</th>
                     <th>Reward</th>
                     <th>Url</th>
@@ -231,7 +233,7 @@ const Opportunities: NextPageWithLayout<{
                 </thead>
                 <tbody>
                   {opportunities.items.map((opportunity) => (
-                    <tr key={opportunity.id}>
+                    <tr key={opportunity.id} className="border-gray">
                       <td>
                         <Link
                           href={`/organisations/${id}/opportunities/${opportunity.id}/info`}
diff --git a/src/web/src/pages/organisations/[id]/opportunities/[opportunityId]/index.tsx b/src/web/src/pages/organisations/[id]/opportunities/[opportunityId]/index.tsx
index 12403a135..4393511aa 100644
--- a/src/web/src/pages/organisations/[id]/opportunities/[opportunityId]/index.tsx
+++ b/src/web/src/pages/organisations/[id]/opportunities/[opportunityId]/index.tsx
@@ -108,52 +108,63 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   }
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(["categories"], async () =>
-    (await getCategories(context)).map((c) => ({
-      value: c.id,
-      label: c.name,
-    })),
-  );
-  await queryClient.prefetchQuery(["countries"], async () =>
-    (await getCountries(context)).map((c) => ({
-      value: c.codeNumeric,
-      label: c.name,
-    })),
-  );
-  await queryClient.prefetchQuery(["languages"], async () =>
-    (await getLanguages(context)).map((c) => ({
-      value: c.id,
-      label: c.name,
-    })),
-  );
-  await queryClient.prefetchQuery(["opportunityTypes"], async () =>
-    (await getTypes(context)).map((c) => ({
-      value: c.id,
-      label: c.name,
-    })),
-  );
-  await queryClient.prefetchQuery(["verificationTypes"], async () =>
-    (await getVerificationTypes(context)).map((c) => ({
-      value: c.id,
-      label: c.displayName,
-    })),
-  );
-  await queryClient.prefetchQuery(["difficulties"], async () =>
-    (await getDifficulties(context)).map((c) => ({
-      value: c.id,
-      label: c.name,
-    })),
-  );
-  await queryClient.prefetchQuery(["timeIntervals"], async () =>
-    (await getTimeIntervals(context)).map((c) => ({
-      value: c.id,
-      label: c.name,
-    })),
-  );
+  await queryClient.prefetchQuery({
+    queryKey: ["categories"],
+    queryFn: async () =>
+      (await getCategories(context)).map((c) => ({
+        value: c.id,
+        label: c.name,
+      })),
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ["countries"],
+    queryFn: async () =>
+      (await getCountries(context)).map((c) => ({
+        value: c.codeNumeric,
+        label: c.name,
+      })),
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ["languages"],
+    queryFn: async () =>
+      (await getLanguages(context)).map((c) => ({
+        value: c.id,
+        label: c.name,
+      })),
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ["opportunityTypes"],
+    queryFn: async () =>
+      (await getTypes(context)).map((c) => ({
+        value: c.id,
+        label: c.name,
+      })),
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ["verificationTypes"],
+    queryFn: async () => await getVerificationTypes(context),
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ["difficulties"],
+    queryFn: async () =>
+      (await getDifficulties(context)).map((c) => ({
+        value: c.id,
+        label: c.name,
+      })),
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ["timeIntervals"],
+    queryFn: async () =>
+      (await getTimeIntervals(context)).map((c) => ({
+        value: c.id,
+        label: c.name,
+      })),
+  });
   if (opportunityId !== "create") {
-    await queryClient.prefetchQuery(["opportunity", opportunityId], () =>
-      getOpportunityById(opportunityId, context),
-    );
+    await queryClient.prefetchQuery({
+      queryKey: ["opportunity", opportunityId],
+      queryFn: () => getOpportunityById(opportunityId, context),
+    });
   }
 
   return {
@@ -379,9 +390,13 @@ const OpportunityDetails: NextPageWithLayout<{
         }
 
         // invalidate queries
-        await queryClient.invalidateQueries(["opportunities"]);
-        await queryClient.invalidateQueries(["opportunities", id]);
-        await queryClient.invalidateQueries(["opportunity", opportunityId]);
+        await queryClient.invalidateQueries({ queryKey: ["opportunities"] });
+        await queryClient.invalidateQueries({
+          queryKey: ["opportunities", id],
+        });
+        await queryClient.invalidateQueries({
+          queryKey: ["opportunity", opportunityId],
+        });
       } catch (error) {
         toast(<ApiErrors error={error as AxiosError} />, {
           type: "error",
@@ -499,11 +514,6 @@ const OpportunityDetails: NextPageWithLayout<{
 
   const schemaStep4 = z.object({
     keywords: z.array(z.string()).optional(),
-    // keywords: z
-    //   .array(z.string(), {
-    //     required_error: "At least one keyword is required.",
-    //   })
-    //   .min(1, "At least one keyword is required."),
   });
 
   const schemaStep5 = z
@@ -728,13 +738,13 @@ const OpportunityDetails: NextPageWithLayout<{
 
         <div className="flex flex-col gap-2 md:flex-row">
           {/* LEFT VERTICAL MENU */}
-          <ul className="menu hidden w-64 gap-2 rounded-lg bg-base-200 font-semibold md:flex">
+          <ul className="menu hidden max-h-[320px] w-64 flex-none gap-2 rounded-lg bg-white p-2 font-semibold md:flex">
             <li onClick={() => setStep(1)}>
               <a
-                className={`menu-title ${
+                className={`${
                   step === 1
                     ? "bg-green-light text-green hover:bg-green-light"
-                    : "bg-gray text-gray-dark"
+                    : "bg-gray text-gray-dark hover:bg-gray"
                 }`}
               >
                 <span
@@ -749,10 +759,10 @@ const OpportunityDetails: NextPageWithLayout<{
             </li>
             <li onClick={() => setStep(2)}>
               <a
-                className={`menu-title ${
+                className={`${
                   step === 2
                     ? "bg-green-light text-green hover:bg-green-light"
-                    : "bg-gray text-gray-dark"
+                    : "bg-gray text-gray-dark hover:bg-gray"
                 }`}
               >
                 <span
@@ -767,10 +777,10 @@ const OpportunityDetails: NextPageWithLayout<{
             </li>
             <li onClick={() => setStep(3)}>
               <a
-                className={`menu-title ${
+                className={`${
                   step === 3
                     ? "bg-green-light text-green hover:bg-green-light"
-                    : "bg-gray text-gray-dark"
+                    : "bg-gray text-gray-dark hover:bg-gray"
                 }`}
               >
                 <span
@@ -785,10 +795,10 @@ const OpportunityDetails: NextPageWithLayout<{
             </li>
             <li onClick={() => setStep(4)}>
               <a
-                className={`menu-title ${
+                className={`${
                   step === 4
                     ? "bg-green-light text-green hover:bg-green-light"
-                    : "bg-gray text-gray-dark"
+                    : "bg-gray text-gray-dark hover:bg-gray"
                 }`}
               >
                 <span
@@ -803,10 +813,10 @@ const OpportunityDetails: NextPageWithLayout<{
             </li>
             <li onClick={() => setStep(5)}>
               <a
-                className={`menu-title ${
+                className={`${
                   step === 5
                     ? "bg-green-light text-green hover:bg-green-light"
-                    : "bg-gray text-gray-dark"
+                    : "bg-gray text-gray-dark hover:bg-gray"
                 }`}
               >
                 <span
@@ -821,10 +831,10 @@ const OpportunityDetails: NextPageWithLayout<{
             </li>
             <li onClick={() => setStep(6)}>
               <a
-                className={`menu-title ${
+                className={`${
                   step === 6
                     ? "bg-green-light text-green hover:bg-green-light"
-                    : "bg-gray text-gray-dark"
+                    : "bg-gray text-gray-dark hover:bg-gray"
                 }`}
               >
                 <span
@@ -841,10 +851,10 @@ const OpportunityDetails: NextPageWithLayout<{
             {opportunityId === "create" && (
               <li onClick={() => setStep(7)}>
                 <a
-                  className={`menu-title ${
+                  className={`${
                     step === 7
                       ? "bg-green-light text-green hover:bg-green-light"
-                      : "bg-gray text-gray-dark"
+                      : "bg-gray text-gray-dark hover:bg-gray"
                   }`}
                 >
                   <span
@@ -934,7 +944,7 @@ const OpportunityDetails: NextPageWithLayout<{
                       </label>
                       <input
                         type="text"
-                        className="input input-bordered rounded-md"
+                        className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                         placeholder="Opportunity Title"
                         {...registerStep1("title")}
                         contentEditable
@@ -958,7 +968,7 @@ const OpportunityDetails: NextPageWithLayout<{
                         render={({ field: { onChange, value } }) => (
                           <Select
                             classNames={{
-                              control: () => "input input-bordered",
+                              control: () => "input h-full",
                             }}
                             options={opportunityTypes}
                             onChange={(val) => onChange(val?.value)}
@@ -990,7 +1000,7 @@ const OpportunityDetails: NextPageWithLayout<{
                         render={({ field: { onChange, value } }) => (
                           <Select
                             classNames={{
-                              control: () => "input input-bordered",
+                              control: () => "input h-full",
                             }}
                             isMulti={true}
                             options={categories}
@@ -1020,7 +1030,7 @@ const OpportunityDetails: NextPageWithLayout<{
 
                       <input
                         type="text"
-                        className="input input-bordered rounded-md"
+                        className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                         placeholder="Opportunity Link"
                         {...registerStep1("uRL")}
                         contentEditable
@@ -1039,7 +1049,7 @@ const OpportunityDetails: NextPageWithLayout<{
                         <span className="label-text">Description</span>
                       </label>
                       <textarea
-                        className="textarea textarea-bordered h-24"
+                        className="input textarea textarea-bordered h-24 rounded-md border-gray focus:border-gray focus:outline-none"
                         placeholder="Description"
                         {...registerStep1("description")}
                         onChange={(e) =>
@@ -1101,7 +1111,7 @@ const OpportunityDetails: NextPageWithLayout<{
                         render={({ field: { onChange, value } }) => (
                           <Select
                             classNames={{
-                              control: () => "input input-bordered",
+                              control: () => "input h-full",
                             }}
                             isMulti={true}
                             options={languages}
@@ -1136,7 +1146,7 @@ const OpportunityDetails: NextPageWithLayout<{
                         render={({ field: { onChange, value } }) => (
                           <Select
                             classNames={{
-                              control: () => "input input-bordered",
+                              control: () => "input h-full",
                             }}
                             isMulti={true}
                             options={countries}
@@ -1171,7 +1181,7 @@ const OpportunityDetails: NextPageWithLayout<{
                         render={({ field: { onChange, value } }) => (
                           <Select
                             classNames={{
-                              control: () => "input input-bordered",
+                              control: () => "input h-full",
                             }}
                             isMulti={false}
                             options={difficulties}
@@ -1197,7 +1207,7 @@ const OpportunityDetails: NextPageWithLayout<{
                         </label>
                         <input
                           type="number"
-                          className="input input-bordered w-full"
+                          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                           placeholder="Enter number"
                           {...registerStep2("commitmentIntervalCount", {
                             valueAsNumber: true,
@@ -1222,7 +1232,7 @@ const OpportunityDetails: NextPageWithLayout<{
                           render={({ field: { onChange, value } }) => (
                             <Select
                               classNames={{
-                                control: () => "input input-bordered",
+                                control: () => "input h-full",
                               }}
                               options={timeIntervals}
                               onChange={(val) => onChange(val?.value)}
@@ -1255,7 +1265,7 @@ const OpportunityDetails: NextPageWithLayout<{
                           name="dateStart"
                           render={({ field: { onChange, value } }) => (
                             <DatePicker
-                              className="input input-bordered w-full"
+                              className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                               onChange={(date) => onChange(date)}
                               selected={value ? new Date(value) : null}
                               placeholderText="Start Date"
@@ -1283,7 +1293,7 @@ const OpportunityDetails: NextPageWithLayout<{
                           name="dateEnd"
                           render={({ field: { onChange, value } }) => (
                             <DatePicker
-                              className="input input-bordered w-full"
+                              className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                               onChange={(date) => onChange(date)}
                               selected={value ? new Date(value) : null}
                               placeholderText="Select End Date"
@@ -1311,7 +1321,7 @@ const OpportunityDetails: NextPageWithLayout<{
                       <div className="grid grid-cols-2 gap-2">
                         <input
                           type="number"
-                          className="input input-bordered rounded-md"
+                          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                           placeholder="Count of participants"
                           {...registerStep2("participantLimit", {
                             valueAsNumber: true,
@@ -1373,12 +1383,11 @@ const OpportunityDetails: NextPageWithLayout<{
                         </label>
                         <input
                           type="number"
-                          className="input input-bordered rounded-md"
+                          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                           placeholder="Enter reward amount"
                           {...registerStep3("yomaReward", {
                             valueAsNumber: true,
                           })}
-                          // setValueAs={(v) => (v === "" ? undefined : parseInt(v, 60))}
                         />
                         {errorsStep3.yomaReward && (
                           <label className="label">
@@ -1394,12 +1403,11 @@ const OpportunityDetails: NextPageWithLayout<{
                         </label>
                         <input
                           type="number"
-                          className="input input-bordered rounded-md"
+                          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                           placeholder="Enter reward pool amount"
                           {...registerStep3("yomaRewardPool", {
                             valueAsNumber: true,
                           })}
-                          // setValueAs={(v) => (v === "" ? undefined : parseInt(v, 60))}
                         />
                         {errorsStep3.yomaRewardPool && (
                           <label className="label">
@@ -1418,12 +1426,11 @@ const OpportunityDetails: NextPageWithLayout<{
                         </label>
                         <input
                           type="number"
-                          className="input input-bordered rounded-md"
+                          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                           placeholder="Enter reward amount"
                           {...registerStep3("zltoReward", {
                             valueAsNumber: true,
                           })}
-                          // setValueAs={(v) => (v === "" ? undefined : parseInt(v, 60))}
                         />
                         {errorsStep3.zltoReward && (
                           <label className="label">
@@ -1439,12 +1446,11 @@ const OpportunityDetails: NextPageWithLayout<{
                         </label>
                         <input
                           type="number"
-                          className="input input-bordered rounded-md"
+                          className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                           placeholder="Enter reward pool amount"
                           {...registerStep3("zltoRewardPool", {
                             valueAsNumber: true,
                           })}
-                          // setValueAs={(v) => (v === "" ? undefined : parseInt(v, 60))}
                         />
                         {errorsStep3.zltoRewardPool && (
                           <label className="label">
@@ -1473,14 +1479,7 @@ const OpportunityDetails: NextPageWithLayout<{
                             {/* eslint-disable  */}
                             <AsyncSelect
                               classNames={{
-                                control: () =>
-                                  "input input-bordered-full overflow-y-scroll",
-                              }}
-                              styles={{
-                                control: (base) => ({
-                                  ...base,
-                                  maxHeight: 200,
-                                }),
+                                control: () => "input h-full",
                               }}
                               isMulti={true}
                               defaultOptions={skillsCache}
@@ -1557,14 +1556,7 @@ const OpportunityDetails: NextPageWithLayout<{
                             {/* eslint-disable */}
                             <CreatableSelect
                               classNames={{
-                                control: () =>
-                                  "input input-bordered-full overflow-y-scroll",
-                              }}
-                              styles={{
-                                control: (base) => ({
-                                  ...base,
-                                  maxHeight: 200,
-                                }),
+                                control: () => "input h-full",
                               }}
                               isMulti={true}
                               onChange={(val) =>
@@ -1787,7 +1779,7 @@ const OpportunityDetails: NextPageWithLayout<{
                                     </label>
                                     <input
                                       type="text"
-                                      className="input input-bordered input-sm rounded-md"
+                                      className="input input-bordered rounded-md border-gray focus:border-gray focus:outline-none"
                                       placeholder="Enter description"
                                       onChange={(e) => {
                                         // update the description in the verificationTypes array
@@ -1914,7 +1906,7 @@ const OpportunityDetails: NextPageWithLayout<{
                             render={({ field: { onChange, value } }) => (
                               <Select
                                 classNames={{
-                                  control: () => "input input-bordered",
+                                  control: () => "input h-full",
                                 }}
                                 options={schemasOptions}
                                 onChange={(val) => onChange(val?.value)}
@@ -1939,7 +1931,7 @@ const OpportunityDetails: NextPageWithLayout<{
                             <div className="flex flex-col gap-2">
                               <table className="table w-full">
                                 <thead>
-                                  <tr>
+                                  <tr className="border-gray text-gray-dark">
                                     <th>Datasource</th>
                                     <th>Attribute</th>
                                   </tr>
@@ -1949,7 +1941,10 @@ const OpportunityDetails: NextPageWithLayout<{
                                     <>
                                       {attribute.properties?.map(
                                         (property, index) => (
-                                          <tr key={`${index}_${property.id}`}>
+                                          <tr
+                                            key={`${index}_${property.id}`}
+                                            className="border-gray text-gray-dark"
+                                          >
                                             <td>{attribute?.name}</td>
                                             <td>{property.nameDisplay}</td>
                                           </tr>
@@ -2411,7 +2406,7 @@ const OpportunityDetails: NextPageWithLayout<{
                         <div className="flex flex-col gap-2">
                           <table className="table w-full">
                             <thead>
-                              <tr>
+                              <tr className="border-gray text-gray-dark">
                                 <th>Datasource</th>
                                 <th>Attribute</th>
                               </tr>
@@ -2421,7 +2416,10 @@ const OpportunityDetails: NextPageWithLayout<{
                                 <>
                                   {attribute.properties?.map(
                                     (property, index) => (
-                                      <tr key={`${index}_${property.id}`}>
+                                      <tr
+                                        key={`${index}_${property.id}`}
+                                        className="border-gray text-gray-dark"
+                                      >
                                         <td>{attribute?.name}</td>
                                         <td>{property.nameDisplay}</td>
                                       </tr>
@@ -2474,7 +2472,7 @@ const OpportunityDetails: NextPageWithLayout<{
                       </button>
                       <button
                         type="submit"
-                        className="btn btn-success btn-sm flex-grow"
+                        className="btn btn-success btn-sm flex-grow disabled:bg-gray-light"
                         disabled={
                           !(
                             isValidStep1 &&
diff --git a/src/web/src/pages/organisations/[id]/opportunities/[opportunityId]/info.tsx b/src/web/src/pages/organisations/[id]/opportunities/[opportunityId]/info.tsx
index d0aa43ca7..3b5d65602 100644
--- a/src/web/src/pages/organisations/[id]/opportunities/[opportunityId]/info.tsx
+++ b/src/web/src/pages/organisations/[id]/opportunities/[opportunityId]/info.tsx
@@ -85,9 +85,10 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const queryClient = new QueryClient();
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(["opportunityInfo", opportunityId], () =>
-    getOpportunityInfoByIdAdmin(opportunityId, context),
-  );
+  await queryClient.prefetchQuery({
+    queryKey: ["opportunityInfo", opportunityId],
+    queryFn: () => getOpportunityInfoByIdAdmin(opportunityId, context),
+  });
 
   return {
     props: {
@@ -129,7 +130,9 @@ const OpportunityDetails: NextPageWithLayout<{
         await updateOpportunityStatus(opportunityId, status);
 
         // invalidate cache
-        await queryClient.invalidateQueries(["opportunityInfo", opportunityId]);
+        await queryClient.invalidateQueries({
+          queryKey: ["opportunityInfo", opportunityId],
+        });
 
         toast.success("Opportunity status updated");
       } catch (error) {
@@ -413,7 +416,7 @@ const OpportunityDetails: NextPageWithLayout<{
                     {opportunity?.skills?.map((item) => (
                       <div
                         key={item.id}
-                        className="badge min-h-6 mr-2 h-full rounded-md border-0 bg-green text-white"
+                        className="min-h-6 badge mr-2 h-full rounded-md border-0 bg-green text-white"
                       >
                         {item.name}
                       </div>
@@ -456,7 +459,7 @@ const OpportunityDetails: NextPageWithLayout<{
                     {opportunity?.categories?.map((item) => (
                       <div
                         key={item.id}
-                        className="badge min-h-6 mr-2 h-full rounded-md bg-green text-white"
+                        className="min-h-6 badge mr-2 h-full rounded-md bg-green text-white"
                       >
                         {item.name}
                       </div>
@@ -482,7 +485,7 @@ const OpportunityDetails: NextPageWithLayout<{
                     {opportunity?.languages?.map((item) => (
                       <div
                         key={item.id}
-                        className="badge min-h-6 mr-2 h-full rounded-md bg-green text-white"
+                        className="min-h-6 badge mr-2 h-full rounded-md bg-green text-white"
                       >
                         {item.name}
                       </div>
diff --git a/src/web/src/pages/organisations/[id]/verifications/[[...query]]/index.tsx b/src/web/src/pages/organisations/[id]/verifications/[[...query]]/index.tsx
index ce201284c..900d016e0 100644
--- a/src/web/src/pages/organisations/[id]/verifications/[[...query]]/index.tsx
+++ b/src/web/src/pages/organisations/[id]/verifications/[[...query]]/index.tsx
@@ -97,11 +97,11 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const queryClient = new QueryClient();
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(
-    [
+  await queryClient.prefetchQuery({
+    queryKey: [
       `Verifications_${id}_${query?.toString()}_${opportunity}_${page?.toString()}`,
     ],
-    () =>
+    queryFn: () =>
       searchMyOpportunitiesAdmin(
         {
           organizations: [id],
@@ -119,17 +119,17 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
         },
         context,
       ),
-  );
-  await queryClient.prefetchQuery(
-    ["OpportunitiesForVerification", id],
-    async () =>
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ["OpportunitiesForVerification", id],
+    queryFn: async () =>
       (await getOpportunitiesForVerification([id], undefined, context)).map(
         (x) => ({
           value: x.id,
           label: x.title,
         }),
       ),
-  );
+  });
 
   return {
     props: {
@@ -168,7 +168,7 @@ const OpportunityVerifications: NextPageWithLayout<{
         opportunity: opportunity?.toString() ?? null,
         userId: null,
         valueContains: query?.toString() ?? null,
-        action: Action.Verification, //TODO
+        action: Action.Verification,
         verificationStatuses: [
           VerificationStatus.Pending,
           VerificationStatus.Completed,
@@ -266,10 +266,14 @@ const OpportunityVerifications: NextPageWithLayout<{
         await performActionVerifyManual(model);
 
         // invalidate query
-        await queryClient.invalidateQueries(["opportunityParticipants", id]);
-        await queryClient.invalidateQueries([
-          `Verifications_${id}_${query?.toString()}_${opportunity?.toString()}_${page?.toString()}`,
-        ]);
+        await queryClient.invalidateQueries({
+          queryKey: ["opportunityParticipants", id],
+        });
+        await queryClient.invalidateQueries({
+          queryKey: [
+            `Verifications_${id}_${query?.toString()}_${opportunity?.toString()}_${page?.toString()}`,
+          ],
+        });
       } catch (error) {
         toast(<ApiErrors error={error} />, {
           type: "error",
@@ -356,10 +360,14 @@ const OpportunityVerifications: NextPageWithLayout<{
         await performActionVerifyBulk(model);
 
         // invalidate query
-        await queryClient.invalidateQueries(["opportunityParticipants", id]);
-        await queryClient.invalidateQueries([
-          `Verifications_${id}_${query?.toString()}_${opportunity?.toString()}_${page?.toString()}`,
-        ]);
+        await queryClient.invalidateQueries({
+          queryKey: ["opportunityParticipants", id],
+        });
+        await queryClient.invalidateQueries({
+          queryKey: [
+            `Verifications_${id}_${query?.toString()}_${opportunity?.toString()}_${page?.toString()}`,
+          ],
+        });
       } catch (error) {
         toast(<ApiErrors error={error} />, {
           type: "error",
@@ -401,37 +409,39 @@ const OpportunityVerifications: NextPageWithLayout<{
   );
   //#endregion Click Handlers
 
-  const handleRowSelect = (
-    e: React.ChangeEvent<HTMLInputElement>,
-    row: MyOpportunityInfo,
-  ) => {
-    if (e.target.checked) {
-      setSelectedRows((prev: MyOpportunityInfo[] | undefined) => [
-        ...(prev ?? []),
-        row,
-      ]);
-    } else {
-      setSelectedRows(
-        (prev: MyOpportunityInfo[] | undefined) =>
-          prev?.filter((item) => item.id !== row.id),
-      );
-    }
-  };
-
-  const handleAllSelect = (e: React.ChangeEvent<HTMLInputElement>) => {
-    if (e.target.checked) {
-      setSelectedRows(data?.items ?? []);
-    } else {
-      setSelectedRows([]);
-    }
-  };
+  const handleRowSelect = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>, row: MyOpportunityInfo) => {
+      if (e.target.checked) {
+        setSelectedRows((prev: MyOpportunityInfo[] | undefined) => [
+          ...(prev ?? []),
+          row,
+        ]);
+      } else {
+        setSelectedRows(
+          (prev: MyOpportunityInfo[] | undefined) =>
+            prev?.filter((item) => item.id !== row.id),
+        );
+      }
+    },
+    [setSelectedRows],
+  );
 
+  const handleAllSelect = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      if (e.target.checked) {
+        setSelectedRows(data?.items ?? []);
+      } else {
+        setSelectedRows([]);
+      }
+    },
+    [data, setSelectedRows],
+  );
   if (error) return <AccessDenied />;
 
   return (
     <>
       <Head>
-        <title>Yoma Partner | Verifications</title>
+        <title>Yoma | Verifications</title>
       </Head>
 
       {isLoading && <Loading />}
@@ -612,7 +622,7 @@ const OpportunityVerifications: NextPageWithLayout<{
               {/* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */}
               <Select
                 classNames={{
-                  control: () => "input input-bordered input-xs w-[200px]",
+                  control: () => "input input-xs w-[200px]",
                 }}
                 options={dataOpportunitiesForVerification}
                 onChange={(val) => onFilterOpportunity(val?.value!)}
@@ -628,7 +638,7 @@ const OpportunityVerifications: NextPageWithLayout<{
               {/* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */}
               <Select
                 classNames={{
-                  control: () => "input input-bordered input-xs w-[200px]",
+                  control: () => "input input-xs w-[200px]",
                 }}
                 options={dataBulkActions}
                 onChange={(val) => {
@@ -642,7 +652,6 @@ const OpportunityVerifications: NextPageWithLayout<{
               <SearchInput defaultValue={query} onSearch={onSearch} />
             </div>
           </div>
-
           {/* NO ROWS */}
           {/* {data && data.items?.length === 0 && !query && (
             <NoRowsMessage
@@ -658,16 +667,17 @@ const OpportunityVerifications: NextPageWithLayout<{
               description={"Please try refining your search query."}
             />
           )}
+
           {/* GRID */}
           {data && data.items?.length > 0 && (
             <div className="overflow-x-auto">
               <table className="table">
                 <thead>
-                  <tr>
+                  <tr className="border-gray text-gray-dark">
                     <th>
                       <input
                         type="checkbox"
-                        className="checkbox"
+                        className="checkbox-primary checkbox"
                         checked={selectedRows?.length === data.items?.length}
                         onChange={handleAllSelect}
                       />
@@ -680,11 +690,11 @@ const OpportunityVerifications: NextPageWithLayout<{
                 </thead>
                 <tbody>
                   {data.items.map((item) => (
-                    <tr key={item.id}>
+                    <tr key={item.id} className="border-gray text-gray-dark">
                       <td>
                         <input
                           type="checkbox"
-                          className="checkbox"
+                          className="checkbox-primary checkbox"
                           checked={selectedRows?.some((x) => x.id == item.id)}
                           onChange={(e) => handleRowSelect(e, item)}
                         />
@@ -743,7 +753,6 @@ const OpportunityVerifications: NextPageWithLayout<{
               </table>
             </div>
           )}
-
           <div className="mt-2 grid place-items-center justify-center">
             {/* PAGINATION */}
             <PaginationButtons
diff --git a/src/web/src/pages/organisations/[id]/verify.tsx b/src/web/src/pages/organisations/[id]/verify.tsx
index 3d0899f5b..f6d37be4d 100644
--- a/src/web/src/pages/organisations/[id]/verify.tsx
+++ b/src/web/src/pages/organisations/[id]/verify.tsx
@@ -83,12 +83,14 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const queryClient = new QueryClient();
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(["organisation", id], () =>
-    getOrganisationById(id, context),
-  );
-  await queryClient.prefetchQuery(["organisationAdmins", id], () =>
-    getOrganisationAdminsById(id, context),
-  );
+  await queryClient.prefetchQuery({
+    queryKey: ["organisation", id],
+    queryFn: () => getOrganisationById(id, context),
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ["organisationAdmins", id],
+    queryFn: () => getOrganisationAdminsById(id, context),
+  });
 
   return {
     props: {
@@ -137,8 +139,8 @@ const OrganisationDetails: NextPageWithLayout<{
       });
 
       // invalidate queries
-      await queryClient.invalidateQueries(["organisations"]);
-      await queryClient.invalidateQueries([id, "organisation"]);
+      await queryClient.invalidateQueries({ queryKey: ["organisations"] });
+      await queryClient.invalidateQueries({ queryKey: [id, "organisation"] });
     } catch (error) {
       toast(<ApiErrors error={error as AxiosError} />, {
         type: "error",
diff --git a/src/web/src/pages/organisations/register/index.tsx b/src/web/src/pages/organisations/register/index.tsx
index 74593d8e2..c87ffdb12 100644
--- a/src/web/src/pages/organisations/register/index.tsx
+++ b/src/web/src/pages/organisations/register/index.tsx
@@ -59,9 +59,10 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const queryClient = new QueryClient();
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(["organisationProviderTypes"], () =>
-    getOrganisationProviderTypes(context),
-  );
+  await queryClient.prefetchQuery({
+    queryKey: ["organisationProviderTypes"],
+    queryFn: () => getOrganisationProviderTypes(context),
+  });
 
   return {
     props: {
@@ -118,10 +119,6 @@ const OrganisationCreate: NextPageWithLayout<{
         // update api
         await postOrganisation(model);
 
-        toast("Your organisation has been updated", {
-          type: "success",
-          toastId: "organisationRegistration",
-        });
         setIsLoading(false);
 
         // refresh user profile for new organisation to reflect on user menu
diff --git a/src/web/src/pages/user/settings.tsx b/src/web/src/pages/user/settings.tsx
index fd2dadfdb..2f5f123c4 100644
--- a/src/web/src/pages/user/settings.tsx
+++ b/src/web/src/pages/user/settings.tsx
@@ -40,11 +40,14 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const queryClient = new QueryClient();
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(["genders"], async () => await getGenders());
-  await queryClient.prefetchQuery(
-    ["countries"],
-    async () => await getCountries(),
-  );
+  await queryClient.prefetchQuery({
+    queryKey: ["genders"],
+    queryFn: async () => await getGenders(),
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ["countries"],
+    queryFn: async () => await getCountries(),
+  });
 
   return {
     props: {
@@ -62,7 +65,7 @@ const Settings: NextPageWithLayout<{
   const [logoFiles, setLogoFiles] = useState<File[]>([]);
   const setUserProfileAtom = useSetAtom(userProfileAtom);
 
-  // 👇 use prefetched queries (from server)
+  // 👇 use prefetched queries from server
   const { data: genders } = useQuery({
     queryKey: ["genders"],
     queryFn: async () => await getGenders(),
@@ -218,7 +221,7 @@ const Settings: NextPageWithLayout<{
                 </label>
                 <input
                   type="text"
-                  className="input input-bordered w-full"
+                  className="input input-bordered w-full rounded-md border-gray focus:border-gray focus:outline-none"
                   {...register("email")}
                 />
                 {errors.email && (
@@ -236,7 +239,7 @@ const Settings: NextPageWithLayout<{
                 </label>
                 <input
                   type="text"
-                  className="input input-bordered"
+                  className="input input-bordered w-full rounded-md border-gray focus:border-gray focus:outline-none"
                   {...register("firstName")}
                 />
                 {errors.firstName && (
@@ -254,7 +257,7 @@ const Settings: NextPageWithLayout<{
                 </label>
                 <input
                   type="text"
-                  className="input input-bordered"
+                  className="input input-bordered w-full rounded-md border-gray focus:border-gray focus:outline-none"
                   {...register("surname")}
                 />
                 {errors.surname && (
@@ -272,7 +275,7 @@ const Settings: NextPageWithLayout<{
                 </label>
                 <input
                   type="text"
-                  className="input input-bordered"
+                  className="input input-bordered w-full rounded-md border-gray focus:border-gray focus:outline-none"
                   {...register("displayName")}
                 />
                 {errors.displayName && (
@@ -290,7 +293,7 @@ const Settings: NextPageWithLayout<{
                 </label>
                 <input
                   type="text"
-                  className="input input-bordered"
+                  className="input input-bordered w-full rounded-md border-gray focus:border-gray focus:outline-none"
                   {...register("phoneNumber")}
                 />
                 {errors.phoneNumber && (
@@ -307,7 +310,7 @@ const Settings: NextPageWithLayout<{
                   <span className="label-text">Country</span>
                 </label>
                 <select
-                  className="select select-bordered"
+                  className="select select-bordered border-gray focus:border-gray focus:outline-none"
                   {...register("countryId")}
                 >
                   <option value="">Please select</option>
@@ -331,7 +334,7 @@ const Settings: NextPageWithLayout<{
                   <span className="label-text">Country Of Residence</span>
                 </label>
                 <select
-                  className="select select-bordered"
+                  className="select select-bordered border-gray focus:border-gray focus:outline-none"
                   {...register("countryOfResidenceId")}
                 >
                   <option value="">Please select</option>
@@ -355,7 +358,7 @@ const Settings: NextPageWithLayout<{
                   <span className="label-text">Gender</span>
                 </label>
                 <select
-                  className="select select-bordered"
+                  className="select select-bordered border-gray focus:border-gray focus:outline-none"
                   {...register("genderId")}
                 >
                   <option value="">Please select</option>
@@ -380,7 +383,7 @@ const Settings: NextPageWithLayout<{
                 </label>
                 <input
                   type="date"
-                  className="input input-bordered"
+                  className="input input-bordered w-full rounded-md border-gray focus:border-gray focus:outline-none"
                   {...register("dateOfBirth")}
                 />
                 {errors.dateOfBirth && (
diff --git a/src/web/src/pages/yoid/passport/[[...query]].tsx b/src/web/src/pages/yoid/passport/[[...query]].tsx
index f4515a82d..31338819c 100644
--- a/src/web/src/pages/yoid/passport/[[...query]].tsx
+++ b/src/web/src/pages/yoid/passport/[[...query]].tsx
@@ -38,6 +38,7 @@ interface IParams extends ParsedUrlQuery {
 export async function getServerSideProps(context: GetServerSidePropsContext) {
   const session = await getServerSession(context.req, context.res, authOptions);
 
+  // 👇 ensure authenticated
   if (!session) {
     return {
       props: {
@@ -51,11 +52,11 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const { query, schemaType, page } = context.query;
 
   // 👇 prefetch queries on server
-  await queryClient.prefetchQuery(
-    [
+  await queryClient.prefetchQuery({
+    queryKey: [
       `Credentials_${id}_${query?.toString()}_${schemaType}_${page?.toString()}`,
     ],
-    () =>
+    queryFn: () =>
       searchCredentials(
         {
           pageNumber: null, //page ? parseInt(page.toString()) : 1,
@@ -64,7 +65,7 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
         },
         context,
       ),
-  );
+  });
 
   return {
     props: {
@@ -89,7 +90,7 @@ const MyPassport: NextPageWithLayout<{
   const [activeCredential, setActiveCredential] =
     useState<SSICredentialInfo | null>(null);
 
-  // 👇 use prefetched queries (from server)
+  // 👇 use prefetched queries from server
   const {
     data: data,
     error: dataError,
diff --git a/src/web/yarn.lock b/src/web/yarn.lock
index 6f8e3f0e0..bd071f67a 100644
--- a/src/web/yarn.lock
+++ b/src/web/yarn.lock
@@ -1053,10 +1053,10 @@
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
   integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==
 
-"@eslint/eslintrc@^2.1.2":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.2.tgz#c6936b4b328c64496692f76944e755738be62396"
-  integrity sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==
+"@eslint/eslintrc@^2.1.3":
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.3.tgz#797470a75fe0fbd5a53350ee715e85e87baff22d"
+  integrity sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
@@ -1068,10 +1068,10 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@8.52.0":
-  version "8.52.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.52.0.tgz#78fe5f117840f69dc4a353adf9b9cd926353378c"
-  integrity sha512-mjZVbpaeMZludF2fsWLD0Z9gCref1Tk4i9+wddjRvpUNqqcndPkBD09N/Mapey0b3jaXbLm2kICwFv2E64QinA==
+"@eslint/js@8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.54.0.tgz#4fab9a2ff7860082c304f750e94acd644cf984cf"
+  integrity sha512-ut5V+D+fOoWPgGGNj83GGjnntO39xDy6DWxO0wb7Jp3DcMX0TfIqdzHF85VTQkerdyGmuuMD9AKAo5KiNlf/AQ==
 
 "@floating-ui/core@^1.4.2":
   version "1.5.0"
@@ -1177,10 +1177,10 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@next/bundle-analyzer@^14.0.1":
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/@next/bundle-analyzer/-/bundle-analyzer-14.0.1.tgz#0b371a00a4c252596669319e2fdda2d3cff4b52b"
-  integrity sha512-AbZZnj4gZ1ZQFppZxAC9e8+skj0rFiSvY6E6Ut+ydS1r6oizR7PMu/7o02psIm4ekAsmp2O1Eq8IowHQgPWPCQ==
+"@next/bundle-analyzer@^14.0.3":
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/@next/bundle-analyzer/-/bundle-analyzer-14.0.3.tgz#84850308cde730fa6f8ca53f304d26f05f7abd95"
+  integrity sha512-+UriXNEn2vGR2IxTiiuen45G7lXUbtMh0hgS/UH2o2E4TnScwjEEepqT76pY8fdpa5JEZ+gvBy6aSnrw4G2P2w==
   dependencies:
     webpack-bundle-analyzer "4.7.0"
 
@@ -1189,15 +1189,15 @@
   resolved "https://registry.yarnpkg.com/@next/env/-/env-13.5.6.tgz#c1148e2e1aa166614f05161ee8f77ded467062bc"
   integrity sha512-Yac/bV5sBGkkEXmAX5FWPS9Mmo2rthrOPRQQNfycJPkjUAUclomCPH7QFVCDQ4Mp2k2K1SSM6m0zrxYrOwtFQw==
 
-"@next/env@14.0.1":
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-14.0.1.tgz#7d03c9042c205a320aef2ea3f83c2d16b6825563"
-  integrity sha512-Ms8ZswqY65/YfcjrlcIwMPD7Rg/dVjdLapMcSHG26W6O67EJDF435ShW4H4LXi1xKO1oRc97tLXUpx8jpLe86A==
+"@next/env@14.0.3":
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/@next/env/-/env-14.0.3.tgz#9a58b296e7ae04ffebce8a4e5bd0f87f71de86bd"
+  integrity sha512-7xRqh9nMvP5xrW4/+L0jgRRX+HoNRGnfJpD+5Wq6/13j3dsdzxO3BCXn7D3hMqsDb+vjZnJq+vI7+EtgrYZTeA==
 
-"@next/eslint-plugin-next@14.0.1":
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.1.tgz#6e587b76588a02d77267945b5d1f059a6c8fd9ca"
-  integrity sha512-bLjJMwXdzvhnQOnxvHoTTUh/+PYk6FF/DCgHi4BXwXCINer+o1ZYfL9aVeezj/oI7wqGJOqwGIXrlBvPbAId3w==
+"@next/eslint-plugin-next@14.0.3":
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.3.tgz#f32413be4db69f698538c38fd6f4091a2feb54c6"
+  integrity sha512-j4K0n+DcmQYCVnSAM+UByTVfIHnYQy2ODozfQP+4RdwtRDfobrIvKq1K4Exb2koJ79HSSa7s6B2SA8T/1YR3RA==
   dependencies:
     glob "7.1.7"
 
@@ -1206,90 +1206,90 @@
   resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.6.tgz#b15d139d8971360fca29be3bdd703c108c9a45fb"
   integrity sha512-5nvXMzKtZfvcu4BhtV0KH1oGv4XEW+B+jOfmBdpFI3C7FrB/MfujRpWYSBBO64+qbW8pkZiSyQv9eiwnn5VIQA==
 
-"@next/swc-darwin-arm64@14.0.1":
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.1.tgz#75a5f872c4077ecd536d7496bc24f3d312d5dcd0"
-  integrity sha512-JyxnGCS4qT67hdOKQ0CkgFTp+PXub5W1wsGvIq98TNbF3YEIN7iDekYhYsZzc8Ov0pWEsghQt+tANdidITCLaw==
+"@next/swc-darwin-arm64@14.0.3":
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.3.tgz#b1a0440ffbf69056451947c4aea5b6d887e9fbbc"
+  integrity sha512-64JbSvi3nbbcEtyitNn2LEDS/hcleAFpHdykpcnrstITFlzFgB/bW0ER5/SJJwUPj+ZPY+z3e+1jAfcczRLVGw==
 
 "@next/swc-darwin-x64@13.5.6":
   version "13.5.6"
   resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.6.tgz#9c72ee31cc356cb65ce6860b658d807ff39f1578"
   integrity sha512-6cgBfxg98oOCSr4BckWjLLgiVwlL3vlLj8hXg2b+nDgm4bC/qVXXLfpLB9FHdoDu4057hzywbxKvmYGmi7yUzA==
 
-"@next/swc-darwin-x64@14.0.1":
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.1.tgz#7d8498fc680cc8b4d5181bee336818c63779bc5e"
-  integrity sha512-625Z7bb5AyIzswF9hvfZWa+HTwFZw+Jn3lOBNZB87lUS0iuCYDHqk3ujuHCkiyPtSC0xFBtYDLcrZ11mF/ap3w==
+"@next/swc-darwin-x64@14.0.3":
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.3.tgz#48b527ef7eb5dbdcaf62fd107bc3a78371f36f09"
+  integrity sha512-RkTf+KbAD0SgYdVn1XzqE/+sIxYGB7NLMZRn9I4Z24afrhUpVJx6L8hsRnIwxz3ERE2NFURNliPjJ2QNfnWicQ==
 
 "@next/swc-linux-arm64-gnu@13.5.6":
   version "13.5.6"
   resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.6.tgz#59f5f66155e85380ffa26ee3d95b687a770cfeab"
   integrity sha512-txagBbj1e1w47YQjcKgSU4rRVQ7uF29YpnlHV5xuVUsgCUf2FmyfJ3CPjZUvpIeXCJAoMCFAoGnbtX86BK7+sg==
 
-"@next/swc-linux-arm64-gnu@14.0.1":
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.1.tgz#184286794e67bed192de7dbb10d7f040c996f965"
-  integrity sha512-iVpn3KG3DprFXzVHM09kvb//4CNNXBQ9NB/pTm8LO+vnnnaObnzFdS5KM+w1okwa32xH0g8EvZIhoB3fI3mS1g==
+"@next/swc-linux-arm64-gnu@14.0.3":
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.3.tgz#0a36475a38b2855ab8ea0fe8b56899bc90184c0f"
+  integrity sha512-3tBWGgz7M9RKLO6sPWC6c4pAw4geujSwQ7q7Si4d6bo0l6cLs4tmO+lnSwFp1Tm3lxwfMk0SgkJT7EdwYSJvcg==
 
 "@next/swc-linux-arm64-musl@13.5.6":
   version "13.5.6"
   resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.6.tgz#f012518228017052736a87d69bae73e587c76ce2"
   integrity sha512-cGd+H8amifT86ZldVJtAKDxUqeFyLWW+v2NlBULnLAdWsiuuN8TuhVBt8ZNpCqcAuoruoSWynvMWixTFcroq+Q==
 
-"@next/swc-linux-arm64-musl@14.0.1":
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.1.tgz#e8121b860ebc97a8d2a9113e5a42878430e749d5"
-  integrity sha512-mVsGyMxTLWZXyD5sen6kGOTYVOO67lZjLApIj/JsTEEohDDt1im2nkspzfV5MvhfS7diDw6Rp/xvAQaWZTv1Ww==
+"@next/swc-linux-arm64-musl@14.0.3":
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.3.tgz#25328a9f55baa09fde6364e7e47ade65c655034f"
+  integrity sha512-v0v8Kb8j8T23jvVUWZeA2D8+izWspeyeDGNaT2/mTHWp7+37fiNfL8bmBWiOmeumXkacM/AB0XOUQvEbncSnHA==
 
 "@next/swc-linux-x64-gnu@13.5.6":
   version "13.5.6"
   resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.6.tgz#339b867a7e9e7ee727a700b496b269033d820df4"
   integrity sha512-Mc2b4xiIWKXIhBy2NBTwOxGD3nHLmq4keFk+d4/WL5fMsB8XdJRdtUlL87SqVCTSaf1BRuQQf1HvXZcy+rq3Nw==
 
-"@next/swc-linux-x64-gnu@14.0.1":
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.1.tgz#cdc4276b11a10c892fd1cb7dd31e024064db9c3b"
-  integrity sha512-wMqf90uDWN001NqCM/auRl3+qVVeKfjJdT9XW+RMIOf+rhUzadmYJu++tp2y+hUbb6GTRhT+VjQzcgg/QTD9NQ==
+"@next/swc-linux-x64-gnu@14.0.3":
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.3.tgz#594b747e3c8896b2da67bba54fcf8a6b5a410e5e"
+  integrity sha512-VM1aE1tJKLBwMGtyBR21yy+STfl0MapMQnNrXkxeyLs0GFv/kZqXS5Jw/TQ3TSUnbv0QPDf/X8sDXuMtSgG6eg==
 
 "@next/swc-linux-x64-musl@13.5.6":
   version "13.5.6"
   resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.6.tgz#ae0ae84d058df758675830bcf70ca1846f1028f2"
   integrity sha512-CFHvP9Qz98NruJiUnCe61O6GveKKHpJLloXbDSWRhqhkJdZD2zU5hG+gtVJR//tyW897izuHpM6Gtf6+sNgJPQ==
 
-"@next/swc-linux-x64-musl@14.0.1":
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.1.tgz#4a194a484ceb34fd370e8d1af571493859fb2542"
-  integrity sha512-ol1X1e24w4j4QwdeNjfX0f+Nza25n+ymY0T2frTyalVczUmzkVD7QGgPTZMHfR1aLrO69hBs0G3QBYaj22J5GQ==
+"@next/swc-linux-x64-musl@14.0.3":
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.3.tgz#a02da58fc6ecad8cf5c5a2a96a7f6030ec7f6215"
+  integrity sha512-64EnmKy18MYFL5CzLaSuUn561hbO1Gk16jM/KHznYP3iCIfF9e3yULtHaMy0D8zbHfxset9LTOv6cuYKJgcOxg==
 
 "@next/swc-win32-arm64-msvc@13.5.6":
   version "13.5.6"
   resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.6.tgz#a5cc0c16920485a929a17495064671374fdbc661"
   integrity sha512-aFv1ejfkbS7PUa1qVPwzDHjQWQtknzAZWGTKYIAaS4NMtBlk3VyA6AYn593pqNanlicewqyl2jUhQAaFV/qXsg==
 
-"@next/swc-win32-arm64-msvc@14.0.1":
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.1.tgz#71923debee50f98ef166b28cdb3ad7e7463e6598"
-  integrity sha512-WEmTEeWs6yRUEnUlahTgvZteh5RJc4sEjCQIodJlZZ5/VJwVP8p2L7l6VhzQhT4h7KvLx/Ed4UViBdne6zpIsw==
+"@next/swc-win32-arm64-msvc@14.0.3":
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.3.tgz#bf2be23d3ba2ebd0d4a9376a31f783efdb677b48"
+  integrity sha512-WRDp8QrmsL1bbGtsh5GqQ/KWulmrnMBgbnb+59qNTW1kVi1nG/2ndZLkcbs2GX7NpFLlToLRMWSQXmPzQm4tog==
 
 "@next/swc-win32-ia32-msvc@13.5.6":
   version "13.5.6"
   resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.6.tgz#6a2409b84a2cbf34bf92fe714896455efb4191e4"
   integrity sha512-XqqpHgEIlBHvzwG8sp/JXMFkLAfGLqkbVsyN+/Ih1mR8INb6YCc2x/Mbwi6hsAgUnqQztz8cvEbHJUbSl7RHDg==
 
-"@next/swc-win32-ia32-msvc@14.0.1":
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.1.tgz#b8f46da899c279fd65db76f0951849290c480ef9"
-  integrity sha512-oFpHphN4ygAgZUKjzga7SoH2VGbEJXZa/KL8bHCAwCjDWle6R1SpiGOdUdA8EJ9YsG1TYWpzY6FTbUA+iAJeww==
+"@next/swc-win32-ia32-msvc@14.0.3":
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.3.tgz#839f8de85a4bf2c3c69242483ab87cb916427551"
+  integrity sha512-EKffQeqCrj+t6qFFhIFTRoqb2QwX1mU7iTOvMyLbYw3QtqTw9sMwjykyiMlZlrfm2a4fA84+/aeW+PMg1MjuTg==
 
 "@next/swc-win32-x64-msvc@13.5.6":
   version "13.5.6"
   resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.6.tgz#4a3e2a206251abc729339ba85f60bc0433c2865d"
   integrity sha512-Cqfe1YmOS7k+5mGu92nl5ULkzpKuxJrP3+4AEuPmrpFZ3BHxTY3TnHmU1On3bFmFFs6FbTcdF58CCUProGpIGQ==
 
-"@next/swc-win32-x64-msvc@14.0.1":
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.1.tgz#be3dd8b3729ec51c99ff04b51e2b235756d02b6e"
-  integrity sha512-FFp3nOJ/5qSpeWT0BZQ+YE1pSMk4IMpkME/1DwKBwhg4mJLB9L+6EXuJi4JEwaJdl5iN+UUlmUD3IsR1kx5fAg==
+"@next/swc-win32-x64-msvc@14.0.3":
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.3.tgz#27b623612b1d0cea6efe0a0d31aa1a335fc99647"
+  integrity sha512-ERhKPSJ1vQrPiwrs15Pjz/rvDHZmkmvbf/BjPN/UCOI++ODftT0GtasDPi0j+y6PPJi5HsXw+dpRaXUaw4vjuQ==
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
@@ -1412,30 +1412,30 @@
   resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz#5f1b518ec5fa54437c0b7c4a821546c64fed6922"
   integrity sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==
 
-"@sentry-internal/tracing@7.77.0":
-  version "7.77.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.77.0.tgz#f3d82486f8934a955b3dd2aa54c8d29586e42a37"
-  integrity sha512-8HRF1rdqWwtINqGEdx8Iqs9UOP/n8E0vXUu3Nmbqj4p5sQPA7vvCfq+4Y4rTqZFc7sNdFpDsRION5iQEh8zfZw==
+"@sentry-internal/tracing@7.81.1":
+  version "7.81.1"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.81.1.tgz#1180365cd8a9e18cb0f92e1ea970161840ec0e2e"
+  integrity sha512-E5xm27xrLXL10knH2EWDQsQYh5nb4SxxZzJ3sJwDGG9XGKzBdlp20UUhKqx00wixooVX9uCj3e4Jg8SvNB1hKg==
   dependencies:
-    "@sentry/core" "7.77.0"
-    "@sentry/types" "7.77.0"
-    "@sentry/utils" "7.77.0"
+    "@sentry/core" "7.81.1"
+    "@sentry/types" "7.81.1"
+    "@sentry/utils" "7.81.1"
 
-"@sentry/browser@7.77.0":
-  version "7.77.0"
-  resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-7.77.0.tgz#155440f1a0d3a1bbd5d564c28d6b0c9853a51d72"
-  integrity sha512-nJ2KDZD90H8jcPx9BysQLiQW+w7k7kISCWeRjrEMJzjtge32dmHA8G4stlUTRIQugy5F+73cOayWShceFP7QJQ==
+"@sentry/browser@7.81.1":
+  version "7.81.1"
+  resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-7.81.1.tgz#5ee6ae3679ee80f444d2e8c5662430e7a734ae50"
+  integrity sha512-DNtS7bZEnFPKVoGazKs5wHoWC0FwsOFOOMNeDvEfouUqKKbjO7+RDHbr7H6Bo83zX4qmZWRBf8V+3n3YPIiJFw==
   dependencies:
-    "@sentry-internal/tracing" "7.77.0"
-    "@sentry/core" "7.77.0"
-    "@sentry/replay" "7.77.0"
-    "@sentry/types" "7.77.0"
-    "@sentry/utils" "7.77.0"
+    "@sentry-internal/tracing" "7.81.1"
+    "@sentry/core" "7.81.1"
+    "@sentry/replay" "7.81.1"
+    "@sentry/types" "7.81.1"
+    "@sentry/utils" "7.81.1"
 
-"@sentry/cli@^1.74.6":
-  version "1.75.2"
-  resolved "https://registry.yarnpkg.com/@sentry/cli/-/cli-1.75.2.tgz#2c38647b38300e52c9839612d42b7c23f8d6455b"
-  integrity sha512-CG0CKH4VCKWzEaegouWfCLQt9SFN+AieFESCatJ7zSuJmzF05ywpMusjxqRul6lMwfUhRKjGKOzcRJ1jLsfTBw==
+"@sentry/cli@^1.77.1":
+  version "1.77.1"
+  resolved "https://registry.yarnpkg.com/@sentry/cli/-/cli-1.77.1.tgz#ebcf884712ef6c3c75443f491ec16f6a22148aec"
+  integrity sha512-OtJ7U9LeuPUAY/xow9wwcjM9w42IJIpDtClTKI/RliE685vd/OJUIpiAvebHNthDYpQynvwb/0iuF4fonh+CKw==
   dependencies:
     https-proxy-agent "^5.0.0"
     mkdirp "^0.5.5"
@@ -1444,101 +1444,102 @@
     proxy-from-env "^1.1.0"
     which "^2.0.2"
 
-"@sentry/core@7.77.0":
-  version "7.77.0"
-  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.77.0.tgz#21100843132beeeff42296c8370cdcc7aa1d8510"
-  integrity sha512-Tj8oTYFZ/ZD+xW8IGIsU6gcFXD/gfE+FUxUaeSosd9KHwBQNOLhZSsYo/tTVf/rnQI/dQnsd4onPZLiL+27aTg==
+"@sentry/core@7.81.1":
+  version "7.81.1"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.81.1.tgz#082fd9122bf9a488c8e05b1754724ddbc2d5cf30"
+  integrity sha512-tU37yAmckOGCw/moWKSwekSCWWJP15O6luIq+u7wal22hE88F3Vc5Avo8SeF3upnPR+4ejaOFH+BJTr6bgrs6Q==
   dependencies:
-    "@sentry/types" "7.77.0"
-    "@sentry/utils" "7.77.0"
+    "@sentry/types" "7.81.1"
+    "@sentry/utils" "7.81.1"
 
-"@sentry/integrations@7.77.0":
-  version "7.77.0"
-  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.77.0.tgz#f2717e05cb7c69363316ccd34096b2ea07ae4c59"
-  integrity sha512-P055qXgBHeZNKnnVEs5eZYLdy6P49Zr77A1aWJuNih/EenzMy922GOeGy2mF6XYrn1YJSjEwsNMNsQkcvMTK8Q==
+"@sentry/integrations@7.81.1":
+  version "7.81.1"
+  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.81.1.tgz#1b12c0cf3a7fa88224e86c0be46523ed7e3f3a43"
+  integrity sha512-DN5ONn0/LX5HHVPf1EBGHFssIZaZmLgkqUIeMqCNYBpB4DiOrJANnGwTcWKDPphqhdPxjnPv9AGRLaU0PdvvZQ==
   dependencies:
-    "@sentry/core" "7.77.0"
-    "@sentry/types" "7.77.0"
-    "@sentry/utils" "7.77.0"
+    "@sentry/core" "7.81.1"
+    "@sentry/types" "7.81.1"
+    "@sentry/utils" "7.81.1"
     localforage "^1.8.1"
 
-"@sentry/nextjs@^7.77.0":
-  version "7.77.0"
-  resolved "https://registry.yarnpkg.com/@sentry/nextjs/-/nextjs-7.77.0.tgz#036b1c45dd106e01d44967c97985464e108922be"
-  integrity sha512-8tYPBt5luFjrng1sAMJqNjM9sq80q0jbt6yariADU9hEr7Zk8YqFaOI2/Q6yn9dZ6XyytIRtLEo54kk2AO94xw==
+"@sentry/nextjs@^7.81.1":
+  version "7.81.1"
+  resolved "https://registry.yarnpkg.com/@sentry/nextjs/-/nextjs-7.81.1.tgz#2d07a92555b669d6ffdb30645c4c4fff9f801b3a"
+  integrity sha512-Wx0QiZHttf+WJkao4UQ5szOWJVu/pmPdKZKE4FWsJuG+mUu6FviOXgh0T0Iq+NnJrgqzKzGLMN6rIWPzN9PLkg==
   dependencies:
     "@rollup/plugin-commonjs" "24.0.0"
-    "@sentry/core" "7.77.0"
-    "@sentry/integrations" "7.77.0"
-    "@sentry/node" "7.77.0"
-    "@sentry/react" "7.77.0"
-    "@sentry/types" "7.77.0"
-    "@sentry/utils" "7.77.0"
-    "@sentry/vercel-edge" "7.77.0"
-    "@sentry/webpack-plugin" "1.20.0"
+    "@sentry/core" "7.81.1"
+    "@sentry/integrations" "7.81.1"
+    "@sentry/node" "7.81.1"
+    "@sentry/react" "7.81.1"
+    "@sentry/types" "7.81.1"
+    "@sentry/utils" "7.81.1"
+    "@sentry/vercel-edge" "7.81.1"
+    "@sentry/webpack-plugin" "1.21.0"
     chalk "3.0.0"
     resolve "1.22.8"
     rollup "2.78.0"
     stacktrace-parser "^0.1.10"
 
-"@sentry/node@7.77.0":
-  version "7.77.0"
-  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.77.0.tgz#a247452779a5bcb55724457707286e3e4a29dbbe"
-  integrity sha512-Ob5tgaJOj0OYMwnocc6G/CDLWC7hXfVvKX/ofkF98+BbN/tQa5poL+OwgFn9BA8ud8xKzyGPxGU6LdZ8Oh3z/g==
+"@sentry/node@7.81.1":
+  version "7.81.1"
+  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.81.1.tgz#3559ee1cef22f8220c907169cc60cc44744503b1"
+  integrity sha512-bKS3Mb95bar8AUEZSLKQ/RTSfFXo5sCSPNiBr5dDFuVljDFdkLq6NE3svG5bisrbENqfi0bqWsB4GZ7NHRTPbA==
   dependencies:
-    "@sentry-internal/tracing" "7.77.0"
-    "@sentry/core" "7.77.0"
-    "@sentry/types" "7.77.0"
-    "@sentry/utils" "7.77.0"
+    "@sentry-internal/tracing" "7.81.1"
+    "@sentry/core" "7.81.1"
+    "@sentry/types" "7.81.1"
+    "@sentry/utils" "7.81.1"
     https-proxy-agent "^5.0.0"
 
-"@sentry/react@7.77.0":
-  version "7.77.0"
-  resolved "https://registry.yarnpkg.com/@sentry/react/-/react-7.77.0.tgz#9da14e4b21eae4b5a6306d39bb7c42ef0827d2c2"
-  integrity sha512-Q+htKzib5em0MdaQZMmPomaswaU3xhcVqmLi2CxqQypSjbYgBPPd+DuhrXKoWYLDDkkbY2uyfe4Lp3yLRWeXYw==
+"@sentry/react@7.81.1":
+  version "7.81.1"
+  resolved "https://registry.yarnpkg.com/@sentry/react/-/react-7.81.1.tgz#6a94e8e373a5bf27330cea2eb1a603ae0eb0b8ba"
+  integrity sha512-kk0plP/mf8KgVLOiImIpp1liYysmh3Un8uXcVAToomSuHZPGanelFAdP0XhY+0HlWU9KIfxTjhMte1iSwQ8pYw==
   dependencies:
-    "@sentry/browser" "7.77.0"
-    "@sentry/types" "7.77.0"
-    "@sentry/utils" "7.77.0"
+    "@sentry/browser" "7.81.1"
+    "@sentry/types" "7.81.1"
+    "@sentry/utils" "7.81.1"
     hoist-non-react-statics "^3.3.2"
 
-"@sentry/replay@7.77.0":
-  version "7.77.0"
-  resolved "https://registry.yarnpkg.com/@sentry/replay/-/replay-7.77.0.tgz#21d242c9cd70a7235237216174873fd140b6eb80"
-  integrity sha512-M9Ik2J5ekl+C1Och3wzLRZVaRGK33BlnBwfwf3qKjgLDwfKW+1YkwDfTHbc2b74RowkJbOVNcp4m8ptlehlSaQ==
+"@sentry/replay@7.81.1":
+  version "7.81.1"
+  resolved "https://registry.yarnpkg.com/@sentry/replay/-/replay-7.81.1.tgz#a656d55e2a00b34e42be6eeb79018d21efc223af"
+  integrity sha512-4ueT0C4bYjngN/9p0fEYH10dTMLovHyk9HxJ6zSTgePvGVexhg+cSEHXisoBDwHeRZVnbIvsVM0NA7rmEDXJJw==
   dependencies:
-    "@sentry-internal/tracing" "7.77.0"
-    "@sentry/core" "7.77.0"
-    "@sentry/types" "7.77.0"
-    "@sentry/utils" "7.77.0"
+    "@sentry-internal/tracing" "7.81.1"
+    "@sentry/core" "7.81.1"
+    "@sentry/types" "7.81.1"
+    "@sentry/utils" "7.81.1"
 
-"@sentry/types@7.77.0":
-  version "7.77.0"
-  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.77.0.tgz#c5d00fe547b89ccde59cdea59143bf145cee3144"
-  integrity sha512-nfb00XRJVi0QpDHg+JkqrmEBHsqBnxJu191Ded+Cs1OJ5oPXEW6F59LVcBScGvMqe+WEk1a73eH8XezwfgrTsA==
+"@sentry/types@7.81.1":
+  version "7.81.1"
+  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.81.1.tgz#2b2551fc291e1089651fd574a68f7c4175878bd5"
+  integrity sha512-dvJvGyctiaPMIQqa46k56Re5IODWMDxiHJ1UjBs/WYDLrmWFPGrEbyJ8w8CYLhYA+7qqrCyIZmHbWSTRIxstHw==
 
-"@sentry/utils@7.77.0":
-  version "7.77.0"
-  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.77.0.tgz#1f88501f0b8777de31b371cf859d13c82ebe1379"
-  integrity sha512-NmM2kDOqVchrey3N5WSzdQoCsyDkQkiRxExPaNI2oKQ/jMWHs9yt0tSy7otPBcXs0AP59ihl75Bvm1tDRcsp5g==
+"@sentry/utils@7.81.1":
+  version "7.81.1"
+  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.81.1.tgz#42f3e77baf90205cec1f8599eb8445a6918030bd"
+  integrity sha512-gq+MDXIirHKxNZ+c9/lVvCXd6y2zaZANujwlFggRH2u9SRiPaIXVilLpvMm4uJqmqBMEcY81ArujExtHvkbCqg==
   dependencies:
-    "@sentry/types" "7.77.0"
+    "@sentry/types" "7.81.1"
 
-"@sentry/vercel-edge@7.77.0":
-  version "7.77.0"
-  resolved "https://registry.yarnpkg.com/@sentry/vercel-edge/-/vercel-edge-7.77.0.tgz#6a90a869878e4e78803c4331c30aea841fcc6a73"
-  integrity sha512-ffddPCgxVeAccPYuH5sooZeHBqDuJ9OIhIRYKoDi4TvmwAzWo58zzZWhRpkHqHgIQdQvhLVZ5F+FSQVWnYSOkw==
+"@sentry/vercel-edge@7.81.1":
+  version "7.81.1"
+  resolved "https://registry.yarnpkg.com/@sentry/vercel-edge/-/vercel-edge-7.81.1.tgz#8d33b27b8222bee8c85388cb734f886e57fecc1d"
+  integrity sha512-fO5yV+2rz+024XKvhBSGhUdi502j3S1Vds+fIUJVgpgehpxsx4CQQUA1nQDaqDWEtPCB6LcBupD3XvkhBTS5Mw==
   dependencies:
-    "@sentry/core" "7.77.0"
-    "@sentry/types" "7.77.0"
-    "@sentry/utils" "7.77.0"
+    "@sentry-internal/tracing" "7.81.1"
+    "@sentry/core" "7.81.1"
+    "@sentry/types" "7.81.1"
+    "@sentry/utils" "7.81.1"
 
-"@sentry/webpack-plugin@1.20.0":
-  version "1.20.0"
-  resolved "https://registry.yarnpkg.com/@sentry/webpack-plugin/-/webpack-plugin-1.20.0.tgz#e7add76122708fb6b4ee7951294b521019720e58"
-  integrity sha512-Ssj1mJVFsfU6vMCOM2d+h+KQR7QHSfeIP16t4l20Uq/neqWXZUQ2yvQfe4S3BjdbJXz/X4Rw8Hfy1Sd0ocunYw==
+"@sentry/webpack-plugin@1.21.0":
+  version "1.21.0"
+  resolved "https://registry.yarnpkg.com/@sentry/webpack-plugin/-/webpack-plugin-1.21.0.tgz#bbe7cb293751f80246a4a56f9a7dd6de00f14b58"
+  integrity sha512-x0PYIMWcsTauqxgl7vWUY6sANl+XGKtx7DCVnnY7aOIIlIna0jChTAPANTfA2QrK+VK+4I/4JxatCEZBnXh3Og==
   dependencies:
-    "@sentry/cli" "^1.74.6"
+    "@sentry/cli" "^1.77.1"
     webpack-sources "^2.0.0 || ^3.0.0"
 
 "@surma/rollup-plugin-off-main-thread@^2.2.3":
@@ -1570,23 +1571,22 @@
   dependencies:
     "@t3-oss/env-core" "0.7.1"
 
-"@tanstack/query-core@4.36.1":
-  version "4.36.1"
-  resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-4.36.1.tgz#79f8c1a539d47c83104210be2388813a7af2e524"
-  integrity sha512-DJSilV5+ytBP1FbFcEJovv4rnnm/CokuVvrBEtW/Va9DvuJ3HksbXUJEpI0aV1KtuL4ZoO9AVE6PyNLzF7tLeA==
+"@tanstack/query-core@5.8.3":
+  version "5.8.3"
+  resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-5.8.3.tgz#7c6d62721518223e8b27f1a0b5e9bd4e3bb7ecd8"
+  integrity sha512-SWFMFtcHfttLYif6pevnnMYnBvxKf3C+MHMH7bevyYfpXpTMsLB9O6nNGBdWSoPwnZRXFNyNeVZOw25Wmdasow==
 
-"@tanstack/react-query@^4.33.0":
-  version "4.36.1"
-  resolved "https://registry.yarnpkg.com/@tanstack/react-query/-/react-query-4.36.1.tgz#acb589fab4085060e2e78013164868c9c785e5d2"
-  integrity sha512-y7ySVHFyyQblPl3J3eQBWpXZkliroki3ARnBKsdJchlgt7yJLRDUcf4B8soufgiYt3pEQIkBWBx1N9/ZPIeUWw==
+"@tanstack/react-query@^5.8.4":
+  version "5.8.4"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-query/-/react-query-5.8.4.tgz#7d5ef4dc4e2985fdc607d0f30ff79a8453abe652"
+  integrity sha512-CD+AkXzg8J72JrE6ocmuBEJfGzEzu/bzkD6sFXFDDB5yji9N20JofXZlN6n0+CaPJuIi+e4YLCbGsyPFKkfNQA==
   dependencies:
-    "@tanstack/query-core" "4.36.1"
-    use-sync-external-store "^1.2.0"
+    "@tanstack/query-core" "5.8.3"
 
-"@types/eslint@^8.44.6":
-  version "8.44.6"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.44.6.tgz#60e564551966dd255f4c01c459f0b4fb87068603"
-  integrity sha512-P6bY56TVmX8y9J87jHNgQh43h6VVU+6H7oN7hgvivV81K2XY8qJZ5vqPy/HdUoVIelii2kChYVzQanlswPWVFw==
+"@types/eslint@^8.44.7":
+  version "8.44.7"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.44.7.tgz#430b3cc96db70c81f405e6a08aebdb13869198f5"
+  integrity sha512-f5ORu2hcBbKei97U73mf+l9t4zTGl74IqZ0GQk4oVea/VS8tQZYkUveSYojk+frraAVYId0V2WC9O4PTNru2FQ==
   dependencies:
     "@types/estree" "*"
     "@types/json-schema" "*"
@@ -1629,10 +1629,10 @@
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-5.1.2.tgz#07508b45797cb81ec3f273011b054cd0755eddca"
   integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==
 
-"@types/next-pwa@^5.6.8":
-  version "5.6.8"
-  resolved "https://registry.yarnpkg.com/@types/next-pwa/-/next-pwa-5.6.8.tgz#95e4d827208e67e8d3389d82a547e7423e18733b"
-  integrity sha512-66/e4ZZ2TFdRLWmWh8pu3632CAbgb8QX/CdXX7m92RSa5928s2hiTFJJP0fUUlHOk//dN3PbllEo3ZoZSrg76Q==
+"@types/next-pwa@^5.6.9":
+  version "5.6.9"
+  resolved "https://registry.yarnpkg.com/@types/next-pwa/-/next-pwa-5.6.9.tgz#b9e14ae3d2c6d82585c34d94faa3373cad64695d"
+  integrity sha512-KcymH+MtFYB5KVKIOH1DMqd0wUb8VLCxzHtsaRQQ7S8sGOaTH24Lo2vGZf6/0Ok9e+xWCKhqsSt6cgDJTk91Iw==
   dependencies:
     "@types/node" "*"
     "@types/react" "*"
@@ -1640,13 +1640,20 @@
     next "^12.2.5 || ^13.0.0"
     workbox-build "^6.5.4"
 
-"@types/node@*", "@types/node@^20.8.10":
+"@types/node@*":
   version "20.8.10"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-20.8.10.tgz#a5448b895c753ae929c26ce85cab557c6d4a365e"
   integrity sha512-TlgT8JntpcbmKUFzjhsyhGfP2fsiz1Mv56im6enJ905xG1DAYesxJaeSbGqQmAw8OWPdhyJGhGSQGKRNJ45u9w==
   dependencies:
     undici-types "~5.26.4"
 
+"@types/node@^20.9.4":
+  version "20.9.4"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.9.4.tgz#cc8f970e869c26834bdb7ed480b30ede622d74c7"
+  integrity sha512-wmyg8HUhcn6ACjsn8oKYjkN/zUzQeNtMy44weTJSM6p4MMzEOuKbA3OjJ267uPCOW7Xex9dyrNTful8XTQYoDA==
+  dependencies:
+    undici-types "~5.26.4"
+
 "@types/parse-json@^4.0.0":
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.1.tgz#27f7559836ad796cea31acb63163b203756a5b4e"
@@ -1664,27 +1671,34 @@
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.9.tgz#b6f785caa7ea1fe4414d9df42ee0ab67f23d8a6d"
   integrity sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g==
 
-"@types/react-datepicker@^4.19.0":
-  version "4.19.1"
-  resolved "https://registry.yarnpkg.com/@types/react-datepicker/-/react-datepicker-4.19.1.tgz#c7102c015eb0f63b0f1707e34799d289408654be"
-  integrity sha512-HV52yjxuRi49psAVuHTFXXr+RSrCbIFDn9ayei0YH8xVVAXCO+5GwHAGKeREAmNbneweN0ySGoByr90yJCAnrQ==
+"@types/react-datepicker@^4.19.3":
+  version "4.19.3"
+  resolved "https://registry.yarnpkg.com/@types/react-datepicker/-/react-datepicker-4.19.3.tgz#0a58e42d820adf12337617bd72289766643775db"
+  integrity sha512-85F9eKWu9fGiD9r4KVVMPYAdkJJswR3Wci9PvqplmB6T+D+VbUqPeKtifg96NZ4nEhufjehW+SX4JLrEWVplWw==
   dependencies:
     "@popperjs/core" "^2.9.2"
     "@types/react" "*"
     date-fns "^2.0.1"
     react-popper "^2.2.5"
 
-"@types/react-dom@*", "@types/react-dom@^18.2.14":
+"@types/react-dom@*":
   version "18.2.14"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.14.tgz#c01ba40e5bb57fc1dc41569bb3ccdb19eab1c539"
   integrity sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==
   dependencies:
     "@types/react" "*"
 
-"@types/react-modal@^3.16.2":
-  version "3.16.2"
-  resolved "https://registry.yarnpkg.com/@types/react-modal/-/react-modal-3.16.2.tgz#b9cfd9641f88d3984168702776662722fb31618e"
-  integrity sha512-4LIHFLP8EmQnps3QhUIPyfF87b1BGikQD/MHuYNdx/30gH1d4Q3OUtyqrh6GUfifNVMPWXOrlRekJDWzPzu1Gg==
+"@types/react-dom@^18.2.17":
+  version "18.2.17"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.17.tgz#375c55fab4ae671bd98448dcfa153268d01d6f64"
+  integrity sha512-rvrT/M7Df5eykWFxn6MYt5Pem/Dbyc1N8Y0S9Mrkw2WFCRiqUgw9P7ul2NpwsXCSM1DVdENzdG9J5SreqfAIWg==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-modal@^3.16.3":
+  version "3.16.3"
+  resolved "https://registry.yarnpkg.com/@types/react-modal/-/react-modal-3.16.3.tgz#250f32c07f1de28e2bcf9c3e84b56adaa6897013"
+  integrity sha512-xXuGavyEGaFQDgBv4UVm8/ZsG+qxeQ7f77yNrW3n+1J6XAstUy5rYHeIHPh1KzsGc6IkCIdu6lQ2xWzu1jBTLg==
   dependencies:
     "@types/react" "*"
 
@@ -1695,7 +1709,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@^18.2.34":
+"@types/react@*":
   version "18.2.34"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.34.tgz#aed20f19473721ba328feb99d1ec3307ebc1a8dd"
   integrity sha512-U6eW/alrRk37FU/MS2RYMjx0Va2JGIVXELTODaTIYgvWGCV4Y4TfTUzG8DdmpDNIT0Xpj/R7GfyHOJJrDttcvg==
@@ -1704,6 +1718,15 @@
     "@types/scheduler" "*"
     csstype "^3.0.2"
 
+"@types/react@^18.2.38":
+  version "18.2.38"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.38.tgz#3605ca41d3daff2c434e0b98d79a2469d4c2dd52"
+  integrity sha512-cBBXHzuPtQK6wNthuVMV6IjHAFkdl/FOPFIlkd81/Cd1+IqkHu/A+w4g43kaQQoYHik/ruaQBDL72HyCy1vuMw==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
 "@types/resolve@1.17.1":
   version "1.17.1"
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6"
@@ -1726,16 +1749,16 @@
   resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.5.tgz#5cac7e7df3275bb95f79594f192d97da3b4fd5fe"
   integrity sha512-I3pkr8j/6tmQtKV/ZzHtuaqYSQvyjGRKH4go60Rr0IDLlFxuRT5V32uvB1mecM5G1EVAUyF/4r4QZ1GHgz+mxA==
 
-"@typescript-eslint/eslint-plugin@6.9.1":
-  version "6.9.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.9.1.tgz#d8ce497dc0ed42066e195c8ecc40d45c7b1254f4"
-  integrity sha512-w0tiiRc9I4S5XSXXrMHOWgHgxbrBn1Ro+PmiYhSg2ZVdxrAJtQgzU5o2m1BfP6UOn7Vxcc6152vFjQfmZR4xEg==
+"@typescript-eslint/eslint-plugin@6.12.0":
+  version "6.12.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.12.0.tgz#2a647d278bb48bf397fef07ba0507612ff9dd812"
+  integrity sha512-XOpZ3IyJUIV1b15M7HVOpgQxPPF7lGXgsfcEIu3yDxFPaf/xZKt7s9QO/pbk7vpWQyVulpJbu4E5LwpZiQo4kA==
   dependencies:
     "@eslint-community/regexpp" "^4.5.1"
-    "@typescript-eslint/scope-manager" "6.9.1"
-    "@typescript-eslint/type-utils" "6.9.1"
-    "@typescript-eslint/utils" "6.9.1"
-    "@typescript-eslint/visitor-keys" "6.9.1"
+    "@typescript-eslint/scope-manager" "6.12.0"
+    "@typescript-eslint/type-utils" "6.12.0"
+    "@typescript-eslint/utils" "6.12.0"
+    "@typescript-eslint/visitor-keys" "6.12.0"
     debug "^4.3.4"
     graphemer "^1.4.0"
     ignore "^5.2.4"
@@ -1743,7 +1766,18 @@
     semver "^7.5.4"
     ts-api-utils "^1.0.1"
 
-"@typescript-eslint/parser@6.9.1", "@typescript-eslint/parser@^5.4.2 || ^6.0.0":
+"@typescript-eslint/parser@6.12.0":
+  version "6.12.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.12.0.tgz#9fb21ed7d88065a4a2ee21eb80b8578debb8217c"
+  integrity sha512-s8/jNFPKPNRmXEnNXfuo1gemBdVmpQsK1pcu+QIvuNJuhFzGrpD7WjOcvDc/+uEdfzSYpNu7U/+MmbScjoQ6vg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "6.12.0"
+    "@typescript-eslint/types" "6.12.0"
+    "@typescript-eslint/typescript-estree" "6.12.0"
+    "@typescript-eslint/visitor-keys" "6.12.0"
+    debug "^4.3.4"
+
+"@typescript-eslint/parser@^5.4.2 || ^6.0.0":
   version "6.9.1"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.9.1.tgz#4f685f672f8b9580beb38d5fb99d52fc3e34f7a3"
   integrity sha512-C7AK2wn43GSaCUZ9do6Ksgi2g3mwFkMO3Cis96kzmgudoVaKyt62yNzJOktP0HDLb/iO2O0n2lBOzJgr6Q/cyg==
@@ -1754,6 +1788,14 @@
     "@typescript-eslint/visitor-keys" "6.9.1"
     debug "^4.3.4"
 
+"@typescript-eslint/scope-manager@6.12.0":
+  version "6.12.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.12.0.tgz#5833a16dbe19cfbad639d4d33bcca5e755c7044b"
+  integrity sha512-5gUvjg+XdSj8pcetdL9eXJzQNTl3RD7LgUiYTl8Aabdi8hFkaGSYnaS6BLc0BGNaDH+tVzVwmKtWvu0jLgWVbw==
+  dependencies:
+    "@typescript-eslint/types" "6.12.0"
+    "@typescript-eslint/visitor-keys" "6.12.0"
+
 "@typescript-eslint/scope-manager@6.9.1":
   version "6.9.1"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.9.1.tgz#e96afeb9a68ad1cd816dba233351f61e13956b75"
@@ -1762,21 +1804,39 @@
     "@typescript-eslint/types" "6.9.1"
     "@typescript-eslint/visitor-keys" "6.9.1"
 
-"@typescript-eslint/type-utils@6.9.1":
-  version "6.9.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.9.1.tgz#efd5db20ed35a74d3c7d8fba51b830ecba09ce32"
-  integrity sha512-eh2oHaUKCK58qIeYp19F5V5TbpM52680sB4zNSz29VBQPTWIlE/hCj5P5B1AChxECe/fmZlspAWFuRniep1Skg==
+"@typescript-eslint/type-utils@6.12.0":
+  version "6.12.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.12.0.tgz#968f7c95162808d69950ab5dff710ad730e58287"
+  integrity sha512-WWmRXxhm1X8Wlquj+MhsAG4dU/Blvf1xDgGaYCzfvStP2NwPQh6KBvCDbiOEvaE0filhranjIlK/2fSTVwtBng==
   dependencies:
-    "@typescript-eslint/typescript-estree" "6.9.1"
-    "@typescript-eslint/utils" "6.9.1"
+    "@typescript-eslint/typescript-estree" "6.12.0"
+    "@typescript-eslint/utils" "6.12.0"
     debug "^4.3.4"
     ts-api-utils "^1.0.1"
 
+"@typescript-eslint/types@6.12.0":
+  version "6.12.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.12.0.tgz#ffc5297bcfe77003c8b7b545b51c2505748314ac"
+  integrity sha512-MA16p/+WxM5JG/F3RTpRIcuOghWO30//VEOvzubM8zuOOBYXsP+IfjoCXXiIfy2Ta8FRh9+IO9QLlaFQUU+10Q==
+
 "@typescript-eslint/types@6.9.1":
   version "6.9.1"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.9.1.tgz#a6cfc20db0fcedcb2f397ea728ef583e0ee72459"
   integrity sha512-BUGslGOb14zUHOUmDB2FfT6SI1CcZEJYfF3qFwBeUrU6srJfzANonwRYHDpLBuzbq3HaoF2XL2hcr01c8f8OaQ==
 
+"@typescript-eslint/typescript-estree@6.12.0":
+  version "6.12.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.12.0.tgz#764ccc32598549e5b48ec99e3b85f89b1385310c"
+  integrity sha512-vw9E2P9+3UUWzhgjyyVczLWxZ3GuQNT7QpnIY3o5OMeLO/c8oHljGc8ZpryBMIyympiAAaKgw9e5Hl9dCWFOYw==
+  dependencies:
+    "@typescript-eslint/types" "6.12.0"
+    "@typescript-eslint/visitor-keys" "6.12.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
 "@typescript-eslint/typescript-estree@6.9.1":
   version "6.9.1"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.9.1.tgz#8c77910a49a04f0607ba94d78772da07dab275ad"
@@ -1790,19 +1850,27 @@
     semver "^7.5.4"
     ts-api-utils "^1.0.1"
 
-"@typescript-eslint/utils@6.9.1":
-  version "6.9.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.9.1.tgz#763da41281ef0d16974517b5f0d02d85897a1c1e"
-  integrity sha512-L1T0A5nFdQrMVunpZgzqPL6y2wVreSyHhKGZryS6jrEN7bD9NplVAyMryUhXsQ4TWLnZmxc2ekar/lSGIlprCA==
+"@typescript-eslint/utils@6.12.0":
+  version "6.12.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.12.0.tgz#c6ce8c06fe9b0212620e5674a2036f6f8f611754"
+  integrity sha512-LywPm8h3tGEbgfyjYnu3dauZ0U7R60m+miXgKcZS8c7QALO9uWJdvNoP+duKTk2XMWc7/Q3d/QiCuLN9X6SWyQ==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
     "@types/json-schema" "^7.0.12"
     "@types/semver" "^7.5.0"
-    "@typescript-eslint/scope-manager" "6.9.1"
-    "@typescript-eslint/types" "6.9.1"
-    "@typescript-eslint/typescript-estree" "6.9.1"
+    "@typescript-eslint/scope-manager" "6.12.0"
+    "@typescript-eslint/types" "6.12.0"
+    "@typescript-eslint/typescript-estree" "6.12.0"
     semver "^7.5.4"
 
+"@typescript-eslint/visitor-keys@6.12.0":
+  version "6.12.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.12.0.tgz#5877950de42a0f3344261b7a1eee15417306d7e9"
+  integrity sha512-rg3BizTZHF1k3ipn8gfrzDXXSFKyOEB5zxYXInQ6z0hUvmQlhaZQzK+YmHmNViMA9HzW5Q9+bPPt90bU6GQwyw==
+  dependencies:
+    "@typescript-eslint/types" "6.12.0"
+    eslint-visitor-keys "^3.4.1"
+
 "@typescript-eslint/visitor-keys@6.9.1":
   version "6.9.1"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.9.1.tgz#6753a9225a0ba00459b15d6456b9c2780b66707d"
@@ -2052,10 +2120,10 @@ axe-core@=4.7.0:
   resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.7.0.tgz#34ba5a48a8b564f67e103f0aa5768d76e15bbbbf"
   integrity sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==
 
-axios@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.0.tgz#f1e5292f26b2fd5c2e66876adc5b06cdbd7d2102"
-  integrity sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==
+axios@^1.6.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.2.tgz#de67d42c755b571d3e698df1b6504cde9b0ee9f2"
+  integrity sha512-7i24Ri4pmDRfJTR7LDBhsOTtcm+9kjX5WiY1X3wIisx6G9So3pfMkEiU7emUBe46oceVImccTEM3k6C5dbVW8A==
   dependencies:
     follow-redirects "^1.15.0"
     form-data "^4.0.0"
@@ -2333,11 +2401,6 @@ color@^4.2.3:
     color-convert "^2.0.1"
     color-string "^1.9.0"
 
-colord@^2.9:
-  version "2.9.3"
-  resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
-  integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
-
 combined-stream@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
@@ -2447,16 +2510,20 @@ csstype@^3.0.2:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b"
   integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
 
-daisyui@^3.9.4:
-  version "3.9.4"
-  resolved "https://registry.yarnpkg.com/daisyui/-/daisyui-3.9.4.tgz#84209bfce115505d7b502f7362b8ced6bb3a6cc5"
-  integrity sha512-fvi2RGH4YV617/6DntOVGcOugOPym9jTGWW2XySb5ZpvdWO4L7bEG77VHirrnbRUEWvIEVXkBpxUz2KFj0rVnA==
+culori@^3:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/culori/-/culori-3.3.0.tgz#e33530adbd124d53bd6550394397e695eaaed739"
+  integrity sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==
+
+daisyui@^4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/daisyui/-/daisyui-4.4.2.tgz#669ee310be42894abe36d493635000d010fa4023"
+  integrity sha512-Ecg5loskj9dkaAnTSK5Xn5jb24TqDlQIg/NJ025jCkw2S/zw12btjvLgY2Sv5Ws1DFVoVBRs3XYXyojZG7zVnw==
   dependencies:
-    colord "^2.9"
     css-selector-tokenizer "^0.8"
-    postcss "^8"
+    culori "^3"
+    picocolors "^1"
     postcss-js "^4"
-    tailwindcss "^3.1"
 
 damerau-levenshtein@^1.0.8:
   version "1.0.8"
@@ -2745,12 +2812,12 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-eslint-config-next@^14.0.1:
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-14.0.1.tgz#4e59cbaa1c1c72f6d7c4d9110b0902630493ef56"
-  integrity sha512-QfIFK2WD39H4WOespjgf6PLv9Bpsd7KGGelCtmq4l67nGvnlsGpuvj0hIT+aIy6p5gKH+lAChYILsyDlxP52yg==
+eslint-config-next@^14.0.3:
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-14.0.3.tgz#7a01d23e4ff143ef87b520fab9efc440fa5879f3"
+  integrity sha512-IKPhpLdpSUyKofmsXUfrvBC49JMUTdeaD8ZIH4v9Vk0sC1X6URTuTJCLtA0Vwuj7V/CQh0oISuSTvNn5//Buew==
   dependencies:
-    "@next/eslint-plugin-next" "14.0.1"
+    "@next/eslint-plugin-next" "14.0.3"
     "@rushstack/eslint-patch" "^1.3.3"
     "@typescript-eslint/parser" "^5.4.2 || ^6.0.0"
     eslint-import-resolver-node "^0.3.6"
@@ -2874,15 +2941,15 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint@^8.52.0:
-  version "8.52.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.52.0.tgz#d0cd4a1fac06427a61ef9242b9353f36ea7062fc"
-  integrity sha512-zh/JHnaixqHZsolRB/w9/02akBk9EPrOs9JwcTP2ek7yL5bVvXuRariiaAjjoJ5DvuwQ1WAE/HsMz+w17YgBCg==
+eslint@^8.54.0:
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.54.0.tgz#588e0dd4388af91a2e8fa37ea64924074c783537"
+  integrity sha512-NY0DfAkM8BIZDVl6PgSa1ttZbx3xHgJzSNJKYcQglem6CppHyMhRIQkBVSSMaSRnLhig3jsDbEzOjwCVt4AmmA==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@eslint-community/regexpp" "^4.6.1"
-    "@eslint/eslintrc" "^2.1.2"
-    "@eslint/js" "8.52.0"
+    "@eslint/eslintrc" "^2.1.3"
+    "@eslint/js" "8.54.0"
     "@humanwhocodes/config-array" "^0.11.13"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@nodelib/fs.walk" "^1.2.8"
@@ -3761,10 +3828,10 @@ jose@^4.11.4, jose@^4.15.1:
   resolved "https://registry.yarnpkg.com/jose/-/jose-4.15.4.tgz#02a9a763803e3872cf55f29ecef0dfdcc218cc03"
   integrity sha512-W+oqK4H+r5sITxfxpSU+MMdr/YSWGvgZMQDIsNoBDGGy4i7GBPTtvFKibQzW06n3U3TqHjhvBJsirShsEJ6eeQ==
 
-jotai@^2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/jotai/-/jotai-2.5.0.tgz#dcf4fcfe5e9503fa7d0292eb30eaa4225b01dea3"
-  integrity sha512-iPJDFrhNw3KU4o4SSAESeZoW+nM1L/76VULXZWF23qmivBEcbAQjiF5n1W4Hn5dXAol4tmtEYe4HH7d9emEz0Q==
+jotai@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/jotai/-/jotai-2.5.1.tgz#eed05a32a4ac1264c531a77e86478f7ad3197ca3"
+  integrity sha512-vanPCCSuHczUXNbVh/iUunuMfrWRL4FdBtAbTRmrfqezJcKb8ybBTg8iivyYuUHapjcDETyJe1E4inlo26bVHA==
 
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
@@ -4115,10 +4182,10 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-next-auth@^4.24.4:
-  version "4.24.4"
-  resolved "https://registry.yarnpkg.com/next-auth/-/next-auth-4.24.4.tgz#ec8aa72963c4c8d325ebc21f4c15e3b46647026e"
-  integrity sha512-5DGffi+OpkbU62vPQIJ1z+hFnmow+ec5Qrn9m6eoglIO51m0DlrmLxBduZEwKAYDEg9k2joi1yelgmq1vqK3aQ==
+next-auth@^4.24.5:
+  version "4.24.5"
+  resolved "https://registry.yarnpkg.com/next-auth/-/next-auth-4.24.5.tgz#1fd1bfc0603c61fd2ba6fd81b976af690edbf07e"
+  integrity sha512-3RafV3XbfIKk6rF6GlLE4/KxjTcuMCifqrmD+98ejFq73SRoj2rmzoca8u764977lH/Q7jo6Xu6yM+Re1Mz/Og==
   dependencies:
     "@babel/runtime" "^7.20.13"
     "@panva/hkdf" "^1.0.2"
@@ -4170,12 +4237,12 @@ next-themes@^0.2.1:
     "@next/swc-win32-ia32-msvc" "13.5.6"
     "@next/swc-win32-x64-msvc" "13.5.6"
 
-next@^14.0.1:
-  version "14.0.1"
-  resolved "https://registry.yarnpkg.com/next/-/next-14.0.1.tgz#1375d94c5dc7af730234af48401be270e975cb22"
-  integrity sha512-s4YaLpE4b0gmb3ggtmpmV+wt+lPRuGtANzojMQ2+gmBpgX9w5fTbjsy6dXByBuENsdCX5pukZH/GxdFgO62+pA==
+next@^14.0.3:
+  version "14.0.3"
+  resolved "https://registry.yarnpkg.com/next/-/next-14.0.3.tgz#8d801a08eaefe5974203d71092fccc463103a03f"
+  integrity sha512-AbYdRNfImBr3XGtvnwOxq8ekVCwbFTv/UJoLwmaX89nk9i051AEY4/HAWzU0YpaTDw8IofUpmuIlvzWF13jxIw==
   dependencies:
-    "@next/env" "14.0.1"
+    "@next/env" "14.0.3"
     "@swc/helpers" "0.5.2"
     busboy "1.6.0"
     caniuse-lite "^1.0.30001406"
@@ -4183,15 +4250,15 @@ next@^14.0.1:
     styled-jsx "5.1.1"
     watchpack "2.4.0"
   optionalDependencies:
-    "@next/swc-darwin-arm64" "14.0.1"
-    "@next/swc-darwin-x64" "14.0.1"
-    "@next/swc-linux-arm64-gnu" "14.0.1"
-    "@next/swc-linux-arm64-musl" "14.0.1"
-    "@next/swc-linux-x64-gnu" "14.0.1"
-    "@next/swc-linux-x64-musl" "14.0.1"
-    "@next/swc-win32-arm64-msvc" "14.0.1"
-    "@next/swc-win32-ia32-msvc" "14.0.1"
-    "@next/swc-win32-x64-msvc" "14.0.1"
+    "@next/swc-darwin-arm64" "14.0.3"
+    "@next/swc-darwin-x64" "14.0.3"
+    "@next/swc-linux-arm64-gnu" "14.0.3"
+    "@next/swc-linux-arm64-musl" "14.0.3"
+    "@next/swc-linux-x64-gnu" "14.0.3"
+    "@next/swc-linux-x64-musl" "14.0.3"
+    "@next/swc-win32-arm64-msvc" "14.0.3"
+    "@next/swc-win32-ia32-msvc" "14.0.3"
+    "@next/swc-win32-x64-msvc" "14.0.3"
 
 node-abi@^3.3.0:
   version "3.51.0"
@@ -4436,7 +4503,7 @@ path-type@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-picocolors@^1.0.0:
+picocolors@^1, picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
@@ -4524,7 +4591,7 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@8.4.31, postcss@^8, postcss@^8.4.23, postcss@^8.4.31:
+postcss@8.4.31, postcss@^8.4.23, postcss@^8.4.31:
   version "8.4.31"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d"
   integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
@@ -4568,16 +4635,21 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prettier-plugin-tailwindcss@^0.5.6:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.6.tgz#8e511857a49bf127f078985f52b04a70e8e92285"
-  integrity sha512-2Xgb+GQlkPAUCFi3sV+NOYcSI5XgduvDBL2Zt/hwJudeKXkyvRS65c38SB0yb9UB40+1rL83I6m0RtlOQ8eHdg==
+prettier-plugin-tailwindcss@^0.5.7:
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.7.tgz#d05dc42c6f2167e3bf2c20e9f71a1fff4232b5d9"
+  integrity sha512-4v6uESAgwCni6YF6DwJlRaDjg9Z+al5zM4JfngcazMy4WEf/XkPS5TEQjbD+DZ5iNuG6RrKQLa/HuX2SYzC3kQ==
 
-prettier@*, prettier@^3.0.3:
+prettier@*:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.3.tgz#432a51f7ba422d1469096c0fdc28e235db8f9643"
   integrity sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==
 
+prettier@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.1.0.tgz#c6d16474a5f764ea1a4a373c593b779697744d5e"
+  integrity sha512-TQLvXjq5IAibjh8EpBIkNKxO749UEWABoiIZehEPiY4GNpVdhaFKqSTu+QrlU6D2dPAfubRmtJTi4K4YkQ5eXw==
+
 pretty-bytes@^5.3.0, pretty-bytes@^5.4.1:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
@@ -4647,10 +4719,10 @@ rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-datepicker@^4.16.0:
-  version "4.21.0"
-  resolved "https://registry.yarnpkg.com/react-datepicker/-/react-datepicker-4.21.0.tgz#09b2ba3e53654a8563b22c9f649835716c8456d3"
-  integrity sha512-z0DtuRrKMz9i7dcTusW29VacbM9pn08g1yw0cG+Y5GpodJDxSWv7zUMxl3IwKN9Ap/AMphiepvmT5P+iNCgEiA==
+react-datepicker@^4.23.0:
+  version "4.23.0"
+  resolved "https://registry.yarnpkg.com/react-datepicker/-/react-datepicker-4.23.0.tgz#0da50b3815b3350b7df6cf0dbc63e37c6c3079b4"
+  integrity sha512-w+msqlOZ14v6H1UknTKtZw/dw9naFMgAOspf59eY130gWpvy5dvKj/bgsFICDdvxB7PtKWxDcbGlAqCloY1d2A==
   dependencies:
     "@popperjs/core" "^2.11.8"
     classnames "^2.2.6"
@@ -4682,15 +4754,15 @@ react-google-map-picker@^1.2.3:
   resolved "https://registry.yarnpkg.com/react-google-map-picker/-/react-google-map-picker-1.2.3.tgz#bfd4efe1e2a1345a66d3250ed05ed37166fc2f33"
   integrity sha512-XeIj0Eh0vhNToMTebQQrt5O9fdPRDf4KtG8J22xupH7Pu49J1dP5UuhfCM6VmK2nIv5ECyQUpOT6+gZgGaQhJA==
 
-react-hook-form@^7.47.0:
-  version "7.47.0"
-  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.47.0.tgz#a42f07266bd297ddf1f914f08f4b5f9783262f31"
-  integrity sha512-F/TroLjTICipmHeFlMrLtNLceO2xr1jU3CyiNla5zdwsGUGu2UOxxR4UyJgLlhMwLW/Wzp4cpJ7CPfgJIeKdSg==
+react-hook-form@^7.48.2:
+  version "7.48.2"
+  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.48.2.tgz#01150354d2be61412ff56a030b62a119283b9935"
+  integrity sha512-H0T2InFQb1hX7qKtDIZmvpU1Xfn/bdahWBN1fH19gSe4bBEqTfmlr7H3XWTaVtiK4/tpPaI1F3355GPMZYge+A==
 
-react-icons@^4.11.0:
-  version "4.11.0"
-  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.11.0.tgz#4b0e31c9bfc919608095cc429c4f1846f4d66c65"
-  integrity sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==
+react-icons@^4.12.0:
+  version "4.12.0"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.12.0.tgz#54806159a966961bfd5cdb26e492f4dafd6a8d78"
+  integrity sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==
 
 react-is@^16.13.1, react-is@^16.7.0:
   version "16.13.1"
@@ -4730,10 +4802,10 @@ react-popper@^2.2.5, react-popper@^2.3.0:
     react-fast-compare "^3.0.1"
     warning "^4.0.2"
 
-react-select@^5.7.7:
-  version "5.7.7"
-  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.7.7.tgz#dbade9dbf711ef2a181970c10f8ab319ac37fbd0"
-  integrity sha512-HhashZZJDRlfF/AKj0a0Lnfs3sRdw/46VJIRd8IbB9/Ovr74+ZIwkAdSBjSPXsFMG+u72c5xShqwLSKIJllzqw==
+react-select@^5.8.0:
+  version "5.8.0"
+  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.8.0.tgz#bd5c467a4df223f079dd720be9498076a3f085b5"
+  integrity sha512-TfjLDo58XrhP6VG5M/Mi56Us0Yt8X7xD6cDybC7yoRMUNm7BGO7qk8J0TLQOua/prb8vUOtsfnXZwfm30HGsAA==
   dependencies:
     "@babel/runtime" "^7.12.0"
     "@emotion/cache" "^11.4.0"
@@ -5320,7 +5392,7 @@ tailwindcss-animate@^1.0.7:
   resolved "https://registry.yarnpkg.com/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz#318b692c4c42676cc9e67b19b78775742388bef4"
   integrity sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==
 
-tailwindcss@^3.1, tailwindcss@^3.3.5:
+tailwindcss@^3.3.5:
   version "3.3.5"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.5.tgz#22a59e2fbe0ecb6660809d9cc5f3976b077be3b8"
   integrity sha512-5SEZU4J7pxZgSkv7FP1zY8i2TIAOooNZ1e/OGtxIEv6GltpoiXUqWvLy89+a10qYTB1N5Ifkuw9lqQkN9sscvA==
@@ -5569,10 +5641,10 @@ typed-array-length@^1.0.4:
     for-each "^0.3.3"
     is-typed-array "^1.1.9"
 
-typescript@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78"
-  integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==
+typescript@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.3.2.tgz#00d1c7c1c46928c5845c1ee8d0cc2791031d4c43"
+  integrity sha512-6l+RyNy7oAHDfxC4FzSJcz9vnjTKxrLpDG5M2Vu4SHRVNg6xzqZp6LYSR9zjqQTu8DU/f5xwxUdADOkbrIX2gQ==
 
 unbox-primitive@^1.0.2:
   version "1.0.2"
@@ -5649,11 +5721,6 @@ use-isomorphic-layout-effect@^1.1.2:
   resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz#497cefb13d863d687b08477d9e5a164ad8c1a6fb"
   integrity sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==
 
-use-sync-external-store@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
-  integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
-
 util-deprecate@^1.0.1, util-deprecate@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"