diff --git a/frontend/src/app/__tests__/__snapshots__/pages.test.tsx.snap b/frontend/src/app/__tests__/__snapshots__/pages.test.tsx.snap
index 4d129e43..415a8090 100644
--- a/frontend/src/app/__tests__/__snapshots__/pages.test.tsx.snap
+++ b/frontend/src/app/__tests__/__snapshots__/pages.test.tsx.snap
@@ -167,6 +167,7 @@ exports[`Page Snapshot tests Loading Assignment Page Snapshot test 1`] = `
         >
            
           <img
+            alt="ITS Logo"
             class="relative shadow-black/5 data-[loaded=true]:opacity-100 shadow-none opacity-0 transition-transform-opacity motion-reduce:transition-none !duration-300 rounded-large bg-logo mx-auto -mb-4 z-0"
             height="100%"
             src="/logo.svg"
@@ -528,277 +529,41 @@ exports[`Page Snapshot tests Sign-up Snapshot test 1`] = `
 exports[`Page Snapshot tests User Page Snapshot test 1`] = `
 <div>
   <div
-    class="flex flex-col items-center p-12"
+    class="flex flex-col items-center p-2"
   >
     <div
-      class="flex w-full justify-around gap-12 pt-10"
+      class="flex flex-col items-center justify-center"
+      style="height: 100vh;"
     >
-      <div>
-         Your Account 
-      </div>
-      <form
-        class="flex w-1/2 flex-col gap-4"
+      <div
+        class="flex items-center justify-center object-cover"
       >
         <div
-          class="flex flex-col relative overflow-hidden height-auto text-foreground box-border bg-content1 outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 shadow-medium rounded-large transition-transform-background motion-reduce:transition-none border-none self-center max-w-[200px] max-h-[200px]"
-          tabindex="-1"
-        >
-          <span
-            class="flex relative justify-center items-center box-border overflow-hidden align-middle z-0 outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-tiny bg-default text-default-foreground rounded-full object-cover h-200 w-200"
-            tabindex="-1"
-          >
-            <img
-              alt="Profile Picture"
-              class="flex object-cover w-full h-full transition-opacity !duration-500 opacity-0 data-[loaded=true]:opacity-100"
-              src="https://picsum.photos/200"
-            />
-          </span>
-          <div
-            class="p-3 h-auto flex w-full items-center color-inherit subpixel-antialiased bg-background/10 backdrop-blur backdrop-saturate-150 justify-end before:bg-white/10 overflow-hidden py-1 absolute rounded-large bottom-1 ml-1 z-10"
-          >
-            <button
-              class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-unit-3 min-w-unit-16 h-unit-8 gap-unit-2 rounded-full [&>svg]:max-w-[theme(spacing.unit-8)] data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none bg-primary text-primary-foreground data-[hover=true]:opacity-hover text-tiny"
-              type="button"
-            >
-              Change
-            </button>
-          </div>
-        </div>
-        <div
-          class="group flex flex-col w-full is-filled"
-          data-filled="true"
-          data-filled-within="true"
-          data-has-elements="true"
-          data-has-label="true"
-          data-has-value="true"
-          data-required="true"
-          data-slot="base"
-        >
-          <div
-            class="relative w-full inline-flex tap-highlight-transparent shadow-sm px-3 bg-default-100 data-[hover=true]:bg-default-200 group-data-[focus=true]:bg-default-100 min-h-unit-10 rounded-medium flex-col items-start justify-center gap-0 transition-background motion-reduce:transition-none !duration-150 outline-none group-data-[focus-visible=true]:z-10 group-data-[focus-visible=true]:ring-2 group-data-[focus-visible=true]:ring-focus group-data-[focus-visible=true]:ring-offset-2 group-data-[focus-visible=true]:ring-offset-background h-14 py-2 is-filled"
-            data-slot="input-wrapper"
-            style="cursor: text;"
-          >
-            <label
-              class="absolute z-10 pointer-events-none origin-top-left subpixel-antialiased block text-foreground-500 cursor-text after:content-['*'] after:text-danger after:ml-0.5 will-change-auto !duration-200 !ease-out motion-reduce:transition-none transition-[transform,color,left,opacity] group-data-[filled-within=true]:text-default-600 group-data-[filled-within=true]:pointer-events-auto group-data-[filled-within=true]:scale-85 text-small group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)] pe-2 max-w-full text-ellipsis overflow-hidden"
-              data-slot="label"
-              for="react-aria-:r1a:"
-              id="react-aria-:r1b:"
-            >
-              Name
-            </label>
-            <div
-              class="inline-flex w-full items-center h-full box-border group-data-[has-label=true]:items-end pb-0.5"
-              data-slot="inner-wrapper"
-            >
-              <input
-                aria-label="Name"
-                aria-labelledby="react-aria-:r1a: react-aria-:r1b:"
-                aria-required="true"
-                class="w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none data-[has-start-content=true]:ps-1.5 data-[has-end-content=true]:pe-1.5 text-small group-data-[has-value=true]:text-default-foreground is-filled"
-                data-filled="true"
-                data-filled-within="true"
-                data-slot="input"
-                id="react-aria-:r1a:"
-                name="Name"
-                required=""
-                type="text"
-                value="Leanne Graham"
-              />
-            </div>
-          </div>
-        </div>
-        <div
-          class="group flex flex-col w-full"
-          data-filled="true"
-          data-filled-within="true"
-          data-has-elements="true"
-          data-has-label="true"
-          data-slot="base"
+          class="shadow-black/5 shadow-none group relative overflow-hidden bg-content3 dark:bg-content2 before:opacity-100 before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_2s_infinite] before:border-t before:border-content4/30 before:bg-gradient-to-r before:from-transparent before:via-content4 dark:before:via-default-700/10 before:to-transparent after:opacity-100 after:absolute after:inset-0 after:-z-10 after:bg-content3 dark:after:bg-content2 rounded-large"
+          style="max-width: 100%;"
         >
-          <div
-            class="relative w-full inline-flex tap-highlight-transparent shadow-sm px-3 bg-default-100 data-[hover=true]:bg-default-200 group-data-[focus=true]:bg-default-100 min-h-unit-10 rounded-medium flex-col items-start justify-center gap-0 !h-auto transition-background motion-reduce:transition-none !duration-150 outline-none group-data-[focus-visible=true]:z-10 group-data-[focus-visible=true]:ring-2 group-data-[focus-visible=true]:ring-focus group-data-[focus-visible=true]:ring-offset-2 group-data-[focus-visible=true]:ring-offset-background h-14 py-2"
-            data-has-multiple-rows="true"
-            data-slot="input-wrapper"
-            style="cursor: text;"
-          >
-            <label
-              class="z-10 pointer-events-none origin-top-left subpixel-antialiased block text-foreground-500 cursor-text relative will-change-auto !duration-200 !ease-out motion-reduce:transition-none transition-[transform,color,left,opacity] group-data-[filled-within=true]:text-default-600 group-data-[filled-within=true]:pointer-events-auto group-data-[filled-within=true]:scale-85 text-small pb-0.5 pe-2 max-w-full text-ellipsis overflow-hidden"
-              data-slot="label"
-              for="Bio"
-              id="react-aria-:r1g:"
-            >
-              Bio
-            </label>
-            <div
-              class="inline-flex w-full h-full box-border items-start group-data-[has-label=true]:items-start pb-0.5"
-              data-slot="inner-wrapper"
-            >
-              <textarea
-                aria-label="Bio"
-                aria-labelledby="Bio react-aria-:r1g:"
-                class="w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none data-[has-start-content=true]:ps-1.5 data-[has-end-content=true]:pe-1.5 text-small resize-none data-[hide-scroll=true]:scrollbar-hide group-data-[has-value=true]:text-default-foreground pt-0 transition-height !duration-100 motion-reduce:transition-none"
-                data-hide-scroll="true"
-                data-slot="input"
-                id="Bio"
-                placeholder="Share any you like..."
-              />
-            </div>
-          </div>
+           
+          <img
+            alt="ITS Logo"
+            class="relative shadow-black/5 data-[loaded=true]:opacity-100 shadow-none opacity-0 transition-transform-opacity motion-reduce:transition-none !duration-300 rounded-large bg-logo mx-auto -mb-4 z-0"
+            height="100%"
+            src="/logo.svg"
+            width="100%"
+          />
         </div>
-        <button
-          aria-expanded="false"
-          class="group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal overflow-hidden tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium [&>svg]:max-w-[theme(spacing.unit-8)] data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none bg-danger text-danger-foreground data-[hover=true]:opacity-hover z-10 aria-expanded:scale-[0.97] aria-expanded:opacity-70 subpixel-antialiased"
-          data-slot="trigger"
-          type="button"
-        >
-           Save Changes 
-        </button>
-      </form>
-    </div>
-    <div
-      class="flex w-full justify-around gap-12 pt-10"
-    >
-      <div>
-         Your Profile 
       </div>
-      <form
-        class="flex w-1/2 flex-col gap-4"
+      <div
+        class="mx-2 -mt-2 z-20"
       >
         <div
-          class="group flex flex-col w-full opacity-disabled pointer-events-none is-filled"
-          data-disabled="true"
-          data-filled="true"
-          data-filled-within="true"
-          data-has-elements="true"
-          data-has-label="true"
-          data-has-value="true"
-          data-required="true"
-          data-slot="base"
-        >
-          <div
-            class="relative w-full inline-flex tap-highlight-transparent shadow-sm px-3 bg-default-100 data-[hover=true]:bg-default-200 group-data-[focus=true]:bg-default-100 min-h-unit-10 rounded-medium flex-col items-start justify-center gap-0 pointer-events-none transition-background motion-reduce:transition-none !duration-150 outline-none group-data-[focus-visible=true]:z-10 group-data-[focus-visible=true]:ring-2 group-data-[focus-visible=true]:ring-focus group-data-[focus-visible=true]:ring-offset-2 group-data-[focus-visible=true]:ring-offset-background h-14 py-2 is-filled"
-            data-slot="input-wrapper"
-            style="cursor: text;"
-          >
-            <label
-              class="absolute z-10 origin-top-left subpixel-antialiased block text-foreground-500 cursor-text pointer-events-none after:content-['*'] after:text-danger after:ml-0.5 will-change-auto !duration-200 !ease-out motion-reduce:transition-none transition-[transform,color,left,opacity] group-data-[filled-within=true]:text-default-600 group-data-[filled-within=true]:pointer-events-auto group-data-[filled-within=true]:scale-85 text-small group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)] pe-2 max-w-full text-ellipsis overflow-hidden"
-              data-slot="label"
-              for="react-aria-:r1l:"
-              id="react-aria-:r1m:"
-            >
-              Email
-            </label>
-            <div
-              class="inline-flex w-full items-center h-full box-border group-data-[has-label=true]:items-end pb-0.5"
-              data-slot="inner-wrapper"
-            >
-              <input
-                aria-label="Email"
-                aria-labelledby="react-aria-:r1l: react-aria-:r1m:"
-                aria-required="true"
-                class="w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none data-[has-start-content=true]:ps-1.5 data-[has-end-content=true]:pe-1.5 text-small group-data-[has-value=true]:text-default-foreground is-filled"
-                data-filled="true"
-                data-filled-within="true"
-                data-slot="input"
-                disabled=""
-                id="react-aria-:r1l:"
-                required=""
-                type="email"
-                value="Sincere@april.biz"
-              />
-            </div>
-          </div>
-        </div>
-        <div
-          class="group flex flex-col w-full"
-          data-has-elements="true"
-          data-has-label="true"
-          data-has-value="true"
-          data-required="true"
-          data-slot="base"
+          class="flex items-center justify-center"
         >
-          <div
-            class="relative w-full inline-flex tap-highlight-transparent shadow-sm px-3 bg-default-100 data-[hover=true]:bg-default-200 group-data-[focus=true]:bg-default-100 min-h-unit-10 rounded-medium flex-col items-start justify-center gap-0 transition-background motion-reduce:transition-none !duration-150 outline-none group-data-[focus-visible=true]:z-10 group-data-[focus-visible=true]:ring-2 group-data-[focus-visible=true]:ring-focus group-data-[focus-visible=true]:ring-offset-2 group-data-[focus-visible=true]:ring-offset-background h-14 py-2"
-            data-slot="input-wrapper"
-            style="cursor: text;"
-          >
-            <label
-              class="absolute z-10 pointer-events-none origin-top-left subpixel-antialiased block text-foreground-500 cursor-text after:content-['*'] after:text-danger after:ml-0.5 will-change-auto !duration-200 !ease-out motion-reduce:transition-none transition-[transform,color,left,opacity] group-data-[filled-within=true]:text-default-600 group-data-[filled-within=true]:pointer-events-auto group-data-[filled-within=true]:scale-85 text-small group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)] pe-2 max-w-full text-ellipsis overflow-hidden"
-              data-slot="label"
-              for="react-aria-:r1q:"
-              id="react-aria-:r1r:"
-            >
-              New Password
-            </label>
-            <div
-              class="inline-flex w-full items-center h-full box-border group-data-[has-label=true]:items-end pb-0.5"
-              data-slot="inner-wrapper"
-            >
-              <input
-                aria-label="New Password"
-                aria-labelledby="react-aria-:r1q: react-aria-:r1r:"
-                aria-required="true"
-                class="w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none data-[has-start-content=true]:ps-1.5 data-[has-end-content=true]:pe-1.5 text-small group-data-[has-value=true]:text-default-foreground"
-                data-slot="input"
-                id="react-aria-:r1q:"
-                name="New password"
-                required=""
-                type="password"
-                value=""
-              />
-            </div>
-          </div>
+          Loading...
         </div>
         <div
-          class="group flex flex-col w-full"
-          data-has-elements="true"
-          data-has-label="true"
-          data-has-value="true"
-          data-required="true"
-          data-slot="base"
-        >
-          <div
-            class="relative w-full inline-flex tap-highlight-transparent shadow-sm px-3 bg-default-100 data-[hover=true]:bg-default-200 group-data-[focus=true]:bg-default-100 min-h-unit-10 rounded-medium flex-col items-start justify-center gap-0 transition-background motion-reduce:transition-none !duration-150 outline-none group-data-[focus-visible=true]:z-10 group-data-[focus-visible=true]:ring-2 group-data-[focus-visible=true]:ring-focus group-data-[focus-visible=true]:ring-offset-2 group-data-[focus-visible=true]:ring-offset-background h-14 py-2"
-            data-slot="input-wrapper"
-            style="cursor: text;"
-          >
-            <label
-              class="absolute z-10 pointer-events-none origin-top-left subpixel-antialiased block text-foreground-500 cursor-text after:content-['*'] after:text-danger after:ml-0.5 will-change-auto !duration-200 !ease-out motion-reduce:transition-none transition-[transform,color,left,opacity] group-data-[filled-within=true]:text-default-600 group-data-[filled-within=true]:pointer-events-auto group-data-[filled-within=true]:scale-85 text-small group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)] pe-2 max-w-full text-ellipsis overflow-hidden"
-              data-slot="label"
-              for="react-aria-:r1v:"
-              id="react-aria-:r20:"
-            >
-              Confirm Password
-            </label>
-            <div
-              class="inline-flex w-full items-center h-full box-border group-data-[has-label=true]:items-end pb-0.5"
-              data-slot="inner-wrapper"
-            >
-              <input
-                aria-label="Confirm Password"
-                aria-labelledby="react-aria-:r1v: react-aria-:r20:"
-                aria-required="true"
-                class="w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none data-[has-start-content=true]:ps-1.5 data-[has-end-content=true]:pe-1.5 text-small group-data-[has-value=true]:text-default-foreground"
-                data-slot="input"
-                id="react-aria-:r1v:"
-                name="Confirm new password"
-                required=""
-                type="password"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-        <button
-          aria-expanded="false"
-          class="group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal overflow-hidden tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium [&>svg]:max-w-[theme(spacing.unit-8)] data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none bg-danger text-danger-foreground data-[hover=true]:opacity-hover z-10 aria-expanded:scale-[0.97] aria-expanded:opacity-70 subpixel-antialiased"
-          data-slot="trigger"
-          type="button"
-        >
-           Update Password 
-        </button>
-      </form>
+          class="relative w-64 space-y-3 overflow-hidden rounded-md bg-logo p-3 shadow before:absolute before:inset-0 before:-translate-x-full before:bg-gradient-to-r before:from-transparent before:via-slate-200 hover:shadow-lg before:animate-[shimmer_1.5s_infinite]"
+        />
+      </div>
     </div>
   </div>
 </div>
diff --git a/frontend/src/app/__tests__/pages.test.tsx b/frontend/src/app/__tests__/pages.test.tsx
index 3613375e..ac13c640 100644
--- a/frontend/src/app/__tests__/pages.test.tsx
+++ b/frontend/src/app/__tests__/pages.test.tsx
@@ -1,68 +1,67 @@
-import LandingPage from '../login/page'
-import LoginPage from '../login/page'
-import SignUpPage from '../sign-up/page'
-import UserPage from '../user/page'
-import AssignmentPage from '../(pages)/assignments/[id]/page'
-import AssignmentService from '@/helpers/assignment-service/api-wrapper'
+import LandingPage from "../login/page";
+import LoginPage from "../login/page";
+import SignUpPage from "../sign-up/page";
+import UserPage from "../user/page";
+import AssignmentPage from "../assignments/[id]/page";
+import AssignmentService from "@/helpers/assignment-service/api-wrapper";
 
-import {render} from '@testing-library/react'
+import { render } from "@testing-library/react";
 
 // Place all page's Snapshot tests here
 
-jest.mock('next/navigation', () => {
+jest.mock("next/navigation", () => {
   return {
     __esModule: true,
     useRouter: () => ({
       replace: jest.fn(),
-      prefetch: jest.fn()
+      prefetch: jest.fn(),
     }),
     useSearchParams: () => ({
-      get: () => {}
+      get: () => {},
     }),
-    notFound: () => ({
+    notFound: () => ({}),
+  };
+});
 
-    })
-  }
-})
-
-jest.mock('@tanstack/react-query', () => {
+jest.mock("@tanstack/react-query", () => {
   return {
     __esModule: true,
     useQuery: () => {
-      const assignment = AssignmentService.getAssignmentById({assignmentId: "1"})
+      const assignment = AssignmentService.getAssignmentById({
+        assignmentId: "1",
+      });
       return {
         data: assignment,
-        isLoading: assignment.then(() => false)
-      }
-    }
-  }
-})
+        isLoading: assignment.then(() => false),
+      };
+    },
+  };
+});
 
-describe('Page Snapshot tests', () => {
-    it('Landing Page Snapshot test', () => {
-      const { container } = render(<LandingPage />)
-      expect(container).toMatchSnapshot()
-    })
+describe("Page Snapshot tests", () => {
+  it("Landing Page Snapshot test", () => {
+    const { container } = render(<LandingPage />);
+    expect(container).toMatchSnapshot();
+  });
 
-    it('Login Snapshot test', () => {
-      const { container } = render(<LoginPage />)
-      expect(container).toMatchSnapshot()
-    })
+  it("Login Snapshot test", () => {
+    const { container } = render(<LoginPage />);
+    expect(container).toMatchSnapshot();
+  });
 
-    it('Sign-up Snapshot test', () => {
-      const { container } = render(<SignUpPage />)
-      expect(container).toMatchSnapshot()
-    })
+  it("Sign-up Snapshot test", () => {
+    const { container } = render(<SignUpPage />);
+    expect(container).toMatchSnapshot();
+  });
 
-    it('User Page Snapshot test', async () => {
-      const Page = await UserPage()
-      const { container } = render(Page)
-      expect(container).toMatchSnapshot()
-    })
+  it("User Page Snapshot test", async () => {
+    const { container } = render(<UserPage />);
+    expect(container).toMatchSnapshot();
+  });
 
-    it('Loading Assignment Page Snapshot test', () => {
-      const id = "1"
-      const { container } = render(<AssignmentPage id={id} />)
-      expect(container).toMatchSnapshot()
-    })
-})
\ No newline at end of file
+  it("Loading Assignment Page Snapshot test", () => {
+    const id = "1";
+    const { container } = render(<AssignmentPage params={{ id: id }} />);
+    expect(container).toMatchSnapshot();
+  });
+});
diff --git a/frontend/src/app/(pages)/assignments/[id]/layout.tsx b/frontend/src/app/assignments/[id]/layout.tsx
similarity index 76%
rename from frontend/src/app/(pages)/assignments/[id]/layout.tsx
rename to frontend/src/app/assignments/[id]/layout.tsx
index 2f7e648d..3df82115 100644
--- a/frontend/src/app/(pages)/assignments/[id]/layout.tsx
+++ b/frontend/src/app/assignments/[id]/layout.tsx
@@ -1,7 +1,7 @@
 import AssignmentService from "@/helpers/assignment-service/api-wrapper";
-import { Metadata } from "next";
+import { Metadata, ResolvingMetadata } from "next";
 
-type Props = {
+type PageProps = {
   params: {
     id: string;
   };
@@ -13,7 +13,9 @@ export default function AssignmentPageLayout({
   return <div>{children}</div>;
 }
 
-export async function generateMetadata({ params }: Props) {
+export async function generateMetadata({
+  params,
+}: PageProps): Promise<Metadata> {
   const assignmentTitle = (
     await AssignmentService.getAssignmentById({
       assignmentId: params.id,
diff --git a/frontend/src/app/(pages)/assignments/[id]/page.tsx b/frontend/src/app/assignments/[id]/page.tsx
similarity index 81%
rename from frontend/src/app/(pages)/assignments/[id]/page.tsx
rename to frontend/src/app/assignments/[id]/page.tsx
index 9c943523..2a7dd62f 100644
--- a/frontend/src/app/(pages)/assignments/[id]/page.tsx
+++ b/frontend/src/app/assignments/[id]/page.tsx
@@ -7,19 +7,21 @@ import { useQuery } from "@tanstack/react-query";
 import { notFound } from "next/navigation";
 
 interface Props {
-  id: string;
+  params: {
+    id: string;
+  };
 }
 
-const page = ({ id }: Props) => {
+export default function Page({ params }: Props) {
   const {
     data: assignment,
     isLoading,
     isError,
   } = useQuery({
-    queryKey: ["get-assignment", id],
+    queryKey: ["get-assignment", params.id],
     queryFn: async () => {
       const assignment = await AssignmentService.getAssignmentById({
-        assignmentId: id,
+        assignmentId: params.id,
       });
 
       return assignment;
@@ -35,6 +37,4 @@ const page = ({ id }: Props) => {
       {isLoading ? <LogoLoading /> : <AssignmentPage assignment={assignment} />}
     </div>
   );
-};
-
-export default page;
+}
diff --git a/frontend/src/app/user/page.tsx b/frontend/src/app/user/page.tsx
index e1e03192..4b8637f7 100644
--- a/frontend/src/app/user/page.tsx
+++ b/frontend/src/app/user/page.tsx
@@ -1,26 +1,43 @@
-import { ReadOnlyFullUserCard, UserInfo } from "../../components/common/ReadOnlyUserCard";
+"use client";
+
+import { UserInfo } from "../../components/common/ReadOnlyUserCard";
 import ProfileEditor from "../../components/forms/ProfileEditor";
 import AccountEditor from "../../components/forms/AccountEditor";
+import { useEffect, useState } from "react";
+import LogoLoading from "@/components/common/LogoLoading";
+
+export default function Page() {
+  const [userInfo, setUserInfo] = useState<UserInfo>({} as UserInfo);
+  const [isLoading, setIsLoading] = useState<boolean>(true);
+
+  const getUserData = async () => {
+    const res = await fetch("https://jsonplaceholder.typicode.com/users/1");
+    const userInfo: UserInfo = await res.json();
 
-export default async function Home() {
-    const userInfo = await getUserData();
+    setUserInfo(userInfo);
+    setIsLoading(false);
+  };
 
-    return (
-      <div className="flex flex-col items-center p-12">
-        <div className="flex w-full justify-around gap-12 pt-10">
+  useEffect(() => {
+    getUserData();
+  }, []);
+
+  return (
+    <div className="flex flex-col items-center p-2">
+      {isLoading ? (
+        <LogoLoading />
+      ) : (
+        <div className="w-full">
+          <div className="flex w-full justify-around gap-12 pt-10">
             <div> Your Account </div>
-          <ProfileEditor userInfo={userInfo} />
-        </div>
-        <div className="flex w-full justify-around gap-12 pt-10">
+            <ProfileEditor userInfo={userInfo} />
+          </div>
+          <div className="flex w-full justify-around gap-12 pt-10">
             <div> Your Profile </div>
             <AccountEditor userInfo={userInfo} />
+          </div>
         </div>
-      </div>
-    );
-  }
-
-export const getUserData = async () => {
-  const res = await fetch("https://jsonplaceholder.typicode.com/users/1");
-  const userInfo: UserInfo = await res.json();
-  return userInfo
-};
\ No newline at end of file
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/components/common/ITSLogo.tsx b/frontend/src/components/common/ITSLogo.tsx
index ba68265c..3edc7384 100644
--- a/frontend/src/components/common/ITSLogo.tsx
+++ b/frontend/src/components/common/ITSLogo.tsx
@@ -9,6 +9,7 @@ const ITSLogo = ({ width = "100%", height = "100%" }: Props) => {
   return (
     <Image
       src="/logo.svg"
+      alt="ITS Logo"
       className="bg-logo mx-auto -mb-4 z-0"
       width={width}
       height={height}
diff --git a/frontend/src/components/forms/ProfileEditor.tsx b/frontend/src/components/forms/ProfileEditor.tsx
index f27c35fc..e875153d 100644
--- a/frontend/src/components/forms/ProfileEditor.tsx
+++ b/frontend/src/components/forms/ProfileEditor.tsx
@@ -2,103 +2,154 @@
 
 import { useEffect, useMemo, useState } from "react";
 import { UserInfo } from "../common/ReadOnlyUserCard";
-import { Button, Card, Input, Popover, PopoverContent, PopoverTrigger, Textarea, CardFooter, Avatar } from "@nextui-org/react";
+import {
+  Button,
+  Card,
+  Input,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Textarea,
+  CardFooter,
+  Avatar,
+} from "@nextui-org/react";
 import FileInput from "../common/FileInput";
 
-export default function ProfileEditor({userInfo} : {userInfo: UserInfo}) {
-    const [name, setName] = useState<string>(userInfo.name);
-    const isInvalidName = useMemo(() => {
-        return name == "";
-    }, [name]);
-    const [bio, setBio] = useState<string | undefined>(userInfo.bio);
-    const [photo, setPhoto] = useState<string | undefined>(userInfo.photo);
-    const [newPhoto, setNewPhoto] = useState<File>();
-    
-    // userInfo is constant, do not change for now
-    const hasChanged = useMemo(() => {
-        if (name != userInfo.name) return true;
-        if (bio != userInfo.bio && !(bio == "" && userInfo.bio == undefined)) return true;
-        if (photo != userInfo.photo && !(photo == "" && userInfo.photo == undefined)) return true;
-        return false;
-    }, [name, bio, photo])
-    
-    useEffect(() => {
-        if (newPhoto) {
-            setPhoto(URL.createObjectURL(newPhoto))
-            console.log("Recieved file!");
-        } else {
-            setNewPhoto(undefined);
-            setPhoto(userInfo.photo);
-        }
-    }, [newPhoto, userInfo.photo])
-    
-    const handleDiscard = () => {
-        setName(userInfo.name);
-        setBio(userInfo.bio || "");
-        setPhoto(userInfo.photo);
-        setNewPhoto(undefined);
+export default function ProfileEditor({ userInfo }: { userInfo: UserInfo }) {
+  const [name, setName] = useState<string>(userInfo.name);
+  const isInvalidName = useMemo(() => {
+    return name == "";
+  }, [name]);
+  const [bio, setBio] = useState<string | undefined>(userInfo.bio);
+  const [photo, setPhoto] = useState<string | undefined>(userInfo.photo);
+  const [newPhoto, setNewPhoto] = useState<File>();
+
+  // userInfo is constant, do not change for now
+  const hasChanged = useMemo(() => {
+    if (name != userInfo.name) return true;
+    if (bio != userInfo.bio && !(bio == "" && userInfo.bio == undefined))
+      return true;
+    if (
+      photo != userInfo.photo &&
+      !(photo == "" && userInfo.photo == undefined)
+    )
+      return true;
+    return false;
+  }, [name, bio, photo]);
+
+  useEffect(() => {
+    if (newPhoto) {
+      setPhoto(URL.createObjectURL(newPhoto));
+      console.log("Recieved file!");
+    } else {
+      setNewPhoto(undefined);
+      setPhoto(userInfo.photo);
     }
+  }, [newPhoto, userInfo.photo]);
 
-    const [profileMessage, setProfileMessage] = useState<string>("");
-    const handleProfileSubmit = async () => {
-        if (name == userInfo.name && bio == userInfo.bio && photo == userInfo.photo) {
-            setProfileMessage("Profile saved!");
-            return;
-        }
+  const handleDiscard = () => {
+    setName(userInfo.name);
+    setBio(userInfo.bio || "");
+    setPhoto(userInfo.photo);
+    setNewPhoto(undefined);
+  };
+
+  const [profileMessage, setProfileMessage] = useState<string>("");
+  const handleProfileSubmit = async () => {
+    if (
+      name == userInfo.name &&
+      bio == userInfo.bio &&
+      photo == userInfo.photo
+    ) {
+      setProfileMessage("Profile saved!");
+      return;
+    }
 
-        const res = await fetch("https://jsonplaceholder.typicode.com/users/1", {
-            method: "PATCH",
-            body: JSON.stringify({
-                name: name,
-                bio: bio,
-                photo: newPhoto,
-                email: userInfo.email
-            })
-        }).catch((err) => {
-            console.log(err);
-            return {
-                status: 500,
-                ok: false
-            }
-        })
+    const res = await fetch("https://jsonplaceholder.typicode.com/users/1", {
+      method: "PATCH",
+      body: JSON.stringify({
+        name: name,
+        bio: bio,
+        photo: newPhoto,
+        email: userInfo.email,
+      }),
+    }).catch((err) => {
+      console.log(err);
+      return {
+        status: 500,
+        ok: false,
+      };
+    });
 
-        if (!res.ok) {
-            setProfileMessage("An error occured, please try again later");
-        } else {
-            setProfileMessage("Profile saved!");
-        }
+    if (!res.ok) {
+      setProfileMessage("An error occured, please try again later");
+    } else {
+      setProfileMessage("Profile saved!");
     }
-    return <form className="flex w-1/2 flex-col gap-4">
-                <Card isFooterBlurred className="
+  };
+  return (
+    <form className="flex w-1/2 flex-col gap-4">
+      <Card
+        isFooterBlurred
+        className="
                     border-none
                     self-center
                     max-w-[200px] max-h-[200px]"
-                    radius="lg">
-                    <Avatar
-                        alt="Profile Picture"
-                        className="object-cover h-200 w-200"
-                        src={photo ? photo : "https://picsum.photos/200"}
-                        name={userInfo.name}
-                        fallback
-                    />
-                    <CardFooter className="justify-end before:bg-white/10   
-                        overflow-hidden py-1 absolute rounded-large bottom-1 ml-1 z-10">
-                        <FileInput onFileChange={setNewPhoto}/>
-                    </CardFooter>
-                </Card>
-                <Input type="text" isRequired name="Name" 
-                    label="Name" value={name} onValueChange={setName} 
-                    isInvalid={isInvalidName} errorMessage={isInvalidName && "Your name cannot be empty"}/>
-                <Textarea label="Bio" id="Bio" 
-                    value={bio} onValueChange={setBio} placeholder="Share any you like..."/>
-                {hasChanged ? <Button onClick={handleDiscard}> Discard Changes </Button> : ""}
-                <Popover color="danger" isOpen={profileMessage !="" } onOpenChange={() => setProfileMessage("")}>
-                    <PopoverTrigger>
-                        <Button color="danger" onClick={handleProfileSubmit}> Save Changes </Button>
-                    </PopoverTrigger>
-                    <PopoverContent >
-                        <p className="text-small" color="danger">{profileMessage}</p>
-                    </PopoverContent>
-                </Popover>
-        </form>
-}
\ No newline at end of file
+        radius="lg"
+      >
+        <Avatar
+          alt="Profile Picture"
+          className="object-cover h-200 w-200"
+          src={photo ? photo : "https://picsum.photos/200"}
+          name={userInfo.name}
+          fallback
+        />
+        <CardFooter
+          className="justify-end before:bg-white/10   
+                        overflow-hidden py-1 absolute rounded-large bottom-1 ml-1 z-10"
+        >
+          <FileInput onFileChange={setNewPhoto} />
+        </CardFooter>
+      </Card>
+      <Input
+        type="text"
+        isRequired
+        name="Name"
+        label="Name"
+        value={name}
+        onValueChange={setName}
+        isInvalid={isInvalidName}
+        errorMessage={isInvalidName && "Your name cannot be empty"}
+      />
+      <Textarea
+        label="Bio"
+        id="Bio"
+        value={bio}
+        onValueChange={setBio}
+        placeholder="Share any you like..."
+      />
+      {hasChanged ? (
+        <Button onClick={handleDiscard}> Discard Changes </Button>
+      ) : (
+        ""
+      )}
+      <Popover
+        color="danger"
+        isOpen={profileMessage != ""}
+        onOpenChange={() => setProfileMessage("")}
+      >
+        <PopoverTrigger>
+          <Button color="danger" onClick={handleProfileSubmit}>
+            {" "}
+            Save Changes{" "}
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent>
+          <p className="text-small" color="danger">
+            {profileMessage}
+          </p>
+        </PopoverContent>
+      </Popover>
+    </form>
+  );
+}
diff --git a/frontend/src/types/assignment-service.d.ts b/frontend/src/types/assignment-service.d.ts
index 44fec4db..36030ee0 100644
--- a/frontend/src/types/assignment-service.d.ts
+++ b/frontend/src/types/assignment-service.d.ts
@@ -26,7 +26,7 @@ type TestCase = {
   id?: string;
   input: string;
   output: string;
-  isPublic: boolean = true;
+  isPublic: boolean;
 };
 
 type ReferenceSolution = {
diff --git a/frontend/src/utils/dateUtils.ts b/frontend/src/utils/dateUtils.ts
index 0f32804a..ce7df35b 100644
--- a/frontend/src/utils/dateUtils.ts
+++ b/frontend/src/utils/dateUtils.ts
@@ -24,8 +24,6 @@ const convertDateToTimestamp = (date: string | Date) => {
   return timestamp;
 };
 
-console.log(convertDateToTimestamp("2024-03-31T23:59:59.999Z"));
-
 const DateUtils = {
   parseTimestampToDate,
   convertDateToTimestamp,
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 8a1126d5..992fc08e 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -2430,23 +2430,23 @@
     tslib "^2.4.0"
 
 "@swc/helpers@^0.5.0":
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.6.tgz#d16d8566b7aea2bef90d059757e2d77f48224160"
-  integrity sha512-aYX01Ke9hunpoCexYAgQucEpARGQ5w/cqHFrIR+e9gdKb1QWTsVJuTJ2ozQzIAxLyRQe/m+2RqzkyOOGiMKRQA==
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.7.tgz#36c05f61b412abcff3616ecc8634623bcc7c9618"
+  integrity sha512-BVvNZhx362+l2tSwSuyEUV4h7+jk9raNdoTSdLfwTshXJSaGmYKluGRJznziCI3KX02Z19DdsQrdfrpXAU3Hfg==
   dependencies:
     tslib "^2.4.0"
 
-"@tanstack/query-core@5.28.2":
-  version "5.28.2"
-  resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-5.28.2.tgz#8bee8c10b956ebe8e1c57df89f6dd620b787add0"
-  integrity sha512-IvRjNUzoJ0Hn5OSpFkPtMY00zEm+EauCnSKOx/PJPOpME6ucM5hSisFdnIN9oU3WDw5lv6OFWDSpG0rM6lF9rw==
+"@tanstack/query-core@5.28.4":
+  version "5.28.4"
+  resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-5.28.4.tgz#fa416532f8b33ca8608d40bb9728b60e2e1a38dc"
+  integrity sha512-uQZqOFqLWUvXNIQZ63XdKzg22NtHzgCBUfDmjDHi3BoF+nUYeBNvMi/xFPtFrMhqRzG2Ir4mYaGsWZzmiEjXpA==
 
 "@tanstack/react-query@^5.24.1":
-  version "5.28.2"
-  resolved "https://registry.yarnpkg.com/@tanstack/react-query/-/react-query-5.28.2.tgz#d7368f4601f410e2f830a26567880bfb132bcf83"
-  integrity sha512-t3th5v5bzyeiw+fzwKwbGVT3ux2qW4wDJRrLy4YLok0qrrEQUYcZ3xsC7dlxkPbFInrIGJ8qLsm1A2sbyy2XZA==
+  version "5.28.4"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-query/-/react-query-5.28.4.tgz#32e56ca4fd08513a906fe6323908f0e38ffccbba"
+  integrity sha512-BErcoB/QQG6YwLSUKnaGxF+lSc270RH2w3kMBpG0i4YzDCsFs2pdxPX1WVknQvFk9bNgukMb158hc2Zb4SdwSA==
   dependencies:
-    "@tanstack/query-core" "5.28.2"
+    "@tanstack/query-core" "5.28.4"
 
 "@testing-library/dom@^9.0.0":
   version "9.3.4"
@@ -2597,9 +2597,9 @@
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
 "@types/node@*", "@types/node@^20":
-  version "20.11.27"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.11.27.tgz#debe5cfc8a507dd60fe2a3b4875b1604f215c2ac"
-  integrity sha512-qyUZfMnCg1KEz57r7pzFtSGt49f6RPkPBis3Vo4PbS7roQEDn22hiHzl/Lo1q4i4hDEgBJmBF/NTNg2XR0HbFg==
+  version "20.11.28"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.11.28.tgz#4fd5b2daff2e580c12316e457473d68f15ee6f66"
+  integrity sha512-M/GPWVS2wLkSkNHVeLkrF2fD5Lx5UC4PxA0uZcKc6QqbIQUJyW1jVjueJYi1z8n0I5PxYrtpnPnWglE+y9A0KA==
   dependencies:
     undici-types "~5.26.4"
 
@@ -2783,6 +2783,11 @@ ansi-escapes@^4.2.1:
   dependencies:
     type-fest "^0.21.3"
 
+ansi-regex@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.1.tgz#164daac87ab2d6f6db3a29875e2d1766582dabed"
+  integrity sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==
+
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
@@ -2812,11 +2817,6 @@ ansi-styles@^5.0.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
   integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
 
-ansi-styles@^6.1.0:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
-  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
-
 any-promise@^1.0.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
@@ -3021,13 +3021,6 @@ async-retry@1.2.3:
   dependencies:
     retry "0.12.0"
 
-asynciterator.prototype@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz#8c5df0514936cdd133604dfcc9d3fb93f09b2b62"
-  integrity sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==
-  dependencies:
-    has-symbols "^1.0.3"
-
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
@@ -3058,11 +3051,11 @@ axe-core@=4.7.0:
   integrity sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==
 
 axios@^1.6.7:
-  version "1.6.7"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.7.tgz#7b48c2e27c96f9c68a2f8f31e2ab19f59b06b0a7"
-  integrity sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==
+  version "1.6.8"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.8.tgz#66d294951f5d988a00e87a0ffb955316a619ea66"
+  integrity sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==
   dependencies:
-    follow-redirects "^1.15.4"
+    follow-redirects "^1.15.6"
     form-data "^4.0.0"
     proxy-from-env "^1.1.0"
 
@@ -3154,9 +3147,9 @@ basic-auth@~2.0.0:
     safe-buffer "5.1.2"
 
 binary-extensions@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
-  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
+  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
 
 bitsyntax@~0.0.4:
   version "0.0.4"
@@ -3284,9 +3277,9 @@ camelcase@^6.2.0:
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
 caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001587, caniuse-lite@^1.0.30001591:
-  version "1.0.30001597"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001597.tgz#8be94a8c1d679de23b22fbd944232aa1321639e6"
-  integrity sha512-7LjJvmQU6Sj7bL0j5b5WY/3n7utXUJvAe1lxhsHDbLmwX9mdL86Yjtr+5SRCyf8qME4M7pU2hswj0FpyBVCv9w==
+  version "1.0.30001599"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001599.tgz#571cf4f3f1506df9bf41fcbb6d10d5d017817bce"
+  integrity sha512-LRAQHZ4yT1+f9LemSMeqdMpMxZcc4RMWdj4tiFe3G8tNkWK+E58g+/tzotb5cU6TbcVJLr4fySiAW7XmxQvZQA==
 
 chalk@2.4.1:
   version "2.4.1"
@@ -3622,6 +3615,33 @@ data-urls@^3.0.2:
     whatwg-mimetype "^3.0.0"
     whatwg-url "^11.0.0"
 
+data-view-buffer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.1.tgz#8ea6326efec17a2e42620696e671d7d5a8bc66b2"
+  integrity sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz#90721ca95ff280677eb793749fce1011347669e2"
+  integrity sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-byte-offset@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz#5e0bbfb4828ed2d1b9b400cd8a7d119bca0ff18a"
+  integrity sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
 datasette@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/datasette/-/datasette-1.0.1.tgz#c8786bbd36be6606179e7a2525430b9dbd9395e8"
@@ -3839,11 +3859,6 @@ draht@1.0.1:
   dependencies:
     eventemitter2 "5.0.1"
 
-eastasianwidth@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
-  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
-
 ecdsa-sig-formatter@1.0.11:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz#ae0f0fa2d85045ef14a817daa3ce9acd0489e5bf"
@@ -3857,9 +3872,9 @@ ee-first@1.1.1:
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
 electron-to-chromium@^1.4.668:
-  version "1.4.705"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.705.tgz#ef4f912620bd7c9555a20554ffc568184c0ddceb"
-  integrity sha512-LKqhpwJCLhYId2VVwEzFXWrqQI5n5zBppz1W9ehhTlfYU8CUUW6kClbN8LHF/v7flMgRdETS772nqywJ+ckVAw==
+  version "1.4.708"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.708.tgz#d54d3b47cb44ae6b190067439c42135456907893"
+  integrity sha512-iWgEEvREL4GTXXHKohhh33+6Y8XkPI5eHihDmm8zUk5Zo7HICEW+wI/j5kJ2tbuNUCXJ/sNXa03ajW635DiJXA==
 
 emittery@^0.13.1:
   version "0.13.1"
@@ -3901,7 +3916,7 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.22.4:
+es-abstract@^1.22.1, es-abstract@^1.22.3:
   version "1.22.5"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.5.tgz#1417df4e97cc55f09bf7e58d1e614bc61cb8df46"
   integrity sha512-oW69R+4q2wG+Hc3KZePPZxOiisRIqfKBVo/HLx94QcJeWGU/8sZhCvc829rd1kS366vlJbzBfXf9yWwf0+Ko7w==
@@ -3948,6 +3963,58 @@ es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.22.4:
     unbox-primitive "^1.0.2"
     which-typed-array "^1.1.14"
 
+es-abstract@^1.23.0, es-abstract@^1.23.1:
+  version "1.23.1"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.1.tgz#85edfef168cd1bf9d45be3c83192a3a4b24db2d0"
+  integrity sha512-r+YVn6hTqQb+P5kK0u3KeDqrmhHKm+OhU/Mw4jSL4eQtOxXmp75fXIUUb3sUqFZOlb/YtW5JRaIfEC3UyjYUZQ==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    arraybuffer.prototype.slice "^1.0.3"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    data-view-buffer "^1.0.1"
+    data-view-byte-length "^1.0.1"
+    data-view-byte-offset "^1.0.0"
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.0.3"
+    es-to-primitive "^1.2.1"
+    function.prototype.name "^1.1.6"
+    get-intrinsic "^1.2.4"
+    get-symbol-description "^1.0.2"
+    globalthis "^1.0.3"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.0.3"
+    has-symbols "^1.0.3"
+    hasown "^2.0.2"
+    internal-slot "^1.0.7"
+    is-array-buffer "^3.0.4"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.1"
+    is-negative-zero "^2.0.3"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.3"
+    is-string "^1.0.7"
+    is-typed-array "^1.1.13"
+    is-weakref "^1.0.2"
+    object-inspect "^1.13.1"
+    object-keys "^1.1.1"
+    object.assign "^4.1.5"
+    regexp.prototype.flags "^1.5.2"
+    safe-array-concat "^1.1.2"
+    safe-regex-test "^1.0.3"
+    string.prototype.trim "^1.2.8"
+    string.prototype.trimend "^1.0.7"
+    string.prototype.trimstart "^1.0.7"
+    typed-array-buffer "^1.0.2"
+    typed-array-byte-length "^1.0.1"
+    typed-array-byte-offset "^1.0.2"
+    typed-array-length "^1.0.5"
+    unbox-primitive "^1.0.2"
+    which-typed-array "^1.1.15"
+
 es-array-method-boxes-properly@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
@@ -3981,27 +4048,33 @@ es-get-iterator@^1.1.3:
     stop-iteration-iterator "^1.0.0"
 
 es-iterator-helpers@^1.0.15, es-iterator-helpers@^1.0.17:
-  version "1.0.17"
-  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.17.tgz#123d1315780df15b34eb181022da43e734388bb8"
-  integrity sha512-lh7BsUqelv4KUbR5a/ZTaGGIMLCjPGPqJ6q+Oq24YP0RdyptX1uzm4vvaqzk7Zx3bpl/76YLTTDj9L7uYQ92oQ==
+  version "1.0.18"
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.18.tgz#4d3424f46b24df38d064af6fbbc89274e29ea69d"
+  integrity sha512-scxAJaewsahbqTYrGKJihhViaM6DDZDDoucfvzNbK0pOren1g/daDQ3IAhzn+1G14rBG7w+i5N+qul60++zlKA==
   dependencies:
-    asynciterator.prototype "^1.0.0"
     call-bind "^1.0.7"
     define-properties "^1.2.1"
-    es-abstract "^1.22.4"
+    es-abstract "^1.23.0"
     es-errors "^1.3.0"
-    es-set-tostringtag "^2.0.2"
+    es-set-tostringtag "^2.0.3"
     function-bind "^1.1.2"
     get-intrinsic "^1.2.4"
     globalthis "^1.0.3"
     has-property-descriptors "^1.0.2"
-    has-proto "^1.0.1"
+    has-proto "^1.0.3"
     has-symbols "^1.0.3"
     internal-slot "^1.0.7"
     iterator.prototype "^1.1.2"
-    safe-array-concat "^1.1.0"
+    safe-array-concat "^1.1.2"
 
-es-set-tostringtag@^2.0.2, es-set-tostringtag@^2.0.3:
+es-object-atoms@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.0.0.tgz#ddb55cd47ac2e240701260bc2a8e31ecb643d941"
+  integrity sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-set-tostringtag@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz#8bb60f0a440c2e4281962428438d58545af39777"
   integrity sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==
@@ -4157,9 +4230,9 @@ eslint-plugin-jsx-a11y@^6.7.1:
   integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
 
 eslint-plugin-react@^7.33.2:
-  version "7.34.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.34.0.tgz#ab71484d54fc409c37025c5eca00eb4177a5e88c"
-  integrity sha512-MeVXdReleBTdkz/bvcQMSnCXGi+c9kvy51IpinjnJgutl3YTHWsDdke7Z1ufZpGfDG8xduBDKyjtB9JH1eBKIQ==
+  version "7.34.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.34.1.tgz#6806b70c97796f5bbfb235a5d3379ece5f4da997"
+  integrity sha512-N97CxlouPT1AHt8Jn0mhhN2RrADlUAsk1/atcT2KyA/l9Q/E6ll7OIGwNumFmWfZ9skV3XXccYS19h80rHtgkw==
   dependencies:
     array-includes "^3.1.7"
     array.prototype.findlast "^1.2.4"
@@ -4484,7 +4557,7 @@ flatted@^3.2.9:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a"
   integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==
 
-follow-redirects@^1.15.4:
+follow-redirects@^1.15.6:
   version "1.15.6"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b"
   integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
@@ -4529,9 +4602,9 @@ fraction.js@^4.3.7:
   integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
 
 framer-motion@^11.0.5:
-  version "11.0.13"
-  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-11.0.13.tgz#2287f8bc5b9785c898989a44ed3a646a881e85b2"
-  integrity sha512-zDjUj7dBiB6WklCvklKH06mwbYO0hzWrq5Rdz/DgeBFsCVQRmb9Zv7I9dPM7lX5c8eMxxba5D6sEVIv1kj/Ttg==
+  version "11.0.14"
+  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-11.0.14.tgz#621218e48c25847abd5bf3ee168919b2cab7a113"
+  integrity sha512-RFjo2hB1MTW0EWsHQaXgVn0AEUDGxAs0ZL2vVjTTJJu3N7wFiLkmqTn5ysLjL+qKZ9jvfpKXDb9waN9AyLqk8g==
   dependencies:
     tslib "^2.4.0"
 
@@ -4759,7 +4832,7 @@ hase@2.0.0:
     "@babel/runtime" "7.1.2"
     amqplib "0.5.2"
 
-hasown@^2.0.0, hasown@^2.0.1:
+hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
   integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
@@ -5004,6 +5077,13 @@ is-core-module@^2.11.0, is-core-module@^2.13.0, is-core-module@^2.13.1:
   dependencies:
     hasown "^2.0.0"
 
+is-data-view@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.1.tgz#4b4d3a511b70f3dc26d42c03ca9ca515d847759f"
+  integrity sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==
+  dependencies:
+    is-typed-array "^1.1.13"
+
 is-date-object@^1.0.1, is-date-object@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
@@ -6512,13 +6592,13 @@ postcss@8.4.31:
     source-map-js "^1.0.2"
 
 postcss@^8, postcss@^8.4.23:
-  version "8.4.35"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.35.tgz#60997775689ce09011edf083a549cea44aabe2f7"
-  integrity sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==
+  version "8.4.36"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.36.tgz#dba513c3c3733c44e0288a712894f8910bbaabc6"
+  integrity sha512-/n7eumA6ZjFHAsbX30yhHup/IMkOmlmvtEi7P+6RMYf+bGJSUHc3geH4a0NSZxAz/RJfiS9tooCTs9LAVYUZKw==
   dependencies:
     nanoid "^3.3.7"
     picocolors "^1.0.0"
-    source-map-js "^1.0.2"
+    source-map-js "^1.1.0"
 
 prelude-ls@^1.2.1:
   version "1.2.1"
@@ -6658,7 +6738,7 @@ react-property@2.0.2:
   resolved "https://registry.yarnpkg.com/react-property/-/react-property-2.0.2.tgz#d5ac9e244cef564880a610bc8d868bd6f60fdda6"
   integrity sha512-+PbtI3VuDV0l6CleQMsx2gtK0JZbZKbpdu5ynr+lbsuvtmgbNcS3VM0tuY2QjFNOcWxvXeHjDpy42RO+4U2rug==
 
-react-remove-scroll-bar@^2.3.4:
+react-remove-scroll-bar@^2.3.6:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz#3e585e9d163be84a010180b18721e851ac81a29c"
   integrity sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==
@@ -6667,11 +6747,11 @@ react-remove-scroll-bar@^2.3.4:
     tslib "^2.0.0"
 
 react-remove-scroll@^2.5.6:
-  version "2.5.7"
-  resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.5.7.tgz#15a1fd038e8497f65a695bf26a4a57970cac1ccb"
-  integrity sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==
+  version "2.5.9"
+  resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.5.9.tgz#6a38e7d46043abc2c6b0fb39db650b9f2e38be3e"
+  integrity sha512-bvHCLBrFfM2OgcrpPY2YW84sPdS2o2HKWJUf1xGyGLnSoEnOTOBpahIarjRuYtN0ryahCeP242yf+5TrBX/pZA==
   dependencies:
-    react-remove-scroll-bar "^2.3.4"
+    react-remove-scroll-bar "^2.3.6"
     react-style-singleton "^2.2.1"
     tslib "^2.1.0"
     use-callback-ref "^1.3.0"
@@ -6744,15 +6824,15 @@ redent@^3.0.0:
     strip-indent "^3.0.0"
 
 reflect.getprototypeof@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.5.tgz#e0bd28b597518f16edaf9c0e292c631eb13e0674"
-  integrity sha512-62wgfC8dJWrmxv44CA36pLDnP6KKl3Vhxb7PL+8+qrrFMMoJij4vgiMP8zV4O8+CBMXY1mHxI5fITGHXFHVmQQ==
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz#3ab04c32a8390b770712b7a8633972702d278859"
+  integrity sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==
   dependencies:
-    call-bind "^1.0.5"
+    call-bind "^1.0.7"
     define-properties "^1.2.1"
-    es-abstract "^1.22.3"
-    es-errors "^1.0.0"
-    get-intrinsic "^1.2.3"
+    es-abstract "^1.23.1"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
     globalthis "^1.0.3"
     which-builtin-type "^1.1.3"
 
@@ -6860,7 +6940,7 @@ run-parallel@^1.1.9:
   dependencies:
     queue-microtask "^1.2.2"
 
-safe-array-concat@^1.0.0, safe-array-concat@^1.1.0:
+safe-array-concat@^1.0.0, safe-array-concat@^1.1.0, safe-array-concat@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.2.tgz#81d77ee0c4e8b863635227c721278dd524c20edb"
   integrity sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==
@@ -7042,10 +7122,10 @@ slash@^3.0.0:
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
-source-map-js@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
-  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+source-map-js@^1.0.2, source-map-js@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.1.0.tgz#9e7d5cb46f0689fb6691b30f226937558d0fa94b"
+  integrity sha512-9vC2SfsJzlej6MAaMPLu8HiBSHGdRAJ9hVFYN1ibZoNkeanmDmLUcIrj6G9DGL7XMJ54AKg/G75akXl1/izTOw==
 
 source-map-support@0.5.13:
   version "0.5.13"
@@ -7121,7 +7201,7 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0":
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -7130,14 +7210,14 @@ string-length@^4.0.1:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string-width@^5.0.1, string-width@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
-  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
+string-width@4.1.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3, string-width@^5.1.2:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.1.0.tgz#ba846d1daa97c3c596155308063e075ed1c99aff"
+  integrity sha512-NrX+1dVVh+6Y9dnQ19pR0pP4FiEIlUvdTGn8pw6CKTNq5sgib2nIhmUNT5TAmhWmvKr3WcxBcP3E8nWezuipuQ==
   dependencies:
-    eastasianwidth "^0.2.0"
-    emoji-regex "^9.2.2"
-    strip-ansi "^7.0.1"
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^5.2.0"
 
 string.prototype.matchall@^4.0.10:
   version "4.0.10"
@@ -7155,22 +7235,23 @@ string.prototype.matchall@^4.0.10:
     side-channel "^1.0.4"
 
 string.prototype.trim@^1.2.8:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz#f9ac6f8af4bd55ddfa8895e6aea92a96395393bd"
-  integrity sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==
+  version "1.2.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz#b6fa326d72d2c78b6df02f7759c73f8f6274faa4"
+  integrity sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.0"
+    es-object-atoms "^1.0.0"
 
 string.prototype.trimend@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz#1bb3afc5008661d73e2dc015cd4853732d6c471e"
-  integrity sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz#3651b8513719e8a9f48de7f2f77640b26652b229"
+  integrity sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
 
 string.prototype.trimstart@^1.0.7:
   version "1.0.7"
@@ -7209,6 +7290,13 @@ stringify-object@3.3.0:
   dependencies:
     ansi-regex "^5.0.1"
 
+strip-ansi@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
+  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
+  dependencies:
+    ansi-regex "^4.1.0"
+
 strip-ansi@^7.0.1:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
@@ -7806,7 +7894,7 @@ which-collection@^1.0.1:
     is-weakmap "^2.0.2"
     is-weakset "^2.0.3"
 
-which-typed-array@^1.1.13, which-typed-array@^1.1.14, which-typed-array@^1.1.9:
+which-typed-array@^1.1.13, which-typed-array@^1.1.14, which-typed-array@^1.1.15, which-typed-array@^1.1.9:
   version "1.1.15"
   resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.15.tgz#264859e9b11a649b388bfaaf4f767df1f779b38d"
   integrity sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==
@@ -7824,7 +7912,7 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@7.0.0, wrap-ansi@^7.0.0, wrap-ansi@^8.1.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -7833,15 +7921,6 @@ which@^2.0.1:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
-  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
-  dependencies:
-    ansi-styles "^6.1.0"
-    string-width "^5.0.1"
-    strip-ansi "^7.0.1"
-
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"