From 23879e1b82f19a0c003531094dd42b8fce10643b Mon Sep 17 00:00:00 2001
From: LanDinh <coding+sourcetree@khaleesi.ninja>
Date: Thu, 19 Dec 2024 22:27:07 +0100
Subject: [PATCH] Migrate away from @remix-run/eslint-config.

---
 frontend/.eslintrc.js                         |  24 +-
 frontend/khaleesi/app/khaleesi/auth/login.tsx |   2 +-
 .../khaleesi/app/khaleesi/auth/logout.tsx     |   2 +-
 .../khaleesi/app/khaleesi/grpc/util.server.ts |   6 +-
 .../khaleesi/app/khaleesi/home/content.tsx    |   2 +-
 .../khaleesi/app/khaleesi/home/document.tsx   |  12 +-
 .../app/khaleesi/navigation/breadcrumb.tsx    |   2 +-
 .../app/khaleesi/navigation/navigation.tsx    |   6 +-
 .../khaleesi/navigation/navigationElement.tsx |   4 +-
 .../app/khaleesi/testUtil/consoleLogging.tsx  |   8 +-
 .../tests/testAuth/testLogin.tsx              |   2 +-
 .../tests/testAuth/testLogout.tsx             |   2 +-
 .../testTable/testPaginator.tsx               |  18 +-
 .../testComponents/testTable/testTable.tsx    |   4 +-
 .../tests/testHome/testDocument.tsx           |   4 +-
 .../tests/testHome/testError.tsx              |   6 +-
 .../tests/testNavigation/testNavigation.tsx   |  12 +-
 .../testNavigation/testNavigationElement.tsx  |   8 +-
 frontend/package-lock.json                    | 831 +++---------------
 frontend/package.json                         |   6 +-
 20 files changed, 190 insertions(+), 771 deletions(-)

diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
index cc8810a0..4c912d88 100644
--- a/frontend/.eslintrc.js
+++ b/frontend/.eslintrc.js
@@ -1,7 +1,29 @@
 // noinspection JSUnresolvedReference
 /** @type {import('eslint').Linter.Config} */
 module.exports = {
-  extends: [ "@remix-run/eslint-config", "@remix-run/eslint-config/node" ],
+  extends: [ "eslint:recommended" ],
+  overrides: [
+    {
+      files: ["**/*.{js,jsx,ts,tsx}"],
+      extends: [
+        "plugin:react/recommended",
+        "plugin:react/jsx-runtime",
+        "plugin:react-hooks/recommended",
+        "plugin:jsx-a11y/recommended",
+      ],
+      rules: {
+        "jsx-a11y/aria-role": [2, { "allowedInvalidRoles": ["icon"] }]
+      }
+    },
+    {
+      files: ["**/*.{ts,tsx}"],
+      extends: [
+        "plugin:@typescript-eslint/recommended",
+        "plugin:import/recommended",
+        "plugin:import/typescript",
+      ],
+    }
+  ],
   ignorePatterns: [ "/app/khaleesi/proto/*.d.ts" ],
   rules: {
     "max-len": [2, { code: 100, tabWidth: 2, ignorePattern: "\\s*<path", ignoreUrls: true }],
diff --git a/frontend/khaleesi/app/khaleesi/auth/login.tsx b/frontend/khaleesi/app/khaleesi/auth/login.tsx
index 62270766..fcf6ad21 100644
--- a/frontend/khaleesi/app/khaleesi/auth/login.tsx
+++ b/frontend/khaleesi/app/khaleesi/auth/login.tsx
@@ -22,7 +22,7 @@ export const meta: MetaFunction = () => {
   ]
 }
 
-export const action = async ({ request }: ActionFunctionArgs): Promise<any> => {
+export const action = async ({ request }: ActionFunctionArgs): Promise<any> => {  // eslint-disable-line @typescript-eslint/no-explicit-any, max-len
   const session = new Session()
   await session.init(request)
   const form = await request.formData()
diff --git a/frontend/khaleesi/app/khaleesi/auth/logout.tsx b/frontend/khaleesi/app/khaleesi/auth/logout.tsx
index 8044b7f0..12fa32a5 100644
--- a/frontend/khaleesi/app/khaleesi/auth/logout.tsx
+++ b/frontend/khaleesi/app/khaleesi/auth/logout.tsx
@@ -21,7 +21,7 @@ export const meta: MetaFunction = () => {
   ]
 }
 
-export const action = async ({ request }: ActionFunctionArgs): Promise<TypedResponse<any>> => {
+export const action = async ({ request }: ActionFunctionArgs): Promise<TypedResponse<any>> => {  // eslint-disable-line @typescript-eslint/no-explicit-any, max-len
   const session = new Session()
   await session.init(request)
   return session.destroy('/')
diff --git a/frontend/khaleesi/app/khaleesi/grpc/util.server.ts b/frontend/khaleesi/app/khaleesi/grpc/util.server.ts
index d1061cf6..5c388632 100644
--- a/frontend/khaleesi/app/khaleesi/grpc/util.server.ts
+++ b/frontend/khaleesi/app/khaleesi/grpc/util.server.ts
@@ -21,9 +21,9 @@ export class Client<Type extends $protobuf.rpc.Service> {
     const Channel = makeGenericClientConstructor({}, serviceName)
     const channel = new Channel(serviceUrl, credentials.createInsecure())
 
-    // @ts-ignore
+    // @ts-expect-error any
     this.stub = khaleesi[site][app][stubName].create(
-      (method: any, requestData: any, callback: any) => channel.makeUnaryRequest(
+      (method: any, requestData: any, callback: any) => channel.makeUnaryRequest(  // eslint-disable-line @typescript-eslint/no-explicit-any, max-len
         `/${serviceName}/${method.name}`,
           arg => arg,
           arg => arg,
@@ -35,7 +35,7 @@ export class Client<Type extends $protobuf.rpc.Service> {
 }
 
 export const Singleton = <Value>(site: string, app: string, valueFactory: () => Value): Value => {
-  const g = global as any
+  const g = global as any  // eslint-disable-line @typescript-eslint/no-explicit-any
   g.__singletons ??= {}
   g.__singletons['grpc'] ??= {}
   g.__singletons['grpc'][site] ??= valueFactory()
diff --git a/frontend/khaleesi/app/khaleesi/home/content.tsx b/frontend/khaleesi/app/khaleesi/home/content.tsx
index e26f901b..62e6f499 100644
--- a/frontend/khaleesi/app/khaleesi/home/content.tsx
+++ b/frontend/khaleesi/app/khaleesi/home/content.tsx
@@ -1,7 +1,7 @@
 import type { PropsWithChildren } from 'react'
 
 
-export function Content({ children }: PropsWithChildren<{}>): JSX.Element {
+export function Content({ children }: PropsWithChildren<unknown>): JSX.Element {
   return <main id="khaleesi-content">
     {children}
   </main>
diff --git a/frontend/khaleesi/app/khaleesi/home/document.tsx b/frontend/khaleesi/app/khaleesi/home/document.tsx
index 5ae8cb09..fd37c0c1 100644
--- a/frontend/khaleesi/app/khaleesi/home/document.tsx
+++ b/frontend/khaleesi/app/khaleesi/home/document.tsx
@@ -14,14 +14,10 @@ import { Navigation } from '../navigation/navigation'
 import type { NavigationElementProperties } from '../navigation/navigationElement'
 import { Content } from './content'
 import { ErrorPage } from './error'
-// @ts-ignore: styles have no types
-import rootStyles from '../styles/root.css?url'
-// @ts-ignore: styles have no types
-import navigationStyles from '../styles/navigation.css?url'
-// @ts-ignore: styles have no types
-import chipStyles from '../styles/chip.css?url'
-// @ts-ignore: styles have no types
-import tableStyles from '../styles/table.css?url'
+import rootStyles from '../styles/root.css?url'  // eslint-disable-line import/no-unresolved
+import navigationStyles from '../styles/navigation.css?url'  // eslint-disable-line import/no-unresolved, max-len
+import chipStyles from '../styles/chip.css?url'  // eslint-disable-line import/no-unresolved
+import tableStyles from '../styles/table.css?url'  // eslint-disable-line import/no-unresolved
 import {
   homeNavigationData,
   topNavigationData,
diff --git a/frontend/khaleesi/app/khaleesi/navigation/breadcrumb.tsx b/frontend/khaleesi/app/khaleesi/navigation/breadcrumb.tsx
index 3c142bab..3a45553a 100644
--- a/frontend/khaleesi/app/khaleesi/navigation/breadcrumb.tsx
+++ b/frontend/khaleesi/app/khaleesi/navigation/breadcrumb.tsx
@@ -11,7 +11,7 @@ export function breadcrumb(
     breadcrumb: (): JSX.Element => <NavigationElement element={element} />,
   }
 }
-export type RouteMatch = UIMatch<any, { breadcrumb?: (match?: RouteMatch) => JSX.Element }>
+export type RouteMatch = UIMatch<any, { breadcrumb?: (match?: RouteMatch) => JSX.Element }>  // eslint-disable-line @typescript-eslint/no-explicit-any, max-len
 
 export function BreadCrumbs(): JSX.Element {
   const rawMatches: RouteMatch[] = useMatches() as RouteMatch[]
diff --git a/frontend/khaleesi/app/khaleesi/navigation/navigation.tsx b/frontend/khaleesi/app/khaleesi/navigation/navigation.tsx
index 796af61a..657a4776 100644
--- a/frontend/khaleesi/app/khaleesi/navigation/navigation.tsx
+++ b/frontend/khaleesi/app/khaleesi/navigation/navigation.tsx
@@ -68,8 +68,10 @@ export function Navigation(
     document.getElementById('khaleesi-navigation')!.toggleAttribute('open')
   }, [ open ])
 
-  return <details id="khaleesi-navigation">
-    <div id="khaleesi-navigation-background" onClick={closeMenu}/>
+  return <details id="khaleesi-navigation"> {
+    // eslint-disable-next-line max-len
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+   }<div id="khaleesi-navigation-background" onClick={closeMenu}/>
     <summary id="khaleesi-navigation-button" className="khaleesi-navigation-icon">
       <MenuIcon />
     </summary>
diff --git a/frontend/khaleesi/app/khaleesi/navigation/navigationElement.tsx b/frontend/khaleesi/app/khaleesi/navigation/navigationElement.tsx
index 102132ff..065d6d5b 100644
--- a/frontend/khaleesi/app/khaleesi/navigation/navigationElement.tsx
+++ b/frontend/khaleesi/app/khaleesi/navigation/navigationElement.tsx
@@ -27,9 +27,9 @@ export function NavigationMenuElement({
   onClick: () => void,
 }): JSX.Element {
   let icon = <div>Icon missing!</div>
-  if (commonIconLookup.hasOwnProperty(element.label)) {
+  if (commonIconLookup.hasOwnProperty(element.label)) {  // eslint-disable-line no-prototype-builtins, max-len
     icon = commonIconLookup[element.label]
-  } else if (iconLookup.hasOwnProperty(element.label)) {
+  } else if (iconLookup.hasOwnProperty(element.label)) {  // eslint-disable-line no-prototype-builtins, max-len
     icon = iconLookup[element.label]
   }
   return <div className="khaleesi-navigation-item">
diff --git a/frontend/khaleesi/app/khaleesi/testUtil/consoleLogging.tsx b/frontend/khaleesi/app/khaleesi/testUtil/consoleLogging.tsx
index 457e3ce7..faa1c619 100644
--- a/frontend/khaleesi/app/khaleesi/testUtil/consoleLogging.tsx
+++ b/frontend/khaleesi/app/khaleesi/testUtil/consoleLogging.tsx
@@ -1,10 +1,10 @@
-type ConsoleFunction = (data: any[]) => void
+type ConsoleFunction = (data: any[]) => void  // eslint-disable-line @typescript-eslint/no-explicit-any, max-len
 
 export function suppressConsoleFunction(
   errorNames     : string[],
   originalConsole: ConsoleFunction,
 ): ConsoleFunction {
-  return (message: any[]): void => {
+  return (message: any[]): void => {  // eslint-disable-line @typescript-eslint/no-explicit-any
     let passed = true
     for (const errorName of errorNames) {
       if (message.toString().includes(errorName)) {
@@ -12,7 +12,9 @@ export function suppressConsoleFunction(
         break
       }
     }
-    passed && originalConsole(message)
+    if(passed) {
+      originalConsole(message)
+    }
   }
 }
 
diff --git a/frontend/khaleesi_frontend_tests/tests/testAuth/testLogin.tsx b/frontend/khaleesi_frontend_tests/tests/testAuth/testLogin.tsx
index 558daa5f..04cd6305 100644
--- a/frontend/khaleesi_frontend_tests/tests/testAuth/testLogin.tsx
+++ b/frontend/khaleesi_frontend_tests/tests/testAuth/testLogin.tsx
@@ -45,7 +45,7 @@ const buildActionArguments = (user: string | Blob): ActionFunctionArgs => {
 
 test('Rendering the login form.', () => {
   // Prepare data.
-  let RemixStub = createTestingStub(LoginRoute)
+  const RemixStub = createTestingStub(LoginRoute)
   // Execute test.
   render(<RemixStub />)
   // Assert result.
diff --git a/frontend/khaleesi_frontend_tests/tests/testAuth/testLogout.tsx b/frontend/khaleesi_frontend_tests/tests/testAuth/testLogout.tsx
index 9a029ecc..bd45c2af 100644
--- a/frontend/khaleesi_frontend_tests/tests/testAuth/testLogout.tsx
+++ b/frontend/khaleesi_frontend_tests/tests/testAuth/testLogout.tsx
@@ -39,7 +39,7 @@ const buildActionArguments = (): ActionFunctionArgs => {
 
 test('Rendering the logout form.', () => {
   // Prepare data.
-  let RemixStub = createTestingStub(LogoutRoute)
+  const RemixStub = createTestingStub(LogoutRoute)
   // Execute test.
   render(<RemixStub />)
   // Assert result.
diff --git a/frontend/khaleesi_frontend_tests/tests/testComponents/testTable/testPaginator.tsx b/frontend/khaleesi_frontend_tests/tests/testComponents/testTable/testPaginator.tsx
index a189a326..18ec79b9 100644
--- a/frontend/khaleesi_frontend_tests/tests/testComponents/testTable/testPaginator.tsx
+++ b/frontend/khaleesi_frontend_tests/tests/testComponents/testTable/testPaginator.tsx
@@ -23,7 +23,7 @@ describe('Rendering.', () => {
     const size = 5
     const handleSizeChange = jest.fn()
     const handlePageChange = jest.fn()
-    let RemixStub = createTestingStub(() => <Paginator
+    const RemixStub = createTestingStub(() => <Paginator
       total={total}
       page={page}
       size={size}
@@ -57,7 +57,7 @@ describe('Rendering.', () => {
     const size = 25
     const handleSizeChange = jest.fn()
     const handlePageChange = jest.fn()
-    let RemixStub = createTestingStub(() => <Paginator
+    const RemixStub = createTestingStub(() => <Paginator
       total={total}
       page={page}
       size={size}
@@ -87,7 +87,7 @@ describe('Rendering.', () => {
     const size = 25
     const handleSizeChange = jest.fn()
     const handlePageChange = jest.fn()
-    let RemixStub = createTestingStub(() => <Paginator
+    const RemixStub = createTestingStub(() => <Paginator
       total={total}
       page={page}
       size={size}
@@ -110,7 +110,7 @@ describe('Rendering.', () => {
     const size = 5
     const handleSizeChange = jest.fn()
     const handlePageChange = jest.fn()
-    let RemixStub = createTestingStub(() => <Paginator
+    const RemixStub = createTestingStub(() => <Paginator
       total={total}
       page={page}
       size={size}
@@ -146,7 +146,7 @@ describe('Size changing', () => {
     const size = 5
     const handleSizeChange = jest.fn()
     const handlePageChange = jest.fn()
-    let RemixStub = createTestingStub(() => <Paginator
+    const RemixStub = createTestingStub(() => <Paginator
       total={total}
       page={page}
       size={size}
@@ -170,7 +170,7 @@ describe('Page navigation', () => {
     const size = 5
     const handleSizeChange = jest.fn()
     const handlePageChange = jest.fn()
-    let RemixStub = createTestingStub(() => <Paginator
+    const RemixStub = createTestingStub(() => <Paginator
       total={total}
       page={page}
       size={size}
@@ -192,7 +192,7 @@ describe('Page navigation', () => {
     const size = 5
     const handleSizeChange = jest.fn()
     const handlePageChange = jest.fn()
-    let RemixStub = createTestingStub(() => <Paginator
+    const RemixStub = createTestingStub(() => <Paginator
       total={total}
       page={page}
       size={size}
@@ -214,7 +214,7 @@ describe('Page navigation', () => {
     const size = 5
     const handleSizeChange = jest.fn()
     const handlePageChange = jest.fn()
-    let RemixStub = createTestingStub(() => <Paginator
+    const RemixStub = createTestingStub(() => <Paginator
       total={total}
       page={page}
       size={size}
@@ -236,7 +236,7 @@ describe('Page navigation', () => {
     const size = 5
     const handleSizeChange = jest.fn()
     const handlePageChange = jest.fn()
-    let RemixStub = createTestingStub(() => <Paginator
+    const RemixStub = createTestingStub(() => <Paginator
       total={total}
       page={page}
       size={size}
diff --git a/frontend/khaleesi_frontend_tests/tests/testComponents/testTable/testTable.tsx b/frontend/khaleesi_frontend_tests/tests/testComponents/testTable/testTable.tsx
index cc772f1b..43ce2315 100644
--- a/frontend/khaleesi_frontend_tests/tests/testComponents/testTable/testTable.tsx
+++ b/frontend/khaleesi_frontend_tests/tests/testComponents/testTable/testTable.tsx
@@ -18,7 +18,7 @@ const originalWarning = console.warn.bind(console.warn)
 jest.mock('../../../app/khaleesi/components/table/paginator')
 jest.mock('@remix-run/react', () => ({
   ...jest.requireActual('@remix-run/react'),
-  useSearchParams: (): any[] => ([ { has: () => false }, jest.fn() ]),
+  useSearchParams: (): any[] => ([ { has: () => false }, jest.fn() ]),  // eslint-disable-line @typescript-eslint/no-explicit-any, max-len
 }))
 
 beforeAll(() => {
@@ -40,7 +40,7 @@ test('Table renders as expected.', () => {
   const mockPaginator = Paginator as jest.MockedFunction<typeof Paginator>
   mockPaginator.mockImplementation(() => <></>)
 
-  let RemixStub = createTestingStub(() => <Table<Data>
+  const RemixStub = createTestingStub(() => <Table<Data>
     columns={columns}
     rowId={rowId}
     data={data}
diff --git a/frontend/khaleesi_frontend_tests/tests/testHome/testDocument.tsx b/frontend/khaleesi_frontend_tests/tests/testHome/testDocument.tsx
index 3fd217d1..29a3002b 100644
--- a/frontend/khaleesi_frontend_tests/tests/testHome/testDocument.tsx
+++ b/frontend/khaleesi_frontend_tests/tests/testHome/testDocument.tsx
@@ -62,7 +62,7 @@ test('App gets rendered without errors.', () => {
   mockContent.mockImplementation(() => <></>)
   const mockBreadCrumbs = BreadCrumbs as jest.MockedFunction<typeof BreadCrumbs>
   mockBreadCrumbs.mockImplementation(() => <></>)
-  let RemixStub = createTestingStub(() => <App title="Test App" />)
+  const RemixStub = createTestingStub(() => <App title="Test App" />)
   // Execute test.
   render(<RemixStub />)
   // Assert result.
@@ -79,7 +79,7 @@ test('ErrorBoundary gets rendered without errors.', () => {
   mockContent.mockImplementation(() => <></>)
   const mockBreadCrumbs = BreadCrumbs as jest.MockedFunction<typeof BreadCrumbs>
   mockBreadCrumbs.mockImplementation(() => <></>)
-  let RemixStub = createTestingStub(() => <ErrorBoundary title="Test App" />)
+  const RemixStub = createTestingStub(() => <ErrorBoundary title="Test App" />)
   // Execute test.
   render(<RemixStub />)
   // Assert result.
diff --git a/frontend/khaleesi_frontend_tests/tests/testHome/testError.tsx b/frontend/khaleesi_frontend_tests/tests/testHome/testError.tsx
index f1627312..c821d283 100644
--- a/frontend/khaleesi_frontend_tests/tests/testHome/testError.tsx
+++ b/frontend/khaleesi_frontend_tests/tests/testHome/testError.tsx
@@ -27,7 +27,7 @@ test('ErrorPage renders route errors.', (): void => {
   // Prepare data.
   jest.spyOn(hooks, 'isRouteErrorResponse').mockReturnValue(true)
   jest.spyOn(hooks, 'useRouteError').mockReturnValue({ status: 1337, data: { message: 'FooBar' } })
-  let RemixStub = createTestingStub(ErrorPage)
+  const RemixStub = createTestingStub(ErrorPage)
   // Execute test.
   render(<RemixStub />)
   // Assert result.
@@ -41,7 +41,7 @@ test('ErrorPage renders unknown errors.', (): void => {
   // Prepare data.
   jest.spyOn(hooks, 'isRouteErrorResponse').mockReturnValue(false)
   jest.spyOn(hooks, 'useRouteError').mockReturnValue(Error('message'))
-  let RemixStub = createTestingStub(ErrorPage)
+  const RemixStub = createTestingStub(ErrorPage)
   // Execute test.
   render(<RemixStub />)
   // Assert result.
@@ -54,7 +54,7 @@ test('ErrorPage renders unknown non-errors.', (): void => {
   // Prepare data.
   jest.spyOn(hooks, 'isRouteErrorResponse').mockReturnValue(false)
   jest.spyOn(hooks, 'useRouteError').mockReturnValue({ message: 'message' })
-  let RemixStub = createTestingStub(ErrorPage)
+  const RemixStub = createTestingStub(ErrorPage)
   // Execute test.
   render(<RemixStub />)
   // Assert result.
diff --git a/frontend/khaleesi_frontend_tests/tests/testNavigation/testNavigation.tsx b/frontend/khaleesi_frontend_tests/tests/testNavigation/testNavigation.tsx
index 08e12b16..14d89394 100644
--- a/frontend/khaleesi_frontend_tests/tests/testNavigation/testNavigation.tsx
+++ b/frontend/khaleesi_frontend_tests/tests/testNavigation/testNavigation.tsx
@@ -58,7 +58,7 @@ test('Navigation menu renders without errors.', () => {
     params  : {},
     data    : null,
     handle  : {
-      breadcrumb: (element: NavigationElementProperties): JSX.Element => <div>TEST</div>
+      breadcrumb: (element: NavigationElementProperties): JSX.Element => <div>TEST</div>  // eslint-disable-line @typescript-eslint/no-unused-vars, max-len
     }
   }
   jest.spyOn(router, 'useMatches').mockReturnValue([ match ])
@@ -66,7 +66,7 @@ test('Navigation menu renders without errors.', () => {
   mockMenuIcon.mockImplementation(() => <></>)
   const mockElement = NavigationMenuElement as jest.MockedFunction<typeof NavigationMenuElement>
   mockElement.mockImplementation(() => <></>)
-  let RemixStub = createTestingStub(
+  const RemixStub = createTestingStub(
     () => <Navigation
       top={navigationData('top')}
       middle={navigationData('middle')}
@@ -91,8 +91,8 @@ test('NavigationMenu closes when link is clicked.', () => {
   const mockMenuIcon = MenuIcon as jest.MockedFunction<typeof MenuIcon>
   mockMenuIcon.mockImplementation(() => <></>)
   const mockElement = NavigationMenuElement as jest.MockedFunction<typeof NavigationMenuElement>
-  mockElement.mockImplementation(({ onClick }) => <div onClick={onClick}>TEST</div>)
-  let RemixStub = createTestingStub(
+  mockElement.mockImplementation(({ onClick }) => <div onClick={onClick}>TEST</div>)  // eslint-disable-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, max-len
+  const RemixStub = createTestingStub(
     () => <Navigation
       top={navigationData('top')}
       middle={navigationData('middle')}
@@ -113,8 +113,8 @@ test('NavigationMenu closes when clicking outside the menu.', () => {
   const mockMenuIcon = MenuIcon as jest.MockedFunction<typeof MenuIcon>
   mockMenuIcon.mockImplementation(() => <></>)
   const mockElement = NavigationMenuElement as jest.MockedFunction<typeof NavigationMenuElement>
-  mockElement.mockImplementation(({ onClick }) => <div onClick={onClick}>TEST</div>)
-  let RemixStub = createTestingStub(
+  mockElement.mockImplementation(({ onClick }) => <div onClick={onClick}>TEST</div>)  // eslint-disable-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, max-len
+  const RemixStub = createTestingStub(
     () => <Navigation
       top={navigationData('top')}
       middle={navigationData('middle')}
diff --git a/frontend/khaleesi_frontend_tests/tests/testNavigation/testNavigationElement.tsx b/frontend/khaleesi_frontend_tests/tests/testNavigation/testNavigationElement.tsx
index 1e823e1a..47793fdf 100644
--- a/frontend/khaleesi_frontend_tests/tests/testNavigation/testNavigationElement.tsx
+++ b/frontend/khaleesi_frontend_tests/tests/testNavigation/testNavigationElement.tsx
@@ -25,7 +25,7 @@ test('NavigationElement renders without error.', () => {
     label: 'TEST',
     icon: <div>Icon</div>,
   }
-  let RemixStub = createTestingStub(
+  const RemixStub = createTestingStub(
     () => <NavigationElement element={navigationElementProperties} />,
   )
   // Execute test.
@@ -42,7 +42,7 @@ test('NavigationMenuElement renders without error for common icon.', () => {
     label: 'Home',
     icon: <div>Icon</div>,
   }
-  let RemixStub = createTestingStub(
+  const RemixStub = createTestingStub(
     () => <NavigationMenuElement element={navigationElementProperties} onClick={(): void => {}} />,
   )
   // Execute test.
@@ -59,7 +59,7 @@ test('NavigationMenuElement renders without error for app specific icon.', () =>
     label: 'Test',
     icon: <div>Icon</div>,
   }
-  let RemixStub = createTestingStub(
+  const RemixStub = createTestingStub(
     () => <NavigationMenuElement element={navigationElementProperties} onClick={(): void => {}} />,
   )
   // Execute test.
@@ -76,7 +76,7 @@ test('NavigationMenuElement renders without error for missing icon.', () => {
     label: 'Missing Label',
     icon: <div>Icon</div>,
   }
-  let RemixStub = createTestingStub(
+  const RemixStub = createTestingStub(
     () => <NavigationMenuElement element={navigationElementProperties} onClick={(): void => {}} />,
   )
   // Execute test.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 2fd174af..6e0d0559 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -20,7 +20,6 @@
         "@babel/preset-react": "^7.26.3",
         "@babel/preset-typescript": "^7.26.0",
         "@remix-run/dev": "^2.15.1",
-        "@remix-run/eslint-config": "^2.15.1",
         "@remix-run/route-config": "^2.15.1",
         "@remix-run/testing": "^2.15.1",
         "@testing-library/jest-dom": "^6.6.3",
@@ -29,8 +28,13 @@
         "@types/jest": "^29.5.14",
         "@types/react": "^18.2.0",
         "@types/react-dom": "^18.2.0",
+        "@typescript-eslint/eslint-plugin": "^8.18.1",
         "babel-jest": "^29.7.0",
         "eslint": "^8.0.0",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-jsx-a11y": "^6.10.2",
+        "eslint-plugin-react": "^7.37.2",
+        "eslint-plugin-react-hooks": "^5.1.0",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
         "react-test-renderer": "^18.2.0",
@@ -114,24 +118,6 @@
         "url": "https://opencollective.com/babel"
       }
     },
-    "node_modules/@babel/eslint-parser": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.25.9.tgz",
-      "integrity": "sha512-5UXfgpK0j0Xr/xIdgdLEhOFxaDZ0bRPWJJchRpqOSur/3rZoPbqqki5mm0p4NE2cs28krBEiSM2MB7//afRSQQ==",
-      "dev": true,
-      "dependencies": {
-        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
-        "eslint-visitor-keys": "^2.1.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.11.0",
-        "eslint": "^7.5.0 || ^8.0.0 || ^9.0.0"
-      }
-    },
     "node_modules/@babel/generator": {
       "version": "7.26.3",
       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
@@ -3031,15 +3017,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
-      "version": "5.1.1-v1",
-      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
-      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
-      "dev": true,
-      "dependencies": {
-        "eslint-scope": "5.1.1"
-      }
-    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -3075,15 +3052,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/@nolyfill/is-core-module": {
-      "version": "1.0.39",
-      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
-      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.4.0"
-      }
-    },
     "node_modules/@npmcli/fs": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-3.1.1.tgz",
@@ -3368,43 +3336,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@remix-run/eslint-config": {
-      "version": "2.15.1",
-      "resolved": "https://registry.npmjs.org/@remix-run/eslint-config/-/eslint-config-2.15.1.tgz",
-      "integrity": "sha512-1H2yVGlnxAF4yWeyInJCZrEAMF6FyFsqS7EGZ21B6QeXMT0rjkmKElkB9qaGjmZl8pzS4PLE4ve9o2Ahccxrew==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.21.8",
-        "@babel/eslint-parser": "^7.21.8",
-        "@babel/preset-react": "^7.18.6",
-        "@rushstack/eslint-patch": "^1.2.0",
-        "@typescript-eslint/eslint-plugin": "^5.59.0",
-        "@typescript-eslint/parser": "^5.59.0",
-        "eslint-import-resolver-node": "0.3.7",
-        "eslint-import-resolver-typescript": "^3.5.4",
-        "eslint-plugin-import": "^2.27.5",
-        "eslint-plugin-jest": "^26.9.0",
-        "eslint-plugin-jest-dom": "^4.0.3",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
-        "eslint-plugin-node": "^11.1.0",
-        "eslint-plugin-react": "^7.32.2",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "eslint-plugin-testing-library": "^5.10.2"
-      },
-      "engines": {
-        "node": ">=18.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^8.0.0",
-        "react": "^18.0.0",
-        "typescript": "^5.1.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@remix-run/express": {
       "version": "2.15.1",
       "resolved": "https://registry.npmjs.org/@remix-run/express/-/express-2.15.1.tgz",
@@ -3878,12 +3809,6 @@
       "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
       "dev": true
     },
-    "node_modules/@rushstack/eslint-patch": {
-      "version": "1.10.4",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz",
-      "integrity": "sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==",
-      "dev": true
-    },
     "node_modules/@sinclair/typebox": {
       "version": "0.27.8",
       "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
@@ -4016,7 +3941,8 @@
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
       "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
@@ -4189,12 +4115,6 @@
         "parse5": "^7.0.0"
       }
     },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true
-    },
     "node_modules/@types/json5": {
       "version": "0.0.29",
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
@@ -4255,12 +4175,6 @@
         "@types/react": "^18.0.0"
       }
     },
-    "node_modules/@types/semver": {
-      "version": "7.5.8",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
-      "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
-      "dev": true
-    },
     "node_modules/@types/stack-utils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
@@ -4295,89 +4209,70 @@
       "dev": true
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
-      "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.18.1.tgz",
+      "integrity": "sha512-Ncvsq5CT3Gvh+uJG0Lwlho6suwDfUXH0HztslDf5I+F2wAFAZMRwYLEorumpKLzmO2suAXZ/td1tBg4NZIi9CQ==",
       "dev": true,
       "dependencies": {
-        "@eslint-community/regexpp": "^4.4.0",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/type-utils": "5.62.0",
-        "@typescript-eslint/utils": "5.62.0",
-        "debug": "^4.3.4",
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.18.1",
+        "@typescript-eslint/type-utils": "8.18.1",
+        "@typescript-eslint/utils": "8.18.1",
+        "@typescript-eslint/visitor-keys": "8.18.1",
         "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "natural-compare-lite": "^1.4.0",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
+        "ignore": "^5.3.1",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^1.3.0"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^5.0.0",
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
+        "@typescript-eslint/parser": "^8.0.0 || ^8.0.0-alpha.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
-      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.18.1.tgz",
+      "integrity": "sha512-rBnTWHCdbYM2lh7hjyXqxk70wvon3p2FyaniZuey5TrcGBpfhVp0OxOa6gxr9Q9YhZFKyfbEnxc24ZnVbbUkCA==",
       "dev": true,
+      "peer": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
+        "@typescript-eslint/scope-manager": "8.18.1",
+        "@typescript-eslint/types": "8.18.1",
+        "@typescript-eslint/typescript-estree": "8.18.1",
+        "@typescript-eslint/visitor-keys": "8.18.1",
         "debug": "^4.3.4"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
-      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.18.1.tgz",
+      "integrity": "sha512-HxfHo2b090M5s2+/9Z3gkBhI6xBH8OJCFjH9MhQ+nnoZqxU3wNxkLT+VWXWSFWc3UF3Z+CfPAyqdCTdoXtDPCQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0"
+        "@typescript-eslint/types": "8.18.1",
+        "@typescript-eslint/visitor-keys": "8.18.1"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
@@ -4385,39 +4280,35 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz",
-      "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==",
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.18.1.tgz",
+      "integrity": "sha512-jAhTdK/Qx2NJPNOTxXpMwlOiSymtR2j283TtPqXkKBdH8OAMmhiUfP0kJjc/qSE51Xrq02Gj9NY7MwK+UxVwHQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "@typescript-eslint/utils": "5.62.0",
+        "@typescript-eslint/typescript-estree": "8.18.1",
+        "@typescript-eslint/utils": "8.18.1",
         "debug": "^4.3.4",
-        "tsutils": "^3.21.0"
+        "ts-api-utils": "^1.3.0"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "*"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
-      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.18.1.tgz",
+      "integrity": "sha512-7uoAUsCj66qdNQNpH2G8MyTFlgerum8ubf21s3TSM3XmKXuIn+H2Sifh/ES2nPOPiYSRJWAk0fDkW0APBWcpfw==",
       "dev": true,
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
@@ -4425,30 +4316,29 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
-      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.18.1.tgz",
+      "integrity": "sha512-z8U21WI5txzl2XYOW7i9hJhxoKKNG1kcU4RzyNvKrdZDmbjkmLBo8bgeiOJmA06kizLI76/CCBAAGlTlEeUfyg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0",
+        "@typescript-eslint/types": "8.18.1",
+        "@typescript-eslint/visitor-keys": "8.18.1",
         "debug": "^4.3.4",
-        "globby": "^11.1.0",
+        "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
@@ -4464,72 +4354,45 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
-      "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.18.1.tgz",
+      "integrity": "sha512-8vikiIj2ebrC4WRdcAdDcmnu9Q/MXXwg+STf40BVfT8exDqBCUPdypvzcUPxEqRGKg9ALagZ0UWcYCtn+4W2iQ==",
       "dev": true,
       "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@types/json-schema": "^7.0.9",
-        "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "eslint-scope": "^5.1.1",
-        "semver": "^7.3.7"
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "8.18.1",
+        "@typescript-eslint/types": "8.18.1",
+        "@typescript-eslint/typescript-estree": "8.18.1"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
-      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.18.1.tgz",
+      "integrity": "sha512-Vj0WLm5/ZsD013YeUKn+K0y8p1M0jPpxOkKdbD1wB0ns53a5piVY02zjf072TblEweAbcYiFiPoSMF3kp+VhhQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "eslint-visitor-keys": "^3.3.0"
+        "@typescript-eslint/types": "8.18.1",
+        "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.1.tgz",
@@ -4845,15 +4708,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/array.prototype.findlast": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
@@ -6134,38 +5988,6 @@
         }
       }
     },
-    "node_modules/deep-equal": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
-      "integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.5",
-        "es-get-iterator": "^1.1.3",
-        "get-intrinsic": "^1.2.2",
-        "is-arguments": "^1.1.1",
-        "is-array-buffer": "^3.0.2",
-        "is-date-object": "^1.0.5",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "isarray": "^2.0.5",
-        "object-is": "^1.1.5",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "side-channel": "^1.0.4",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -6294,18 +6116,6 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/doctrine": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
@@ -6322,7 +6132,8 @@
       "version": "0.5.16",
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
       "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "node_modules/domexception": {
       "version": "4.0.0",
@@ -6477,19 +6288,6 @@
         "once": "^1.4.0"
       }
     },
-    "node_modules/enhanced-resolve": {
-      "version": "5.17.1",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
-      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
@@ -6595,26 +6393,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/es-get-iterator": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
-      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "is-arguments": "^1.1.1",
-        "is-map": "^2.0.2",
-        "is-set": "^2.0.2",
-        "is-string": "^1.0.7",
-        "isarray": "^2.0.5",
-        "stop-iteration-iterator": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/es-iterator-helpers": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.0.tgz",
@@ -6865,14 +6643,14 @@
       }
     },
     "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.7",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.7.tgz",
-      "integrity": "sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA==",
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
       "dev": true,
       "dependencies": {
         "debug": "^3.2.7",
-        "is-core-module": "^2.11.0",
-        "resolve": "^1.22.1"
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
       }
     },
     "node_modules/eslint-import-resolver-node/node_modules/debug": {
@@ -6884,41 +6662,6 @@
         "ms": "^2.1.1"
       }
     },
-    "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.7.0.tgz",
-      "integrity": "sha512-Vrwyi8HHxY97K5ebydMtffsWAn1SCR9eol49eCd5fJS4O1WV7PaAjbcjmbfJJSMz/t4Mal212Uz/fQZrOB8mow==",
-      "dev": true,
-      "dependencies": {
-        "@nolyfill/is-core-module": "1.0.39",
-        "debug": "^4.3.7",
-        "enhanced-resolve": "^5.15.0",
-        "fast-glob": "^3.3.2",
-        "get-tsconfig": "^4.7.5",
-        "is-bun-module": "^1.0.2",
-        "is-glob": "^4.0.3",
-        "stable-hash": "^0.0.4"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
-      },
-      "peerDependencies": {
-        "eslint": "*",
-        "eslint-plugin-import": "*",
-        "eslint-plugin-import-x": "*"
-      },
-      "peerDependenciesMeta": {
-        "eslint-plugin-import": {
-          "optional": true
-        },
-        "eslint-plugin-import-x": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/eslint-module-utils": {
       "version": "2.12.0",
       "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
@@ -6945,25 +6688,6 @@
         "ms": "^2.1.1"
       }
     },
-    "node_modules/eslint-plugin-es": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-es/-/eslint-plugin-es-3.0.1.tgz",
-      "integrity": "sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==",
-      "dev": true,
-      "dependencies": {
-        "eslint-utils": "^2.0.0",
-        "regexpp": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      },
-      "peerDependencies": {
-        "eslint": ">=4.19.1"
-      }
-    },
     "node_modules/eslint-plugin-import": {
       "version": "2.31.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
@@ -7028,17 +6752,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/eslint-plugin-import/node_modules/eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
-      }
-    },
     "node_modules/eslint-plugin-import/node_modules/json5": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
@@ -7084,77 +6797,6 @@
         "strip-bom": "^3.0.0"
       }
     },
-    "node_modules/eslint-plugin-jest": {
-      "version": "26.9.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-26.9.0.tgz",
-      "integrity": "sha512-TWJxWGp1J628gxh2KhaH1H1paEdgE2J61BBF1I59c6xWeL5+D1BzMxGDN/nXAfX+aSkR5u80K+XhskK6Gwq9ng==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/utils": "^5.10.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/eslint-plugin": "^5.0.0",
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@typescript-eslint/eslint-plugin": {
-          "optional": true
-        },
-        "jest": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-plugin-jest-dom": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jest-dom/-/eslint-plugin-jest-dom-4.0.3.tgz",
-      "integrity": "sha512-9j+n8uj0+V0tmsoS7bYC7fLhQmIvjRqRYEcbDSi+TKPsTThLLXCyj5swMSSf/hTleeMktACnn+HFqXBr5gbcbA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.16.3",
-        "@testing-library/dom": "^8.11.1",
-        "requireindex": "^1.2.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0",
-        "npm": ">=6",
-        "yarn": ">=1"
-      },
-      "peerDependencies": {
-        "eslint": "^6.8.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-jest-dom/node_modules/@testing-library/dom": {
-      "version": "8.20.1",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.20.1.tgz",
-      "integrity": "sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/runtime": "^7.12.5",
-        "@types/aria-query": "^5.0.1",
-        "aria-query": "5.1.3",
-        "chalk": "^4.1.0",
-        "dom-accessibility-api": "^0.5.9",
-        "lz-string": "^1.5.0",
-        "pretty-format": "^27.0.2"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/eslint-plugin-jest-dom/node_modules/aria-query": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-      "dev": true,
-      "dependencies": {
-        "deep-equal": "^2.0.5"
-      }
-    },
     "node_modules/eslint-plugin-jsx-a11y": {
       "version": "6.10.2",
       "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
@@ -7215,48 +6857,6 @@
         "node": "*"
       }
     },
-    "node_modules/eslint-plugin-node": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz",
-      "integrity": "sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==",
-      "dev": true,
-      "dependencies": {
-        "eslint-plugin-es": "^3.0.0",
-        "eslint-utils": "^2.0.0",
-        "ignore": "^5.1.1",
-        "minimatch": "^3.0.4",
-        "resolve": "^1.10.1",
-        "semver": "^6.1.0"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      },
-      "peerDependencies": {
-        "eslint": ">=5.16.0"
-      }
-    },
-    "node_modules/eslint-plugin-node/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/eslint-plugin-node/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/eslint-plugin-react": {
       "version": "7.37.2",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.2.tgz",
@@ -7290,15 +6890,15 @@
       }
     },
     "node_modules/eslint-plugin-react-hooks": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
-      "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.1.0.tgz",
+      "integrity": "sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==",
       "dev": true,
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
       }
     },
     "node_modules/eslint-plugin-react/node_modules/brace-expansion": {
@@ -7352,75 +6952,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/eslint-plugin-testing-library": {
-      "version": "5.11.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-testing-library/-/eslint-plugin-testing-library-5.11.1.tgz",
-      "integrity": "sha512-5eX9e1Kc2PqVRed3taaLnAAqPZGEX75C+M/rXzUAI3wIg/ZxzUm1OVAwfe/O+vE+6YXOLetSe9g5GKD2ecXipw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/utils": "^5.58.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0",
-        "npm": ">=6"
-      },
-      "peerDependencies": {
-        "eslint": "^7.5.0 || ^8.0.0"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/eslint-scope/node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/eslint-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
-      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
       "dev": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^1.1.0"
-      },
       "engines": {
-        "node": ">=6"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      }
-    },
-    "node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
-      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
+        "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/eslint/node_modules/argparse": {
@@ -8303,18 +7844,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-tsconfig": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
-      "integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
-      "dev": true,
-      "dependencies": {
-        "resolve-pkg-maps": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
-      }
-    },
     "node_modules/glob": {
       "version": "10.4.5",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
@@ -8371,26 +7900,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/google-protobuf": {
       "version": "3.21.4",
       "resolved": "https://registry.npmjs.org/google-protobuf/-/google-protobuf-3.21.4.tgz",
@@ -8946,27 +8455,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/is-bun-module": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-1.3.0.tgz",
-      "integrity": "sha512-DgXeu5UWI0IsMQundYb5UAOzm6G2eVnarJ0byP6Tm55iZNKceD59LNPA2L4VvsScTtHcw0yEkVwSf7PC+QoLSA==",
-      "dev": true,
-      "dependencies": {
-        "semver": "^7.6.3"
-      }
-    },
-    "node_modules/is-bun-module/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/is-callable": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
@@ -10901,6 +10389,7 @@
       "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
       "dev": true,
+      "peer": true,
       "bin": {
         "lz-string": "bin/bin.js"
       }
@@ -12164,12 +11653,6 @@
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
       "dev": true
     },
-    "node_modules/natural-compare-lite": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
-      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
-      "dev": true
-    },
     "node_modules/negotiator": {
       "version": "0.6.4",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
@@ -12350,22 +11833,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/object-is": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
-      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -12758,15 +12225,6 @@
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
       "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ=="
     },
-    "node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/pathe": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
@@ -13117,6 +12575,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
       "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "ansi-regex": "^5.0.1",
         "ansi-styles": "^5.0.0",
@@ -13131,6 +12590,7 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
+      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -13594,18 +13054,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/regexpp": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
-      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      }
-    },
     "node_modules/regexpu-core": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.2.0.tgz",
@@ -13774,15 +13222,6 @@
         "node": "*"
       }
     },
-    "node_modules/requireindex": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/requireindex/-/requireindex-1.2.0.tgz",
-      "integrity": "sha512-L9jEkOi3ASd9PYit2cwRfyppc9NoABujTP8/5gFcbERmo5jUoAKovIC3fsF17pkTnGsrByysqX+Kxd2OTNI1ww==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.5"
-      }
-    },
     "node_modules/requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -13827,15 +13266,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/resolve-pkg-maps": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
-      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
-      }
-    },
     "node_modules/resolve.exports": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.3.tgz",
@@ -14401,12 +13831,6 @@
         "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
       }
     },
-    "node_modules/stable-hash": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.4.tgz",
-      "integrity": "sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==",
-      "dev": true
-    },
     "node_modules/stack-utils": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
@@ -14436,19 +13860,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/stop-iteration-iterator": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
-      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
-      "dev": true,
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "internal-slot": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
     "node_modules/stream-shift": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.3.tgz",
@@ -14778,15 +14189,6 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
-    "node_modules/tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/tar": {
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
@@ -15083,6 +14485,18 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/ts-api-utils": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
+      "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
     "node_modules/ts-jest": {
       "version": "29.2.5",
       "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-29.2.5.tgz",
@@ -15166,27 +14580,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true
-    },
-    "node_modules/tsutils": {
-      "version": "3.21.0",
-      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
-      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^1.8.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      },
-      "peerDependencies": {
-        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-      }
-    },
     "node_modules/turbo-stream": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/turbo-stream/-/turbo-stream-2.4.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 9080d42e..0985ff71 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -25,7 +25,6 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@remix-run/dev": "^2.15.1",
-    "@remix-run/eslint-config": "^2.15.1",
     "@remix-run/route-config": "^2.15.1",
     "@remix-run/testing": "^2.15.1",
     "@testing-library/jest-dom": "^6.6.3",
@@ -34,8 +33,13 @@
     "@types/jest": "^29.5.14",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
+    "@typescript-eslint/eslint-plugin": "^8.18.1",
     "babel-jest": "^29.7.0",
     "eslint": "^8.0.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "react-test-renderer": "^18.2.0",