diff --git a/.devcontainer/compose.yaml b/.devcontainer/compose.yaml
index 727b3a2..7ec0792 100644
--- a/.devcontainer/compose.yaml
+++ b/.devcontainer/compose.yaml
@@ -1,9 +1,9 @@
 services:
   workspace:
     build:
-      context: './'
-      dockerfile: './Dockerfile'
+      context: "./"
+      dockerfile: "./Dockerfile"
     volumes:
-      - '..:/workspace:cached'
-    command: 'sleep infinity'
-    network_mode: 'host'
+      - "..:/workspace:cached"
+    command: "sleep infinity"
+    network_mode: "host"
diff --git a/.github/ISSUE_TEMPLATE/BUG.md b/.github/ISSUE_TEMPLATE/BUG.md
index e1fc7e7..d47b126 100644
--- a/.github/ISSUE_TEMPLATE/BUG.md
+++ b/.github/ISSUE_TEMPLATE/BUG.md
@@ -1,8 +1,8 @@
 ---
-name: '🐛 Bug Report'
-about: 'Report an unexpected problem or unintended behavior.'
-title: '[Bug]'
-labels: 'bug'
+name: "🐛 Bug Report"
+about: "Report an unexpected problem or unintended behavior."
+title: "[Bug]"
+labels: "bug"
 ---
 
 <!--
diff --git a/.github/ISSUE_TEMPLATE/DOCUMENTATION.md b/.github/ISSUE_TEMPLATE/DOCUMENTATION.md
index 9fc2734..d9281a0 100644
--- a/.github/ISSUE_TEMPLATE/DOCUMENTATION.md
+++ b/.github/ISSUE_TEMPLATE/DOCUMENTATION.md
@@ -1,8 +1,8 @@
 ---
-name: '📜 Documentation'
-about: 'Correct spelling errors, improvements or additions to documentation files (README, CONTRIBUTING...).'
-title: '[Documentation]'
-labels: 'documentation'
+name: "📜 Documentation"
+about: "Correct spelling errors, improvements or additions to documentation files (README, CONTRIBUTING...)."
+title: "[Documentation]"
+labels: "documentation"
 ---
 
 <!-- Please make sure your issue has not already been fixed. -->
diff --git a/.github/ISSUE_TEMPLATE/FEATURE_REQUEST.md b/.github/ISSUE_TEMPLATE/FEATURE_REQUEST.md
index 3307418..dc9a49c 100644
--- a/.github/ISSUE_TEMPLATE/FEATURE_REQUEST.md
+++ b/.github/ISSUE_TEMPLATE/FEATURE_REQUEST.md
@@ -1,8 +1,8 @@
 ---
-name: '✨ Feature Request'
-about: 'Suggest a new feature idea.'
-title: '[Feature]'
-labels: 'feature request'
+name: "✨ Feature Request"
+about: "Suggest a new feature idea."
+title: "[Feature]"
+labels: "feature request"
 ---
 
 <!-- Please make sure your issue has not already been fixed. -->
diff --git a/.github/ISSUE_TEMPLATE/IMPROVEMENT.md b/.github/ISSUE_TEMPLATE/IMPROVEMENT.md
index b5bdbb7..e50e289 100644
--- a/.github/ISSUE_TEMPLATE/IMPROVEMENT.md
+++ b/.github/ISSUE_TEMPLATE/IMPROVEMENT.md
@@ -1,8 +1,8 @@
 ---
-name: '🔧 Improvement'
-about: 'Improve structure/format/performance/refactor/tests of the code.'
-title: '[Improvement]'
-labels: 'improvement'
+name: "🔧 Improvement"
+about: "Improve structure/format/performance/refactor/tests of the code."
+title: "[Improvement]"
+labels: "improvement"
 ---
 
 <!-- Please make sure your issue has not already been fixed. -->
diff --git a/.github/ISSUE_TEMPLATE/QUESTION.md b/.github/ISSUE_TEMPLATE/QUESTION.md
index c18eaa3..df6acdc 100644
--- a/.github/ISSUE_TEMPLATE/QUESTION.md
+++ b/.github/ISSUE_TEMPLATE/QUESTION.md
@@ -1,8 +1,8 @@
 ---
-name: '🙋 Question'
-about: 'Further information is requested.'
-title: '[Question]'
-labels: 'question'
+name: "🙋 Question"
+about: "Further information is requested."
+title: "[Question]"
+labels: "question"
 ---
 
 ### Question
diff --git a/.github/workflows/analyze.yml b/.github/workflows/analyze.yml
index 21bc1b7..a2e339f 100644
--- a/.github/workflows/analyze.yml
+++ b/.github/workflows/analyze.yml
@@ -1,4 +1,4 @@
-name: 'Analyze'
+name: "Analyze"
 
 on:
   push:
@@ -8,20 +8,20 @@ on:
 
 jobs:
   analyze:
-    runs-on: 'ubuntu-latest'
+    runs-on: "ubuntu-latest"
 
     strategy:
       fail-fast: false
       matrix:
-        language: ['javascript']
+        language: ["javascript"]
 
     steps:
-      - uses: 'actions/checkout@v4.0.0'
+      - uses: "actions/checkout@v4.0.0"
 
-      - name: 'Initialize CodeQL'
-        uses: 'github/codeql-action/init@v2'
+      - name: "Initialize CodeQL"
+        uses: "github/codeql-action/init@v2"
         with:
           languages: ${{ matrix.language }}
 
-      - name: 'Perform CodeQL Analysis'
-        uses: 'github/codeql-action/analyze@v2'
+      - name: "Perform CodeQL Analysis"
+        uses: "github/codeql-action/analyze@v2"
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 044f75d..855162b 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -1,4 +1,4 @@
-name: 'Build'
+name: "Build"
 
 on:
   push:
@@ -8,18 +8,18 @@ on:
 
 jobs:
   build:
-    runs-on: 'ubuntu-latest'
+    runs-on: "ubuntu-latest"
     steps:
-      - uses: 'actions/checkout@v4.0.0'
+      - uses: "actions/checkout@v4.0.0"
 
-      - name: 'Setup Node.js'
-        uses: 'actions/setup-node@v3.8.1'
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v3.8.1"
         with:
-          node-version: '20.x'
-          cache: 'npm'
+          node-version: "20.x"
+          cache: "npm"
 
-      - name: 'Install dependencies'
-        run: 'npm clean-install'
+      - name: "Install dependencies"
+        run: "npm clean-install"
 
-      - name: 'Build'
-        run: 'npm run build'
+      - name: "Build"
+        run: "npm run build"
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
index 82c680e..50c0363 100644
--- a/.github/workflows/lint.yml
+++ b/.github/workflows/lint.yml
@@ -1,4 +1,4 @@
-name: 'Lint'
+name: "Lint"
 
 on:
   push:
@@ -8,30 +8,30 @@ on:
 
 jobs:
   lint:
-    runs-on: 'ubuntu-latest'
+    runs-on: "ubuntu-latest"
     steps:
-      - uses: 'actions/checkout@v4.0.0'
+      - uses: "actions/checkout@v4.0.0"
 
-      - name: 'Setup Node.js'
-        uses: 'actions/setup-node@v3.8.1'
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v3.8.1"
         with:
-          node-version: '20.x'
-          cache: 'npm'
+          node-version: "20.x"
+          cache: "npm"
 
-      - name: 'Install dependencies'
-        run: 'npm clean-install'
+      - name: "Install dependencies"
+        run: "npm clean-install"
 
-      - name: 'lint:commit'
+      - name: "lint:commit"
         run: 'npm run lint:commit -- --to "${{ github.sha }}"'
 
-      - name: 'lint:editorconfig'
-        run: 'npm run lint:editorconfig'
+      - name: "lint:editorconfig"
+        run: "npm run lint:editorconfig"
 
-      - name: 'lint:markdown'
-        run: 'npm run lint:markdown'
+      - name: "lint:markdown"
+        run: "npm run lint:markdown"
 
-      - name: 'lint:eslint'
-        run: 'npm run lint:eslint'
+      - name: "lint:eslint"
+        run: "npm run lint:eslint"
 
-      - name: 'lint:prettier'
-        run: 'npm run lint:prettier'
+      - name: "lint:prettier"
+        run: "npm run lint:prettier"
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index bfa4537..fe1aa96 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -1,4 +1,4 @@
-name: 'Release'
+name: "Release"
 
 on:
   push:
@@ -6,31 +6,31 @@ on:
 
 jobs:
   release:
-    runs-on: 'ubuntu-latest'
+    runs-on: "ubuntu-latest"
     steps:
-      - uses: 'actions/checkout@v4.0.0'
+      - uses: "actions/checkout@v4.0.0"
         with:
           fetch-depth: 0
           persist-credentials: false
 
-      - name: 'Import GPG key'
-        uses: 'crazy-max/ghaction-import-gpg@v6.0.0'
+      - name: "Import GPG key"
+        uses: "crazy-max/ghaction-import-gpg@v6.0.0"
         with:
           gpg_private_key: ${{ secrets.GPG_PRIVATE_KEY }}
           git_user_signingkey: true
           git_commit_gpgsign: true
 
-      - name: 'Setup Node.js'
-        uses: 'actions/setup-node@v3.8.1'
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v3.8.1"
         with:
-          node-version: '20.x'
-          cache: 'npm'
+          node-version: "20.x"
+          cache: "npm"
 
-      - name: 'Install dependencies'
-        run: 'npm clean-install'
+      - name: "Install dependencies"
+        run: "npm clean-install"
 
-      - name: 'Release'
-        run: 'npm run release'
+      - name: "Release"
+        run: "npm run release"
         env:
           GH_TOKEN: ${{ secrets.GH_TOKEN }}
           GIT_COMMITTER_NAME: ${{ secrets.GIT_NAME }}
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 82d54c7..7635655 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -1,4 +1,4 @@
-name: 'Test'
+name: "Test"
 
 on:
   push:
@@ -8,41 +8,41 @@ on:
 
 jobs:
   test-unit:
-    runs-on: 'ubuntu-latest'
+    runs-on: "ubuntu-latest"
     steps:
-      - uses: 'actions/checkout@v4.0.0'
+      - uses: "actions/checkout@v4.0.0"
 
-      - name: 'Setup Node.js'
-        uses: 'actions/setup-node@v3.8.1'
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v3.8.1"
         with:
-          node-version: '20.x'
-          cache: 'npm'
+          node-version: "20.x"
+          cache: "npm"
 
-      - name: 'Install dependencies'
-        run: 'npm clean-install'
+      - name: "Install dependencies"
+        run: "npm clean-install"
 
-      - name: 'Unit Test'
-        run: 'npm run test:unit'
+      - name: "Unit Test"
+        run: "npm run test:unit"
 
   test-e2e:
-    runs-on: 'ubuntu-latest'
+    runs-on: "ubuntu-latest"
     steps:
-      - uses: 'actions/checkout@v4.0.0'
+      - uses: "actions/checkout@v4.0.0"
 
-      - name: 'Setup Node.js'
-        uses: 'actions/setup-node@v3.8.1'
+      - name: "Setup Node.js"
+        uses: "actions/setup-node@v3.8.1"
         with:
-          node-version: '20.x'
-          cache: 'npm'
+          node-version: "20.x"
+          cache: "npm"
 
-      - name: 'Install dependencies'
-        run: 'npm clean-install'
+      - name: "Install dependencies"
+        run: "npm clean-install"
 
-      - name: 'Build'
-        run: 'npm run build'
+      - name: "Build"
+        run: "npm run build"
 
-      - name: 'html-w3c-validator'
-        run: 'npm run test:html-w3c-validator'
+      - name: "html-w3c-validator"
+        run: "npm run test:html-w3c-validator"
 
-      - name: 'End To End (e2e) Test'
-        run: 'npm run test:e2e'
+      - name: "End To End (e2e) Test"
+        run: "npm run test:e2e"
diff --git a/.prettierrc.json b/.prettierrc.json
index 83ef1ce..cce9d3c 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,6 +1,3 @@
 {
-  "singleQuote": true,
-  "jsxSingleQuote": true,
-  "semi": false,
-  "trailingComma": "none"
+  "semi": false
 }
diff --git a/Dockerfile b/Dockerfile
index 7858a45..84b843b 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,16 +1,16 @@
-FROM node:20.6.1 AS builder-dependencies
+FROM node:20.9.0 AS builder-dependencies
 WORKDIR /usr/src/application
 COPY ./.npmrc ./
 COPY ./package*.json ./
 RUN npm clean-install
 
-FROM node:20.6.1 AS builder
+FROM node:20.9.0 AS builder
 WORKDIR /usr/src/application
 COPY --from=builder-dependencies /usr/src/application/node_modules ./node_modules
 COPY ./ ./
 RUN npm run build
 
-FROM gcr.io/distroless/nodejs20-debian11:latest AS runner
+FROM gcr.io/distroless/nodejs20-debian12:latest AS runner
 WORKDIR /usr/src/application
 ENV NODE_ENV=production
 ENV HOSTNAME=0.0.0.0
diff --git a/components/Application/Application.tsx b/components/Application/Application.tsx
index 30f4897..7ef5d86 100644
--- a/components/Application/Application.tsx
+++ b/components/Application/Application.tsx
@@ -1,18 +1,18 @@
-import { useState, useEffect } from 'react'
-import Image from 'next/image'
-import { PlusIcon, MenuIcon, UsersIcon, XIcon } from '@heroicons/react/solid'
-import classNames from 'clsx'
-import { useMediaQuery } from 'react-responsive'
-import { useSwipeable } from 'react-swipeable'
+import { useState, useEffect } from "react"
+import Image from "next/image"
+import { PlusIcon, MenuIcon, UsersIcon, XIcon } from "@heroicons/react/solid"
+import classNames from "clsx"
+import { useMediaQuery } from "react-responsive"
+import { useSwipeable } from "react-swipeable"
 
-import type { DirectionSidebar } from './Sidebar'
-import { Sidebar } from './Sidebar'
-import { IconButton } from '../design/IconButton'
-import { IconLink } from '../design/IconLink'
-import { Guilds } from './Guilds/Guilds'
-import { Divider } from '../design/Divider'
-import { Members } from './Members'
-import { useAuthentication } from '../../tools/authentication'
+import type { DirectionSidebar } from "./Sidebar"
+import { Sidebar } from "./Sidebar"
+import { IconButton } from "../design/IconButton"
+import { IconLink } from "../design/IconLink"
+import { Guilds } from "./Guilds/Guilds"
+import { Divider } from "../design/Divider"
+import { Members } from "./Members"
+import { useAuthentication } from "../../tools/authentication"
 
 export interface ChannelsPath {
   channelId: number
@@ -27,9 +27,9 @@ const isGuildsChannelsPath = (path: any): path is GuildsChannelsPath => {
 }
 
 export type ApplicationPath =
-  | '/application'
-  | '/application/guilds/join'
-  | '/application/guilds/create'
+  | "/application"
+  | "/application/guilds/join"
+  | "/application/guilds/create"
   | `/application/users/${number}`
   | `/application/users/settings`
   | GuildsChannelsPath
@@ -51,51 +51,51 @@ export const Application: React.FC<
   const [mounted, setMounted] = useState(false)
 
   const isMobile = useMediaQuery({
-    query: '(max-width: 900px)'
+    query: "(max-width: 900px)",
   })
 
   const [visibleSidebars, setVisibleSidebars] = useState({
     left: !isMobile,
-    right: false
+    right: false,
   })
 
   const handleToggleSidebars = (direction: DirectionSidebar): void => {
     if (!isMobile) {
-      if (direction === 'left') {
+      if (direction === "left") {
         return setVisibleSidebars({
           ...visibleSidebars,
-          left: !visibleSidebars.left
+          left: !visibleSidebars.left,
         })
       }
-      if (direction === 'right') {
+      if (direction === "right") {
         return setVisibleSidebars({
           ...visibleSidebars,
-          right: !visibleSidebars.right
+          right: !visibleSidebars.right,
         })
       }
     } else {
-      if (direction === 'right' && visibleSidebars.left) {
+      if (direction === "right" && visibleSidebars.left) {
         return setVisibleSidebars({
           left: false,
-          right: true
+          right: true,
         })
       }
-      if (direction === 'left' && visibleSidebars.right) {
+      if (direction === "left" && visibleSidebars.right) {
         return setVisibleSidebars({
           left: true,
-          right: false
+          right: false,
         })
       }
-      if (direction === 'left' && !visibleSidebars.right) {
+      if (direction === "left" && !visibleSidebars.right) {
         return setVisibleSidebars({
           ...visibleSidebars,
-          left: !visibleSidebars.left
+          left: !visibleSidebars.left,
         })
       }
-      if (direction === 'right' && !visibleSidebars.left) {
+      if (direction === "right" && !visibleSidebars.left) {
         return setVisibleSidebars({
           ...visibleSidebars,
-          right: !visibleSidebars.right
+          right: !visibleSidebars.right,
         })
       }
     }
@@ -105,7 +105,7 @@ export const Application: React.FC<
     if (isMobile && (visibleSidebars.left || visibleSidebars.right)) {
       return setVisibleSidebars({
         left: false,
-        right: false
+        right: false,
       })
     }
   }
@@ -120,7 +120,7 @@ export const Application: React.FC<
       }
       setVisibleSidebars({
         ...visibleSidebars,
-        left: true
+        left: true,
       })
     },
     onSwipedLeft: () => {
@@ -130,10 +130,10 @@ export const Application: React.FC<
         }
         setVisibleSidebars({
           ...visibleSidebars,
-          right: true
+          right: true,
         })
       }
-    }
+    },
   })
 
   useEffect(() => {
@@ -146,28 +146,28 @@ export const Application: React.FC<
 
   return (
     <>
-      <header className='z-50 flex h-16 items-center justify-between bg-gray-200 px-2 py-3 shadow-lg dark:bg-gray-800'>
+      <header className="z-50 flex h-16 items-center justify-between bg-gray-200 px-2 py-3 shadow-lg dark:bg-gray-800">
         <IconButton
-          className='h-10 w-10 p-2'
+          className="h-10 w-10 p-2"
           onClick={() => {
-            return handleToggleSidebars('left')
+            return handleToggleSidebars("left")
           }}
         >
           {!visibleSidebars.left ? <MenuIcon /> : <XIcon />}
         </IconButton>
         <div
-          data-cy='application-title'
-          className='text-md font-semibold text-green-800 dark:text-green-400'
+          data-cy="application-title"
+          className="text-md font-semibold text-green-800 dark:text-green-400"
         >
           {title}
         </div>
-        <div className='flex space-x-2'>
-          {title.startsWith('#') && (
+        <div className="flex space-x-2">
+          {title.startsWith("#") && (
             <IconButton
-              data-cy='icon-button-right-sidebar-members'
-              className='h-10 w-10 p-2'
+              data-cy="icon-button-right-sidebar-members"
+              className="h-10 w-10 p-2"
               onClick={() => {
-                return handleToggleSidebars('right')
+                return handleToggleSidebars("right")
               }}
             >
               {!visibleSidebars.right ? <UsersIcon /> : <XIcon />}
@@ -177,26 +177,26 @@ export const Application: React.FC<
       </header>
 
       <main
-        className='h-full-without-header relative flex overflow-hidden'
+        className="h-full-without-header relative flex overflow-hidden"
         {...swipeableHandlers}
       >
         <Sidebar
-          direction='left'
+          direction="left"
           visible={visibleSidebars.left}
           isMobile={isMobile}
         >
-          <div className='left-0 top-0 z-50 flex min-w-[92px] flex-col space-y-4 border-r-2 border-gray-500 bg-gray-200 py-2 dark:border-white/20 dark:bg-gray-800'>
+          <div className="left-0 top-0 z-50 flex min-w-[92px] flex-col space-y-4 border-r-2 border-gray-500 bg-gray-200 py-2 dark:border-white/20 dark:bg-gray-800">
             <IconLink
               href={`/application/users/settings`}
               selected={path === `/application/users/settings`}
-              title='Settings'
+              title="Settings"
             >
               <Image
                 quality={100}
-                className='rounded-full'
+                className="rounded-full"
                 src={
                   user.logo == null
-                    ? '/images/data/user-default.png'
+                    ? "/images/data/user-default.png"
                     : user.logo
                 }
                 alt={"Users's profil picture"}
@@ -206,11 +206,11 @@ export const Application: React.FC<
               />
             </IconLink>
             <IconLink
-              href='/application'
-              selected={path === '/application'}
-              title='Join or create a Guild'
+              href="/application"
+              selected={path === "/application"}
+              title="Join or create a Guild"
             >
-              <PlusIcon className='h-12 w-12 text-green-800 dark:text-green-400' />
+              <PlusIcon className="h-12 w-12 text-green-800 dark:text-green-400" />
             </IconLink>
             <Divider />
             <Guilds path={path} />
@@ -219,14 +219,14 @@ export const Application: React.FC<
         </Sidebar>
 
         <div
-          id='application-page-content'
+          id="application-page-content"
           onClick={handleCloseSidebars}
           className={classNames(
-            'h-full-without-header relative top-0 z-0 flex w-full flex-1 flex-col overflow-y-auto transition',
+            "h-full-without-header relative top-0 z-0 flex w-full flex-1 flex-col overflow-y-auto transition",
             {
-              'absolute opacity-20':
-                isMobile && (visibleSidebars.left || visibleSidebars.right)
-            }
+              "absolute opacity-20":
+                isMobile && (visibleSidebars.left || visibleSidebars.right),
+            },
           )}
         >
           {children}
@@ -234,7 +234,7 @@ export const Application: React.FC<
 
         {isGuildsChannelsPath(path) && (
           <Sidebar
-            direction='right'
+            direction="right"
             visible={visibleSidebars.right}
             isMobile={isMobile}
           >
diff --git a/components/Application/ChannelSettings/ChannelSettings.tsx b/components/Application/ChannelSettings/ChannelSettings.tsx
index 6d24694..a22c224 100644
--- a/components/Application/ChannelSettings/ChannelSettings.tsx
+++ b/components/Application/ChannelSettings/ChannelSettings.tsx
@@ -1,26 +1,26 @@
-import { useRouter } from 'next/router'
-import { useState } from 'react'
-import { Form, useForm } from 'react-component-form'
-import useTranslation from 'next-translate/useTranslation'
-import classNames from 'clsx'
-import axios from 'axios'
-import type { HandleUseFormCallback } from 'react-component-form'
+import { useRouter } from "next/router"
+import { useState } from "react"
+import { Form, useForm } from "react-component-form"
+import useTranslation from "next-translate/useTranslation"
+import classNames from "clsx"
+import axios from "axios"
+import type { HandleUseFormCallback } from "react-component-form"
 
-import { FormState } from '../../design/FormState'
-import { useGuildMember } from '../../../contexts/GuildMember'
-import { Input } from '../../design/Input'
-import { Button } from '../../design/Button'
-import { useAuthentication } from '../../../tools/authentication'
+import { FormState } from "../../design/FormState"
+import { useGuildMember } from "../../../contexts/GuildMember"
+import { Input } from "../../design/Input"
+import { Button } from "../../design/Button"
+import { useAuthentication } from "../../../tools/authentication"
 import type {
   Channel,
-  ChannelWithDefaultChannelId
-} from '../../../models/Channel'
-import { channelSchema } from '../../../models/Channel'
-import { ConfirmPopup } from '../ConfirmPopup'
-import { useFormTranslation } from '../../../hooks/useFormTranslation'
+  ChannelWithDefaultChannelId,
+} from "../../../models/Channel"
+import { channelSchema } from "../../../models/Channel"
+import { ConfirmPopup } from "../ConfirmPopup"
+import { useFormTranslation } from "../../../hooks/useFormTranslation"
 
 const schema = {
-  name: channelSchema.name
+  name: channelSchema.name,
 }
 
 export interface ChannelSettingsProps {
@@ -36,7 +36,7 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
   const { channel } = props
 
   const [inputValues, setInputValues] = useState({
-    name: channel.name
+    name: channel.name,
   })
 
   const [confirmation, setConfirmation] = useState(false)
@@ -51,7 +51,7 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
     message,
     errors,
     setFetchState,
-    setMessage
+    setMessage,
   } = useForm(schema)
   const { getFirstErrorTranslation } = useFormTranslation()
 
@@ -63,8 +63,8 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
       return null
     } catch (error) {
       return {
-        type: 'error',
-        message: 'errors:server-error'
+        type: "error",
+        message: "errors:server-error",
       }
     }
   }
@@ -75,7 +75,7 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
     setInputValues((oldInputValues) => {
       return {
         ...oldInputValues,
-        [event.target.name]: event.target.value
+        [event.target.name]: event.target.value,
       }
     })
   }
@@ -84,15 +84,15 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
     try {
       const { data } =
         await authentication.api.delete<ChannelWithDefaultChannelId>(
-          `/channels/${channel.id}`
+          `/channels/${channel.id}`,
         )
       await router.push(`/application/${guild.id}/${data.defaultChannelId}`)
     } catch (error) {
-      setFetchState('error')
+      setFetchState("error")
       if (axios.isAxiosError(error) && error.response?.status === 400) {
-        setMessage('application:delete-channel-only-one')
+        setMessage("application:delete-channel-only-one")
       } else {
-        setMessage('errors:server-error')
+        setMessage("errors:server-error")
       }
     }
   }
@@ -101,37 +101,37 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
     <>
       <Form
         onSubmit={handleUseForm(onSubmit)}
-        className='my-auto flex flex-col items-center justify-center py-12'
+        className="my-auto flex flex-col items-center justify-center py-12"
       >
-        <div className='flex w-full flex-col items-center justify-center sm:w-fit lg:flex-row'>
-          <div className=' flex w-full flex-wrap items-center justify-center px-6 sm:w-max'>
-            <div className='mx-12 flex flex-col'>
+        <div className="flex w-full flex-col items-center justify-center sm:w-fit lg:flex-row">
+          <div className=" flex w-full flex-wrap items-center justify-center px-6 sm:w-max">
+            <div className="mx-12 flex flex-col">
               <Input
-                name='name'
-                label={t('common:name')}
-                placeholder={t('common:name')}
-                className='!mt-0'
+                name="name"
+                label={t("common:name")}
+                placeholder={t("common:name")}
+                className="!mt-0"
                 onChange={onChange}
                 value={inputValues.name}
                 error={getFirstErrorTranslation(errors.name)}
-                data-cy='channel-name-input'
+                data-cy="channel-name-input"
               />
             </div>
           </div>
         </div>
 
-        <div className='mt-12 flex flex-col items-center justify-center sm:w-fit'>
-          <div className='space-x-6'>
-            <Button type='submit' data-cy='button-save-channel-settings'>
-              {t('application:save')}
+        <div className="mt-12 flex flex-col items-center justify-center sm:w-fit">
+          <div className="space-x-6">
+            <Button type="submit" data-cy="button-save-channel-settings">
+              {t("application:save")}
             </Button>
             <Button
-              type='button'
-              color='red'
+              type="button"
+              color="red"
               onClick={handleConfirmation}
-              data-cy='button-delete-channel-settings'
+              data-cy="button-delete-channel-settings"
             >
-              {t('application:delete')}
+              {t("application:delete")}
             </Button>
           </div>
           <FormState state={fetchState} message={message} />
@@ -139,17 +139,17 @@ export const ChannelSettings: React.FC<ChannelSettingsProps> = (props) => {
       </Form>
       <div
         className={classNames(
-          'pointer-events-none invisible absolute z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-90 opacity-0 backdrop-blur-md transition-all',
-          { 'pointer-events-auto !visible !opacity-100': confirmation }
+          "pointer-events-none invisible absolute z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-90 opacity-0 backdrop-blur-md transition-all",
+          { "pointer-events-auto !visible !opacity-100": confirmation },
         )}
       >
         <ConfirmPopup
-          className={classNames('relative top-8 transition-all', {
-            '!top-0': confirmation
+          className={classNames("relative top-8 transition-all", {
+            "!top-0": confirmation,
           })}
           handleYes={handleDelete}
           handleNo={handleConfirmation}
-          title={`${t('application:delete-the-channel')} ?`}
+          title={`${t("application:delete-the-channel")} ?`}
         />
       </div>
     </>
diff --git a/components/Application/ChannelSettings/index.ts b/components/Application/ChannelSettings/index.ts
index 8bfe23a..105d5ef 100644
--- a/components/Application/ChannelSettings/index.ts
+++ b/components/Application/ChannelSettings/index.ts
@@ -1 +1 @@
-export * from './ChannelSettings'
+export * from "./ChannelSettings"
diff --git a/components/Application/Channels/Channel.tsx b/components/Application/Channels/Channel.tsx
index c31b3d2..331c2d4 100644
--- a/components/Application/Channels/Channel.tsx
+++ b/components/Application/Channels/Channel.tsx
@@ -1,13 +1,13 @@
-import { memo } from 'react'
-import classNames from 'clsx'
-import Link from 'next/link'
-import { useRouter } from 'next/router'
-import { CogIcon } from '@heroicons/react/solid'
+import { memo } from "react"
+import classNames from "clsx"
+import Link from "next/link"
+import { useRouter } from "next/router"
+import { CogIcon } from "@heroicons/react/solid"
 
-import type { GuildsChannelsPath } from '../Application'
-import type { Channel as ChannelType } from '../../../models/Channel'
-import { useGuildMember } from '../../../contexts/GuildMember'
-import { IconButton } from '../../design/IconButton'
+import type { GuildsChannelsPath } from "../Application"
+import type { Channel as ChannelType } from "../../../models/Channel"
+import { useGuildMember } from "../../../contexts/GuildMember"
+import { IconButton } from "../../design/IconButton"
 
 export interface ChannelProps {
   path: GuildsChannelsPath
@@ -25,24 +25,24 @@ const ChannelMemo: React.FC<ChannelProps> = (props) => {
     <Link
       href={`/application/${path.guildId}/${channel.id}`}
       className={classNames(
-        'group relative mx-3 my-3 flex items-center justify-between overflow-hidden rounded-lg py-2 text-sm transition-all duration-200 hover:bg-gray-100 dark:hover:bg-gray-600',
+        "group relative mx-3 my-3 flex items-center justify-between overflow-hidden rounded-lg py-2 text-sm transition-all duration-200 hover:bg-gray-100 dark:hover:bg-gray-600",
         {
-          'font-semibold text-green-800 dark:text-green-400': selected
-        }
+          "font-semibold text-green-800 dark:text-green-400": selected,
+        },
       )}
     >
-      <span className='max-[315px] ml-2 mr-4 break-all' data-cy='channel-name'>
+      <span className="max-[315px] ml-2 mr-4 break-all" data-cy="channel-name">
         # {channel.name}
       </span>
       {member.isOwner && (
         <IconButton
           onClick={async () => {
             await router.push(
-              `/application/${channel.guildId}/${channel.id}/settings`
+              `/application/${channel.guildId}/${channel.id}/settings`,
             )
           }}
-          className='bg-unherit absolute -right-10 h-full w-8 transition-all group-hover:right-0 group-hover:shadow-lg dark:group-hover:bg-gray-600'
-          title='Settings'
+          className="bg-unherit absolute -right-10 h-full w-8 transition-all group-hover:right-0 group-hover:shadow-lg dark:group-hover:bg-gray-600"
+          title="Settings"
         >
           <CogIcon height={20} width={20} />
         </IconButton>
diff --git a/components/Application/Channels/Channels.tsx b/components/Application/Channels/Channels.tsx
index 00968b2..f6a9e22 100644
--- a/components/Application/Channels/Channels.tsx
+++ b/components/Application/Channels/Channels.tsx
@@ -1,9 +1,9 @@
-import InfiniteScroll from 'react-infinite-scroll-component'
+import InfiniteScroll from "react-infinite-scroll-component"
 
-import { useChannels } from '../../../contexts/Channels'
-import type { GuildsChannelsPath } from '../Application'
-import { Loader } from '../../design/Loader'
-import { Channel } from './Channel'
+import { useChannels } from "../../../contexts/Channels"
+import type { GuildsChannelsPath } from "../Application"
+import { Loader } from "../../design/Loader"
+import { Channel } from "./Channel"
 
 export interface ChannelsProps {
   path: GuildsChannelsPath
@@ -16,12 +16,12 @@ export const Channels: React.FC<ChannelsProps> = (props) => {
 
   return (
     <div
-      id='channels'
-      className='scrollbar-firefox-support flex flex-1 flex-col overflow-y-auto'
+      id="channels"
+      className="scrollbar-firefox-support flex flex-1 flex-col overflow-y-auto"
     >
       <InfiniteScroll
-        className='channels-list w-full'
-        scrollableTarget='channels'
+        className="channels-list w-full"
+        scrollableTarget="channels"
         dataLength={channels.length}
         next={nextPage}
         hasMore={hasMore}
diff --git a/components/Application/Channels/index.ts b/components/Application/Channels/index.ts
index e39effa..b7f6fc1 100644
--- a/components/Application/Channels/index.ts
+++ b/components/Application/Channels/index.ts
@@ -1 +1 @@
-export * from './Channels'
+export * from "./Channels"
diff --git a/components/Application/ConfirmPopup/ConfirmPopup.tsx b/components/Application/ConfirmPopup/ConfirmPopup.tsx
index e50dd10..5fc98e3 100644
--- a/components/Application/ConfirmPopup/ConfirmPopup.tsx
+++ b/components/Application/ConfirmPopup/ConfirmPopup.tsx
@@ -1,9 +1,9 @@
-import Image from 'next/image'
-import { useState } from 'react'
-import useTranslation from 'next-translate/useTranslation'
-import classNames from 'clsx'
+import Image from "next/image"
+import { useState } from "react"
+import useTranslation from "next-translate/useTranslation"
+import classNames from "clsx"
 
-import { Loader } from '../../design/Loader'
+import { Loader } from "../../design/Loader"
 
 export interface ConfirmPopupProps {
   className?: string
@@ -27,43 +27,43 @@ export const ConfirmPopup: React.FC<ConfirmPopupProps> = ({ ...props }) => {
     <div className={props.className}>
       <Loader
         className={classNames(
-          'absolute left-1/2 top-1/2 scale-0 transition-all',
+          "absolute left-1/2 top-1/2 scale-0 transition-all",
           {
-            'scale-100': isLoading
-          }
+            "scale-100": isLoading,
+          },
         )}
       />
       <div
         className={classNames(
-          'visible flex flex-col items-center opacity-100 transition-all',
+          "visible flex flex-col items-center opacity-100 transition-all",
           {
-            'invisible opacity-0': isLoading
-          }
+            "invisible opacity-0": isLoading,
+          },
         )}
       >
         <Image
           quality={100}
-          src='/images/svg/design/join-guild.svg'
-          alt='Illustration'
+          src="/images/svg/design/join-guild.svg"
+          alt="Illustration"
           height={150}
           width={150}
         />
-        <div className='mt-8 flex flex-col'>
-          <h1 className='mb-6 text-center text-xl'>{props.title}</h1>
-          <div className='flex gap-7'>
+        <div className="mt-8 flex flex-col">
+          <h1 className="mb-6 text-center text-xl">{props.title}</h1>
+          <div className="flex gap-7">
             <button
-              className='rounded-3xl bg-success px-8 py-2 text-white transition hover:brightness-125 dark:text-black hover:dark:brightness-75'
+              className="rounded-3xl bg-success px-8 py-2 text-white transition hover:brightness-125 dark:text-black hover:dark:brightness-75"
               onClick={handleYesLoading}
-              data-cy='confirm-popup-yes-button'
+              data-cy="confirm-popup-yes-button"
             >
-              {t('common:yes')}
+              {t("common:yes")}
             </button>
             <button
-              className='rounded-3xl bg-error px-8 py-2 text-white transition hover:brightness-125 dark:text-black hover:dark:brightness-75'
+              className="rounded-3xl bg-error px-8 py-2 text-white transition hover:brightness-125 dark:text-black hover:dark:brightness-75"
               onClick={props.handleNo}
-              data-cy='confirm-popup-no-button'
+              data-cy="confirm-popup-no-button"
             >
-              {t('common:no')}
+              {t("common:no")}
             </button>
           </div>
         </div>
diff --git a/components/Application/ConfirmPopup/index.ts b/components/Application/ConfirmPopup/index.ts
index 5dcf1f2..37c02a5 100644
--- a/components/Application/ConfirmPopup/index.ts
+++ b/components/Application/ConfirmPopup/index.ts
@@ -1 +1 @@
-export * from './ConfirmPopup'
+export * from "./ConfirmPopup"
diff --git a/components/Application/CreateChannel/CreateChannel.tsx b/components/Application/CreateChannel/CreateChannel.tsx
index 0f43901..d8dd1b6 100644
--- a/components/Application/CreateChannel/CreateChannel.tsx
+++ b/components/Application/CreateChannel/CreateChannel.tsx
@@ -1,20 +1,20 @@
-import { useRouter } from 'next/router'
-import useTranslation from 'next-translate/useTranslation'
-import { Form, useForm } from 'react-component-form'
-import type { HandleUseFormCallback } from 'react-component-form'
+import { useRouter } from "next/router"
+import useTranslation from "next-translate/useTranslation"
+import { Form, useForm } from "react-component-form"
+import type { HandleUseFormCallback } from "react-component-form"
 
-import { useAuthentication } from '../../../tools/authentication'
-import { Input } from '../../design/Input'
-import { Main } from '../../design/Main'
-import { Button } from '../../design/Button'
-import { FormState } from '../../design/FormState'
-import type { Channel } from '../../../models/Channel'
-import { channelSchema } from '../../../models/Channel'
-import { useGuildMember } from '../../../contexts/GuildMember'
-import { useFormTranslation } from '../../../hooks/useFormTranslation'
+import { useAuthentication } from "../../../tools/authentication"
+import { Input } from "../../design/Input"
+import { Main } from "../../design/Main"
+import { Button } from "../../design/Button"
+import { FormState } from "../../design/FormState"
+import type { Channel } from "../../../models/Channel"
+import { channelSchema } from "../../../models/Channel"
+import { useGuildMember } from "../../../contexts/GuildMember"
+import { useFormTranslation } from "../../../hooks/useFormTranslation"
 
 const schema = {
-  name: channelSchema.name
+  name: channelSchema.name,
 }
 
 export const CreateChannel: React.FC = () => {
@@ -31,38 +31,38 @@ export const CreateChannel: React.FC = () => {
     try {
       const { data: channel } = await authentication.api.post<Channel>(
         `/guilds/${guild.id}/channels`,
-        formData
+        formData,
       )
       await router.push(`/application/${guild.id}/${channel.id}`)
       return null
     } catch (error) {
       return {
-        type: 'error',
-        message: 'errors:server-error'
+        type: "error",
+        message: "errors:server-error",
       }
     }
   }
 
   return (
     <Main>
-      <Form className='w-4/6 max-w-xs' onSubmit={handleUseForm(onSubmit)}>
+      <Form className="w-4/6 max-w-xs" onSubmit={handleUseForm(onSubmit)}>
         <Input
-          type='text'
-          placeholder={t('common:name')}
-          name='name'
-          label={t('common:name')}
+          type="text"
+          placeholder={t("common:name")}
+          name="name"
+          label={t("common:name")}
           error={getFirstErrorTranslation(errors.name)}
-          data-cy='channel-name-input'
+          data-cy="channel-name-input"
         />
         <Button
-          className='mt-6 w-full'
-          type='submit'
-          data-cy='button-create-channel'
+          className="mt-6 w-full"
+          type="submit"
+          data-cy="button-create-channel"
         >
-          {t('application:create')}
+          {t("application:create")}
         </Button>
       </Form>
-      <FormState id='message' state={fetchState} message={message} />
+      <FormState id="message" state={fetchState} message={message} />
     </Main>
   )
 }
diff --git a/components/Application/CreateChannel/index.ts b/components/Application/CreateChannel/index.ts
index b4a5a4f..02a8060 100644
--- a/components/Application/CreateChannel/index.ts
+++ b/components/Application/CreateChannel/index.ts
@@ -1 +1 @@
-export * from './CreateChannel'
+export * from "./CreateChannel"
diff --git a/components/Application/CreateGuild/CreateGuild.tsx b/components/Application/CreateGuild/CreateGuild.tsx
index 84b203c..4459a89 100644
--- a/components/Application/CreateGuild/CreateGuild.tsx
+++ b/components/Application/CreateGuild/CreateGuild.tsx
@@ -1,22 +1,22 @@
-import { useRouter } from 'next/router'
-import useTranslation from 'next-translate/useTranslation'
-import { Form, useForm } from 'react-component-form'
-import type { AxiosResponse } from 'axios'
-import type { HandleUseFormCallback } from 'react-component-form'
+import { useRouter } from "next/router"
+import useTranslation from "next-translate/useTranslation"
+import { Form, useForm } from "react-component-form"
+import type { AxiosResponse } from "axios"
+import type { HandleUseFormCallback } from "react-component-form"
 
-import { useAuthentication } from '../../../tools/authentication'
-import type { GuildComplete } from '../../../models/Guild'
-import { guildSchema } from '../../../models/Guild'
-import { Input } from '../../design/Input'
-import { Main } from '../../design/Main'
-import { Button } from '../../design/Button'
-import { FormState } from '../../design/FormState'
-import { Textarea } from '../../design/Textarea'
-import { useFormTranslation } from '../../../hooks/useFormTranslation'
+import { useAuthentication } from "../../../tools/authentication"
+import type { GuildComplete } from "../../../models/Guild"
+import { guildSchema } from "../../../models/Guild"
+import { Input } from "../../design/Input"
+import { Main } from "../../design/Main"
+import { Button } from "../../design/Button"
+import { FormState } from "../../design/FormState"
+import { Textarea } from "../../design/Textarea"
+import { useFormTranslation } from "../../../hooks/useFormTranslation"
 
 const schema = {
   name: guildSchema.name,
-  description: guildSchema.description
+  description: guildSchema.description,
 }
 
 export const CreateGuild: React.FC = () => {
@@ -33,44 +33,44 @@ export const CreateGuild: React.FC = () => {
       const { data } = await authentication.api.post<
         any,
         AxiosResponse<{ guild: GuildComplete }>
-      >('/guilds', { name: formData.name, description: formData.description })
+      >("/guilds", { name: formData.name, description: formData.description })
       const guildId = data.guild.id
       const channel = data.guild.channels[0]
       if (channel == null) {
-        throw new Error('No channel found')
+        throw new Error("No channel found")
       }
       const channelId = channel.id
       await router.push(`/application/${guildId}/${channelId}`)
       return null
     } catch (error) {
       return {
-        type: 'error',
-        message: 'errors:server-error'
+        type: "error",
+        message: "errors:server-error",
       }
     }
   }
 
   return (
     <Main>
-      <Form className='w-4/6 max-w-xs' onSubmit={handleUseForm(onSubmit)}>
+      <Form className="w-4/6 max-w-xs" onSubmit={handleUseForm(onSubmit)}>
         <Input
-          type='text'
-          placeholder={t('common:name')}
-          name='name'
-          label={t('common:name')}
+          type="text"
+          placeholder={t("common:name")}
+          name="name"
+          label={t("common:name")}
           error={getFirstErrorTranslation(errors.name)}
         />
         <Textarea
-          label='Description'
-          placeholder='Description'
-          id='description'
+          label="Description"
+          placeholder="Description"
+          id="description"
         />
-        <Button className='mt-6 w-full' type='submit' data-cy='submit'>
-          {t('application:create')}
+        <Button className="mt-6 w-full" type="submit" data-cy="submit">
+          {t("application:create")}
         </Button>
       </Form>
       <FormState
-        id='message'
+        id="message"
         state={fetchState}
         message={message != null ? t(message) : undefined}
       />
diff --git a/components/Application/CreateGuild/index.ts b/components/Application/CreateGuild/index.ts
index cc03400..780a1c5 100644
--- a/components/Application/CreateGuild/index.ts
+++ b/components/Application/CreateGuild/index.ts
@@ -1 +1 @@
-export * from './CreateGuild'
+export * from "./CreateGuild"
diff --git a/components/Application/GuildLeftSidebar/GuildLeftSidebar.tsx b/components/Application/GuildLeftSidebar/GuildLeftSidebar.tsx
index 7ce252c..2f66074 100644
--- a/components/Application/GuildLeftSidebar/GuildLeftSidebar.tsx
+++ b/components/Application/GuildLeftSidebar/GuildLeftSidebar.tsx
@@ -1,11 +1,11 @@
-import Link from 'next/link'
-import { CogIcon, PlusIcon } from '@heroicons/react/solid'
+import Link from "next/link"
+import { CogIcon, PlusIcon } from "@heroicons/react/solid"
 
-import { useGuildMember } from '../../../contexts/GuildMember'
-import { Divider } from '../../design/Divider'
-import { Channels } from '../Channels'
-import { IconButton } from '../../design/IconButton'
-import type { GuildsChannelsPath } from '..'
+import { useGuildMember } from "../../../contexts/GuildMember"
+import { Divider } from "../../design/Divider"
+import { Channels } from "../Channels"
+import { IconButton } from "../../design/IconButton"
+import type { GuildsChannelsPath } from ".."
 
 export interface GuildLeftSidebarProps {
   path: GuildsChannelsPath
@@ -17,23 +17,23 @@ export const GuildLeftSidebar: React.FC<GuildLeftSidebarProps> = (props) => {
   const { guild, member } = useGuildMember()
 
   return (
-    <div className='mt-2 flex w-full flex-col justify-between'>
-      <div className='mx-8 mt-2 p-2 text-center'>
-        <h2 data-cy='guild-left-sidebar-title' className='text-xl'>
+    <div className="mt-2 flex w-full flex-col justify-between">
+      <div className="mx-8 mt-2 p-2 text-center">
+        <h2 data-cy="guild-left-sidebar-title" className="text-xl">
           {guild.name}
         </h2>
       </div>
       <Divider />
       <Channels path={path} />
       <Divider />
-      <div className='mb-1 flex items-center justify-center space-x-6 p-2'>
+      <div className="mb-1 flex items-center justify-center space-x-6 p-2">
         {member.isOwner && (
           <Link
             href={`/application/${path.guildId}/channels/create`}
             passHref
-            data-cy='link-add-channel'
+            data-cy="link-add-channel"
           >
-            <IconButton className='h-10 w-10' title='Add a Channel'>
+            <IconButton className="h-10 w-10" title="Add a Channel">
               <PlusIcon />
             </IconButton>
           </Link>
@@ -41,9 +41,9 @@ export const GuildLeftSidebar: React.FC<GuildLeftSidebarProps> = (props) => {
         <Link
           href={`/application/${path.guildId}/settings`}
           passHref
-          data-cy='link-settings-guild'
+          data-cy="link-settings-guild"
         >
-          <IconButton className='h-7 w-7' title='Settings'>
+          <IconButton className="h-7 w-7" title="Settings">
             <CogIcon />
           </IconButton>
         </Link>
diff --git a/components/Application/GuildLeftSidebar/index.ts b/components/Application/GuildLeftSidebar/index.ts
index 14ff7a1..632fb81 100644
--- a/components/Application/GuildLeftSidebar/index.ts
+++ b/components/Application/GuildLeftSidebar/index.ts
@@ -1 +1 @@
-export * from './GuildLeftSidebar'
+export * from "./GuildLeftSidebar"
diff --git a/components/Application/GuildSettings/GuildSettings.tsx b/components/Application/GuildSettings/GuildSettings.tsx
index 8991690..e3bf804 100644
--- a/components/Application/GuildSettings/GuildSettings.tsx
+++ b/components/Application/GuildSettings/GuildSettings.tsx
@@ -1,26 +1,26 @@
-import Image from 'next/image'
-import { useRouter } from 'next/router'
-import { useState } from 'react'
-import { Type } from '@sinclair/typebox'
-import { PhotographIcon } from '@heroicons/react/solid'
-import { Form, useForm } from 'react-component-form'
-import useTranslation from 'next-translate/useTranslation'
-import classNames from 'clsx'
-import type { HandleUseFormCallback } from 'react-component-form'
+import Image from "next/image"
+import { useRouter } from "next/router"
+import { useState } from "react"
+import { Type } from "@sinclair/typebox"
+import { PhotographIcon } from "@heroicons/react/solid"
+import { Form, useForm } from "react-component-form"
+import useTranslation from "next-translate/useTranslation"
+import classNames from "clsx"
+import type { HandleUseFormCallback } from "react-component-form"
 
-import { guildSchema } from '../../../models/Guild'
-import { FormState } from '../../design/FormState'
-import { useGuildMember } from '../../../contexts/GuildMember'
-import { Textarea } from '../../design/Textarea'
-import { Input } from '../../design/Input'
-import { Button } from '../../design/Button'
-import { useAuthentication } from '../../../tools/authentication'
-import { ConfirmPopup } from '../ConfirmPopup'
-import { useFormTranslation } from '../../../hooks/useFormTranslation'
+import { guildSchema } from "../../../models/Guild"
+import { FormState } from "../../design/FormState"
+import { useGuildMember } from "../../../contexts/GuildMember"
+import { Textarea } from "../../design/Textarea"
+import { Input } from "../../design/Input"
+import { Button } from "../../design/Button"
+import { useAuthentication } from "../../../tools/authentication"
+import { ConfirmPopup } from "../ConfirmPopup"
+import { useFormTranslation } from "../../../hooks/useFormTranslation"
 
 const schema = {
   name: guildSchema.name,
-  description: Type.Optional(guildSchema.description)
+  description: Type.Optional(guildSchema.description),
 }
 
 export const GuildSettings: React.FC = () => {
@@ -31,7 +31,7 @@ export const GuildSettings: React.FC = () => {
 
   const [inputValues, setInputValues] = useState({
     name: guild.name,
-    description: guild.description
+    description: guild.description,
   })
 
   const [confirmation, setConfirmation] = useState(false)
@@ -46,7 +46,7 @@ export const GuildSettings: React.FC = () => {
     message,
     errors,
     setFetchState,
-    setMessage
+    setMessage,
   } = useForm(schema)
   const { getFirstErrorTranslation } = useFormTranslation()
 
@@ -55,13 +55,13 @@ export const GuildSettings: React.FC = () => {
       await authentication.api.put(`/guilds/${guild.id}`, formData)
       setInputValues(formData as unknown as any)
       return {
-        type: 'success',
-        message: 'application:saved-information'
+        type: "success",
+        message: "application:saved-information",
       }
     } catch (error) {
       return {
-        type: 'error',
-        message: 'errors:server-error'
+        type: "error",
+        message: "errors:server-error",
       }
     }
   }
@@ -72,30 +72,30 @@ export const GuildSettings: React.FC = () => {
     setInputValues((oldInputValues) => {
       return {
         ...oldInputValues,
-        [event.target.name]: event.target.value
+        [event.target.name]: event.target.value,
       }
     })
   }
 
   const handleFileChange: React.ChangeEventHandler<HTMLInputElement> = async (
-    event
+    event,
   ) => {
-    setFetchState('loading')
+    setFetchState("loading")
     const files = event?.target?.files
     if (files != null && files.length === 1 && files[0] != null) {
       const file = files[0]
       const formData = new FormData()
-      formData.append('icon', file)
+      formData.append("icon", file)
       try {
         await authentication.api.put(`/guilds/${guild.id}/icon`, formData, {
           headers: {
-            'Content-Type': 'multipart/form-data'
-          }
+            "Content-Type": "multipart/form-data",
+          },
         })
-        setFetchState('idle')
+        setFetchState("idle")
       } catch (error) {
-        setFetchState('error')
-        setMessage('errors:server-error')
+        setFetchState("error")
+        setMessage("errors:server-error")
       }
     }
   }
@@ -104,18 +104,18 @@ export const GuildSettings: React.FC = () => {
     try {
       await authentication.api.delete(`/guilds/${guild.id}`)
     } catch (error) {
-      setFetchState('error')
-      setMessage('errors:server-error')
+      setFetchState("error")
+      setMessage("errors:server-error")
     }
   }
 
   const handleLeave = async (): Promise<void> => {
     try {
       await authentication.api.delete(`/guilds/${guild.id}/members/leave`)
-      await router.push('/application')
+      await router.push("/application")
     } catch (error) {
-      setFetchState('error')
-      setMessage('errors:server-error')
+      setFetchState("error")
+      setMessage("errors:server-error")
     }
   }
 
@@ -123,85 +123,85 @@ export const GuildSettings: React.FC = () => {
     <>
       <Form
         onSubmit={handleUseForm(onSubmit)}
-        className='my-auto flex flex-col items-center justify-center py-12'
+        className="my-auto flex flex-col items-center justify-center py-12"
       >
         {member.isOwner && (
-          <div className='flex w-full flex-col items-center justify-center sm:w-fit lg:flex-row'>
-            <div className=' flex w-full flex-wrap items-center justify-center px-6 sm:w-max'>
-              <div className='relative'>
-                <div className='absolute z-50 h-full w-full'>
-                  <button className='relative flex h-full w-full items-center justify-center transition hover:scale-110'>
+          <div className="flex w-full flex-col items-center justify-center sm:w-fit lg:flex-row">
+            <div className=" flex w-full flex-wrap items-center justify-center px-6 sm:w-max">
+              <div className="relative">
+                <div className="absolute z-50 h-full w-full">
+                  <button className="relative flex h-full w-full items-center justify-center transition hover:scale-110">
                     <input
-                      type='file'
-                      className='absolute h-full w-full cursor-pointer opacity-0'
+                      type="file"
+                      className="absolute h-full w-full cursor-pointer opacity-0"
                       onChange={handleFileChange}
                     />
-                    <PhotographIcon color='white' className='h-8 w-8' />
+                    <PhotographIcon color="white" className="h-8 w-8" />
                   </button>
                 </div>
-                <div className='flex items-center justify-center rounded-full bg-black shadow-xl'>
+                <div className="flex items-center justify-center rounded-full bg-black shadow-xl">
                   <Image
                     quality={100}
-                    className='rounded-full opacity-50'
+                    className="rounded-full opacity-50"
                     src={
                       guild.icon == null
-                        ? '/images/data/guild-default.png'
+                        ? "/images/data/guild-default.png"
                         : guild.icon
                     }
-                    alt='Profil Picture'
-                    draggable='false'
+                    alt="Profil Picture"
+                    draggable="false"
                     height={125}
                     width={125}
                   />
                 </div>
               </div>
-              <div className='mx-12 flex flex-col'>
+              <div className="mx-12 flex flex-col">
                 <Input
-                  name='name'
-                  label={t('common:name')}
-                  placeholder={t('common:name')}
-                  className='!mt-0'
+                  name="name"
+                  label={t("common:name")}
+                  placeholder={t("common:name")}
+                  className="!mt-0"
                   onChange={onChange}
                   value={inputValues.name}
                   error={getFirstErrorTranslation(errors.name)}
-                  data-cy='guild-name-input'
+                  data-cy="guild-name-input"
                 />
                 <Textarea
-                  name='description'
-                  label={'Description'}
-                  placeholder={'Description'}
-                  id='textarea-description'
+                  name="description"
+                  label={"Description"}
+                  placeholder={"Description"}
+                  id="textarea-description"
                   onChange={onChange}
-                  value={inputValues.description ?? ''}
-                  data-cy='guild-description-input'
+                  value={inputValues.description ?? ""}
+                  data-cy="guild-description-input"
                 />
               </div>
             </div>
           </div>
         )}
-        <div className='mt-12 flex flex-col items-center justify-center sm:w-fit'>
-          <div className='space-x-6'>
+        <div className="mt-12 flex flex-col items-center justify-center sm:w-fit">
+          <div className="space-x-6">
             {member.isOwner ? (
               <>
-                <Button type='submit' data-cy='button-save-guild-settings'>
-                  {t('application:save')}
+                <Button type="submit" data-cy="button-save-guild-settings">
+                  {t("application:save")}
                 </Button>
                 <Button
-                  type='button'
-                  color='red'
+                  type="button"
+                  color="red"
                   onClick={handleConfirmation}
-                  data-cy='button-delete-guild-settings'
+                  data-cy="button-delete-guild-settings"
                 >
-                  {t('application:delete')}
+                  {t("application:delete")}
                 </Button>
               </>
             ) : (
               <Button
-                color='red'
+                color="red"
                 onClick={handleLeave}
-                data-cy='button-leave-guild-settings'
+                data-cy="button-leave-guild-settings"
               >
-                {t('application:leave')} {guild.name}
+                {t("application:leave")} {guild.name}
               </Button>
             )}
           </div>
@@ -217,17 +217,17 @@ export const GuildSettings: React.FC = () => {
       </Form>
       <div
         className={classNames(
-          'pointer-events-none invisible absolute z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-90 opacity-0 backdrop-blur-md transition-all',
-          { 'pointer-events-auto !visible !opacity-100': confirmation }
+          "pointer-events-none invisible absolute z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-90 opacity-0 backdrop-blur-md transition-all",
+          { "pointer-events-auto !visible !opacity-100": confirmation },
         )}
       >
         <ConfirmPopup
-          className={classNames('relative top-8 transition-all', {
-            '!top-0': confirmation
+          className={classNames("relative top-8 transition-all", {
+            "!top-0": confirmation,
           })}
           handleYes={handleDelete}
           handleNo={handleConfirmation}
-          title={`${t('application:delete-the-guild')} ?`}
+          title={`${t("application:delete-the-guild")} ?`}
         />
       </div>
     </>
diff --git a/components/Application/GuildSettings/index.ts b/components/Application/GuildSettings/index.ts
index daac468..c8e1778 100644
--- a/components/Application/GuildSettings/index.ts
+++ b/components/Application/GuildSettings/index.ts
@@ -1 +1 @@
-export * from './GuildSettings'
+export * from "./GuildSettings"
diff --git a/components/Application/Guilds/Guild.tsx b/components/Application/Guilds/Guild.tsx
index 1705634..621f897 100644
--- a/components/Application/Guilds/Guild.tsx
+++ b/components/Application/Guilds/Guild.tsx
@@ -1,8 +1,8 @@
-import { memo } from 'react'
-import Image from 'next/image'
+import { memo } from "react"
+import Image from "next/image"
 
-import type { GuildWithDefaultChannelId } from '../../../models/Guild'
-import { IconLink } from '../../design/IconLink'
+import type { GuildWithDefaultChannelId } from "../../../models/Guild"
+import { IconLink } from "../../design/IconLink"
 
 export interface GuildProps {
   guild: GuildWithDefaultChannelId
@@ -14,19 +14,19 @@ const GuildMemo: React.FC<GuildProps> = (props) => {
 
   return (
     <IconLink
-      className='mt-2'
+      className="mt-2"
       href={`/application/${guild.id}/${guild.defaultChannelId}`}
       selected={selected}
       title={guild.name}
     >
-      <div className='pl-[6px]'>
+      <div className="pl-[6px]">
         <Image
           quality={100}
-          className='rounded-full'
+          className="rounded-full"
           src={
-            guild.icon != null ? guild.icon : '/images/data/guild-default.png'
+            guild.icon != null ? guild.icon : "/images/data/guild-default.png"
           }
-          alt='logo'
+          alt="logo"
           width={48}
           height={48}
           draggable={false}
diff --git a/components/Application/Guilds/Guilds.tsx b/components/Application/Guilds/Guilds.tsx
index fe1ea92..347ab6e 100644
--- a/components/Application/Guilds/Guilds.tsx
+++ b/components/Application/Guilds/Guilds.tsx
@@ -1,9 +1,9 @@
-import InfiniteScroll from 'react-infinite-scroll-component'
+import InfiniteScroll from "react-infinite-scroll-component"
 
-import { Loader } from '../../design/Loader'
-import { useGuilds } from '../../../contexts/Guilds'
-import type { GuildsPath } from '..'
-import { Guild } from './Guild'
+import { Loader } from "../../design/Loader"
+import { useGuilds } from "../../../contexts/Guilds"
+import type { GuildsPath } from ".."
+import { Guild } from "./Guild"
 
 export interface GuildsProps {
   path: GuildsPath | string
@@ -16,19 +16,19 @@ export const Guilds: React.FC<GuildsProps> = (props) => {
 
   return (
     <div
-      id='guilds-list'
-      className='border-r-1 scrollbar-firefox-support mt-[130px] h-full min-w-[92px] space-y-2 overflow-y-auto border-gray-500 pt-2 dark:border-white/20'
+      id="guilds-list"
+      className="border-r-1 scrollbar-firefox-support mt-[130px] h-full min-w-[92px] space-y-2 overflow-y-auto border-gray-500 pt-2 dark:border-white/20"
     >
       <InfiniteScroll
-        className='guilds-list'
+        className="guilds-list"
         dataLength={guilds.length}
         next={nextPage}
         hasMore={hasMore}
-        scrollableTarget='guilds-list'
+        scrollableTarget="guilds-list"
         loader={<Loader />}
       >
         {guilds.map((guild) => {
-          const selected = typeof path !== 'string' && path.guildId === guild.id
+          const selected = typeof path !== "string" && path.guildId === guild.id
           return <Guild key={guild.id} guild={guild} selected={selected} />
         })}
       </InfiniteScroll>
diff --git a/components/Application/Guilds/index.ts b/components/Application/Guilds/index.ts
index 2af7ca2..7f17985 100644
--- a/components/Application/Guilds/index.ts
+++ b/components/Application/Guilds/index.ts
@@ -1 +1 @@
-export * from './Guilds'
+export * from "./Guilds"
diff --git a/components/Application/JoinGuildsPublic/GuildPublic.tsx b/components/Application/JoinGuildsPublic/GuildPublic.tsx
index 9d65fdd..af2927e 100644
--- a/components/Application/JoinGuildsPublic/GuildPublic.tsx
+++ b/components/Application/JoinGuildsPublic/GuildPublic.tsx
@@ -1,17 +1,17 @@
-import Image from 'next/image'
-import { useRouter } from 'next/router'
-import { useState } from 'react'
-import useTranslation from 'next-translate/useTranslation'
-import classNames from 'clsx'
-import axios from 'axios'
+import Image from "next/image"
+import { useRouter } from "next/router"
+import { useState } from "react"
+import useTranslation from "next-translate/useTranslation"
+import classNames from "clsx"
+import axios from "axios"
 
-import { Emoji } from '../../Emoji'
-import { ConfirmPopup } from '../ConfirmPopup'
+import { Emoji } from "../../Emoji"
+import { ConfirmPopup } from "../ConfirmPopup"
 import type {
   GuildPublic as GuildPublicType,
-  GuildWithDefaultChannelId
-} from '../../../models/Guild'
-import { useAuthentication } from '../../../tools/authentication'
+  GuildWithDefaultChannelId,
+} from "../../../models/Guild"
+import { useAuthentication } from "../../../tools/authentication"
 
 export interface GuildPublicProps {
   guild: GuildPublicType
@@ -36,70 +36,70 @@ export const GuildPublic: React.FC<GuildPublicProps> = (props) => {
         guild: GuildWithDefaultChannelId
       }>(`/guilds/${guild.id}/members/join`)
       await router.push(
-        `/application/${guild.id}/${data.guild.defaultChannelId}`
+        `/application/${guild.id}/${data.guild.defaultChannelId}`,
       )
     } catch (error) {
       if (
         axios.isAxiosError(error) &&
         error.response?.status === 400 &&
-        typeof error?.response?.data.defaultChannelId === 'number'
+        typeof error?.response?.data.defaultChannelId === "number"
       ) {
         const defaultChannelId = error.response.data.defaultChannelId as number
         await router.push(`/application/${guild.id}/${defaultChannelId}`)
       } else {
-        await router.push('/application')
+        await router.push("/application")
       }
     }
   }
 
   return (
-    <div className='relative h-80 overflow-hidden rounded border border-gray-500 shadow-lg transition duration-200 ease-in-out hover:-translate-y-2 hover:shadow-none dark:border-gray-700'>
+    <div className="relative h-80 overflow-hidden rounded border border-gray-500 shadow-lg transition duration-200 ease-in-out hover:-translate-y-2 hover:shadow-none dark:border-gray-700">
       <div
         className={classNames(
-          'flex h-full cursor-pointer flex-col items-center justify-center p-4 pt-8 transition duration-200 ease-in-out',
-          { '-translate-x-full': isConfirmed }
+          "flex h-full cursor-pointer flex-col items-center justify-center p-4 pt-8 transition duration-200 ease-in-out",
+          { "-translate-x-full": isConfirmed },
         )}
         onClick={handleIsConfirmed}
       >
         <Image
           quality={100}
-          className='rounded-full'
+          className="rounded-full"
           src={
-            guild.icon != null ? guild.icon : '/images/data/guild-default.png'
+            guild.icon != null ? guild.icon : "/images/data/guild-default.png"
           }
-          alt='logo'
+          alt="logo"
           width={80}
           height={80}
         />
-        <div className='m-2 mt-6 w-full px-4 text-center'>
+        <div className="m-2 mt-6 w-full px-4 text-center">
           <h3
-            data-cy='guild-name'
-            className='center mb-2 w-full truncate text-xl font-bold'
+            data-cy="guild-name"
+            className="center mb-2 w-full truncate text-xl font-bold"
           >
             {guild.name}
           </h3>
-          <p className='break-words'>
+          <p className="break-words">
             {guild.description != null ? (
               guild.description
             ) : (
-              <span className='flex h-full items-center justify-center opacity-40 dark:opacity-20'>
-                <Emoji value=':eyes:' size={25} />
-                <span className='ml-2'>{t('application:nothing-here')}</span>
+              <span className="flex h-full items-center justify-center opacity-40 dark:opacity-20">
+                <Emoji value=":eyes:" size={25} />
+                <span className="ml-2">{t("application:nothing-here")}</span>
               </span>
             )}
           </p>
         </div>
-        <p className='mt-auto flex flex-col text-green-800 dark:text-green-400'>
-          {guild.membersCount} {t('application:members')}
+        <p className="mt-auto flex flex-col text-green-800 dark:text-green-400">
+          {guild.membersCount} {t("application:members")}
         </p>
       </div>
       <ConfirmPopup
-        title={`${t('application:join-the-guild')} ?`}
+        title={`${t("application:join-the-guild")} ?`}
         className={classNames(
-          'w-ful h-ful translate-x- absolute left-full top-1/2 flex h-full w-full -translate-y-1/2 flex-col items-center justify-center rounded-2xl transition-all',
+          "w-ful h-ful translate-x- absolute left-full top-1/2 flex h-full w-full -translate-y-1/2 flex-col items-center justify-center rounded-2xl transition-all",
           {
-            '!left-0': isConfirmed
-          }
+            "!left-0": isConfirmed,
+          },
         )}
         handleYes={handleYes}
         handleNo={handleIsConfirmed}
diff --git a/components/Application/JoinGuildsPublic/JoinGuildsPublic.tsx b/components/Application/JoinGuildsPublic/JoinGuildsPublic.tsx
index 8bef0fc..f9088ac 100644
--- a/components/Application/JoinGuildsPublic/JoinGuildsPublic.tsx
+++ b/components/Application/JoinGuildsPublic/JoinGuildsPublic.tsx
@@ -1,17 +1,17 @@
-import useTranslation from 'next-translate/useTranslation'
-import { useEffect, useState } from 'react'
-import InfiniteScroll from 'react-infinite-scroll-component'
+import useTranslation from "next-translate/useTranslation"
+import { useEffect, useState } from "react"
+import InfiniteScroll from "react-infinite-scroll-component"
 
-import { useAuthentication } from '../../../tools/authentication'
-import type { GuildPublic as GuildPublicType } from '../../../models/Guild'
-import { Loader } from '../../design/Loader'
-import { GuildPublic } from './GuildPublic'
-import { usePagination } from '../../../hooks/usePagination'
-import type { SocketData } from '../../../tools/handleSocketData'
-import { handleSocketData } from '../../../tools/handleSocketData'
+import { useAuthentication } from "../../../tools/authentication"
+import type { GuildPublic as GuildPublicType } from "../../../models/Guild"
+import { Loader } from "../../design/Loader"
+import { GuildPublic } from "./GuildPublic"
+import { usePagination } from "../../../hooks/usePagination"
+import type { SocketData } from "../../../tools/handleSocketData"
+import { handleSocketData } from "../../../tools/handleSocketData"
 
 export const JoinGuildsPublic: React.FC = () => {
-  const [search, setSearch] = useState('')
+  const [search, setSearch] = useState("")
 
   const { authentication } = useAuthentication()
   const { t } = useTranslation()
@@ -19,19 +19,19 @@ export const JoinGuildsPublic: React.FC = () => {
   const { items, hasMore, nextPage, resetPagination, setItems } =
     usePagination<GuildPublicType>({
       api: authentication.api,
-      url: '/guilds/public'
+      url: "/guilds/public",
     })
 
   useEffect(() => {
     authentication?.socket?.on(
-      'guilds',
+      "guilds",
       (data: SocketData<GuildPublicType>) => {
         handleSocketData({ data, setItems })
-      }
+      },
     )
 
     return () => {
-      authentication?.socket?.off('guilds')
+      authentication?.socket?.off("guilds")
     }
   }, [authentication.socket, setItems])
 
@@ -45,23 +45,23 @@ export const JoinGuildsPublic: React.FC = () => {
   }
 
   return (
-    <div className='flex h-full w-full flex-col transition-all'>
+    <div className="flex h-full w-full flex-col transition-all">
       <input
-        data-cy='search-guild-input'
+        data-cy="search-guild-input"
         onChange={handleChange}
-        className='mx-auto my-6 mt-16 w-10/12 rounded-md border border-gray-500 bg-white p-3 dark:border-gray-700 dark:bg-[#3B3B3B] sm:w-8/12 md:w-6/12 lg:w-5/12'
-        type='search'
-        name='search-guild'
-        placeholder={`🔎  ${t('application:search')}...`}
+        className="mx-auto my-6 mt-16 w-10/12 rounded-md border border-gray-500 bg-white p-3 dark:border-gray-700 dark:bg-[#3B3B3B] sm:w-8/12 md:w-6/12 lg:w-5/12"
+        type="search"
+        name="search-guild"
+        placeholder={`🔎  ${t("application:search")}...`}
       />
-      <div className='w-full p-12'>
+      <div className="w-full p-12">
         <InfiniteScroll
-          className='guilds-public-list relative mx-auto grid max-w-[1400px] grid-cols-[repeat(auto-fill,_minmax(20em,_1fr))] gap-8 !overflow-visible'
+          className="guilds-public-list relative mx-auto grid max-w-[1400px] grid-cols-[repeat(auto-fill,_minmax(20em,_1fr))] gap-8 !overflow-visible"
           dataLength={items.length}
           next={nextPage}
-          scrollableTarget='application-page-content'
+          scrollableTarget="application-page-content"
           hasMore={hasMore}
-          loader={<Loader className='absolute left-1/2 -translate-x-1/2' />}
+          loader={<Loader className="absolute left-1/2 -translate-x-1/2" />}
         >
           {items.map((guild) => {
             return <GuildPublic guild={guild} key={guild.id} />
diff --git a/components/Application/JoinGuildsPublic/index.ts b/components/Application/JoinGuildsPublic/index.ts
index 6be5657..55d42a2 100644
--- a/components/Application/JoinGuildsPublic/index.ts
+++ b/components/Application/JoinGuildsPublic/index.ts
@@ -1 +1 @@
-export * from './JoinGuildsPublic'
+export * from "./JoinGuildsPublic"
diff --git a/components/Application/Members/Member.tsx b/components/Application/Members/Member.tsx
index 289dd11..2dc94a1 100644
--- a/components/Application/Members/Member.tsx
+++ b/components/Application/Members/Member.tsx
@@ -1,9 +1,9 @@
-import { memo } from 'react'
-import Image from 'next/image'
-import Link from 'next/link'
+import { memo } from "react"
+import Image from "next/image"
+import Link from "next/link"
 
-import type { MemberWithPublicUser } from '../../../models/Member'
-import { Emoji } from '../../Emoji'
+import type { MemberWithPublicUser } from "../../../models/Member"
+import { Emoji } from "../../Emoji"
 
 export interface MemberProps {
   member: MemberWithPublicUser
@@ -14,27 +14,27 @@ const MemberMemo: React.FC<MemberProps> = (props) => {
 
   return (
     <Link href={`/application/users/${member.user.id}`}>
-      <div className='flex cursor-pointer items-center overflow-hidden px-6 py-2 pr-10 hover:bg-gray-300 dark:hover:bg-gray-900'>
-        <div className='flex min-w-[50px] rounded-full'>
+      <div className="flex cursor-pointer items-center overflow-hidden px-6 py-2 pr-10 hover:bg-gray-300 dark:hover:bg-gray-900">
+        <div className="flex min-w-[50px] rounded-full">
           <Image
             src={
               member.user.logo == null
-                ? '/images/data/user-default.png'
+                ? "/images/data/user-default.png"
                 : member.user.logo
             }
             alt={"Users's profil picture"}
             height={50}
             width={50}
             draggable={false}
-            className='rounded-full'
+            className="rounded-full"
           />
         </div>
-        <div className='ml-5'>
-          <p data-cy='member-user-name' className='flex truncate font-bold'>
+        <div className="ml-5">
+          <p data-cy="member-user-name" className="flex truncate font-bold">
             {member.user.name}
             {member.isOwner && (
-              <span className='ml-4'>
-                <Emoji value=':crown:' size={18} />
+              <span className="ml-4">
+                <Emoji value=":crown:" size={18} />
               </span>
             )}
           </p>
diff --git a/components/Application/Members/Members.tsx b/components/Application/Members/Members.tsx
index a1a10a4..c61b4d5 100644
--- a/components/Application/Members/Members.tsx
+++ b/components/Application/Members/Members.tsx
@@ -1,11 +1,11 @@
-import useTranslation from 'next-translate/useTranslation'
-import InfiniteScroll from 'react-infinite-scroll-component'
+import useTranslation from "next-translate/useTranslation"
+import InfiniteScroll from "react-infinite-scroll-component"
 
-import { Divider } from '../../design/Divider'
-import { Loader } from '../../design/Loader'
-import { useMembers } from '../../../contexts/Members'
-import { Member } from './Member'
-import { capitalize } from '../../../tools/utils/capitalize'
+import { Divider } from "../../design/Divider"
+import { Loader } from "../../design/Loader"
+import { useMembers } from "../../../contexts/Members"
+import { Member } from "./Member"
+import { capitalize } from "../../../tools/utils/capitalize"
 
 export const Members: React.FC = () => {
   const { members, hasMore, nextPage } = useMembers()
@@ -14,14 +14,14 @@ export const Members: React.FC = () => {
 
   return (
     <>
-      <div className='mb-2'>
-        <h1 data-cy='members-title' className='my-2 pt-2 text-center text-xl'>
-          {capitalize(t('application:members'))}
+      <div className="mb-2">
+        <h1 data-cy="members-title" className="my-2 pt-2 text-center text-xl">
+          {capitalize(t("application:members"))}
         </h1>
         <Divider />
       </div>
       <InfiniteScroll
-        className='members-list'
+        className="members-list"
         dataLength={members.length}
         next={nextPage}
         hasMore={hasMore}
diff --git a/components/Application/Members/index.ts b/components/Application/Members/index.ts
index 4f33cc9..2e1f29f 100644
--- a/components/Application/Members/index.ts
+++ b/components/Application/Members/index.ts
@@ -1 +1 @@
-export * from './Members'
+export * from "./Members"
diff --git a/components/Application/Messages/Message/EditMessage/EditMessage.tsx b/components/Application/Messages/Message/EditMessage/EditMessage.tsx
index 858451d..d31687b 100644
--- a/components/Application/Messages/Message/EditMessage/EditMessage.tsx
+++ b/components/Application/Messages/Message/EditMessage/EditMessage.tsx
@@ -1,7 +1,7 @@
-import useTranslation from 'next-translate/useTranslation'
-import TextareaAutosize from 'react-textarea-autosize'
+import useTranslation from "next-translate/useTranslation"
+import TextareaAutosize from "react-textarea-autosize"
 
-import type { MessageProps } from '../Message'
+import type { MessageProps } from "../Message"
 
 export interface EditMessageProps extends MessageProps {
   handleEdit: () => Promise<void>
@@ -15,7 +15,7 @@ export const EditMessage: React.FC<
   const { t } = useTranslation()
 
   const handleEditSubmit: React.FormEventHandler<HTMLFormElement> = async (
-    event
+    event,
   ) => {
     event.preventDefault()
     await handleEdit()
@@ -23,23 +23,23 @@ export const EditMessage: React.FC<
 
   return (
     <form
-      className='flex h-full w-full items-center'
+      className="flex h-full w-full items-center"
       onSubmit={handleEditSubmit}
       onKeyDown={handleKeyDown}
     >
       <TextareaAutosize
-        className='scrollbar-firefox-support w-full resize-none bg-transparent p-2 tracking-wide outline-none'
-        placeholder={t('application:write-a-message')}
-        wrap='soft'
+        className="scrollbar-firefox-support w-full resize-none bg-transparent p-2 tracking-wide outline-none"
+        placeholder={t("application:write-a-message")}
+        wrap="soft"
         maxRows={6}
-        name='message'
+        name="message"
         defaultValue={message.value}
         ref={textareaRef}
         autoFocus
         onFocus={(event) => {
           event.currentTarget.setSelectionRange(
             event.currentTarget.value.length,
-            event.currentTarget.value.length
+            event.currentTarget.value.length,
           )
         }}
       />
diff --git a/components/Application/Messages/Message/EditMessage/index.ts b/components/Application/Messages/Message/EditMessage/index.ts
index c6d8a06..1a55742 100644
--- a/components/Application/Messages/Message/EditMessage/index.ts
+++ b/components/Application/Messages/Message/EditMessage/index.ts
@@ -1 +1 @@
-export * from './EditMessage'
+export * from "./EditMessage"
diff --git a/components/Application/Messages/Message/Message.tsx b/components/Application/Messages/Message/Message.tsx
index f43e8e1..d0029e6 100644
--- a/components/Application/Messages/Message/Message.tsx
+++ b/components/Application/Messages/Message/Message.tsx
@@ -1,15 +1,15 @@
-import { useState, useRef } from 'react'
-import Image from 'next/image'
-import Link from 'next/link'
-import date from 'date-and-time'
+import { useState, useRef } from "react"
+import Image from "next/image"
+import Link from "next/link"
+import date from "date-and-time"
 
-import type { MessageWithMember } from '../../../../models/Message'
-import { MessageText } from './MessageText'
-import { Loader } from '../../../design/Loader'
-import { MessageFile } from './MessageFile'
-import { useAuthentication } from '../../../../tools/authentication'
-import { MessageOptions } from './MessageOptions'
-import { EditMessage } from './EditMessage'
+import type { MessageWithMember } from "../../../../models/Message"
+import { MessageText } from "./MessageText"
+import { Loader } from "../../../design/Loader"
+import { MessageFile } from "./MessageFile"
+import { useAuthentication } from "../../../../tools/authentication"
+import { MessageOptions } from "./MessageOptions"
+import { EditMessage } from "./EditMessage"
 
 export interface MessageProps {
   message: MessageWithMember
@@ -23,12 +23,12 @@ export const Message: React.FC<MessageProps> = (props) => {
   const { authentication, user } = useAuthentication()
 
   const handleTextareaKeyDown: React.KeyboardEventHandler<HTMLFormElement> = (
-    event
+    event,
   ) => {
-    if (event.key === 'Enter' && !event.shiftKey) {
+    if (event.key === "Enter" && !event.shiftKey) {
       event.preventDefault()
       event.currentTarget.dispatchEvent(
-        new Event('submit', { cancelable: true, bubbles: true })
+        new Event("submit", { cancelable: true, bubbles: true }),
       )
     }
   }
@@ -36,13 +36,13 @@ export const Message: React.FC<MessageProps> = (props) => {
   const handleEdit = async (): Promise<void> => {
     const newMessage = textareaReference.current?.value ?? message.value
     if (
-      typeof newMessage === 'string' &&
+      typeof newMessage === "string" &&
       newMessage.length > 0 &&
       newMessage !== message.value
     ) {
       try {
         await authentication.api.put(`/messages/${message.id}`, {
-          value: newMessage
+          value: newMessage,
         })
       } catch {}
     }
@@ -58,17 +58,17 @@ export const Message: React.FC<MessageProps> = (props) => {
   return (
     <div
       data-cy={`message-${message.id}`}
-      className='group flex w-full p-4 transition hover:bg-gray-200 dark:hover:bg-gray-900'
+      className="group flex w-full p-4 transition hover:bg-gray-200 dark:hover:bg-gray-900"
     >
       <Link href={`/application/users/${message.member.user.id}`}>
-        <div className='mr-4 flex h-12 w-12 flex-shrink-0 items-center justify-center'>
-          <div className='h-10 w-10 drop-shadow-md'>
+        <div className="mr-4 flex h-12 w-12 flex-shrink-0 items-center justify-center">
+          <div className="h-10 w-10 drop-shadow-md">
             <Image
               quality={100}
-              className='rounded-full'
+              className="rounded-full"
               src={
                 message.member.user.logo == null
-                  ? '/images/data/user-default.png'
+                  ? "/images/data/user-default.png"
                   : message.member.user.logo
               }
               alt={"Users's profil picture"}
@@ -79,33 +79,33 @@ export const Message: React.FC<MessageProps> = (props) => {
           </div>
         </div>
       </Link>
-      <div className='relative w-full whitespace-pre-wrap break-words break-all'>
-        <div className='flex w-max items-center'>
+      <div className="relative w-full whitespace-pre-wrap break-words break-all">
+        <div className="flex w-max items-center">
           <Link href={`/application/users/${message.member.user.id}`}>
             <span
-              data-cy='message-member-user-name'
-              className='font-bold text-gray-900 dark:text-gray-200'
+              data-cy="message-member-user-name"
+              className="font-bold text-gray-900 dark:text-gray-200"
             >
               {message.member.user.name}
             </span>
           </Link>
           <span
-            data-cy='message-date'
-            className='ml-4 select-none text-xs text-gray-500 dark:text-gray-200'
+            data-cy="message-date"
+            className="ml-4 select-none text-xs text-gray-500 dark:text-gray-200"
           >
-            {date.format(new Date(message.createdAt), 'DD/MM/YYYY - HH:mm:ss')}
+            {date.format(new Date(message.createdAt), "DD/MM/YYYY - HH:mm:ss")}
           </span>
         </div>
 
         {message.member.userId === user.id && (
           <MessageOptions
             message={message}
-            editMode={isEditing ? ':white_check_mark:' : ':pencil2:'}
+            editMode={isEditing ? ":white_check_mark:" : ":pencil2:"}
             handleEdit={isEditing ? handleEdit : handleEditMode}
           />
         )}
 
-        {message.type === 'text' ? (
+        {message.type === "text" ? (
           <>
             {isEditing ? (
               <EditMessage
@@ -118,7 +118,7 @@ export const Message: React.FC<MessageProps> = (props) => {
               <MessageText message={message} />
             )}
           </>
-        ) : message.type === 'file' ? (
+        ) : message.type === "file" ? (
           <MessageFile message={message} />
         ) : (
           <Loader />
diff --git a/components/Application/Messages/Message/MessageFile/FileIcon.tsx b/components/Application/Messages/Message/MessageFile/FileIcon.tsx
index bf87585..a5a877a 100644
--- a/components/Application/Messages/Message/MessageFile/FileIcon.tsx
+++ b/components/Application/Messages/Message/MessageFile/FileIcon.tsx
@@ -1,14 +1,14 @@
 export const FileIcon: React.FC = () => {
   return (
     <svg
-      className='fill-current text-black dark:text-white'
-      width='21'
-      height='26'
-      viewBox='0 0 21 26'
-      fill='none'
-      xmlns='http://www.w3.org/2000/svg'
+      className="fill-current text-black dark:text-white"
+      width="21"
+      height="26"
+      viewBox="0 0 21 26"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
     >
-      <path d='M2.625 0C1.92881 0 1.26113 0.273928 0.768845 0.761522C0.276562 1.24912 0 1.91044 0 2.6V23.4C0 24.0896 0.276562 24.7509 0.768845 25.2385C1.26113 25.7261 1.92881 26 2.625 26H18.375C19.0712 26 19.7389 25.7261 20.2312 25.2385C20.7234 24.7509 21 24.0896 21 23.4V7.8L13.125 0H2.625ZM13.125 9.1H11.8125V2.6L18.375 9.1H13.125Z' />
+      <path d="M2.625 0C1.92881 0 1.26113 0.273928 0.768845 0.761522C0.276562 1.24912 0 1.91044 0 2.6V23.4C0 24.0896 0.276562 24.7509 0.768845 25.2385C1.26113 25.7261 1.92881 26 2.625 26H18.375C19.0712 26 19.7389 25.7261 20.2312 25.2385C20.7234 24.7509 21 24.0896 21 23.4V7.8L13.125 0H2.625ZM13.125 9.1H11.8125V2.6L18.375 9.1H13.125Z" />
     </svg>
   )
 }
diff --git a/components/Application/Messages/Message/MessageFile/MessageFile.tsx b/components/Application/Messages/Message/MessageFile/MessageFile.tsx
index b0a07d0..75f454b 100644
--- a/components/Application/Messages/Message/MessageFile/MessageFile.tsx
+++ b/components/Application/Messages/Message/MessageFile/MessageFile.tsx
@@ -1,18 +1,18 @@
-import { useState, useEffect } from 'react'
-import axios from 'axios'
-import prettyBytes from 'pretty-bytes'
-import { DownloadIcon } from '@heroicons/react/solid'
+import { useState, useEffect } from "react"
+import axios from "axios"
+import prettyBytes from "pretty-bytes"
+import { DownloadIcon } from "@heroicons/react/solid"
 
-import type { MessageWithMember } from '../../../../../models/Message'
-import { Loader } from '../../../../design/Loader'
-import { FileIcon } from './FileIcon'
-import { api } from '../../../../../tools/api'
+import type { MessageWithMember } from "../../../../../models/Message"
+import { Loader } from "../../../../design/Loader"
+import { FileIcon } from "./FileIcon"
+import { api } from "../../../../../tools/api"
 
 const supportedImageMimetype = [
-  'image/png',
-  'image/jpg',
-  'image/jpeg',
-  'image/gif'
+  "image/png",
+  "image/jpg",
+  "image/jpeg",
+  "image/gif",
 ]
 
 export interface FileData {
@@ -34,8 +34,8 @@ export const MessageFile: React.FC<MessageContentProps> = (props) => {
 
     const fetchData = async (): Promise<void> => {
       const { data } = await api.get(message.value, {
-        responseType: 'blob',
-        cancelToken: ourRequest.token
+        responseType: "blob",
+        cancelToken: ourRequest.token,
       })
       const fileURL = URL.createObjectURL(data)
       setFile({ blob: data, url: fileURL })
@@ -52,27 +52,27 @@ export const MessageFile: React.FC<MessageContentProps> = (props) => {
   }
   if (supportedImageMimetype.includes(message.mimetype)) {
     return (
-      <a href={file.url} target='_blank' rel='noreferrer'>
+      <a href={file.url} target="_blank" rel="noreferrer">
         <img
           data-cy={`message-file-image-${message.id}`}
-          className='max-h-80 sm:max-w-xs'
+          className="max-h-80 sm:max-w-xs"
           src={file.url}
           alt={message.value}
         />
       </a>
     )
   }
-  if (message.mimetype.startsWith('audio/')) {
+  if (message.mimetype.startsWith("audio/")) {
     return (
       <audio controls data-cy={`message-file-audio-${message.id}`}>
         <source src={file.url} type={message.mimetype} />
       </audio>
     )
   }
-  if (message.mimetype.startsWith('video/')) {
+  if (message.mimetype.startsWith("video/")) {
     return (
       <video
-        className='max-h-80 max-w-xs'
+        className="max-h-80 max-w-xs"
         controls
         data-cy={`message-file-video-${message.id}`}
       >
@@ -82,17 +82,17 @@ export const MessageFile: React.FC<MessageContentProps> = (props) => {
   }
   return (
     <a href={file.url} download data-cy={`message-file-download-${message.id}`}>
-      <div className='flex items-center'>
-        <div className='flex items-center'>
+      <div className="flex items-center">
+        <div className="flex items-center">
           <div>
             <FileIcon />
           </div>
-          <div className='ml-4'>
+          <div className="ml-4">
             <p>{file.blob.type}</p>
-            <p className='mt-1'>{prettyBytes(file.blob.size)}</p>
+            <p className="mt-1">{prettyBytes(file.blob.size)}</p>
           </div>
         </div>
-        <DownloadIcon className='ml-4 h-8 w-8' />
+        <DownloadIcon className="ml-4 h-8 w-8" />
       </div>
     </a>
   )
diff --git a/components/Application/Messages/Message/MessageFile/index.ts b/components/Application/Messages/Message/MessageFile/index.ts
index f627981..f5e1684 100644
--- a/components/Application/Messages/Message/MessageFile/index.ts
+++ b/components/Application/Messages/Message/MessageFile/index.ts
@@ -1 +1 @@
-export * from './MessageFile'
+export * from "./MessageFile"
diff --git a/components/Application/Messages/Message/MessageOptions/MessageOptions.tsx b/components/Application/Messages/Message/MessageOptions/MessageOptions.tsx
index c598f91..f9a53f6 100644
--- a/components/Application/Messages/Message/MessageOptions/MessageOptions.tsx
+++ b/components/Application/Messages/Message/MessageOptions/MessageOptions.tsx
@@ -1,12 +1,12 @@
-import useTranslation from 'next-translate/useTranslation'
+import useTranslation from "next-translate/useTranslation"
 
-import { useAuthentication } from '../../../../../tools/authentication'
-import { Emoji } from '../../../../Emoji'
-import type { MessageProps } from '../Message'
+import { useAuthentication } from "../../../../../tools/authentication"
+import { Emoji } from "../../../../Emoji"
+import type { MessageProps } from "../Message"
 
 interface MessageOptionsProps extends MessageProps {
   handleEdit: () => void
-  editMode: ':white_check_mark:' | ':pencil2:'
+  editMode: ":white_check_mark:" | ":pencil2:"
 }
 
 export const MessageOptions: React.FC<
@@ -22,22 +22,22 @@ export const MessageOptions: React.FC<
   }
 
   return (
-    <div className='absolute -top-8 right-6 flex opacity-0 transition-opacity group-hover:opacity-100'>
-      {message.type === 'text' && (
+    <div className="absolute -top-8 right-6 flex opacity-0 transition-opacity group-hover:opacity-100">
+      {message.type === "text" && (
         <div
-          className='message-options rounded-l-lg border-l-slate-600'
-          title={t('application:edit')}
+          className="message-options rounded-l-lg border-l-slate-600"
+          title={t("application:edit")}
           onClick={handleEdit}
         >
           <Emoji value={editMode} size={18} />
         </div>
       )}
       <div
-        className='message-options rounded-r-lg border-r-slate-600'
-        title={t('application:delete')}
+        className="message-options rounded-r-lg border-r-slate-600"
+        title={t("application:delete")}
         onClick={handleDeleteMessage}
       >
-        <Emoji value=':wastebasket:' size={18} />
+        <Emoji value=":wastebasket:" size={18} />
       </div>
     </div>
   )
diff --git a/components/Application/Messages/Message/MessageOptions/index.ts b/components/Application/Messages/Message/MessageOptions/index.ts
index 2209ffb..a1e8e2f 100644
--- a/components/Application/Messages/Message/MessageOptions/index.ts
+++ b/components/Application/Messages/Message/MessageOptions/index.ts
@@ -1 +1 @@
-export * from './MessageOptions'
+export * from "./MessageOptions"
diff --git a/components/Application/Messages/Message/MessageText/MessageText.tsx b/components/Application/Messages/Message/MessageText/MessageText.tsx
index 447d5f7..1ca6f8f 100644
--- a/components/Application/Messages/Message/MessageText/MessageText.tsx
+++ b/components/Application/Messages/Message/MessageText/MessageText.tsx
@@ -1,16 +1,16 @@
-import { useMemo } from 'react'
-import ReactMarkdown from 'react-markdown'
-import gfm from 'remark-gfm'
-import remarkBreaks from 'remark-breaks'
-import remarkMath from 'remark-math'
-import rehypeKatex from 'rehype-katex'
-import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
-import { vscDarkPlus } from 'react-syntax-highlighter/dist/cjs/styles/prism'
+import { useMemo } from "react"
+import ReactMarkdown from "react-markdown"
+import gfm from "remark-gfm"
+import remarkBreaks from "remark-breaks"
+import remarkMath from "remark-math"
+import rehypeKatex from "rehype-katex"
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter"
+import { vscDarkPlus } from "react-syntax-highlighter/dist/cjs/styles/prism"
 
-import 'katex/dist/katex.min.css'
+import "katex/dist/katex.min.css"
 
-import { Emoji, emojiPlugin, isStringWithOnlyOneEmoji } from '../../../../Emoji'
-import type { MessageWithMember } from '../../../../../models/Message'
+import { Emoji, emojiPlugin, isStringWithOnlyOneEmoji } from "../../../../Emoji"
+import type { MessageWithMember } from "../../../../../models/Message"
 
 export interface MessageContentProps {
   message: MessageWithMember
@@ -35,16 +35,16 @@ export const MessageText: React.FC<MessageContentProps> = (props) => {
 
   return (
     <ReactMarkdown
-      disallowedElements={['table']}
+      disallowedElements={["table"]}
       unwrapDisallowed
       remarkPlugins={[[gfm], [remarkBreaks], [remarkMath]]}
       rehypePlugins={[[emojiPlugin], [rehypeKatex]]}
-      linkTarget='_blank'
+      linkTarget="_blank"
       components={{
         a: (props) => {
           return (
             <a
-              className='text-green-800 hover:underline dark:text-green-400'
+              className="text-green-800 hover:underline dark:text-green-400"
               {...props}
             />
           )
@@ -55,22 +55,22 @@ export const MessageText: React.FC<MessageContentProps> = (props) => {
         },
         code: (properties) => {
           const { inline, className, children, ...props } = properties
-          const match = /language-(\w+)/.exec(className ?? '')
+          const match = /language-(\w+)/.exec(className ?? "")
           return !(inline as boolean) && match != null ? (
             <SyntaxHighlighter
               style={vscDarkPlus as any}
               language={match[1]}
-              PreTag='div'
+              PreTag="div"
               {...props}
             >
-              {String(children).replace(/\n$/, '')}
+              {String(children).replace(/\n$/, "")}
             </SyntaxHighlighter>
           ) : (
             <code className={className} {...props}>
               {children}
             </code>
           )
-        }
+        },
       }}
     >
       {message.value}
diff --git a/components/Application/Messages/Message/MessageText/index.ts b/components/Application/Messages/Message/MessageText/index.ts
index 3b57d2d..e8e5521 100644
--- a/components/Application/Messages/Message/MessageText/index.ts
+++ b/components/Application/Messages/Message/MessageText/index.ts
@@ -1 +1 @@
-export * from './MessageText'
+export * from "./MessageText"
diff --git a/components/Application/Messages/Message/index.ts b/components/Application/Messages/Message/index.ts
index 177413f..ec116ea 100644
--- a/components/Application/Messages/Message/index.ts
+++ b/components/Application/Messages/Message/index.ts
@@ -1 +1 @@
-export * from './Message'
+export * from "./Message"
diff --git a/components/Application/Messages/Messages.tsx b/components/Application/Messages/Messages.tsx
index 4f64c27..ba0b828 100644
--- a/components/Application/Messages/Messages.tsx
+++ b/components/Application/Messages/Messages.tsx
@@ -1,10 +1,10 @@
-import useTranslation from 'next-translate/useTranslation'
-import InfiniteScroll from 'react-infinite-scroll-component'
+import useTranslation from "next-translate/useTranslation"
+import InfiniteScroll from "react-infinite-scroll-component"
 
-import { Loader } from '../../design/Loader'
-import { Message } from './Message'
-import { useMessages } from '../../../contexts/Messages'
-import { Emoji } from '../../Emoji'
+import { Loader } from "../../design/Loader"
+import { Message } from "./Message"
+import { useMessages } from "../../../contexts/Messages"
+import { Emoji } from "../../Emoji"
 
 export const Messages: React.FC = () => {
   const { t } = useTranslation()
@@ -13,25 +13,25 @@ export const Messages: React.FC = () => {
   if (messages.length === 0) {
     return (
       <div
-        id='messages'
-        className='scrollbar-firefox-support mt-8 flex w-full flex-1 flex-col overflow-y-auto text-center text-lg transition-all'
+        id="messages"
+        className="scrollbar-firefox-support mt-8 flex w-full flex-1 flex-col overflow-y-auto text-center text-lg transition-all"
       >
         <p>
-          {t('application:nothing-here')} <Emoji value=':ghost:' size={20} />
+          {t("application:nothing-here")} <Emoji value=":ghost:" size={20} />
         </p>
-        <p>{t('application:start-chatting-kill-ghost')}</p>
+        <p>{t("application:start-chatting-kill-ghost")}</p>
       </div>
     )
   }
 
   return (
     <div
-      id='messages'
-      className='scrollbar-firefox-support flex w-full flex-1 flex-col-reverse overflow-y-auto transition-all'
+      id="messages"
+      className="scrollbar-firefox-support flex w-full flex-1 flex-col-reverse overflow-y-auto transition-all"
     >
       <InfiniteScroll
-        scrollableTarget='messages'
-        className='messages-list !overflow-x-hidden'
+        scrollableTarget="messages"
+        className="messages-list !overflow-x-hidden"
         dataLength={messages.length}
         next={nextPage}
         inverse
diff --git a/components/Application/Messages/index.ts b/components/Application/Messages/index.ts
index c6cba08..d405cb6 100644
--- a/components/Application/Messages/index.ts
+++ b/components/Application/Messages/index.ts
@@ -1 +1 @@
-export * from './Messages'
+export * from "./Messages"
diff --git a/components/Application/PopupGuild/PopupGuild.tsx b/components/Application/PopupGuild/PopupGuild.tsx
index 03f2306..81d765f 100644
--- a/components/Application/PopupGuild/PopupGuild.tsx
+++ b/components/Application/PopupGuild/PopupGuild.tsx
@@ -1,9 +1,9 @@
-import useTranslation from 'next-translate/useTranslation'
-import { PlusSmIcon, ArrowDownIcon } from '@heroicons/react/solid'
-import classNames from 'clsx'
-import Image from 'next/image'
+import useTranslation from "next-translate/useTranslation"
+import { PlusSmIcon, ArrowDownIcon } from "@heroicons/react/solid"
+import classNames from "clsx"
+import Image from "next/image"
 
-import { PopupGuildCard } from './PopupGuildCard'
+import { PopupGuildCard } from "./PopupGuildCard"
 
 export interface PopupGuildProps {
   className?: string
@@ -18,43 +18,43 @@ export const PopupGuild: React.FC<PopupGuildProps> = (props) => {
     <div
       className={classNames(
         className,
-        'h-full-without-header flex min-w-full flex-wrap items-center justify-center overflow-y-auto p-8'
+        "h-full-without-header flex min-w-full flex-wrap items-center justify-center overflow-y-auto p-8",
       )}
     >
       <PopupGuildCard
         image={
           <Image
             quality={100}
-            src='/images/svg/design/create-guild.svg'
-            alt={t('application:create-a-guild')}
-            draggable='false'
+            src="/images/svg/design/create-guild.svg"
+            alt={t("application:create-a-guild")}
+            draggable="false"
             width={230}
             height={230}
           />
         }
-        description={t('application:create-a-guild-description')}
+        description={t("application:create-a-guild-description")}
         link={{
-          icon: <PlusSmIcon className='mr-2 h-8 w-8' />,
-          text: t('application:create-a-guild'),
-          href: '/application/guilds/create'
+          icon: <PlusSmIcon className="mr-2 h-8 w-8" />,
+          text: t("application:create-a-guild"),
+          href: "/application/guilds/create",
         }}
       />
       <PopupGuildCard
         image={
           <Image
             quality={100}
-            src='/images/svg/design/join-guild.svg'
-            alt={t('application:join-a-guild')}
-            draggable='false'
+            src="/images/svg/design/join-guild.svg"
+            alt={t("application:join-a-guild")}
+            draggable="false"
             width={200}
             height={200}
           />
         }
-        description={t('application:join-a-guild-description')}
+        description={t("application:join-a-guild-description")}
         link={{
-          icon: <ArrowDownIcon className='mr-2 h-6 w-6' />,
-          text: t('application:join-a-guild'),
-          href: '/application/guilds/join'
+          icon: <ArrowDownIcon className="mr-2 h-6 w-6" />,
+          text: t("application:join-a-guild"),
+          href: "/application/guilds/join",
         }}
       />
     </div>
diff --git a/components/Application/PopupGuild/PopupGuildCard.tsx b/components/Application/PopupGuild/PopupGuildCard.tsx
index 8c50b89..525b7f9 100644
--- a/components/Application/PopupGuild/PopupGuildCard.tsx
+++ b/components/Application/PopupGuild/PopupGuildCard.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
-import Link from 'next/link'
+import React from "react"
+import Link from "next/link"
 
 export interface PopupGuildCardProps {
   image: JSX.Element
@@ -15,17 +15,17 @@ export const PopupGuildCard: React.FC<PopupGuildCardProps> = (props) => {
   const { image, description, link } = props
 
   return (
-    <div className='m-8 h-96 w-80 rounded-2xl bg-gray-800'>
-      <div className='flex h-1/2 w-full items-center justify-center'>
+    <div className="m-8 h-96 w-80 rounded-2xl bg-gray-800">
+      <div className="flex h-1/2 w-full items-center justify-center">
         {image}
       </div>
-      <div className='mt-2 flex h-1/2 w-full flex-col justify-between rounded-b-2xl bg-gray-700 shadow-sm'>
-        <p className='mt-6 px-8 text-center text-sm text-gray-200'>
+      <div className="mt-2 flex h-1/2 w-full flex-col justify-between rounded-b-2xl bg-gray-700 shadow-sm">
+        <p className="mt-6 px-8 text-center text-sm text-gray-200">
           {description}
         </p>
         <Link
           href={link.href}
-          className='mb-6 flex h-10 w-4/5 items-center justify-center self-center rounded-2xl bg-green-400 font-bold tracking-wide text-white transition duration-200 ease-in-out hover:bg-green-600'
+          className="mb-6 flex h-10 w-4/5 items-center justify-center self-center rounded-2xl bg-green-400 font-bold tracking-wide text-white transition duration-200 ease-in-out hover:bg-green-600"
         >
           {link.icon}
           {link.text}
diff --git a/components/Application/PopupGuild/index.ts b/components/Application/PopupGuild/index.ts
index 7a6c537..b8087ad 100644
--- a/components/Application/PopupGuild/index.ts
+++ b/components/Application/PopupGuild/index.ts
@@ -1 +1 @@
-export * from './PopupGuild'
+export * from "./PopupGuild"
diff --git a/components/Application/SendMessage/SendMessage.tsx b/components/Application/SendMessage/SendMessage.tsx
index 800bab7..12233c7 100644
--- a/components/Application/SendMessage/SendMessage.tsx
+++ b/components/Application/SendMessage/SendMessage.tsx
@@ -1,12 +1,12 @@
-import { useState, useRef } from 'react'
-import useTranslation from 'next-translate/useTranslation'
-import TextareaAutosize from 'react-textarea-autosize'
-import classNames from 'clsx'
+import { useState, useRef } from "react"
+import useTranslation from "next-translate/useTranslation"
+import TextareaAutosize from "react-textarea-autosize"
+import classNames from "clsx"
 
-import type { GuildsChannelsPath } from '..'
-import { useAuthentication } from '../../../tools/authentication'
-import type { EmojiPickerOnClick } from '../../Emoji'
-import { EmojiPicker } from '../../Emoji'
+import type { GuildsChannelsPath } from ".."
+import { useAuthentication } from "../../../tools/authentication"
+import type { EmojiPickerOnClick } from "../../Emoji"
+import { EmojiPicker } from "../../Emoji"
 
 export interface SendMessageProps {
   path: GuildsChannelsPath
@@ -18,54 +18,54 @@ export const SendMessage: React.FC<SendMessageProps> = (props) => {
   const { authentication } = useAuthentication()
 
   const [isVisibleEmojiPicker, setIsVisibleEmojiPicker] = useState(false)
-  const [message, setMessage] = useState('')
+  const [message, setMessage] = useState("")
   const textareaReference = useRef<HTMLTextAreaElement>(null)
 
   const handleTextareaKeyDown: React.KeyboardEventHandler<HTMLFormElement> = (
-    event
+    event,
   ) => {
-    if (event.key === 'Enter' && !event.shiftKey) {
+    if (event.key === "Enter" && !event.shiftKey) {
       event.preventDefault()
       event.currentTarget.dispatchEvent(
-        new Event('submit', { cancelable: true, bubbles: true })
+        new Event("submit", { cancelable: true, bubbles: true }),
       )
     }
   }
 
   const handleSubmit: React.FormEventHandler<HTMLFormElement> = async (
-    event
+    event,
   ) => {
     event.preventDefault()
-    if (typeof message === 'string' && message.length > 0) {
+    if (typeof message === "string" && message.length > 0) {
       await authentication.api.post(`/channels/${path.channelId}/messages`, {
-        value: message
+        value: message,
       })
-      setMessage('')
+      setMessage("")
     }
   }
 
   const handleTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (
-    event
+    event,
   ) => {
     setMessage(event.target.value)
   }
 
   const handleFileChange: React.ChangeEventHandler<HTMLInputElement> = async (
-    event
+    event,
   ) => {
     const files = event?.target?.files
     if (files != null && files.length === 1 && files[0] != null) {
       const file = files[0]
       const formData = new FormData()
-      formData.append('file', file)
+      formData.append("file", file)
       await authentication.api.post(
         `/channels/${path.channelId}/messages/uploads`,
         formData,
         {
           headers: {
-            'Content-Type': 'multipart/form-data'
-          }
-        }
+            "Content-Type": "multipart/form-data",
+          },
+        },
       )
     }
   }
@@ -77,7 +77,7 @@ export const SendMessage: React.FC<SendMessageProps> = (props) => {
   }
 
   const handleEmojiPicker: EmojiPickerOnClick = (emoji) => {
-    const emojiColons = emoji.colons ?? ''
+    const emojiColons = emoji.colons ?? ""
     setMessage((oldMessage) => {
       return oldMessage + emojiColons
     })
@@ -86,51 +86,51 @@ export const SendMessage: React.FC<SendMessageProps> = (props) => {
   }
 
   return (
-    <div className='relative p-6 pb-4'>
+    <div className="relative p-6 pb-4">
       <div
         className={classNames(
-          'absolute bottom-24 right-20 z-50 w-fit transition-all duration-100',
+          "absolute bottom-24 right-20 z-50 w-fit transition-all duration-100",
           {
-            'invisible translate-y-5 opacity-0': !isVisibleEmojiPicker
-          }
+            "invisible translate-y-5 opacity-0": !isVisibleEmojiPicker,
+          },
         )}
       >
         <EmojiPicker onClick={handleEmojiPicker} />
       </div>
-      <div className='flex h-full w-full rounded-lg bg-gray-200 py-1 text-gray-600 dark:bg-gray-800 dark:text-gray-200'>
+      <div className="flex h-full w-full rounded-lg bg-gray-200 py-1 text-gray-600 dark:bg-gray-800 dark:text-gray-200">
         <form
-          className='flex h-full w-full items-center'
+          className="flex h-full w-full items-center"
           onSubmit={handleSubmit}
           onKeyDown={handleTextareaKeyDown}
         >
           <TextareaAutosize
-            className='scrollbar-firefox-support my-2 w-full resize-none bg-transparent p-2 px-6 tracking-wide outline-none'
-            placeholder={t('application:write-a-message')}
-            wrap='soft'
+            className="scrollbar-firefox-support my-2 w-full resize-none bg-transparent p-2 px-6 tracking-wide outline-none"
+            placeholder={t("application:write-a-message")}
+            wrap="soft"
             maxRows={6}
-            name='message'
+            name="message"
             onChange={handleTextareaChange}
             value={message}
             ref={textareaReference}
           />
         </form>
-        <div className='flex h-full items-center justify-around pr-6'>
+        <div className="flex h-full items-center justify-around pr-6">
           <button
-            className='flex h-full w-full items-center justify-center p-1 text-2xl transition hover:-translate-y-1'
+            className="flex h-full w-full items-center justify-center p-1 text-2xl transition hover:-translate-y-1"
             onClick={handleVisibleEmojiPicker}
           >
             🙂
           </button>
-          <button className='relative flex h-full w-full cursor-pointer items-center justify-center p-1 text-green-800 transition hover:-translate-y-1 dark:text-green-400'>
+          <button className="relative flex h-full w-full cursor-pointer items-center justify-center p-1 text-green-800 transition hover:-translate-y-1 dark:text-green-400">
             <input
-              type='file'
-              className='absolute h-full w-full cursor-pointer opacity-0'
+              type="file"
+              className="absolute h-full w-full cursor-pointer opacity-0"
               onChange={handleFileChange}
             />
-            <svg width='25' height='25' viewBox='0 0 22 22'>
+            <svg width="25" height="25" viewBox="0 0 22 22">
               <path
-                d='M11 0C4.925 0 0 4.925 0 11C0 17.075 4.925 22 11 22C17.075 22 22 17.075 22 11C22 4.925 17.075 0 11 0ZM12 15C12 15.2652 11.8946 15.5196 11.7071 15.7071C11.5196 15.8946 11.2652 16 11 16C10.7348 16 10.4804 15.8946 10.2929 15.7071C10.1054 15.5196 10 15.2652 10 15V12H7C6.73478 12 6.48043 11.8946 6.29289 11.7071C6.10536 11.5196 6 11.2652 6 11C6 10.7348 6.10536 10.4804 6.29289 10.2929C6.48043 10.1054 6.73478 10 7 10H10V7C10 6.73478 10.1054 6.48043 10.2929 6.29289C10.4804 6.10536 10.7348 6 11 6C11.2652 6 11.5196 6.10536 11.7071 6.29289C11.8946 6.48043 12 6.73478 12 7V10H15C15.2652 10 15.5196 10.1054 15.7071 10.2929C15.8946 10.4804 16 10.7348 16 11C16 11.2652 15.8946 11.5196 15.7071 11.7071C15.5196 11.8946 15.2652 12 15 12H12V15Z'
-                fill='currentColor'
+                d="M11 0C4.925 0 0 4.925 0 11C0 17.075 4.925 22 11 22C17.075 22 22 17.075 22 11C22 4.925 17.075 0 11 0ZM12 15C12 15.2652 11.8946 15.5196 11.7071 15.7071C11.5196 15.8946 11.2652 16 11 16C10.7348 16 10.4804 15.8946 10.2929 15.7071C10.1054 15.5196 10 15.2652 10 15V12H7C6.73478 12 6.48043 11.8946 6.29289 11.7071C6.10536 11.5196 6 11.2652 6 11C6 10.7348 6.10536 10.4804 6.29289 10.2929C6.48043 10.1054 6.73478 10 7 10H10V7C10 6.73478 10.1054 6.48043 10.2929 6.29289C10.4804 6.10536 10.7348 6 11 6C11.2652 6 11.5196 6.10536 11.7071 6.29289C11.8946 6.48043 12 6.73478 12 7V10H15C15.2652 10 15.5196 10.1054 15.7071 10.2929C15.8946 10.4804 16 10.7348 16 11C16 11.2652 15.8946 11.5196 15.7071 11.7071C15.5196 11.8946 15.2652 12 15 12H12V15Z"
+                fill="currentColor"
               />
             </svg>
           </button>
diff --git a/components/Application/SendMessage/index.ts b/components/Application/SendMessage/index.ts
index 0c4fbdf..364529f 100644
--- a/components/Application/SendMessage/index.ts
+++ b/components/Application/SendMessage/index.ts
@@ -1 +1 @@
-export * from './SendMessage'
+export * from "./SendMessage"
diff --git a/components/Application/Sidebar/Sidebar.tsx b/components/Application/Sidebar/Sidebar.tsx
index 7f54f17..6fc9e28 100644
--- a/components/Application/Sidebar/Sidebar.tsx
+++ b/components/Application/Sidebar/Sidebar.tsx
@@ -1,8 +1,8 @@
-import classNames from 'clsx'
+import classNames from "clsx"
 
-import type { ApplicationProps } from '..'
+import type { ApplicationProps } from ".."
 
-export type DirectionSidebar = 'left' | 'right'
+export type DirectionSidebar = "left" | "right"
 
 export interface SidebarProps {
   direction: DirectionSidebar
@@ -12,24 +12,24 @@ export interface SidebarProps {
 }
 
 export const Sidebar: React.FC<React.PropsWithChildren<SidebarProps>> = (
-  props
+  props,
 ) => {
   const { direction, visible, children, path, isMobile } = props
 
   return (
     <nav
       className={classNames(
-        'h-full-without-header visible z-50 flex bg-gray-200 drop-shadow-2xl transition-all dark:bg-gray-800',
+        "h-full-without-header visible z-50 flex bg-gray-200 drop-shadow-2xl transition-all dark:bg-gray-800",
         {
-          'scrollbar-firefox-support right-0 top-0 flex-col space-y-1 overflow-y-auto':
-            direction === 'right',
-          'w-72': direction === 'right' && visible,
-          'invisible w-0 opacity-0': !visible,
-          'w-80': direction === 'left' && visible,
-          'max-w-max': typeof path !== 'string' && direction === 'left',
-          'right-0 top-0': direction === 'right' && isMobile,
-          absolute: isMobile
-        }
+          "scrollbar-firefox-support right-0 top-0 flex-col space-y-1 overflow-y-auto":
+            direction === "right",
+          "w-72": direction === "right" && visible,
+          "invisible w-0 opacity-0": !visible,
+          "w-80": direction === "left" && visible,
+          "max-w-max": typeof path !== "string" && direction === "left",
+          "right-0 top-0": direction === "right" && isMobile,
+          absolute: isMobile,
+        },
       )}
     >
       {children}
diff --git a/components/Application/Sidebar/index.ts b/components/Application/Sidebar/index.ts
index 9130e63..625ef43 100644
--- a/components/Application/Sidebar/index.ts
+++ b/components/Application/Sidebar/index.ts
@@ -1 +1 @@
-export * from './Sidebar'
+export * from "./Sidebar"
diff --git a/components/Application/UserProfile/UserProfile.tsx b/components/Application/UserProfile/UserProfile.tsx
index 1ab731e..7dd5c26 100644
--- a/components/Application/UserProfile/UserProfile.tsx
+++ b/components/Application/UserProfile/UserProfile.tsx
@@ -1,9 +1,9 @@
-import Image from 'next/image'
-import date from 'date-and-time'
-import useTranslation from 'next-translate/useTranslation'
+import Image from "next/image"
+import date from "date-and-time"
+import useTranslation from "next-translate/useTranslation"
 
-import type { UserPublic } from '../../../models/User'
-import type { Guild } from '../../../models/Guild'
+import type { UserPublic } from "../../../models/User"
+import type { Guild } from "../../../models/Guild"
 
 export interface UserProfileProps {
   className?: string
@@ -16,73 +16,73 @@ export const UserProfile: React.FC<UserProfileProps> = (props) => {
   const { t } = useTranslation()
 
   return (
-    <div className='relative flex h-full flex-col items-center justify-center'>
-      <div className='transition'>
-        <div className='max-w-[1000px] px-12'>
-          <div className='flex items-center justify-between'>
-            <div className='flex w-max flex-col items-center gap-7 md:flex-row'>
-              <div className='relative flex items-center justify-center overflow-hidden rounded-full shadow-lg transition-all'>
+    <div className="relative flex h-full flex-col items-center justify-center">
+      <div className="transition">
+        <div className="max-w-[1000px] px-12">
+          <div className="flex items-center justify-between">
+            <div className="flex w-max flex-col items-center gap-7 md:flex-row">
+              <div className="relative flex items-center justify-center overflow-hidden rounded-full shadow-lg transition-all">
                 <Image
                   quality={100}
-                  className='rounded-full'
+                  className="rounded-full"
                   src={
                     user.logo != null
                       ? user.logo
-                      : '/images/data/user-default.png'
+                      : "/images/data/user-default.png"
                   }
-                  alt='Profil Picture'
-                  draggable='false'
+                  alt="Profil Picture"
+                  draggable="false"
                   height={125}
                   width={125}
                 />
               </div>
-              <div className='ml-10 flex flex-col'>
-                <div className='mb-2 flex items-center'>
+              <div className="ml-10 flex flex-col">
+                <div className="mb-2 flex items-center">
                   <p
-                    className='space text-dark text-3xl font-bold tracking-wide dark:text-white'
-                    data-cy='user-name'
+                    className="space text-dark text-3xl font-bold tracking-wide dark:text-white"
+                    data-cy="user-name"
                   >
                     {user.name}
                   </p>
                   <p
-                    className='ml-8 select-none text-sm tracking-widest text-white opacity-40'
-                    data-cy='user-createdAt'
+                    className="ml-8 select-none text-sm tracking-widest text-white opacity-40"
+                    data-cy="user-createdAt"
                   >
-                    {date.format(new Date(user.createdAt), 'DD/MM/YYYY')}
+                    {date.format(new Date(user.createdAt), "DD/MM/YYYY")}
                   </p>
                 </div>
-                <div className='my-2 text-left'>
+                <div className="my-2 text-left">
                   {user.email != null && (
-                    <p className='font-bold'>
-                      Email:{' '}
+                    <p className="font-bold">
+                      Email:{" "}
                       <a
                         href={`mailto:${user.email}`}
-                        target='_blank'
-                        className='relative ml-2 font-normal tracking-wide no-underline opacity-80 transition-all after:absolute after:bottom-[-1px] after:left-0 after:h-[1px] after:w-0 after:bg-black after:transition-all hover:opacity-100 hover:after:w-full dark:after:bg-white'
-                        rel='noreferrer'
-                        data-cy='user-email'
+                        target="_blank"
+                        className="relative ml-2 font-normal tracking-wide no-underline opacity-80 transition-all after:absolute after:bottom-[-1px] after:left-0 after:h-[1px] after:w-0 after:bg-black after:transition-all hover:opacity-100 hover:after:w-full dark:after:bg-white"
+                        rel="noreferrer"
+                        data-cy="user-email"
                       >
                         {user.email}
                       </a>
                     </p>
                   )}
                   {user.website != null && (
-                    <p className='font-bold'>
-                      {t('application:website')}:{' '}
+                    <p className="font-bold">
+                      {t("application:website")}:{" "}
                       <a
-                        target='_blank'
-                        rel='noreferrer'
+                        target="_blank"
+                        rel="noreferrer"
                         href={user.website}
-                        className='relative ml-2 font-normal tracking-wide no-underline opacity-80 transition-all after:absolute after:bottom-[-2px] after:left-0 after:h-[1px] after:w-0 after:bg-black after:transition-all hover:opacity-100 hover:after:w-full dark:after:bg-white'
+                        className="relative ml-2 font-normal tracking-wide no-underline opacity-80 transition-all after:absolute after:bottom-[-2px] after:left-0 after:h-[1px] after:w-0 after:bg-black after:transition-all hover:opacity-100 hover:after:w-full dark:after:bg-white"
                       >
                         {user.website}
                       </a>
                     </p>
                   )}
                   {user.status != null && (
-                    <p className='flex font-bold'>
-                      {t('application:status')}:{' '}
-                      <span className='ml-2 font-normal tracking-wide'>
+                    <p className="flex font-bold">
+                      {t("application:status")}:{" "}
+                      <span className="ml-2 font-normal tracking-wide">
                         {user.status}
                       </span>
                     </p>
@@ -92,7 +92,7 @@ export const UserProfile: React.FC<UserProfileProps> = (props) => {
             </div>
           </div>
           {user.biography != null && (
-            <div className='mt-7 text-center'>
+            <div className="mt-7 text-center">
               <p>{user.biography}</p>
             </div>
           )}
diff --git a/components/Application/UserProfile/index.ts b/components/Application/UserProfile/index.ts
index 6209668..d08d3fa 100644
--- a/components/Application/UserProfile/index.ts
+++ b/components/Application/UserProfile/index.ts
@@ -1 +1 @@
-export * from './UserProfile'
+export * from "./UserProfile"
diff --git a/components/Application/UserSettings/UserSettings.tsx b/components/Application/UserSettings/UserSettings.tsx
index ca7f660..30a31fc 100644
--- a/components/Application/UserSettings/UserSettings.tsx
+++ b/components/Application/UserSettings/UserSettings.tsx
@@ -1,27 +1,27 @@
-import Image from 'next/image'
-import useTranslation from 'next-translate/useTranslation'
-import { useState, useMemo } from 'react'
-import { Form, useForm } from 'react-component-form'
-import { EyeIcon, PhotographIcon } from '@heroicons/react/solid'
-import { Type } from '@sinclair/typebox'
-import axios from 'axios'
-import Link from 'next/link'
-import type { HandleUseFormCallback } from 'react-component-form'
+import Image from "next/image"
+import useTranslation from "next-translate/useTranslation"
+import { useState, useMemo } from "react"
+import { Form, useForm } from "react-component-form"
+import { EyeIcon, PhotographIcon } from "@heroicons/react/solid"
+import { Type } from "@sinclair/typebox"
+import axios from "axios"
+import Link from "next/link"
+import type { HandleUseFormCallback } from "react-component-form"
 
-import { Input } from '../../design/Input'
-import { Checkbox } from '../../design/Checkbox'
-import { Textarea } from '../../design/Textarea'
-import { SocialMediaButton } from '../../design/SocialMediaButton'
-import { SwitchTheme } from '../../Header/SwitchTheme'
-import { Language } from '../../Header/Language'
-import { useAuthentication } from '../../../tools/authentication'
-import { Button } from '../../design/Button'
-import { FormState } from '../../design/FormState'
-import { userSchema } from '../../../models/User'
-import { userSettingsSchema } from '../../../models/UserSettings'
-import type { ProviderOAuth } from '../../../models/OAuth'
-import { providers } from '../../../models/OAuth'
-import { useFormTranslation } from '../../../hooks/useFormTranslation'
+import { Input } from "../../design/Input"
+import { Checkbox } from "../../design/Checkbox"
+import { Textarea } from "../../design/Textarea"
+import { SocialMediaButton } from "../../design/SocialMediaButton"
+import { SwitchTheme } from "../../Header/SwitchTheme"
+import { Language } from "../../Header/Language"
+import { useAuthentication } from "../../../tools/authentication"
+import { Button } from "../../design/Button"
+import { FormState } from "../../design/FormState"
+import { userSchema } from "../../../models/User"
+import { userSettingsSchema } from "../../../models/UserSettings"
+import type { ProviderOAuth } from "../../../models/OAuth"
+import { providers } from "../../../models/OAuth"
+import { useFormTranslation } from "../../../hooks/useFormTranslation"
 
 const schema = {
   name: userSchema.name,
@@ -30,7 +30,7 @@ const schema = {
   website: Type.Optional(userSchema.website),
   biography: Type.Optional(userSchema.biography),
   isPublicGuilds: userSettingsSchema.isPublicGuilds,
-  isPublicEmail: userSettingsSchema.isPublicEmail
+  isPublicEmail: userSettingsSchema.isPublicEmail,
 }
 
 export const UserSettings: React.FC = () => {
@@ -43,7 +43,7 @@ export const UserSettings: React.FC = () => {
     website: user.website,
     biography: user.biography,
     isPublicGuilds: user.settings.isPublicGuilds,
-    isPublicEmail: user.settings.isPublicEmail
+    isPublicEmail: user.settings.isPublicEmail,
   })
 
   const {
@@ -52,7 +52,7 @@ export const UserSettings: React.FC = () => {
     setFetchState,
     message,
     setMessage,
-    errors
+    errors,
   } = useForm(schema)
   const { getFirstErrorTranslation } = useFormTranslation()
 
@@ -68,19 +68,19 @@ export const UserSettings: React.FC = () => {
       const userSettings = { isPublicEmail, isPublicGuilds }
       const { data: userCurrentData } = await authentication.api.put(
         `/users/current?redirectURI=${window.location.origin}/authentication/signin`,
-        userData
+        userData,
       )
       setInputValues(formData as unknown as any)
       const hasEmailChanged = user.email !== userCurrentData.user.email
       if (hasEmailChanged) {
         return {
-          type: 'success',
-          message: 'application:success-email-changed'
+          type: "success",
+          message: "application:success-email-changed",
         }
       }
       const { data: userCurrentSettings } = await authentication.api.put(
-        '/users/current/settings',
-        userSettings
+        "/users/current/settings",
+        userSettings,
       )
       setUser((oldUser) => {
         return {
@@ -88,36 +88,36 @@ export const UserSettings: React.FC = () => {
           ...userCurrentData,
           settings: {
             ...oldUser.settings,
-            ...userCurrentSettings.settings
-          }
+            ...userCurrentSettings.settings,
+          },
         }
       })
       return {
-        type: 'success',
-        message: 'application:saved-information'
+        type: "success",
+        message: "application:saved-information",
       }
     } catch (error) {
       if (axios.isAxiosError(error) && error.response?.status === 400) {
         const message = error.response.data.message as string
-        if (message.endsWith('already taken.')) {
+        if (message.endsWith("already taken.")) {
           return {
-            type: 'error',
-            message: 'authentication:already-used'
+            type: "error",
+            message: "authentication:already-used",
           }
-        } else if (message.endsWith('email to sign in.')) {
+        } else if (message.endsWith("email to sign in.")) {
           return {
-            type: 'error',
-            message: 'authentication:email-required-to-sign-in'
+            type: "error",
+            message: "authentication:email-required-to-sign-in",
           }
         }
         return {
-          type: 'error',
-          message: 'errors:server-error'
+          type: "error",
+          message: "errors:server-error",
         }
       }
       return {
-        type: 'error',
-        message: 'errors:server-error'
+        type: "error",
+        message: "errors:server-error",
       }
     }
   }
@@ -128,95 +128,95 @@ export const UserSettings: React.FC = () => {
     setInputValues((oldInputValues) => {
       return {
         ...oldInputValues,
-        [event.target.name]: event.target.value
+        [event.target.name]: event.target.value,
       }
     })
   }
 
   const onChangeCheckbox: React.ChangeEventHandler<HTMLInputElement> = (
-    event
+    event,
   ) => {
     setInputValues((oldInputValues) => {
       return {
         ...oldInputValues,
-        [event.target.name]: event.target.checked
+        [event.target.name]: event.target.checked,
       }
     })
   }
 
   const handleFileChange: React.ChangeEventHandler<HTMLInputElement> = async (
-    event
+    event,
   ) => {
-    setFetchState('loading')
+    setFetchState("loading")
     const files = event?.target?.files
     if (files != null && files.length === 1 && files[0] != null) {
       const file = files[0]
       const formData = new FormData()
-      formData.append('logo', file)
+      formData.append("logo", file)
       try {
         const { data } = await authentication.api.put(
           `/users/current/logo`,
           formData,
           {
             headers: {
-              'Content-Type': 'multipart/form-data'
-            }
-          }
+              "Content-Type": "multipart/form-data",
+            },
+          },
         )
         setUser((oldUser) => {
           return {
             ...oldUser,
-            logo: data.user.logo
+            logo: data.user.logo,
           }
         })
-        setFetchState('idle')
+        setFetchState("idle")
       } catch (error) {
-        setFetchState('error')
-        setMessage('errors:server-error')
+        setFetchState("error")
+        setMessage("errors:server-error")
       }
     }
   }
 
   const handleSignout = async (): Promise<void> => {
-    setFetchState('loading')
+    setFetchState("loading")
     await authentication.signoutServerSide()
   }
 
   const handleSignoutAllDevices = async (): Promise<void> => {
-    setFetchState('loading')
+    setFetchState("loading")
     await authentication.signoutAllDevicesServerSide()
   }
 
   const handleDeletionProvider = (
-    provider: ProviderOAuth
+    provider: ProviderOAuth,
   ): (() => Promise<void>) => {
     return async () => {
       try {
-        setFetchState('loading')
+        setFetchState("loading")
         await authentication.api.delete(`/users/oauth2/${provider}`)
         setUser((oldUser) => {
           return {
             ...oldUser,
             strategies: oldUser.strategies.filter((strategy) => {
               return strategy !== provider
-            })
+            }),
           }
         })
-        setMessage('application:success-deleted-provider')
+        setMessage("application:success-deleted-provider")
       } catch (error) {
-        setFetchState('error')
-        setMessage('errors:server-error')
+        setFetchState("error")
+        setMessage("errors:server-error")
       }
     }
   }
 
   const handleAddProvider = (
-    provider: ProviderOAuth
+    provider: ProviderOAuth,
   ): (() => Promise<void>) => {
     return async () => {
-      const redirect = window.location.href.replace(location.search, '')
+      const redirect = window.location.href.replace(location.search, "")
       const { data: url } = await authentication.api.get(
-        `/users/oauth2/${provider.toLowerCase()}/add-strategy?redirectURI=${redirect}`
+        `/users/oauth2/${provider.toLowerCase()}/add-strategy?redirectURI=${redirect}`,
       )
       window.location.href = url
     }
@@ -225,116 +225,116 @@ export const UserSettings: React.FC = () => {
   return (
     <Form
       onSubmit={handleUseForm(onSubmit)}
-      className='my-auto flex flex-col items-center justify-center py-12 lg:min-w-[875px]'
+      className="my-auto flex flex-col items-center justify-center py-12 lg:min-w-[875px]"
     >
-      <div className='flex w-full flex-col items-center justify-center sm:w-fit lg:flex-row'>
-        <div className=' flex w-full flex-wrap items-center justify-center px-6 sm:w-max'>
-          <div className='relative'>
-            <div className='absolute z-50 h-full w-full'>
-              <button className='relative flex h-full w-full items-center justify-center transition hover:scale-110'>
+      <div className="flex w-full flex-col items-center justify-center sm:w-fit lg:flex-row">
+        <div className=" flex w-full flex-wrap items-center justify-center px-6 sm:w-max">
+          <div className="relative">
+            <div className="absolute z-50 h-full w-full">
+              <button className="relative flex h-full w-full items-center justify-center transition hover:scale-110">
                 <input
-                  type='file'
-                  className='absolute h-full w-full cursor-pointer opacity-0'
+                  type="file"
+                  className="absolute h-full w-full cursor-pointer opacity-0"
                   onChange={handleFileChange}
                 />
-                <PhotographIcon color='white' className='h-8 w-8' />
+                <PhotographIcon color="white" className="h-8 w-8" />
               </button>
             </div>
-            <div className='flex items-center justify-center rounded-full bg-black shadow-xl'>
+            <div className="flex items-center justify-center rounded-full bg-black shadow-xl">
               <Image
                 quality={100}
-                className='rounded-full opacity-50'
+                className="rounded-full opacity-50"
                 src={
                   user.logo != null
                     ? user.logo
-                    : '/images/data/user-default.png'
+                    : "/images/data/user-default.png"
                 }
-                alt='Profil Picture'
-                draggable='false'
+                alt="Profil Picture"
+                draggable="false"
                 height={125}
                 width={125}
               />
             </div>
           </div>
-          <div className='mx-12 flex flex-col'>
+          <div className="mx-12 flex flex-col">
             <Input
-              name='name'
-              label={t('common:name')}
-              placeholder={t('common:name')}
-              className='!mt-0'
+              name="name"
+              label={t("common:name")}
+              placeholder={t("common:name")}
+              className="!mt-0"
               onChange={onChange}
-              value={inputValues.name ?? ''}
+              value={inputValues.name ?? ""}
               error={getFirstErrorTranslation(errors.name)}
             />
             <Input
-              name='status'
-              label={t('application:status')}
-              placeholder={t('application:status')}
-              className='!mt-4'
+              name="status"
+              label={t("application:status")}
+              placeholder={t("application:status")}
+              className="!mt-4"
               onChange={onChange}
-              value={inputValues.status ?? ''}
+              value={inputValues.status ?? ""}
               error={getFirstErrorTranslation(errors.status)}
             />
           </div>
         </div>
       </div>
-      <div className='mt-12 flex w-full flex-col items-center justify-between sm:w-fit lg:flex-row'>
-        <div className='w-4/5 pr-0 sm:w-[450px] lg:border-r-[1px] lg:border-neutral-700 lg:pr-12'>
+      <div className="mt-12 flex w-full flex-col items-center justify-between sm:w-fit lg:flex-row">
+        <div className="w-4/5 pr-0 sm:w-[450px] lg:border-r-[1px] lg:border-neutral-700 lg:pr-12">
           <Input
-            name='email'
-            label='Email'
-            placeholder='Email'
+            name="email"
+            label="Email"
+            placeholder="Email"
             onChange={onChange}
-            value={inputValues.email ?? ''}
+            value={inputValues.email ?? ""}
             error={getFirstErrorTranslation(errors.email)}
           />
           <Checkbox
-            name='isPublicEmail'
-            label={t('application:label-checkbox-email')}
-            id='checkbox-email-visibility'
+            name="isPublicEmail"
+            label={t("application:label-checkbox-email")}
+            id="checkbox-email-visibility"
             onChange={onChangeCheckbox}
             checked={inputValues.isPublicEmail}
           />
           <Input
-            name='website'
-            label={t('application:website')}
-            placeholder={t('application:website')}
+            name="website"
+            label={t("application:website")}
+            placeholder={t("application:website")}
             onChange={onChange}
-            value={inputValues.website ?? ''}
+            value={inputValues.website ?? ""}
             error={getFirstErrorTranslation(errors.website)}
           />
           <Textarea
-            name='biography'
-            label={t('application:biography')}
-            placeholder={t('application:biography')}
-            id='textarea-biography'
+            name="biography"
+            label={t("application:biography")}
+            placeholder={t("application:biography")}
+            id="textarea-biography"
             onChange={onChange}
-            value={inputValues.biography ?? ''}
+            value={inputValues.biography ?? ""}
           />
         </div>
-        <div className='flex h-full w-4/5 flex-col items-center justify-between pr-0 sm:w-[415px] lg:pl-12'>
-          <div className='flex w-full items-center pt-10 lg:pt-0'>
-            <Language className='!top-12' />
-            <div className='ml-auto flex'>
+        <div className="flex h-full w-4/5 flex-col items-center justify-between pr-0 sm:w-[415px] lg:pl-12">
+          <div className="flex w-full items-center pt-10 lg:pt-0">
+            <Language className="!top-12" />
+            <div className="ml-auto flex">
               <SwitchTheme />
               <Link
                 href={`/application/users/${user.id}`}
-                className='group ml-3 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-slate-200 transition-colors hover:bg-slate-300 dark:bg-slate-700 hover:dark:bg-slate-800'
-                title='Preview Public Profile'
+                className="group ml-3 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-slate-200 transition-colors hover:bg-slate-300 dark:bg-slate-700 hover:dark:bg-slate-800"
+                title="Preview Public Profile"
               >
                 <EyeIcon
                   height={20}
-                  className='opacity-50 transition-opacity group-hover:opacity-100'
+                  className="opacity-50 transition-opacity group-hover:opacity-100"
                 />
               </Link>
             </div>
           </div>
 
-          <div className='mt-14 flex w-full flex-col gap-4'>
+          <div className="mt-14 flex w-full flex-col gap-4">
             {!hasAllProviders ? (
-              <div className='flex w-full flex-col gap-4'>
-                <h3 className='text-center'>
-                  {t('application:signin-with-an-account')}
+              <div className="flex w-full flex-col gap-4">
+                <h3 className="text-center">
+                  {t("application:signin-with-an-account")}
                 </h3>
                 {providers.map((provider, index) => {
                   if (!user.strategies.includes(provider)) {
@@ -342,7 +342,7 @@ export const UserSettings: React.FC = () => {
                       <SocialMediaButton
                         key={index}
                         socialMedia={provider}
-                        className='w-full justify-center'
+                        className="w-full justify-center"
                         onClick={handleAddProvider(provider)}
                       />
                     )
@@ -352,9 +352,9 @@ export const UserSettings: React.FC = () => {
               </div>
             ) : null}
             {user.strategies.length !== 1 && (
-              <div className='mt-4 flex w-full flex-col gap-4'>
-                <h3 className='text-center'>
-                  {t('application:signout-with-an-account')}
+              <div className="mt-4 flex w-full flex-col gap-4">
+                <h3 className="text-center">
+                  {t("application:signout-with-an-account")}
                 </h3>
                 {providers.map((provider, index) => {
                   if (user.strategies.includes(provider)) {
@@ -362,7 +362,7 @@ export const UserSettings: React.FC = () => {
                       <SocialMediaButton
                         key={index}
                         socialMedia={provider}
-                        className='w-full justify-center'
+                        className="w-full justify-center"
                         onClick={handleDeletionProvider(provider)}
                       />
                     )
@@ -375,16 +375,16 @@ export const UserSettings: React.FC = () => {
         </div>
       </div>
 
-      <div className='mt-12 flex flex-col items-center justify-center sm:w-fit'>
-        <div className='space-x-6'>
-          <Button type='submit'>{t('application:save')}</Button>
-          <Button type='button' color='red' onClick={handleSignout}>
-            {t('application:signout')}
+      <div className="mt-12 flex flex-col items-center justify-center sm:w-fit">
+        <div className="space-x-6">
+          <Button type="submit">{t("application:save")}</Button>
+          <Button type="button" color="red" onClick={handleSignout}>
+            {t("application:signout")}
           </Button>
         </div>
-        <div className='mt-4'>
-          <Button type='button' color='red' onClick={handleSignoutAllDevices}>
-            {t('application:signout-all-devices')}
+        <div className="mt-4">
+          <Button type="button" color="red" onClick={handleSignoutAllDevices}>
+            {t("application:signout-all-devices")}
           </Button>
         </div>
         <FormState
diff --git a/components/Application/UserSettings/index.ts b/components/Application/UserSettings/index.ts
index 258dfef..f32bf41 100644
--- a/components/Application/UserSettings/index.ts
+++ b/components/Application/UserSettings/index.ts
@@ -1 +1 @@
-export * from './UserSettings'
+export * from "./UserSettings"
diff --git a/components/Application/index.ts b/components/Application/index.ts
index 4513e93..54b6558 100644
--- a/components/Application/index.ts
+++ b/components/Application/index.ts
@@ -1 +1 @@
-export * from './Application'
+export * from "./Application"
diff --git a/components/Authentication/Authentication.tsx b/components/Authentication/Authentication.tsx
index 75e8e40..298bb74 100644
--- a/components/Authentication/Authentication.tsx
+++ b/components/Authentication/Authentication.tsx
@@ -1,26 +1,26 @@
-import { useMemo } from 'react'
-import { useRouter } from 'next/router'
-import Link from 'next/link'
-import useTranslation from 'next-translate/useTranslation'
-import { useTheme } from 'next-themes'
-import axios from 'axios'
-import { useForm } from 'react-component-form'
-import type { HandleUseFormCallback } from 'react-component-form'
+import { useMemo } from "react"
+import { useRouter } from "next/router"
+import Link from "next/link"
+import useTranslation from "next-translate/useTranslation"
+import { useTheme } from "next-themes"
+import axios from "axios"
+import { useForm } from "react-component-form"
+import type { HandleUseFormCallback } from "react-component-form"
 
-import { Main } from '../design/Main'
-import { Input } from '../design/Input'
-import { Button } from '../design/Button'
-import { FormState } from '../design/FormState'
-import { AuthenticationForm } from '.'
-import { userSchema } from '../../models/User'
-import { api } from '../../tools/api'
-import type { Tokens } from '../../tools/authentication'
-import { Authentication as AuthenticationClass } from '../../tools/authentication'
-import { AuthenticationSocialMedia } from './AuthenticationSocialMedia'
-import { useFormTranslation } from '../../hooks/useFormTranslation'
+import { Main } from "../design/Main"
+import { Input } from "../design/Input"
+import { Button } from "../design/Button"
+import { FormState } from "../design/FormState"
+import { AuthenticationForm } from "."
+import { userSchema } from "../../models/User"
+import { api } from "../../tools/api"
+import type { Tokens } from "../../tools/authentication"
+import { Authentication as AuthenticationClass } from "../../tools/authentication"
+import { AuthenticationSocialMedia } from "./AuthenticationSocialMedia"
+import { useFormTranslation } from "../../hooks/useFormTranslation"
 
 export interface AuthenticationProps {
-  mode: 'signup' | 'signin'
+  mode: "signup" | "signin"
 }
 
 export const Authentication: React.FC<AuthenticationProps> = (props) => {
@@ -32,9 +32,9 @@ export const Authentication: React.FC<AuthenticationProps> = (props) => {
 
   const schema = useMemo(() => {
     return {
-      ...(mode === 'signup' && { name: userSchema.name }),
+      ...(mode === "signup" && { name: userSchema.name }),
       email: userSchema.email,
-      password: userSchema.password
+      password: userSchema.password,
     }
   }, [mode])
 
@@ -43,55 +43,55 @@ export const Authentication: React.FC<AuthenticationProps> = (props) => {
 
   const onSubmit: HandleUseFormCallback<typeof schema> = async (
     formData,
-    formElement
+    formElement,
   ) => {
-    if (mode === 'signup') {
+    if (mode === "signup") {
       try {
         await api.post(
           `/users/signup?redirectURI=${window.location.origin}/authentication/signin`,
-          { ...formData, language: lang, theme }
+          { ...formData, language: lang, theme },
         )
         formElement.reset()
         return {
-          type: 'success',
-          message: 'authentication:success-signup'
+          type: "success",
+          message: "authentication:success-signup",
         }
       } catch (error) {
         if (axios.isAxiosError(error) && error.response?.status === 400) {
           const message = error.response.data.message as string
-          if (message.endsWith('already taken.')) {
+          if (message.endsWith("already taken.")) {
             return {
-              type: 'error',
-              message: 'authentication:already-used'
+              type: "error",
+              message: "authentication:already-used",
             }
           }
           return {
-            type: 'error',
-            message: 'errors:server-error'
+            type: "error",
+            message: "errors:server-error",
           }
         }
         return {
-          type: 'error',
-          message: 'errors:server-error'
+          type: "error",
+          message: "errors:server-error",
         }
       }
     } else {
       try {
-        const { data } = await api.post<Tokens>('/users/signin', formData)
+        const { data } = await api.post<Tokens>("/users/signin", formData)
         const authentication = new AuthenticationClass(data, true)
         authentication.signin()
-        await router.push('/application')
+        await router.push("/application")
         return null
       } catch (error) {
         if (axios.isAxiosError(error) && error.response?.status === 400) {
           return {
-            type: 'error',
-            message: 'authentication:wrong-credentials'
+            type: "error",
+            message: "authentication:wrong-credentials",
           }
         }
         return {
-          type: 'error',
-          message: 'errors:server-error'
+          type: "error",
+          message: "errors:server-error",
         }
       }
     }
@@ -100,53 +100,53 @@ export const Authentication: React.FC<AuthenticationProps> = (props) => {
   return (
     <Main>
       <AuthenticationSocialMedia />
-      <div className='pt-8 text-center font-paragraph text-lg'>
-        {t('authentication:or')}
+      <div className="pt-8 text-center font-paragraph text-lg">
+        {t("authentication:or")}
       </div>
       <AuthenticationForm onSubmit={handleUseForm(onSubmit)}>
-        {mode === 'signup' && (
+        {mode === "signup" && (
           <Input
-            type='text'
-            placeholder={t('common:name')}
-            name='name'
-            label={t('common:name')}
+            type="text"
+            placeholder={t("common:name")}
+            name="name"
+            label={t("common:name")}
             error={getFirstErrorTranslation(errors.name)}
           />
         )}
         <Input
-          type='email'
-          placeholder='Email'
-          name='email'
-          label='Email'
+          type="email"
+          placeholder="Email"
+          name="email"
+          label="Email"
           error={getFirstErrorTranslation(errors.email)}
         />
         <Input
-          type='password'
-          placeholder={t('authentication:password')}
-          name='password'
-          label={t('authentication:password')}
-          showForgotPassword={mode === 'signin'}
+          type="password"
+          placeholder={t("authentication:password")}
+          name="password"
+          label={t("authentication:password")}
+          showForgotPassword={mode === "signin"}
           error={getFirstErrorTranslation(errors.password)}
         />
-        <Button data-cy='submit' className='mt-6 w-full' type='submit'>
-          {t('authentication:submit')}
+        <Button data-cy="submit" className="mt-6 w-full" type="submit">
+          {t("authentication:submit")}
         </Button>
-        <p className='mt-3 font-headline text-sm text-green-800 hover:underline dark:text-green-400'>
+        <p className="mt-3 font-headline text-sm text-green-800 hover:underline dark:text-green-400">
           <Link
             href={
-              mode === 'signup'
-                ? '/authentication/signin'
-                : '/authentication/signup'
+              mode === "signup"
+                ? "/authentication/signin"
+                : "/authentication/signup"
             }
           >
-            {mode === 'signup'
-              ? t('authentication:already-have-an-account')
-              : t('authentication:dont-have-an-account')}
+            {mode === "signup"
+              ? t("authentication:already-have-an-account")
+              : t("authentication:dont-have-an-account")}
           </Link>
         </p>
       </AuthenticationForm>
       <FormState
-        id='message'
+        id="message"
         state={fetchState}
         message={message != null ? t(message) : undefined}
       />
diff --git a/components/Authentication/AuthenticationForm.tsx b/components/Authentication/AuthenticationForm.tsx
index 44a5499..e3f8fd3 100644
--- a/components/Authentication/AuthenticationForm.tsx
+++ b/components/Authentication/AuthenticationForm.tsx
@@ -1,13 +1,13 @@
-import classNames from 'clsx'
-import type { FormProps } from 'react-component-form'
-import { Form } from 'react-component-form'
+import classNames from "clsx"
+import type { FormProps } from "react-component-form"
+import { Form } from "react-component-form"
 
 export const AuthenticationForm: React.FC<FormProps> = (props) => {
   const { className, children, ...rest } = props
 
   return (
     <Form
-      className={classNames('w-4/6 max-w-xs', className)}
+      className={classNames("w-4/6 max-w-xs", className)}
       noValidate
       {...rest}
     >
diff --git a/components/Authentication/AuthenticationSocialMedia.tsx b/components/Authentication/AuthenticationSocialMedia.tsx
index 1b85d31..f7a9702 100644
--- a/components/Authentication/AuthenticationSocialMedia.tsx
+++ b/components/Authentication/AuthenticationSocialMedia.tsx
@@ -1,22 +1,22 @@
-import { useEffect } from 'react'
-import { useRouter } from 'next/router'
+import { useEffect } from "react"
+import { useRouter } from "next/router"
 
-import { api } from '../../tools/api'
-import { Authentication, isTokens } from '../../tools/authentication'
-import type { SocialMedia } from '../design/SocialMediaButton'
-import { SocialMediaButton } from '../design/SocialMediaButton'
-import { providers } from '../../models/OAuth'
+import { api } from "../../tools/api"
+import { Authentication, isTokens } from "../../tools/authentication"
+import type { SocialMedia } from "../design/SocialMediaButton"
+import { SocialMediaButton } from "../design/SocialMediaButton"
+import { providers } from "../../models/OAuth"
 
 export const AuthenticationSocialMedia: React.FC = () => {
   const router = useRouter()
 
   const handleAuthentication = (
-    socialMedia: SocialMedia
+    socialMedia: SocialMedia,
   ): (() => Promise<void>) => {
     return async () => {
-      const redirect = window.location.href.replace(location.search, '')
+      const redirect = window.location.href.replace(location.search, "")
       const { data: url } = await api.get(
-        `/users/oauth2/${socialMedia.toLowerCase()}/signin?redirectURI=${redirect}`
+        `/users/oauth2/${socialMedia.toLowerCase()}/signin?redirectURI=${redirect}`,
       )
       window.location.href = url
     }
@@ -27,13 +27,13 @@ export const AuthenticationSocialMedia: React.FC = () => {
     if (isTokens(data)) {
       const authentication = new Authentication(data, true)
       authentication.signin()
-      router.push('/application').catch(() => {})
+      router.push("/application").catch(() => {})
     }
   }, [router])
 
   return (
-    <div className='flex flex-col sm:w-full sm:items-center'>
-      <div className='flex flex-col items-center justify-center space-y-6 sm:w-4/6 sm:flex-row sm:space-x-6 sm:space-y-0'>
+    <div className="flex flex-col sm:w-full sm:items-center">
+      <div className="flex flex-col items-center justify-center space-y-6 sm:w-4/6 sm:flex-row sm:space-x-6 sm:space-y-0">
         {providers.map((provider, index) => {
           return (
             <SocialMediaButton
diff --git a/components/Authentication/index.ts b/components/Authentication/index.ts
index ff369ed..d2078cd 100644
--- a/components/Authentication/index.ts
+++ b/components/Authentication/index.ts
@@ -1,2 +1,2 @@
-export * from './Authentication'
-export * from './AuthenticationForm'
+export * from "./Authentication"
+export * from "./AuthenticationForm"
diff --git a/components/Emoji/Emoji.tsx b/components/Emoji/Emoji.tsx
index 5ed5560..309937b 100644
--- a/components/Emoji/Emoji.tsx
+++ b/components/Emoji/Emoji.tsx
@@ -1,6 +1,6 @@
-import { Emoji as EmojiMart } from 'emoji-mart'
+import { Emoji as EmojiMart } from "emoji-mart"
 
-import { EMOJI_SET } from './emojiPlugin'
+import { EMOJI_SET } from "./emojiPlugin"
 
 export interface EmojiProps {
   value: string
diff --git a/components/Emoji/EmojiPicker/EmojiPicker.tsx b/components/Emoji/EmojiPicker/EmojiPicker.tsx
index 04c8d1f..58f89d7 100644
--- a/components/Emoji/EmojiPicker/EmojiPicker.tsx
+++ b/components/Emoji/EmojiPicker/EmojiPicker.tsx
@@ -1,13 +1,13 @@
-import 'emoji-mart/css/emoji-mart.css'
-import type { EmojiData } from 'emoji-mart'
-import { Picker } from 'emoji-mart'
-import { useTheme } from 'next-themes'
+import "emoji-mart/css/emoji-mart.css"
+import type { EmojiData } from "emoji-mart"
+import { Picker } from "emoji-mart"
+import { useTheme } from "next-themes"
 
-import { EMOJI_SET } from '../emojiPlugin'
+import { EMOJI_SET } from "../emojiPlugin"
 
 export type EmojiPickerOnClick = (
   emoji: EmojiData,
-  event: React.MouseEvent<HTMLElement, MouseEvent>
+  event: React.MouseEvent<HTMLElement, MouseEvent>,
 ) => void
 
 export interface EmojiPickerProps {
@@ -20,7 +20,7 @@ export const EmojiPicker: React.FC<EmojiPickerProps> = (props) => {
   return (
     <Picker
       set={EMOJI_SET}
-      theme={theme as 'light' | 'dark' | 'auto'}
+      theme={theme as "light" | "dark" | "auto"}
       onClick={props.onClick}
       showPreview={false}
       showSkinTones={false}
diff --git a/components/Emoji/EmojiPicker/index.ts b/components/Emoji/EmojiPicker/index.ts
index e9efca5..9d4a662 100644
--- a/components/Emoji/EmojiPicker/index.ts
+++ b/components/Emoji/EmojiPicker/index.ts
@@ -1 +1 @@
-export * from './EmojiPicker'
+export * from "./EmojiPicker"
diff --git a/components/Emoji/emojiPlugin.ts b/components/Emoji/emojiPlugin.ts
index 9f0f933..af6a133 100644
--- a/components/Emoji/emojiPlugin.ts
+++ b/components/Emoji/emojiPlugin.ts
@@ -1,21 +1,21 @@
-import { visit } from 'unist-util-visit'
-import type { Plugin, Transformer } from 'unified'
-import type { Literal, Parent } from 'unist'
-import type { ElementContent } from 'hast'
-import type { EmojiSet } from 'emoji-mart'
+import { visit } from "unist-util-visit"
+import type { Plugin, Transformer } from "unified"
+import type { Literal, Parent } from "unist"
+import type { ElementContent } from "hast"
+import type { EmojiSet } from "emoji-mart"
 
-import { emojiRegex } from './isStringWithOnlyOneEmoji'
+import { emojiRegex } from "./isStringWithOnlyOneEmoji"
 
-export const EMOJI_SET: EmojiSet = 'twitter'
+export const EMOJI_SET: EmojiSet = "twitter"
 
 const extractText = (
   string: string,
   start: number,
-  end: number
+  end: number,
 ): ElementContent => {
   return {
-    type: 'text',
-    value: string.slice(start, end)
+    type: "text",
+    value: string.slice(start, end),
   }
 }
 
@@ -23,9 +23,9 @@ export const emojiPlugin: Plugin<[], Literal<string>> = () => {
   const transformer: Transformer<Literal<string>> = (tree) => {
     visit<Literal<string>, string>(
       tree,
-      'text',
+      "text",
       (node, position, parent: Parent<ElementContent> | null) => {
-        if (typeof node.value !== 'string') {
+        if (typeof node.value !== "string") {
           return
         }
         position = position ?? 0
@@ -38,15 +38,15 @@ export const emojiPlugin: Plugin<[], Literal<string>> = () => {
             definition.push(extractText(node.value, lastIndex, match.index))
           }
           definition.push({
-            type: 'element',
-            tagName: 'emoji',
+            type: "element",
+            tagName: "emoji",
             properties: { value },
-            children: []
+            children: [],
           })
           lastIndex = match.index + value.length
           if (lastIndex !== node.value.length) {
             definition.push(
-              extractText(node.value, lastIndex, node.value.length)
+              extractText(node.value, lastIndex, node.value.length),
             )
           }
           if (parent != null) {
@@ -56,7 +56,7 @@ export const emojiPlugin: Plugin<[], Literal<string>> = () => {
             parent.children = parent.children.concat(last)
           }
         }
-      }
+      },
     )
   }
   return transformer
diff --git a/components/Emoji/index.ts b/components/Emoji/index.ts
index 4e96a26..24eaa93 100644
--- a/components/Emoji/index.ts
+++ b/components/Emoji/index.ts
@@ -1,4 +1,4 @@
-export * from './Emoji'
-export * from './EmojiPicker'
-export * from './emojiPlugin'
-export * from './isStringWithOnlyOneEmoji'
+export * from "./Emoji"
+export * from "./EmojiPicker"
+export * from "./emojiPlugin"
+export * from "./isStringWithOnlyOneEmoji"
diff --git a/components/ErrorPage.tsx b/components/ErrorPage.tsx
index 107d24a..61c8795 100644
--- a/components/ErrorPage.tsx
+++ b/components/ErrorPage.tsx
@@ -1,9 +1,9 @@
-import useTranslation from 'next-translate/useTranslation'
-import Link from 'next/link'
+import useTranslation from "next-translate/useTranslation"
+import Link from "next/link"
 
-import type { FooterProps } from './Footer'
-import { Footer } from './Footer'
-import { Header } from './Header'
+import type { FooterProps } from "./Footer"
+import { Footer } from "./Footer"
+import { Header } from "./Header"
 
 export interface ErrorPageProps extends FooterProps {
   statusCode: number
@@ -16,25 +16,25 @@ export const ErrorPage: React.FC<ErrorPageProps> = (props) => {
 
   return (
     <>
-      <div className='flex h-screen flex-col pt-0'>
+      <div className="flex h-screen flex-col pt-0">
         <Header />
-        <main className='flex min-w-full flex-1 flex-col items-center justify-center'>
-          <h1 className='my-6 text-4xl font-semibold'>
-            {t('errors:error')}{' '}
+        <main className="flex min-w-full flex-1 flex-col items-center justify-center">
+          <h1 className="my-6 text-4xl font-semibold">
+            {t("errors:error")}{" "}
             <span
-              className='text-green-800 dark:text-green-400'
-              data-cy='status-code'
+              className="text-green-800 dark:text-green-400"
+              data-cy="status-code"
             >
               {statusCode}
             </span>
           </h1>
-          <p className='text-center text-lg'>
-            {message}{' '}
+          <p className="text-center text-lg">
+            {message}{" "}
             <Link
-              href='/'
-              className='text-green-800 hover:underline dark:text-green-400'
+              href="/"
+              className="text-green-800 hover:underline dark:text-green-400"
             >
-              {t('errors:return-to-home-page')}
+              {t("errors:return-to-home-page")}
             </Link>
           </p>
         </main>
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index 0c195d5..d343732 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -1,8 +1,8 @@
-import Link from 'next/link'
-import useTranslation from 'next-translate/useTranslation'
+import Link from "next/link"
+import useTranslation from "next-translate/useTranslation"
 
-import { API_VERSION } from '../../tools/api'
-import { VersionLink } from './VersionLink'
+import { API_VERSION } from "../../tools/api"
+import { VersionLink } from "./VersionLink"
 
 export interface FooterProps {
   version: string
@@ -13,19 +13,19 @@ export const Footer: React.FC<FooterProps> = (props) => {
   const { version } = props
 
   return (
-    <footer className='flex flex-col items-center justify-center border-t-2 border-gray-600 bg-white py-6 text-lg dark:border-gray-400 dark:bg-black'>
+    <footer className="flex flex-col items-center justify-center border-t-2 border-gray-600 bg-white py-6 text-lg dark:border-gray-400 dark:bg-black">
       <p>
         <Link
-          href='/'
-          className='text-green-800 hover:underline dark:text-green-400'
+          href="/"
+          className="text-green-800 hover:underline dark:text-green-400"
         >
           Thream
-        </Link>{' '}
-        | {t('common:all-rights-reserved')}
+        </Link>{" "}
+        | {t("common:all-rights-reserved")}
       </p>
-      <p className='mt-1'>
-        <VersionLink repository='website' version={version} /> |{' '}
-        <VersionLink repository='api' version={API_VERSION} />
+      <p className="mt-1">
+        <VersionLink repository="website" version={version} /> |{" "}
+        <VersionLink repository="api" version={API_VERSION} />
       </p>
     </footer>
   )
diff --git a/components/Footer/VersionLink.tsx b/components/Footer/VersionLink.tsx
index d0d0c7e..20fb6dd 100644
--- a/components/Footer/VersionLink.tsx
+++ b/components/Footer/VersionLink.tsx
@@ -1,6 +1,6 @@
 export interface VersionLinkProps {
   version: string
-  repository: 'website' | 'api'
+  repository: "website" | "api"
 }
 
 export const VersionLink: React.FC<VersionLinkProps> = (props) => {
@@ -9,10 +9,10 @@ export const VersionLink: React.FC<VersionLinkProps> = (props) => {
   return (
     <a
       data-cy={`version-link-${repository}`}
-      className='text-green-800 hover:underline dark:text-green-400'
+      className="text-green-800 hover:underline dark:text-green-400"
       href={`https://github.com/Thream/${repository}/releases/tag/v${version}`}
-      target='_blank'
-      rel='noopener noreferrer'
+      target="_blank"
+      rel="noopener noreferrer"
     >
       {repository} v{version}
     </a>
diff --git a/components/Footer/index.ts b/components/Footer/index.ts
index bd2c119..a29a2e5 100644
--- a/components/Footer/index.ts
+++ b/components/Footer/index.ts
@@ -1 +1 @@
-export * from './Footer'
+export * from "./Footer"
diff --git a/components/Head.tsx b/components/Head.tsx
index 337a550..f8f0135 100644
--- a/components/Head.tsx
+++ b/components/Head.tsx
@@ -1,5 +1,5 @@
-import NextHead from 'next/head'
-import useTranslation from 'next-translate/useTranslation'
+import NextHead from "next/head"
+import useTranslation from "next-translate/useTranslation"
 
 interface HeadProps {
   title?: string
@@ -12,37 +12,37 @@ export const Head: React.FC<HeadProps> = (props) => {
   const { t } = useTranslation()
 
   const {
-    title = 'Thream',
-    image = 'https://thream.theoludwig.fr/images/icon-128x128.png',
-    description = t('common:description'),
-    url = 'https://thream.theoludwig.fr/'
+    title = "Thream",
+    image = "https://thream.theoludwig.fr/images/icon-128x128.png",
+    description = t("common:description"),
+    url = "https://thream.theoludwig.fr/",
   } = props
 
   return (
     <NextHead>
       <title>{title}</title>
-      <link rel='icon' type='image/png' href={image} />
+      <link rel="icon" type="image/png" href={image} />
 
       {/* Meta Tag */}
-      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
-      <meta name='description' content={description} />
-      <meta name='Language' content='fr-FR, en-US' />
-      <meta name='theme-color' content='#27B05E' />
+      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      <meta name="description" content={description} />
+      <meta name="Language" content="fr-FR, en-US" />
+      <meta name="theme-color" content="#27B05E" />
 
       {/* Open Graph Metadata */}
-      <meta property='og:title' content={title} />
-      <meta property='og:type' content='website' />
-      <meta property='og:url' content={url} />
-      <meta property='og:image' content={image} />
-      <meta property='og:description' content={description} />
-      <meta property='og:locale' content='fr-FR, en-US' />
-      <meta property='og:site_name' content={title} />
+      <meta property="og:title" content={title} />
+      <meta property="og:type" content="website" />
+      <meta property="og:url" content={url} />
+      <meta property="og:image" content={image} />
+      <meta property="og:description" content={description} />
+      <meta property="og:locale" content="fr-FR, en-US" />
+      <meta property="og:site_name" content={title} />
 
       {/* Twitter card Metadata */}
-      <meta name='twitter:card' content='summary' />
-      <meta name='twitter:description' content={description} />
-      <meta name='twitter:title' content={title} />
-      <meta name='twitter:image' content={image} />
+      <meta name="twitter:card" content="summary" />
+      <meta name="twitter:description" content={description} />
+      <meta name="twitter:title" content={title} />
+      <meta name="twitter:image" content={image} />
     </NextHead>
   )
 }
diff --git a/components/Header/Header.tsx b/components/Header/Header.tsx
index cbb6af1..f22b220 100644
--- a/components/Header/Header.tsx
+++ b/components/Header/Header.tsx
@@ -1,29 +1,29 @@
-import Link from 'next/link'
-import Image from 'next/image'
+import Link from "next/link"
+import Image from "next/image"
 
-import { Language } from './Language'
-import { SwitchTheme } from './SwitchTheme'
+import { Language } from "./Language"
+import { SwitchTheme } from "./SwitchTheme"
 
 export const Header: React.FC = () => {
   return (
-    <header className='sticky top-0 z-50 flex w-full justify-center border-b-2 border-gray-600 bg-white px-6 py-2 dark:border-gray-400 dark:bg-black'>
-      <div className='container flex justify-between'>
-        <Link href='/'>
-          <div className='flex items-center justify-center'>
+    <header className="sticky top-0 z-50 flex w-full justify-center border-b-2 border-gray-600 bg-white px-6 py-2 dark:border-gray-400 dark:bg-black">
+      <div className="container flex justify-between">
+        <Link href="/">
+          <div className="flex items-center justify-center">
             <Image
               priority
               quality={100}
               width={60}
               height={60}
-              src='/images/Thream.png'
-              alt='Thream'
+              src="/images/Thream.png"
+              alt="Thream"
             />
-            <span className='ml-1 hidden font-headline font-medium text-green-800 dark:text-green-400 xs:block'>
+            <span className="ml-1 hidden font-headline font-medium text-green-800 dark:text-green-400 xs:block">
               Thream
             </span>
           </div>
         </Link>
-        <div className='flex justify-between'>
+        <div className="flex justify-between">
           <Language />
           <SwitchTheme />
         </div>
diff --git a/components/Header/Language/Arrow.tsx b/components/Header/Language/Arrow.tsx
index c0d20a7..83ab174 100644
--- a/components/Header/Language/Arrow.tsx
+++ b/components/Header/Language/Arrow.tsx
@@ -1,15 +1,15 @@
 export const Arrow: React.FC = () => {
   return (
     <svg
-      width='12'
-      height='8'
-      viewBox='0 0 12 8'
-      fill='none'
-      xmlns='http://www.w3.org/2000/svg'
+      width="12"
+      height="8"
+      viewBox="0 0 12 8"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        className='fill-current text-black dark:text-white'
-        d='M9.8024 0.292969L5.61855 4.58597L1.43469 0.292969L0.0566406 1.70697L5.61855 7.41397L11.1805 1.70697L9.8024 0.292969Z'
+        className="fill-current text-black dark:text-white"
+        d="M9.8024 0.292969L5.61855 4.58597L1.43469 0.292969L0.0566406 1.70697L5.61855 7.41397L11.1805 1.70697L9.8024 0.292969Z"
       />
     </svg>
   )
diff --git a/components/Header/Language/Language.tsx b/components/Header/Language/Language.tsx
index d54a131..d2ce1ec 100644
--- a/components/Header/Language/Language.tsx
+++ b/components/Header/Language/Language.tsx
@@ -1,12 +1,12 @@
-import { useCallback, useState, useRef } from 'react'
-import useTranslation from 'next-translate/useTranslation'
-import setLanguage from 'next-translate/setLanguage'
-import classNames from 'clsx'
+import { useCallback, useState, useRef } from "react"
+import useTranslation from "next-translate/useTranslation"
+import setLanguage from "next-translate/setLanguage"
+import classNames from "clsx"
 
-import i18n from '../../../i18n.json'
-import { Arrow } from './Arrow'
-import { LanguageFlag } from './LanguageFlag'
-import { useClickOutsideAlerter } from '../../../hooks/useClickOutsideAlerter'
+import i18n from "../../../i18n.json"
+import { Arrow } from "./Arrow"
+import { LanguageFlag } from "./LanguageFlag"
+import { useClickOutsideAlerter } from "../../../hooks/useClickOutsideAlerter"
 
 export interface LanguageProps {
   className?: string
@@ -35,12 +35,12 @@ export const Language: React.FC<LanguageProps> = (props) => {
 
   return (
     <div
-      className='relative flex cursor-pointer flex-col items-center justify-center'
+      className="relative flex cursor-pointer flex-col items-center justify-center"
       ref={languageClickRef}
     >
       <div
-        data-cy='language-click'
-        className='mr-5 flex items-center'
+        data-cy="language-click"
+        className="mr-5 flex items-center"
         onClick={handleHiddenMenu}
       >
         <LanguageFlag language={currentLanguage} />
@@ -48,11 +48,11 @@ export const Language: React.FC<LanguageProps> = (props) => {
       </div>
 
       <ul
-        data-cy='languages-list'
+        data-cy="languages-list"
         className={classNames(
           className,
-          'absolute top-16 z-10 mr-4 flex w-24 list-none flex-col items-center justify-center rounded-lg bg-white p-0 shadow-lightFlag dark:bg-black dark:shadow-darkFlag',
-          { hidden: hiddenMenu }
+          "absolute top-16 z-10 mr-4 flex w-24 list-none flex-col items-center justify-center rounded-lg bg-white p-0 shadow-lightFlag dark:bg-black dark:shadow-darkFlag",
+          { hidden: hiddenMenu },
         )}
       >
         {i18n.locales.map((language, index) => {
@@ -62,7 +62,7 @@ export const Language: React.FC<LanguageProps> = (props) => {
           return (
             <li
               key={index}
-              className='flex h-12 w-full items-center justify-center pl-2 hover:bg-[#4f545c] hover:bg-opacity-20'
+              className="flex h-12 w-full items-center justify-center pl-2 hover:bg-[#4f545c] hover:bg-opacity-20"
               onClick={async () => {
                 return await handleLanguage(language)
               }}
diff --git a/components/Header/Language/LanguageFlag.tsx b/components/Header/Language/LanguageFlag.tsx
index 37dc4da..7abba61 100644
--- a/components/Header/Language/LanguageFlag.tsx
+++ b/components/Header/Language/LanguageFlag.tsx
@@ -1,4 +1,4 @@
-import Image from 'next/image'
+import Image from "next/image"
 
 export interface LanguageFlagProps {
   language: string
@@ -16,7 +16,7 @@ export const LanguageFlag: React.FC<LanguageFlagProps> = (props) => {
         src={`/images/svg/languages/${language}.svg`}
         alt={language}
       />
-      <p data-cy='language-flag-text' className='mx-2 text-base'>
+      <p data-cy="language-flag-text" className="mx-2 text-base">
         {language.toUpperCase()}
       </p>
     </>
diff --git a/components/Header/Language/index.ts b/components/Header/Language/index.ts
index 175b6c7..bd46737 100644
--- a/components/Header/Language/index.ts
+++ b/components/Header/Language/index.ts
@@ -1 +1 @@
-export * from './Language'
+export * from "./Language"
diff --git a/components/Header/SwitchTheme.tsx b/components/Header/SwitchTheme.tsx
index f5577a7..997a12b 100644
--- a/components/Header/SwitchTheme.tsx
+++ b/components/Header/SwitchTheme.tsx
@@ -1,6 +1,6 @@
-import { useEffect, useState } from 'react'
-import classNames from 'clsx'
-import { useTheme } from 'next-themes'
+import { useEffect, useState } from "react"
+import classNames from "clsx"
+import { useTheme } from "next-themes"
 
 export const SwitchTheme: React.FC = () => {
   const [mounted, setMounted] = useState(false)
@@ -15,61 +15,61 @@ export const SwitchTheme: React.FC = () => {
   }
 
   const handleClick = (): void => {
-    setTheme(theme === 'dark' ? 'light' : 'dark')
+    setTheme(theme === "dark" ? "light" : "dark")
   }
 
   return (
     <div
-      className='flex items-center'
-      data-cy='switch-theme-click'
+      className="flex items-center"
+      data-cy="switch-theme-click"
       onClick={handleClick}
     >
-      <div className='relative inline-block cursor-pointer touch-pan-x select-none border-0 bg-transparent p-0'>
-        <div className='h-[24px] w-[50px] rounded-[30px] bg-[#4d4d4d] p-0 text-white transition-all duration-200 ease-in-out'>
+      <div className="relative inline-block cursor-pointer touch-pan-x select-none border-0 bg-transparent p-0">
+        <div className="h-[24px] w-[50px] rounded-[30px] bg-[#4d4d4d] p-0 text-white transition-all duration-200 ease-in-out">
           <div
-            data-cy='switch-theme-dark'
+            data-cy="switch-theme-dark"
             className={classNames(
-              'absolute bottom-0 left-[8px] top-0 mb-auto mt-auto h-[10px] w-[14px] leading-[0] transition-opacity duration-[250ms] ease-in-out',
+              "absolute bottom-0 left-[8px] top-0 mb-auto mt-auto h-[10px] w-[14px] leading-[0] transition-opacity duration-[250ms] ease-in-out",
               {
-                'opacity-100': theme === 'dark',
-                'opacity-0': theme === 'light'
-              }
+                "opacity-100": theme === "dark",
+                "opacity-0": theme === "light",
+              },
             )}
           >
-            <span className='relative flex h-[10px] w-[10px] items-center justify-center'>
+            <span className="relative flex h-[10px] w-[10px] items-center justify-center">
               🌜
             </span>
           </div>
           <div
-            data-cy='switch-theme-light'
+            data-cy="switch-theme-light"
             className={classNames(
-              'absolute bottom-0 right-[10px] top-0 mb-auto mt-auto h-[10px] w-[10px] leading-[0]',
+              "absolute bottom-0 right-[10px] top-0 mb-auto mt-auto h-[10px] w-[10px] leading-[0]",
               {
-                'opacity-100': theme === 'light',
-                'opacity-0': theme === 'dark'
-              }
+                "opacity-100": theme === "light",
+                "opacity-0": theme === "dark",
+              },
             )}
           >
-            <span className='relative flex h-[10px] w-[10px] items-center justify-center'>
+            <span className="relative flex h-[10px] w-[10px] items-center justify-center">
               🌞
             </span>
           </div>
         </div>
         <div
           className={classNames(
-            'absolute top-[1px] box-border h-[22px] w-[22px] rounded-[50%] bg-[#fafafa] text-white transition-all duration-[250ms] ease-in-out',
+            "absolute top-[1px] box-border h-[22px] w-[22px] rounded-[50%] bg-[#fafafa] text-white transition-all duration-[250ms] ease-in-out",
             {
-              'left-[27px]': theme === 'dark',
-              'left-0': theme === 'light'
-            }
+              "left-[27px]": theme === "dark",
+              "left-0": theme === "light",
+            },
           )}
-          style={{ border: '1px solid #4d4d4d' }}
+          style={{ border: "1px solid #4d4d4d" }}
         />
         <input
-          data-cy='switch-theme-input'
-          type='checkbox'
-          aria-label='Dark mode toggle'
-          className='absolute m-[-1px] h-[1px] w-[1px] overflow-hidden border-0 p-0'
+          data-cy="switch-theme-input"
+          type="checkbox"
+          aria-label="Dark mode toggle"
+          className="absolute m-[-1px] h-[1px] w-[1px] overflow-hidden border-0 p-0"
           defaultChecked
         />
       </div>
diff --git a/components/Header/index.ts b/components/Header/index.ts
index f887995..661052e 100644
--- a/components/Header/index.ts
+++ b/components/Header/index.ts
@@ -1 +1 @@
-export * from './Header'
+export * from "./Header"
diff --git a/components/design/Button/Button.tsx b/components/design/Button/Button.tsx
index 3851d09..741f6cb 100644
--- a/components/design/Button/Button.tsx
+++ b/components/design/Button/Button.tsx
@@ -1,18 +1,18 @@
-import { forwardRef } from 'react'
-import classNames from 'clsx'
+import { forwardRef } from "react"
+import classNames from "clsx"
 
 const className =
-  'py-2 px-6 font-paragraph rounded-lg bg-transparent border  hover:text-white dark:hover:text-black fill-current stroke-current transform transition-colors duration-300 ease-in-out focus:outline-none focus:text-white dark:focus:text-black'
+  "py-2 px-6 font-paragraph rounded-lg bg-transparent border  hover:text-white dark:hover:text-black fill-current stroke-current transform transition-colors duration-300 ease-in-out focus:outline-none focus:text-white dark:focus:text-black"
 
 const classNameGreen =
-  'border-green-800 dark:border-green-400 text-green-800 dark:text-green-400 hover:bg-green-800 focus:bg-green-800 dark:focus:bg-green-400 dark:hover:bg-green-400'
+  "border-green-800 dark:border-green-400 text-green-800 dark:text-green-400 hover:bg-green-800 focus:bg-green-800 dark:focus:bg-green-400 dark:hover:bg-green-400"
 
 const classNameRed =
-  'border-red-800 dark:border-red-400 text-red-800 dark:text-red-400 hover:bg-red-800 focus:bg-red-800 dark:focus:bg-red-400 dark:hover:bg-red-400'
+  "border-red-800 dark:border-red-400 text-red-800 dark:text-red-400 hover:bg-red-800 focus:bg-red-800 dark:focus:bg-red-400 dark:hover:bg-red-400"
 
-export type ButtonColor = 'green' | 'red'
+export type ButtonColor = "green" | "red"
 
-export interface ButtonLinkProps extends React.ComponentPropsWithRef<'a'> {
+export interface ButtonLinkProps extends React.ComponentPropsWithRef<"a"> {
   color?: ButtonColor
 }
 
@@ -21,7 +21,7 @@ export const ButtonLink = forwardRef<HTMLAnchorElement, ButtonLinkProps>(
     const {
       children,
       className: givenClassName,
-      color = 'green',
+      color = "green",
       ...rest
     } = props
 
@@ -31,22 +31,22 @@ export const ButtonLink = forwardRef<HTMLAnchorElement, ButtonLinkProps>(
         className={classNames(
           className,
           {
-            [classNameGreen]: color === 'green',
-            [classNameRed]: color === 'red'
+            [classNameGreen]: color === "green",
+            [classNameRed]: color === "red",
           },
-          givenClassName
+          givenClassName,
         )}
         {...rest}
       >
         {children}
       </a>
     )
-  }
+  },
 )
 
-ButtonLink.displayName = 'ButtonLink'
+ButtonLink.displayName = "ButtonLink"
 
-export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+export interface ButtonProps extends React.ComponentPropsWithoutRef<"button"> {
   color?: ButtonColor
 }
 
@@ -54,7 +54,7 @@ export const Button: React.FC<ButtonProps> = (props) => {
   const {
     children,
     className: givenClassName,
-    color = 'green',
+    color = "green",
     ...rest
   } = props
 
@@ -63,10 +63,10 @@ export const Button: React.FC<ButtonProps> = (props) => {
       className={classNames(
         className,
         {
-          [classNameGreen]: color === 'green',
-          [classNameRed]: color === 'red'
+          [classNameGreen]: color === "green",
+          [classNameRed]: color === "red",
         },
-        givenClassName
+        givenClassName,
       )}
       {...rest}
     >
diff --git a/components/design/Button/index.ts b/components/design/Button/index.ts
index 8486fd6..6783701 100644
--- a/components/design/Button/index.ts
+++ b/components/design/Button/index.ts
@@ -1 +1 @@
-export * from './Button'
+export * from "./Button"
diff --git a/components/design/Checkbox/Checkbox.tsx b/components/design/Checkbox/Checkbox.tsx
index 9ed5938..629a426 100644
--- a/components/design/Checkbox/Checkbox.tsx
+++ b/components/design/Checkbox/Checkbox.tsx
@@ -1,6 +1,6 @@
-import classNames from 'clsx'
+import classNames from "clsx"
 
-export interface CheckboxProps extends React.ComponentPropsWithRef<'input'> {
+export interface CheckboxProps extends React.ComponentPropsWithRef<"input"> {
   className?: string
   label: string
 }
@@ -8,15 +8,15 @@ export interface CheckboxProps extends React.ComponentPropsWithRef<'input'> {
 export const Checkbox: React.FC<CheckboxProps> = (props) => {
   const { label, id, className } = props
   return (
-    <div className={classNames('mt-4 flex items-center', className)}>
+    <div className={classNames("mt-4 flex items-center", className)}>
       <input
         {...props}
-        type='checkbox'
+        type="checkbox"
         id={id}
-        className='relative mr-3 min-h-[25px] min-w-[25px] cursor-pointer appearance-none rounded-md bg-gradient-to-t from-[#bcc7d4] to-[#d3dfed] transition-all before:absolute before:left-[59%] before:top-[50%] before:h-[12px] before:w-[2px] before:translate-x-[-59%] before:translate-y-[-50%] before:rotate-[40deg] before:scale-0 before:bg-black before:transition-all after:absolute after:left-[36%] after:top-[62.5%] after:h-[7px] after:w-[2px] after:translate-x-[-35%] after:translate-y-[-62.5%] after:rotate-[-50deg] after:scale-0 after:bg-black after:transition-all after:duration-200 checked:before:scale-100 checked:after:scale-100 dark:from-[#1f2937] dark:to-[#273547] dark:before:bg-white dark:after:bg-white'
+        className="relative mr-3 min-h-[25px] min-w-[25px] cursor-pointer appearance-none rounded-md bg-gradient-to-t from-[#bcc7d4] to-[#d3dfed] transition-all before:absolute before:left-[59%] before:top-[50%] before:h-[12px] before:w-[2px] before:translate-x-[-59%] before:translate-y-[-50%] before:rotate-[40deg] before:scale-0 before:bg-black before:transition-all after:absolute after:left-[36%] after:top-[62.5%] after:h-[7px] after:w-[2px] after:translate-x-[-35%] after:translate-y-[-62.5%] after:rotate-[-50deg] after:scale-0 after:bg-black after:transition-all after:duration-200 checked:before:scale-100 checked:after:scale-100 dark:from-[#1f2937] dark:to-[#273547] dark:before:bg-white dark:after:bg-white"
       />
       <label
-        className='duration-400 cursor-pointer select-none opacity-80 transition hover:opacity-100 '
+        className="duration-400 cursor-pointer select-none opacity-80 transition hover:opacity-100 "
         htmlFor={id}
       >
         {label}
diff --git a/components/design/Checkbox/index.ts b/components/design/Checkbox/index.ts
index 0dab115..e767999 100644
--- a/components/design/Checkbox/index.ts
+++ b/components/design/Checkbox/index.ts
@@ -1 +1 @@
-export * from './Checkbox'
+export * from "./Checkbox"
diff --git a/components/design/Divider/Divider.tsx b/components/design/Divider/Divider.tsx
index 43aeee7..812b29c 100644
--- a/components/design/Divider/Divider.tsx
+++ b/components/design/Divider/Divider.tsx
@@ -1,7 +1,7 @@
 export const Divider: React.FC = () => {
   return (
-    <div className='relative mb-3 flex h-[2px] w-full justify-center'>
-      <div className='absolute h-[2px] w-8/12 rounded-full bg-gray-600 dark:bg-white/20'></div>
+    <div className="relative mb-3 flex h-[2px] w-full justify-center">
+      <div className="absolute h-[2px] w-8/12 rounded-full bg-gray-600 dark:bg-white/20"></div>
     </div>
   )
 }
diff --git a/components/design/Divider/index.ts b/components/design/Divider/index.ts
index 1b87264..a40b341 100644
--- a/components/design/Divider/index.ts
+++ b/components/design/Divider/index.ts
@@ -1 +1 @@
-export * from './Divider'
+export * from "./Divider"
diff --git a/components/design/FormState/FormState.tsx b/components/design/FormState/FormState.tsx
index f83c293..b9dbbeb 100644
--- a/components/design/FormState/FormState.tsx
+++ b/components/design/FormState/FormState.tsx
@@ -1,10 +1,10 @@
-import classNames from 'clsx'
-import useTranslation from 'next-translate/useTranslation'
-import type { FetchState as FormStateType } from 'react-component-form'
+import classNames from "clsx"
+import useTranslation from "next-translate/useTranslation"
+import type { FetchState as FormStateType } from "react-component-form"
 
-import { Loader } from '../Loader'
+import { Loader } from "../Loader"
 
-export interface FormStateProps extends React.ComponentPropsWithoutRef<'div'> {
+export interface FormStateProps extends React.ComponentPropsWithoutRef<"div"> {
   state: FormStateType
   message?: string | null
   id?: string
@@ -14,15 +14,15 @@ export const FormState: React.FC<FormStateProps> = (props) => {
   const { state, message, id, ...rest } = props
   const { t } = useTranslation()
 
-  if (state === 'loading') {
+  if (state === "loading") {
     return (
-      <div data-cy='loader' className='mt-8 flex justify-center'>
+      <div data-cy="loader" className="mt-8 flex justify-center">
         <Loader />
       </div>
     )
   }
 
-  if (state === 'idle' || message == null) {
+  if (state === "idle" || message == null) {
     return null
   }
 
@@ -31,15 +31,15 @@ export const FormState: React.FC<FormStateProps> = (props) => {
       {...rest}
       className={classNames(
         props.className,
-        'mt-6 flex max-w-xl items-center text-center font-medium',
+        "mt-6 flex max-w-xl items-center text-center font-medium",
         {
-          'text-red-800 dark:text-red-400': state === 'error',
-          'text-green-800 dark:text-green-400': state === 'success'
-        }
+          "text-red-800 dark:text-red-400": state === "error",
+          "text-green-800 dark:text-green-400": state === "success",
+        },
       )}
     >
-      <div className='inline bg-cover font-headline' />
-      <span id={id} className='pl-2'>
+      <div className="inline bg-cover font-headline" />
+      <span id={id} className="pl-2">
         <b>{t(`errors:${state}`)}:</b> {message}
       </span>
     </div>
diff --git a/components/design/FormState/index.ts b/components/design/FormState/index.ts
index 63a8b8f..f14cd8d 100644
--- a/components/design/FormState/index.ts
+++ b/components/design/FormState/index.ts
@@ -1 +1 @@
-export * from './FormState'
+export * from "./FormState"
diff --git a/components/design/IconButton/IconButton.tsx b/components/design/IconButton/IconButton.tsx
index c944bd1..a264d17 100644
--- a/components/design/IconButton/IconButton.tsx
+++ b/components/design/IconButton/IconButton.tsx
@@ -1,7 +1,7 @@
-import classNames from 'clsx'
+import classNames from "clsx"
 
 export interface IconButtonProps
-  extends React.ComponentPropsWithoutRef<'button'> {}
+  extends React.ComponentPropsWithoutRef<"button"> {}
 
 export const IconButton: React.FC<IconButtonProps> = (props) => {
   const { children, className, ...rest } = props
@@ -9,8 +9,8 @@ export const IconButton: React.FC<IconButtonProps> = (props) => {
   return (
     <button
       className={classNames(
-        'flex items-center justify-center text-center text-green-800 hover:animate-pulse focus:animate-pulse focus:outline-none dark:text-green-400',
-        className
+        "flex items-center justify-center text-center text-green-800 hover:animate-pulse focus:animate-pulse focus:outline-none dark:text-green-400",
+        className,
       )}
       {...rest}
     >
diff --git a/components/design/IconButton/index.ts b/components/design/IconButton/index.ts
index a37a7fc..2cde5a2 100644
--- a/components/design/IconButton/index.ts
+++ b/components/design/IconButton/index.ts
@@ -1 +1 @@
-export * from './IconButton'
+export * from "./IconButton"
diff --git a/components/design/IconLink/IconLink.tsx b/components/design/IconLink/IconLink.tsx
index 38c31ef..57188a9 100644
--- a/components/design/IconLink/IconLink.tsx
+++ b/components/design/IconLink/IconLink.tsx
@@ -1,5 +1,5 @@
-import Link from 'next/link'
-import classNames from 'clsx'
+import Link from "next/link"
+import classNames from "clsx"
 
 export interface IconLinkProps {
   selected?: boolean
@@ -9,27 +9,27 @@ export interface IconLinkProps {
 }
 
 export const IconLink: React.FC<React.PropsWithChildren<IconLinkProps>> = (
-  props
+  props,
 ) => {
   const { children, selected, href, title, className } = props
 
   return (
     <Link
       href={href}
-      className='group relative flex w-full justify-center'
+      className="group relative flex w-full justify-center"
       title={title}
     >
       <div
-        className={classNames('group flex w-full justify-center', className)}
+        className={classNames("group flex w-full justify-center", className)}
       >
         {children}
-        <div className='absolute left-0 flex h-12 w-3 items-center'>
+        <div className="absolute left-0 flex h-12 w-3 items-center">
           <span
             className={classNames(
-              'absolute w-4/12 rounded-r-lg bg-green-700 group-hover:h-5',
+              "absolute w-4/12 rounded-r-lg bg-green-700 group-hover:h-5",
               {
-                'h-full': selected
-              }
+                "h-full": selected,
+              },
             )}
           ></span>
         </div>
diff --git a/components/design/IconLink/index.ts b/components/design/IconLink/index.ts
index bb503ca..d5ca661 100644
--- a/components/design/IconLink/index.ts
+++ b/components/design/IconLink/index.ts
@@ -1 +1 @@
-export * from './IconLink'
+export * from "./IconLink"
diff --git a/components/design/Input/Input.tsx b/components/design/Input/Input.tsx
index 87369c6..a19c00e 100644
--- a/components/design/Input/Input.tsx
+++ b/components/design/Input/Input.tsx
@@ -1,11 +1,11 @@
-import { useState } from 'react'
-import Link from 'next/link'
-import useTranslation from 'next-translate/useTranslation'
-import classNames from 'clsx'
+import { useState } from "react"
+import Link from "next/link"
+import useTranslation from "next-translate/useTranslation"
+import classNames from "clsx"
 
-import { FormState } from '../FormState'
+import { FormState } from "../FormState"
 
-export interface InputProps extends React.ComponentPropsWithRef<'input'> {
+export interface InputProps extends React.ComponentPropsWithRef<"input"> {
   label: string
   error?: string | null
   showForgotPassword?: boolean
@@ -13,7 +13,7 @@ export interface InputProps extends React.ComponentPropsWithRef<'input'> {
 }
 
 export const getInputType = (inputType: string): string => {
-  return inputType === 'password' ? 'text' : 'password'
+  return inputType === "password" ? "text" : "password"
 }
 
 export const Input: React.FC<InputProps> = (props) => {
@@ -21,7 +21,7 @@ export const Input: React.FC<InputProps> = (props) => {
     label,
     name,
     className,
-    type = 'text',
+    type = "text",
     showForgotPassword = false,
     error,
     ...rest
@@ -35,43 +35,43 @@ export const Input: React.FC<InputProps> = (props) => {
   }
 
   return (
-    <div className='flex flex-col'>
-      <div className={classNames('mb-2 mt-6 flex justify-between', className)}>
-        <label className='pl-1' htmlFor={name}>
+    <div className="flex flex-col">
+      <div className={classNames("mb-2 mt-6 flex justify-between", className)}>
+        <label className="pl-1" htmlFor={name}>
           {label}
         </label>
-        {type === 'password' && showForgotPassword ? (
+        {type === "password" && showForgotPassword ? (
           <Link
-            href='/authentication/forgot-password'
-            className='text-center font-headline text-xs text-green-800 hover:underline dark:text-green-400 sm:text-sm'
-            data-cy='forgot-password-link'
+            href="/authentication/forgot-password"
+            className="text-center font-headline text-xs text-green-800 hover:underline dark:text-green-400 sm:text-sm"
+            data-cy="forgot-password-link"
           >
-            {t('authentication:forgot-password')}
+            {t("authentication:forgot-password")}
           </Link>
         ) : null}
       </div>
-      <div className='relative mt-0'>
+      <div className="relative mt-0">
         <input
-          data-cy={`input-${name ?? 'name'}`}
-          className='h-11 w-full rounded-lg border border-transparent bg-[#f1f1f1] px-3 font-paragraph leading-10 text-[#2a2a2a] caret-green-600 focus:border focus:shadow-green focus:outline-none'
+          data-cy={`input-${name ?? "name"}`}
+          className="h-11 w-full rounded-lg border border-transparent bg-[#f1f1f1] px-3 font-paragraph leading-10 text-[#2a2a2a] caret-green-600 focus:border focus:shadow-green focus:outline-none"
           {...rest}
           id={name}
           name={name}
           type={inputType}
         />
-        {type === 'password' && (
+        {type === "password" && (
           <div
-            data-cy='password-eye'
+            data-cy="password-eye"
             onClick={handlePassword}
             style={{
-              backgroundImage: `url('/images/svg/icons/input/${inputType}.svg')`
+              backgroundImage: `url('/images/svg/icons/input/${inputType}.svg')`,
             }}
-            className='absolute right-4 top-3 z-10 h-5 w-5 cursor-pointer bg-[#f1f1f1] bg-cover'
+            className="absolute right-4 top-3 z-10 h-5 w-5 cursor-pointer bg-[#f1f1f1] bg-cover"
           />
         )}
         <FormState
-          id={`error-${name ?? 'input'}`}
-          state={error == null ? 'idle' : 'error'}
+          id={`error-${name ?? "input"}`}
+          state={error == null ? "idle" : "error"}
           message={error}
         />
       </div>
diff --git a/components/design/Input/index.ts b/components/design/Input/index.ts
index 54e51f6..bdc4010 100644
--- a/components/design/Input/index.ts
+++ b/components/design/Input/index.ts
@@ -1 +1 @@
-export * from './Input'
+export * from "./Input"
diff --git a/components/design/Loader/Loader.tsx b/components/design/Loader/Loader.tsx
index 5959fe2..e4bf7b0 100644
--- a/components/design/Loader/Loader.tsx
+++ b/components/design/Loader/Loader.tsx
@@ -1,4 +1,4 @@
-import styles from './Loader.module.css'
+import styles from "./Loader.module.css"
 
 export interface LoaderProps {
   width?: number
@@ -12,19 +12,19 @@ export const Loader: React.FC<LoaderProps> = (props) => {
   return (
     <div className={className}>
       <div
-        data-cy='progress-spinner'
-        className='relative mx-auto my-0 before:block before:pt-[100%] before:content-none'
+        data-cy="progress-spinner"
+        className="relative mx-auto my-0 before:block before:pt-[100%] before:content-none"
         style={{ width: `${width}px`, height: `${height}px` }}
       >
-        <svg className={styles['progressSpinnerSvg']} viewBox='25 25 50 50'>
+        <svg className={styles["progressSpinnerSvg"]} viewBox="25 25 50 50">
           <circle
-            className={styles['progressSpinnerCircle']}
-            cx='50'
-            cy='50'
-            r='20'
-            fill='none'
-            strokeWidth='2'
-            strokeMiterlimit='10'
+            className={styles["progressSpinnerCircle"]}
+            cx="50"
+            cy="50"
+            r="20"
+            fill="none"
+            strokeWidth="2"
+            strokeMiterlimit="10"
           />
         </svg>
       </div>
diff --git a/components/design/Loader/index.ts b/components/design/Loader/index.ts
index 4e20d2b..80aacd0 100644
--- a/components/design/Loader/index.ts
+++ b/components/design/Loader/index.ts
@@ -1 +1 @@
-export * from './Loader'
+export * from "./Loader"
diff --git a/components/design/Main/Main.tsx b/components/design/Main/Main.tsx
index bce1d26..c2d39e7 100644
--- a/components/design/Main/Main.tsx
+++ b/components/design/Main/Main.tsx
@@ -1,4 +1,4 @@
-import classNames from 'clsx'
+import classNames from "clsx"
 
 export interface MainProps {
   className?: string
@@ -10,8 +10,8 @@ export const Main: React.FC<React.PropsWithChildren<MainProps>> = (props) => {
   return (
     <main
       className={classNames(
-        'flex flex-1 flex-col items-center justify-center py-8',
-        className
+        "flex flex-1 flex-col items-center justify-center py-8",
+        className,
       )}
     >
       {children}
diff --git a/components/design/Main/index.ts b/components/design/Main/index.ts
index 59f6640..3c0d274 100644
--- a/components/design/Main/index.ts
+++ b/components/design/Main/index.ts
@@ -1 +1 @@
-export * from './Main'
+export * from "./Main"
diff --git a/components/design/SocialMediaButton/SocialMediaButton.tsx b/components/design/SocialMediaButton/SocialMediaButton.tsx
index 3216167..5cba137 100644
--- a/components/design/SocialMediaButton/SocialMediaButton.tsx
+++ b/components/design/SocialMediaButton/SocialMediaButton.tsx
@@ -1,9 +1,9 @@
-import { useMemo } from 'react'
-import Image from 'next/image'
-import classNames from 'clsx'
+import { useMemo } from "react"
+import Image from "next/image"
+import classNames from "clsx"
 
-import type { ProviderOAuth } from '../../../models/OAuth'
-import styles from './SocialMediaButton.module.css'
+import type { ProviderOAuth } from "../../../models/OAuth"
+import styles from "./SocialMediaButton.module.css"
 
 export type SocialMedia = ProviderOAuth
 
@@ -12,13 +12,13 @@ type SocialMediaColors = {
 }
 
 const socialMediaColors: SocialMediaColors = {
-  Discord: '#404EED',
-  GitHub: '#24292E',
-  Google: '#FCFCFC'
+  Discord: "#404EED",
+  GitHub: "#24292E",
+  Google: "#FCFCFC",
 }
 
 const className =
-  'py-2 px-6 inline-flex outline-none items-center font-paragraph rounded-lg cursor-pointer transition duration-300 ease-in-out hover:opacity-80 focus:outline-none'
+  "py-2 px-6 inline-flex outline-none items-center font-paragraph rounded-lg cursor-pointer transition duration-300 ease-in-out hover:opacity-80 focus:outline-none"
 
 interface SocialMediaChildrenProps {
   socialMedia: SocialMedia
@@ -36,13 +36,13 @@ const SocialMediaChildren: React.FC<SocialMediaChildrenProps> = (props) => {
         src={`/images/svg/web/${socialMedia}.svg`}
         alt={socialMedia}
       />
-      <span className='ml-2'>{socialMedia}</span>
+      <span className="ml-2">{socialMedia}</span>
     </>
   )
 }
 
 export interface SocialMediaButtonProps
-  extends React.ComponentPropsWithRef<'button'>,
+  extends React.ComponentPropsWithRef<"button">,
     SocialMediaChildrenProps {}
 
 export const SocialMediaButton: React.FC<SocialMediaButtonProps> = (props) => {
@@ -58,12 +58,12 @@ export const SocialMediaButton: React.FC<SocialMediaButtonProps> = (props) => {
       style={{ background: socialMediaColor }}
       className={classNames(
         className,
-        styles['button'],
+        styles["button"],
         {
-          [styles['buttonGoogle'] as string]: socialMedia === 'Google',
-          [styles['buttonMedia'] as string]: socialMedia !== 'Google'
+          [styles["buttonGoogle"] as string]: socialMedia === "Google",
+          [styles["buttonMedia"] as string]: socialMedia !== "Google",
         },
-        givenClassName
+        givenClassName,
       )}
     >
       <SocialMediaChildren socialMedia={socialMedia} />
@@ -72,7 +72,7 @@ export const SocialMediaButton: React.FC<SocialMediaButtonProps> = (props) => {
 }
 
 export interface SocialMediaLinkProps
-  extends React.ComponentPropsWithRef<'a'>,
+  extends React.ComponentPropsWithRef<"a">,
     SocialMediaChildrenProps {}
 
 export const SocialMediaLink: React.FC<SocialMediaLinkProps> = (props) => {
@@ -88,12 +88,12 @@ export const SocialMediaLink: React.FC<SocialMediaLinkProps> = (props) => {
       style={{ background: socialMediaColor }}
       className={classNames(
         className,
-        styles['button'],
+        styles["button"],
         {
-          [styles['buttonGoogle'] as string]: socialMedia === 'Google',
-          [styles['buttonMedia'] as string]: socialMedia !== 'Google'
+          [styles["buttonGoogle"] as string]: socialMedia === "Google",
+          [styles["buttonMedia"] as string]: socialMedia !== "Google",
         },
-        givenClassName
+        givenClassName,
       )}
     >
       <SocialMediaChildren socialMedia={socialMedia} />
diff --git a/components/design/SocialMediaButton/index.ts b/components/design/SocialMediaButton/index.ts
index 6d1fb53..1ab9205 100644
--- a/components/design/SocialMediaButton/index.ts
+++ b/components/design/SocialMediaButton/index.ts
@@ -1 +1 @@
-export * from './SocialMediaButton'
+export * from "./SocialMediaButton"
diff --git a/components/design/Textarea/Textarea.tsx b/components/design/Textarea/Textarea.tsx
index e671e6e..a4b70ed 100644
--- a/components/design/Textarea/Textarea.tsx
+++ b/components/design/Textarea/Textarea.tsx
@@ -1,5 +1,5 @@
-import type { TextareaAutosizeProps } from 'react-textarea-autosize'
-import TextareaAutosize from 'react-textarea-autosize'
+import type { TextareaAutosizeProps } from "react-textarea-autosize"
+import TextareaAutosize from "react-textarea-autosize"
 
 export interface TextareaProps extends TextareaAutosizeProps {
   label: string
@@ -9,16 +9,16 @@ export const Textarea: React.FC<TextareaProps> = (props) => {
   const { label, id, ...rest } = props
 
   return (
-    <div className='flex flex-col'>
-      <div className='mb-2 mt-6 flex justify-between'>
-        <label className='pl-1' htmlFor={id}>
+    <div className="flex flex-col">
+      <div className="mb-2 mt-6 flex justify-between">
+        <label className="pl-1" htmlFor={id}>
           {label}
         </label>
       </div>
-      <div className='relative mt-0'>
+      <div className="relative mt-0">
         <TextareaAutosize
-          className='w-full resize-none overflow-hidden rounded-lg bg-[#f1f1f1] p-3 font-paragraph text-[#2a2a2a] caret-green-600 focus:border focus:shadow-green focus:outline-none'
-          wrap='soft'
+          className="w-full resize-none overflow-hidden rounded-lg bg-[#f1f1f1] p-3 font-paragraph text-[#2a2a2a] caret-green-600 focus:border focus:shadow-green focus:outline-none"
+          wrap="soft"
           id={id}
           name={id}
           {...rest}
diff --git a/components/design/Textarea/index.ts b/components/design/Textarea/index.ts
index 9b6f109..74a54b4 100644
--- a/components/design/Textarea/index.ts
+++ b/components/design/Textarea/index.ts
@@ -1 +1 @@
-export * from './Textarea'
+export * from "./Textarea"
diff --git a/compose.yaml b/compose.yaml
index 7cdd086..6d6738a 100644
--- a/compose.yaml
+++ b/compose.yaml
@@ -1,11 +1,11 @@
 services:
   thream-website:
     container_name: ${COMPOSE_PROJECT_NAME}
-    image: 'thream-website'
-    restart: 'unless-stopped'
+    image: "thream-website"
+    restart: "unless-stopped"
     build:
-      context: './'
-    network_mode: 'host'
+      context: "./"
+    network_mode: "host"
     environment:
       PORT: ${PORT-3000}
-    env_file: '.env'
+    env_file: ".env"
diff --git a/contexts/Channels.tsx b/contexts/Channels.tsx
index cb2270d..10ab39d 100644
--- a/contexts/Channels.tsx
+++ b/contexts/Channels.tsx
@@ -1,15 +1,15 @@
-import { createContext, useContext, useEffect, useMemo } from 'react'
-import { useRouter } from 'next/router'
+import { createContext, useContext, useEffect, useMemo } from "react"
+import { useRouter } from "next/router"
 
-import type { NextPage } from '../hooks/usePagination'
-import { usePagination } from '../hooks/usePagination'
-import { useAuthentication } from '../tools/authentication'
-import type { Channel, ChannelWithDefaultChannelId } from '../models/Channel'
-import type { GuildsChannelsPath } from '../components/Application'
-import type { SocketData } from '../tools/handleSocketData'
-import { handleSocketData } from '../tools/handleSocketData'
-import type { CacheKey } from '../tools/cache'
-import { CHANNELS_CACHE_KEY } from '../tools/cache'
+import type { NextPage } from "../hooks/usePagination"
+import { usePagination } from "../hooks/usePagination"
+import { useAuthentication } from "../tools/authentication"
+import type { Channel, ChannelWithDefaultChannelId } from "../models/Channel"
+import type { GuildsChannelsPath } from "../components/Application"
+import type { SocketData } from "../tools/handleSocketData"
+import { handleSocketData } from "../tools/handleSocketData"
+import type { CacheKey } from "../tools/cache"
+import { CHANNELS_CACHE_KEY } from "../tools/cache"
 
 export interface Channels {
   channels: Channel[]
@@ -40,28 +40,28 @@ export const ChannelsProvider: React.FC<
     hasMore,
     nextPage,
     resetPagination,
-    setItems
+    setItems,
   } = usePagination<Channel>({
     api: authentication.api,
     url: `/guilds/${path.guildId}/channels`,
-    cacheKey
+    cacheKey,
   })
 
   useEffect(() => {
     authentication?.socket?.on(
-      'channels',
+      "channels",
       async (data: SocketData<ChannelWithDefaultChannelId>) => {
         handleSocketData({ data, setItems, cacheKey })
-        if (data.action === 'delete') {
+        if (data.action === "delete") {
           await router.push(
-            `/application/${path.guildId}/${data.item.defaultChannelId}`
+            `/application/${path.guildId}/${data.item.defaultChannelId}`,
           )
         }
-      }
+      },
     )
 
     return () => {
-      authentication?.socket?.off('channels')
+      authentication?.socket?.off("channels")
     }
   }, [authentication.socket, path.guildId, router, setItems, cacheKey])
 
@@ -80,7 +80,7 @@ export const ChannelsProvider: React.FC<
 export const useChannels = (): Channels => {
   const channels = useContext(ChannelsContext)
   if (channels === defaultChannelsContext) {
-    throw new Error('`useChannels` must be used within `ChannelsProvider`')
+    throw new Error("`useChannels` must be used within `ChannelsProvider`")
   }
   return channels
 }
diff --git a/contexts/GuildMember.tsx b/contexts/GuildMember.tsx
index 000158b..48ecdcd 100644
--- a/contexts/GuildMember.tsx
+++ b/contexts/GuildMember.tsx
@@ -1,10 +1,10 @@
-import { createContext, useContext, useEffect, useState } from 'react'
-import { useRouter } from 'next/router'
+import { createContext, useContext, useEffect, useState } from "react"
+import { useRouter } from "next/router"
 
-import type { GuildWithDefaultChannelId } from '../models/Guild'
-import type { Member } from '../models/Member'
-import { useAuthentication } from '../tools/authentication'
-import type { SocketData } from '../tools/handleSocketData'
+import type { GuildWithDefaultChannelId } from "../models/Guild"
+import type { Member } from "../models/Member"
+import { useAuthentication } from "../tools/authentication"
+import type { SocketData } from "../tools/handleSocketData"
 
 export interface GuildMember {
   guild: GuildWithDefaultChannelId
@@ -22,7 +22,7 @@ export interface GuildMemberProps {
 
 const defaultGuildMemberContext = {} as any
 const GuildMemberContext = createContext<GuildMemberResult>(
-  defaultGuildMemberContext
+  defaultGuildMemberContext,
 )
 
 export const GuildMemberProvider: React.FC<
@@ -46,38 +46,38 @@ export const GuildMemberProvider: React.FC<
 
   useEffect(() => {
     authentication?.socket?.on(
-      'guilds',
+      "guilds",
       async (data: SocketData<GuildWithDefaultChannelId>) => {
         if (data.item.id === path.guildId) {
           switch (data.action) {
-            case 'delete':
-              await router.push('/application')
+            case "delete":
+              await router.push("/application")
               break
-            case 'update':
+            case "update":
               setGuildMember((oldGuildMember) => {
                 return {
                   ...oldGuildMember,
                   guild: {
                     ...oldGuildMember.guild,
-                    ...data.item
-                  }
+                    ...data.item,
+                  },
                 }
               })
               break
           }
         }
-      }
+      },
     )
 
     return () => {
-      authentication?.socket?.off('guilds')
+      authentication?.socket?.off("guilds")
     }
   }, [authentication.socket, path.guildId, router])
 
   return (
     <GuildMemberContext.Provider
       value={{
-        ...guildMember
+        ...guildMember,
       }}
     >
       {children}
@@ -89,7 +89,7 @@ export const useGuildMember = (): GuildMemberResult => {
   const guildMember = useContext(GuildMemberContext)
   if (guildMember === defaultGuildMemberContext) {
     throw new Error(
-      '`useGuildMember` must be used within `GuildMemberProvider`'
+      "`useGuildMember` must be used within `GuildMemberProvider`",
     )
   }
   return guildMember
diff --git a/contexts/Guilds.tsx b/contexts/Guilds.tsx
index c2377db..4efd17f 100644
--- a/contexts/Guilds.tsx
+++ b/contexts/Guilds.tsx
@@ -1,12 +1,12 @@
-import { createContext, useContext, useEffect } from 'react'
+import { createContext, useContext, useEffect } from "react"
 
-import type { NextPage } from '../hooks/usePagination'
-import { usePagination } from '../hooks/usePagination'
-import { useAuthentication } from '../tools/authentication'
-import type { GuildWithDefaultChannelId } from '../models/Guild'
-import type { SocketData } from '../tools/handleSocketData'
-import { handleSocketData } from '../tools/handleSocketData'
-import { GUILDS_CACHE_KEY } from '../tools/cache'
+import type { NextPage } from "../hooks/usePagination"
+import { usePagination } from "../hooks/usePagination"
+import { useAuthentication } from "../tools/authentication"
+import type { GuildWithDefaultChannelId } from "../models/Guild"
+import type { SocketData } from "../tools/handleSocketData"
+import { handleSocketData } from "../tools/handleSocketData"
+import { GUILDS_CACHE_KEY } from "../tools/cache"
 
 export interface Guilds {
   guilds: GuildWithDefaultChannelId[]
@@ -27,23 +27,23 @@ export const GuildsProvider: React.FC<React.PropsWithChildren> = (props) => {
     hasMore,
     nextPage,
     resetPagination,
-    setItems
+    setItems,
   } = usePagination<GuildWithDefaultChannelId>({
     api: authentication.api,
-    url: '/guilds',
-    cacheKey: GUILDS_CACHE_KEY
+    url: "/guilds",
+    cacheKey: GUILDS_CACHE_KEY,
   })
 
   useEffect(() => {
     authentication?.socket?.on(
-      'guilds',
+      "guilds",
       (data: SocketData<GuildWithDefaultChannelId>) => {
         handleSocketData({ data, setItems, cacheKey: GUILDS_CACHE_KEY })
-      }
+      },
     )
 
     return () => {
-      authentication?.socket?.off('guilds')
+      authentication?.socket?.off("guilds")
     }
   }, [authentication.socket, setItems])
 
@@ -62,7 +62,7 @@ export const GuildsProvider: React.FC<React.PropsWithChildren> = (props) => {
 export const useGuilds = (): Guilds => {
   const guilds = useContext(GuildsContext)
   if (guilds === defaultGuildsContext) {
-    throw new Error('`useGuilds` must be used within `GuildsProvider`')
+    throw new Error("`useGuilds` must be used within `GuildsProvider`")
   }
   return guilds
 }
diff --git a/contexts/Members.tsx b/contexts/Members.tsx
index 2daa52a..210455f 100644
--- a/contexts/Members.tsx
+++ b/contexts/Members.tsx
@@ -1,15 +1,15 @@
-import { createContext, useContext, useEffect, useMemo } from 'react'
+import { createContext, useContext, useEffect, useMemo } from "react"
 
-import type { NextPage } from '../hooks/usePagination'
-import { usePagination } from '../hooks/usePagination'
-import { useAuthentication } from '../tools/authentication'
-import type { MemberWithPublicUser } from '../models/Member'
-import type { GuildsChannelsPath } from '../components/Application'
-import type { SocketData } from '../tools/handleSocketData'
-import { handleSocketData } from '../tools/handleSocketData'
-import type { User } from '../models/User'
-import type { CacheKey } from '../tools/cache'
-import { MEMBERS_CACHE_KEY } from '../tools/cache'
+import type { NextPage } from "../hooks/usePagination"
+import { usePagination } from "../hooks/usePagination"
+import { useAuthentication } from "../tools/authentication"
+import type { MemberWithPublicUser } from "../models/Member"
+import type { GuildsChannelsPath } from "../components/Application"
+import type { SocketData } from "../tools/handleSocketData"
+import { handleSocketData } from "../tools/handleSocketData"
+import type { User } from "../models/User"
+import type { CacheKey } from "../tools/cache"
+import { MEMBERS_CACHE_KEY } from "../tools/cache"
 
 export interface Members {
   members: MemberWithPublicUser[]
@@ -40,26 +40,26 @@ export const MembersProviders: React.FC<
     hasMore,
     nextPage,
     resetPagination,
-    setItems
+    setItems,
   } = usePagination<MemberWithPublicUser>({
     api: authentication.api,
     url: `/guilds/${path.guildId}/members`,
-    cacheKey
+    cacheKey,
   })
 
   useEffect(() => {
     authentication?.socket?.on(
-      'members',
+      "members",
       (data: SocketData<MemberWithPublicUser>) => {
         handleSocketData({ data, setItems, cacheKey })
-      }
+      },
     )
 
-    authentication?.socket?.on('users', (data: SocketData<User>) => {
+    authentication?.socket?.on("users", (data: SocketData<User>) => {
       setItems((oldItems) => {
         const newItems = [...oldItems]
         switch (data.action) {
-          case 'update': {
+          case "update": {
             for (const member of newItems) {
               if (member.user.id === data.item.id) {
                 member.user = data.item
@@ -74,8 +74,8 @@ export const MembersProviders: React.FC<
     })
 
     return () => {
-      authentication?.socket?.off('members')
-      authentication?.socket?.off('users')
+      authentication?.socket?.off("members")
+      authentication?.socket?.off("users")
     }
   }, [authentication.socket, setItems, cacheKey])
 
@@ -94,7 +94,7 @@ export const MembersProviders: React.FC<
 export const useMembers = (): Members => {
   const members = useContext(MembersContext)
   if (members === defaultMembersContext) {
-    throw new Error('`useMembers` must be used within `MembersProvider`')
+    throw new Error("`useMembers` must be used within `MembersProvider`")
   }
   return members
 }
diff --git a/contexts/Messages.tsx b/contexts/Messages.tsx
index 0d3f62c..2699eca 100644
--- a/contexts/Messages.tsx
+++ b/contexts/Messages.tsx
@@ -1,14 +1,14 @@
-import { createContext, useContext, useEffect, useMemo } from 'react'
+import { createContext, useContext, useEffect, useMemo } from "react"
 
-import type { NextPage } from '../hooks/usePagination'
-import { usePagination } from '../hooks/usePagination'
-import { useAuthentication } from '../tools/authentication'
-import type { MessageWithMember } from '../models/Message'
-import type { GuildsChannelsPath } from '../components/Application'
-import type { SocketData } from '../tools/handleSocketData'
-import { handleSocketData } from '../tools/handleSocketData'
-import type { CacheKey } from '../tools/cache'
-import { MESSAGES_CACHE_KEY } from '../tools/cache'
+import type { NextPage } from "../hooks/usePagination"
+import { usePagination } from "../hooks/usePagination"
+import { useAuthentication } from "../tools/authentication"
+import type { MessageWithMember } from "../models/Message"
+import type { GuildsChannelsPath } from "../components/Application"
+import type { SocketData } from "../tools/handleSocketData"
+import { handleSocketData } from "../tools/handleSocketData"
+import type { CacheKey } from "../tools/cache"
+import { MESSAGES_CACHE_KEY } from "../tools/cache"
 
 export interface Messages {
   messages: MessageWithMember[]
@@ -38,38 +38,38 @@ export const MessagesProvider: React.FC<
     hasMore,
     nextPage,
     resetPagination,
-    setItems
+    setItems,
   } = usePagination<MessageWithMember>({
     api: authentication.api,
     url: `/channels/${path.channelId}/messages`,
     inverse: true,
-    cacheKey
+    cacheKey,
   })
 
   useEffect(() => {
     authentication?.socket?.on(
-      'messages',
+      "messages",
       (data: SocketData<MessageWithMember>) => {
         if (data.item.channelId === path.channelId) {
           const messagesDiv = window.document.getElementById(
-            'messages'
+            "messages",
           ) as HTMLDivElement
           const isAtBottom =
             messagesDiv.scrollHeight - messagesDiv.scrollTop <=
             messagesDiv.clientHeight
           handleSocketData({ data, setItems, cacheKey })
           if (
-            data.action === 'create' &&
+            data.action === "create" &&
             (isAtBottom || data.item.member.userId === user.id)
           ) {
             messagesDiv.scrollTo(0, messagesDiv.scrollHeight)
           }
         }
-      }
+      },
     )
 
     return () => {
-      authentication?.socket?.off('messages')
+      authentication?.socket?.off("messages")
     }
   }, [authentication.socket, setItems, path, user.id, cacheKey])
 
@@ -77,7 +77,7 @@ export const MessagesProvider: React.FC<
     resetPagination()
     nextPage(undefined, () => {
       const messagesDiv = window.document.getElementById(
-        'messages'
+        "messages",
       ) as HTMLDivElement
       messagesDiv.scrollTo(0, messagesDiv.scrollHeight)
     })
@@ -93,7 +93,7 @@ export const MessagesProvider: React.FC<
 export const useMessages = (): Messages => {
   const messages = useContext(MessagesContext)
   if (messages === defaultMessagesContext) {
-    throw new Error('`useMessages` must be used within a `MessagesProvider`')
+    throw new Error("`useMessages` must be used within a `MessagesProvider`")
   }
   return messages
 }
diff --git a/cypress.config.ts b/cypress.config.ts
index c56beca..7a0900f 100644
--- a/cypress.config.ts
+++ b/cypress.config.ts
@@ -1,17 +1,17 @@
-import path from 'node:path'
+import path from "node:path"
 
-import { defineConfig } from 'cypress'
-import { getLocal } from 'mockttp'
-import type { Mockttp } from 'mockttp'
+import { defineConfig } from "cypress"
+import { getLocal } from "mockttp"
+import type { Mockttp } from "mockttp"
 
-import { API_DEFAULT_PORT } from './tools/api'
-import type { Handlers } from './cypress/fixtures/handler'
+import { API_DEFAULT_PORT } from "./tools/api"
+import type { Handlers } from "./cypress/fixtures/handler"
 
 const UPLOADS_FIXTURES_DIRECTORY = path.join(
   process.cwd(),
-  'cypress',
-  'fixtures',
-  'uploads'
+  "cypress",
+  "fixtures",
+  "uploads",
 )
 
 let server: Mockttp | null = null
@@ -21,10 +21,10 @@ export default defineConfig({
   video: false,
   screenshotOnRunFailure: false,
   e2e: {
-    baseUrl: 'http://127.0.0.1:3000',
+    baseUrl: "http://127.0.0.1:3000",
     supportFile: false,
     setupNodeEvents(on, config) {
-      on('task', {
+      on("task", {
         async startMockServer(handlers: Handlers): Promise<null> {
           server = getLocal({ cors: true })
           await server.start(API_DEFAULT_PORT)
@@ -32,23 +32,23 @@ export default defineConfig({
             const { isFile = false, statusCode, body } = handler.response
             let requestBuilder = server.forGet(handler.url)
             switch (handler.method) {
-              case 'GET':
+              case "GET":
                 requestBuilder = server.forGet(handler.url)
                 break
-              case 'POST':
+              case "POST":
                 requestBuilder = server.forPost(handler.url)
                 break
-              case 'PUT':
+              case "PUT":
                 requestBuilder = server.forPut(handler.url)
                 break
-              case 'DELETE':
+              case "DELETE":
                 requestBuilder = server.forDelete(handler.url)
                 break
             }
             if (isFile) {
               await requestBuilder.thenFromFile(
                 statusCode,
-                path.join(UPLOADS_FIXTURES_DIRECTORY, ...body)
+                path.join(UPLOADS_FIXTURES_DIRECTORY, ...body),
               )
             } else {
               await requestBuilder.thenJson(statusCode, body)
@@ -64,16 +64,16 @@ export default defineConfig({
             server = null
           }
           return null
-        }
+        },
       })
 
       return config
-    }
+    },
   },
   component: {
     devServer: {
-      framework: 'next',
-      bundler: 'webpack'
-    }
-  }
+      framework: "next",
+      bundler: "webpack",
+    },
+  },
 })
diff --git a/cypress/component/components/Emoji/isStringWithOnlyOneEmoji.cy.ts b/cypress/component/components/Emoji/isStringWithOnlyOneEmoji.cy.ts
index 28dcca7..f597803 100644
--- a/cypress/component/components/Emoji/isStringWithOnlyOneEmoji.cy.ts
+++ b/cypress/component/components/Emoji/isStringWithOnlyOneEmoji.cy.ts
@@ -1,18 +1,18 @@
-import { isStringWithOnlyOneEmoji } from '../../../../components/Emoji/isStringWithOnlyOneEmoji'
+import { isStringWithOnlyOneEmoji } from "../../../../components/Emoji/isStringWithOnlyOneEmoji"
 
-describe('components/Emoji/isStringWithOnlyOneEmoji', () => {
-  it('returns true with a string with only one emoji', () => {
-    expect(isStringWithOnlyOneEmoji(':wave:')).equal(true)
-    expect(isStringWithOnlyOneEmoji(':smile:')).equal(true)
+describe("components/Emoji/isStringWithOnlyOneEmoji", () => {
+  it("returns true with a string with only one emoji", () => {
+    expect(isStringWithOnlyOneEmoji(":wave:")).equal(true)
+    expect(isStringWithOnlyOneEmoji(":smile:")).equal(true)
   })
 
-  it('returns false with a string with multiple emoji or with text', () => {
-    expect(isStringWithOnlyOneEmoji(':wave: :smile:')).equal(false)
-    expect(isStringWithOnlyOneEmoji(':wave: some text')).equal(false)
-    expect(isStringWithOnlyOneEmoji('some text :wave:')).equal(false)
+  it("returns false with a string with multiple emoji or with text", () => {
+    expect(isStringWithOnlyOneEmoji(":wave: :smile:")).equal(false)
+    expect(isStringWithOnlyOneEmoji(":wave: some text")).equal(false)
+    expect(isStringWithOnlyOneEmoji("some text :wave:")).equal(false)
   })
 
-  it('returns false with a string without emoji', () => {
-    expect(isStringWithOnlyOneEmoji('some text')).equal(false)
+  it("returns false with a string without emoji", () => {
+    expect(isStringWithOnlyOneEmoji("some text")).equal(false)
   })
 })
diff --git a/cypress/component/components/Footer.cy.tsx b/cypress/component/components/Footer.cy.tsx
index a7c9aad..8a7d00a 100644
--- a/cypress/component/components/Footer.cy.tsx
+++ b/cypress/component/components/Footer.cy.tsx
@@ -1,16 +1,16 @@
-import { Footer } from '../../../components/Footer'
+import { Footer } from "../../../components/Footer"
 
-describe('<Footer />', () => {
-  it('should render with appropriate link tag version', () => {
-    const version = '1.0.0'
+describe("<Footer />", () => {
+  it("should render with appropriate link tag version", () => {
+    const version = "1.0.0"
     cy.mount(<Footer version={version} />)
-    cy.contains('Thream')
-      .get('[data-cy=version-link-website]')
-      .should('have.text', `website v${version}`)
+    cy.contains("Thream")
+      .get("[data-cy=version-link-website]")
+      .should("have.text", `website v${version}`)
       .should(
-        'have.attr',
-        'href',
-        `https://github.com/Thream/website/releases/tag/v${version}`
+        "have.attr",
+        "href",
+        `https://github.com/Thream/website/releases/tag/v${version}`,
       )
   })
 })
diff --git a/cypress/component/components/design/FormState.cy.tsx b/cypress/component/components/design/FormState.cy.tsx
index ece0cfe..2e2eeba 100644
--- a/cypress/component/components/design/FormState.cy.tsx
+++ b/cypress/component/components/design/FormState.cy.tsx
@@ -1,35 +1,35 @@
-import { FormState } from '../../../../components/design/FormState'
+import { FormState } from "../../../../components/design/FormState"
 
-describe('<FormState />', () => {
-  it('should return nothing if the state is idle', () => {
-    cy.mount(<FormState state='idle' />)
-      .get('[data-cy-root]')
-      .should('be.empty')
+describe("<FormState />", () => {
+  it("should return nothing if the state is idle", () => {
+    cy.mount(<FormState state="idle" />)
+      .get("[data-cy-root]")
+      .should("be.empty")
   })
 
-  it('should return nothing if the message is null', () => {
-    cy.mount(<FormState state='error' />)
-      .get('[data-cy-root]')
-      .should('be.empty')
+  it("should return nothing if the message is null", () => {
+    cy.mount(<FormState state="error" />)
+      .get("[data-cy-root]")
+      .should("be.empty")
   })
 
-  it('should render the <Loader /> if state is loading', () => {
-    cy.mount(<FormState state='loading' />)
-      .get('[data-cy=loader]')
-      .should('be.visible')
+  it("should render the <Loader /> if state is loading", () => {
+    cy.mount(<FormState state="loading" />)
+      .get("[data-cy=loader]")
+      .should("be.visible")
   })
 
-  it('should render the success message if state is success', () => {
-    const message = 'Success Message'
-    cy.mount(<FormState state='success' message={message} id='success' />)
-      .get('#success')
+  it("should render the success message if state is success", () => {
+    const message = "Success Message"
+    cy.mount(<FormState state="success" message={message} id="success" />)
+      .get("#success")
       .contains(message)
   })
 
-  it('should render the error message if state is error', () => {
-    const message = 'Error Message'
-    cy.mount(<FormState state='error' message={message} id='error' />)
-      .get('#error')
+  it("should render the error message if state is error", () => {
+    const message = "Error Message"
+    cy.mount(<FormState state="error" message={message} id="error" />)
+      .get("#error")
       .contains(message)
   })
 })
diff --git a/cypress/component/components/design/Input.cy.tsx b/cypress/component/components/design/Input.cy.tsx
index 3f7066e..468f66a 100644
--- a/cypress/component/components/design/Input.cy.tsx
+++ b/cypress/component/components/design/Input.cy.tsx
@@ -1,48 +1,48 @@
-import { Input, getInputType } from '../../../../components/design/Input'
+import { Input, getInputType } from "../../../../components/design/Input"
 
-describe('<Input />', () => {
-  it('should render the label', () => {
-    const labelContent = 'label content'
+describe("<Input />", () => {
+  it("should render the label", () => {
+    const labelContent = "label content"
     cy.mount(<Input label={labelContent} />)
-      .get('label')
-      .should('have.text', labelContent)
+      .get("label")
+      .should("have.text", labelContent)
   })
 
-  it('should not render forgot password link', () => {
-    cy.mount(<Input type='text' label='content' showForgotPassword />)
-      .get('[data-cy=forgot-password-link]')
-      .should('not.exist')
+  it("should not render forgot password link", () => {
+    cy.mount(<Input type="text" label="content" showForgotPassword />)
+      .get("[data-cy=forgot-password-link]")
+      .should("not.exist")
   })
 
-  it('should render forgot password link', () => {
-    cy.mount(<Input type='password' label='content' showForgotPassword />)
-      .get('[data-cy=forgot-password-link]')
-      .should('exist')
+  it("should render forgot password link", () => {
+    cy.mount(<Input type="password" label="content" showForgotPassword />)
+      .get("[data-cy=forgot-password-link]")
+      .should("exist")
   })
 
   it('should not render the eye icon if the input is not of type "password"', () => {
-    cy.mount(<Input type='text' label='content' />)
-      .get('[data-cy=password-eye]')
-      .should('not.exist')
+    cy.mount(<Input type="text" label="content" />)
+      .get("[data-cy=password-eye]")
+      .should("not.exist")
   })
 
-  it('should handlePassword with eye icon', async () => {
-    cy.mount(<Input type='password' label='content' />)
-      .get('input')
-      .should('have.attr', 'type', 'password')
-      .get('[data-cy=password-eye]')
+  it("should handlePassword with eye icon", async () => {
+    cy.mount(<Input type="password" label="content" />)
+      .get("input")
+      .should("have.attr", "type", "password")
+      .get("[data-cy=password-eye]")
       .click()
-      .get('input')
-      .should('have.attr', 'type', 'text')
+      .get("input")
+      .should("have.attr", "type", "text")
   })
 
-  describe('getInputType', () => {
-    it('should return `text`', () => {
-      expect(getInputType('password')).equal('text')
+  describe("getInputType", () => {
+    it("should return `text`", () => {
+      expect(getInputType("password")).equal("text")
     })
 
-    it('should return `password`', () => {
-      expect(getInputType('text')).equal('password')
+    it("should return `password`", () => {
+      expect(getInputType("text")).equal("password")
     })
   })
 })
diff --git a/cypress/component/tools/utils/capitalize.cy.ts b/cypress/component/tools/utils/capitalize.cy.ts
index ffd9933..b5d9cfc 100644
--- a/cypress/component/tools/utils/capitalize.cy.ts
+++ b/cypress/component/tools/utils/capitalize.cy.ts
@@ -1,10 +1,10 @@
-import { capitalize } from '../../../../tools/utils/capitalize'
+import { capitalize } from "../../../../tools/utils/capitalize"
 
-describe('tools/utils/capitalize', () => {
-  it('should capitalize the first letter of a string', () => {
-    expect(capitalize('hello')).equal('Hello')
-    expect(capitalize('HeLlo')).equal('HeLlo')
-    expect(capitalize('member(s)')).equal('Member(s)')
-    expect(capitalize('Member(s)')).equal('Member(s)')
+describe("tools/utils/capitalize", () => {
+  it("should capitalize the first letter of a string", () => {
+    expect(capitalize("hello")).equal("Hello")
+    expect(capitalize("HeLlo")).equal("HeLlo")
+    expect(capitalize("member(s)")).equal("Member(s)")
+    expect(capitalize("Member(s)")).equal("Member(s)")
   })
 })
diff --git a/cypress/e2e/common/Header.cy.ts b/cypress/e2e/common/Header.cy.ts
index 83cf4c0..b537dde 100644
--- a/cypress/e2e/common/Header.cy.ts
+++ b/cypress/e2e/common/Header.cy.ts
@@ -1,53 +1,53 @@
-describe('Common > Header', () => {
+describe("Common > Header", () => {
   beforeEach(() => {
-    return cy.visit('/')
+    return cy.visit("/")
   })
 
-  describe('Switch theme color (dark/light)', () => {
-    it('should switch theme from `dark` (default) to `light`', () => {
-      cy.get('[data-cy=switch-theme-dark]').should('be.visible')
-      cy.get('[data-cy=switch-theme-light]').should('not.be.visible')
-      cy.get('body').should(
-        'not.have.css',
-        'background-color',
-        'rgb(255, 255, 255)'
+  describe("Switch theme color (dark/light)", () => {
+    it("should switch theme from `dark` (default) to `light`", () => {
+      cy.get("[data-cy=switch-theme-dark]").should("be.visible")
+      cy.get("[data-cy=switch-theme-light]").should("not.be.visible")
+      cy.get("body").should(
+        "not.have.css",
+        "background-color",
+        "rgb(255, 255, 255)",
       )
 
-      cy.get('[data-cy=switch-theme-click]').click()
+      cy.get("[data-cy=switch-theme-click]").click()
 
-      cy.get('[data-cy=switch-theme-dark]').should('not.be.visible')
-      cy.get('[data-cy=switch-theme-light]').should('be.visible')
-      cy.get('body').should(
-        'have.css',
-        'background-color',
-        'rgb(255, 255, 255)'
+      cy.get("[data-cy=switch-theme-dark]").should("not.be.visible")
+      cy.get("[data-cy=switch-theme-light]").should("be.visible")
+      cy.get("body").should(
+        "have.css",
+        "background-color",
+        "rgb(255, 255, 255)",
       )
     })
   })
 
-  describe('Switch Language', () => {
-    it('should switch language from EN (default) to FR', () => {
-      cy.get('[data-cy=main-description]').contains(
-        'Your open source platform to stay close with your friends and communities, talk, chat, collaborate, share and have fun.'
+  describe("Switch Language", () => {
+    it("should switch language from EN (default) to FR", () => {
+      cy.get("[data-cy=main-description]").contains(
+        "Your open source platform to stay close with your friends and communities, talk, chat, collaborate, share and have fun.",
       )
-      cy.get('[data-cy=language-flag-text]').contains('EN')
-      cy.get('[data-cy=languages-list]').should('not.be.visible')
-      cy.get('[data-cy=language-click]').click()
-      cy.get('[data-cy=languages-list]').should('be.visible')
-      cy.get('[data-cy=languages-list] > li:first-child').contains('FR').click()
-      cy.get('[data-cy=languages-list]').should('not.be.visible')
-      cy.get('[data-cy=language-flag-text]').contains('FR')
-      cy.get('[data-cy=main-description]').contains(
-        'Votre plateforme open source pour rester proche de vos amis et communautés, parler, discuter, collaborer, partager et amusez-vous.'
+      cy.get("[data-cy=language-flag-text]").contains("EN")
+      cy.get("[data-cy=languages-list]").should("not.be.visible")
+      cy.get("[data-cy=language-click]").click()
+      cy.get("[data-cy=languages-list]").should("be.visible")
+      cy.get("[data-cy=languages-list] > li:first-child").contains("FR").click()
+      cy.get("[data-cy=languages-list]").should("not.be.visible")
+      cy.get("[data-cy=language-flag-text]").contains("FR")
+      cy.get("[data-cy=main-description]").contains(
+        "Votre plateforme open source pour rester proche de vos amis et communautés, parler, discuter, collaborer, partager et amusez-vous.",
       )
     })
 
-    it('should close the language list menu when clicking outside', () => {
-      cy.get('[data-cy=languages-list]').should('not.be.visible')
-      cy.get('[data-cy=language-click]').click()
-      cy.get('[data-cy=languages-list]').should('be.visible')
-      cy.get('[data-cy=main-description]').click()
-      cy.get('[data-cy=languages-list]').should('not.be.visible')
+    it("should close the language list menu when clicking outside", () => {
+      cy.get("[data-cy=languages-list]").should("not.be.visible")
+      cy.get("[data-cy=language-click]").click()
+      cy.get("[data-cy=languages-list]").should("be.visible")
+      cy.get("[data-cy=main-description]").click()
+      cy.get("[data-cy=languages-list]").should("not.be.visible")
     })
   })
 })
diff --git a/cypress/e2e/common/application/authentication.cy.ts b/cypress/e2e/common/application/authentication.cy.ts
index 34659b7..efed55c 100644
--- a/cypress/e2e/common/application/authentication.cy.ts
+++ b/cypress/e2e/common/application/authentication.cy.ts
@@ -1,47 +1,47 @@
-import { channelExample } from '../../../fixtures/channels/channel'
-import { guildExample } from '../../../fixtures/guilds/guild'
-import { userExample } from '../../../fixtures/users/user'
-import { authenticationHandlers } from '../../../fixtures/handler'
-import { getGuildMemberWithGuildIdHandler } from '../../../fixtures/guilds/[guildId]/get'
-import { getChannelWithChannelIdHandler } from '../../../fixtures/channels/[channelId]/get'
-import { getUserByIdHandler } from '../../../fixtures/users/[userId]/get'
+import { channelExample } from "../../../fixtures/channels/channel"
+import { guildExample } from "../../../fixtures/guilds/guild"
+import { userExample } from "../../../fixtures/users/user"
+import { authenticationHandlers } from "../../../fixtures/handler"
+import { getGuildMemberWithGuildIdHandler } from "../../../fixtures/guilds/[guildId]/get"
+import { getChannelWithChannelIdHandler } from "../../../fixtures/channels/[channelId]/get"
+import { getUserByIdHandler } from "../../../fixtures/users/[userId]/get"
 
 const applicationPaths = [
-  '/application',
+  "/application",
   `/application/users/${userExample.id}`,
   `/application/users/settings`,
-  '/application/guilds/create',
-  '/application/guilds/join',
+  "/application/guilds/create",
+  "/application/guilds/join",
   `/application/${guildExample.id}/${channelExample.id}`,
   `/application/${guildExample.id}/${channelExample.id}/settings`,
   `/application/${guildExample.id}/channels/create`,
-  `/application/${guildExample.id}/settings`
+  `/application/${guildExample.id}/settings`,
 ]
 
-describe('Common > application/authentication', () => {
+describe("Common > application/authentication", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
+    cy.task("stopMockServer")
   })
 
-  it('should redirect the user to `/authentication/signin` if not signed in', () => {
+  it("should redirect the user to `/authentication/signin` if not signed in", () => {
     for (const applicationPath of applicationPaths) {
       cy.visit(applicationPath)
-        .location('pathname')
-        .should('eq', '/authentication/signin')
+        .location("pathname")
+        .should("eq", "/authentication/signin")
     }
   })
 
-  it('should not redirect the user if signed in', () => {
-    cy.task('startMockServer', [
+  it("should not redirect the user if signed in", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberWithGuildIdHandler,
       getChannelWithChannelIdHandler,
-      getUserByIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getUserByIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     for (const applicationPath of applicationPaths) {
       cy.visit(applicationPath)
-        .location('pathname')
-        .should('eq', applicationPath)
+        .location("pathname")
+        .should("eq", applicationPath)
     }
   })
 })
diff --git a/cypress/e2e/pages/400.cy.ts b/cypress/e2e/pages/400.cy.ts
index af2d9ea..1e9cb05 100644
--- a/cypress/e2e/pages/400.cy.ts
+++ b/cypress/e2e/pages/400.cy.ts
@@ -1,10 +1,10 @@
-describe('Page > /404', () => {
+describe("Page > /404", () => {
   beforeEach(() => {
-    cy.visit('/404', { failOnStatusCode: false })
+    cy.visit("/404", { failOnStatusCode: false })
   })
 
-  it('should display the statusCode of 404', () => {
-    cy.get('[data-cy=status-code]').contains('404')
+  it("should display the statusCode of 404", () => {
+    cy.get("[data-cy=status-code]").contains("404")
   })
 })
 
diff --git a/cypress/e2e/pages/500.cy.ts b/cypress/e2e/pages/500.cy.ts
index aff9e3d..9a58b43 100644
--- a/cypress/e2e/pages/500.cy.ts
+++ b/cypress/e2e/pages/500.cy.ts
@@ -1,10 +1,10 @@
-describe('Page > /500', () => {
+describe("Page > /500", () => {
   beforeEach(() => {
-    cy.visit('/500', { failOnStatusCode: false })
+    cy.visit("/500", { failOnStatusCode: false })
   })
 
-  it('should display the statusCode of 500', () => {
-    cy.get('[data-cy=status-code]').contains('500')
+  it("should display the statusCode of 500", () => {
+    cy.get("[data-cy=status-code]").contains("500")
   })
 })
 
diff --git a/cypress/e2e/pages/application/[guildId]/[channelId]/index.cy.ts b/cypress/e2e/pages/application/[guildId]/[channelId]/index.cy.ts
index f414973..7a59995 100644
--- a/cypress/e2e/pages/application/[guildId]/[channelId]/index.cy.ts
+++ b/cypress/e2e/pages/application/[guildId]/[channelId]/index.cy.ts
@@ -1,122 +1,122 @@
-import date from 'date-and-time'
+import date from "date-and-time"
 
 import {
   channelExample,
-  channelExample2
-} from '../../../../../fixtures/channels/channel'
-import { guildExample } from '../../../../../fixtures/guilds/guild'
+  channelExample2,
+} from "../../../../../fixtures/channels/channel"
+import { guildExample } from "../../../../../fixtures/guilds/guild"
 import {
   getGuildMemberNotOwnerWithGuildIdHandler,
-  getGuildMemberWithGuildIdHandler
-} from '../../../../../fixtures/guilds/[guildId]/get'
-import { getChannelWithChannelIdHandler } from '../../../../../fixtures/channels/[channelId]/get'
-import { authenticationHandlers } from '../../../../../fixtures/handler'
-import { getGuildsHandler } from '../../../../../fixtures/guilds/get'
-import { getChannelsWithGuildIdHandler } from '../../../../../fixtures/guilds/[guildId]/channels/get'
-import { getMessagesWithChannelIdHandler } from '../../../../../fixtures/channels/[channelId]/messages/get'
+  getGuildMemberWithGuildIdHandler,
+} from "../../../../../fixtures/guilds/[guildId]/get"
+import { getChannelWithChannelIdHandler } from "../../../../../fixtures/channels/[channelId]/get"
+import { authenticationHandlers } from "../../../../../fixtures/handler"
+import { getGuildsHandler } from "../../../../../fixtures/guilds/get"
+import { getChannelsWithGuildIdHandler } from "../../../../../fixtures/guilds/[guildId]/channels/get"
+import { getMessagesWithChannelIdHandler } from "../../../../../fixtures/channels/[channelId]/messages/get"
 import {
   messageExampleComplete,
-  messageExampleComplete2
-} from '../../../../../fixtures/messages/message'
-import { getMembersWithGuildIdHandler } from '../../../../../fixtures/guilds/[guildId]/members/get'
-import { memberExampleComplete } from '../../../../../fixtures/members/member'
-import { API_URL } from '../../../../../../tools/api'
+  messageExampleComplete2,
+} from "../../../../../fixtures/messages/message"
+import { getMembersWithGuildIdHandler } from "../../../../../fixtures/guilds/[guildId]/members/get"
+import { memberExampleComplete } from "../../../../../fixtures/members/member"
+import { API_URL } from "../../../../../../tools/api"
 import {
   getMessagesUploadsAudioHandler,
   getMessagesUploadsDownloadHandler,
   getMessagesUploadsImageHandler,
-  getMessagesUploadsVideoHandler
-} from '../../../../../fixtures/uploads/messages/get'
+  getMessagesUploadsVideoHandler,
+} from "../../../../../fixtures/uploads/messages/get"
 
-describe('Pages > /application/[guildId]/[channelId]', () => {
+describe("Pages > /application/[guildId]/[channelId]", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
+    cy.task("stopMockServer")
   })
 
-  it('should succeeds and display the left sidebar correctly (member is owner)', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and display the left sidebar correctly (member is owner)", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberWithGuildIdHandler,
       getChannelWithChannelIdHandler,
-      getGuildsHandler
-    ]).setCookie('refreshToken', 'refresh-token')
-    cy.intercept(`${API_URL}${getGuildsHandler.url}*`).as('getGuildsHandler')
+      getGuildsHandler,
+    ]).setCookie("refreshToken", "refresh-token")
+    cy.intercept(`${API_URL}${getGuildsHandler.url}*`).as("getGuildsHandler")
     cy.visit(`/application/${guildExample.id}/${channelExample.id}`)
-    cy.wait(['@getGuildsHandler']).then(() => {
-      cy.get('[data-cy=application-title]').should(
-        'have.text',
-        `# ${channelExample.name}`
+    cy.wait(["@getGuildsHandler"]).then(() => {
+      cy.get("[data-cy=application-title]").should(
+        "have.text",
+        `# ${channelExample.name}`,
       )
-      cy.get('[data-cy=guild-left-sidebar-title]').should(
-        'have.text',
-        guildExample.name
+      cy.get("[data-cy=guild-left-sidebar-title]").should(
+        "have.text",
+        guildExample.name,
       )
-      cy.get('.guilds-list').children().should('have.length', 2)
-      cy.get('[data-cy=link-add-channel]')
-        .should('be.visible')
+      cy.get(".guilds-list").children().should("have.length", 2)
+      cy.get("[data-cy=link-add-channel]")
+        .should("be.visible")
         .should(
-          'have.attr',
-          'href',
-          `/application/${guildExample.id}/channels/create`
+          "have.attr",
+          "href",
+          `/application/${guildExample.id}/channels/create`,
         )
-      cy.get('[data-cy=link-settings-guild]')
-        .should('be.visible')
-        .should('have.attr', 'href', `/application/${guildExample.id}/settings`)
+      cy.get("[data-cy=link-settings-guild]")
+        .should("be.visible")
+        .should("have.attr", "href", `/application/${guildExample.id}/settings`)
     })
   })
 
-  it('should succeeds and display the left sidebar correctly (member is not owner)', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and display the left sidebar correctly (member is not owner)", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberNotOwnerWithGuildIdHandler,
       getChannelWithChannelIdHandler,
-      getGuildsHandler
-    ]).setCookie('refreshToken', 'refresh-token')
-    cy.intercept(`${API_URL}${getGuildsHandler.url}*`).as('getGuildsHandler')
+      getGuildsHandler,
+    ]).setCookie("refreshToken", "refresh-token")
+    cy.intercept(`${API_URL}${getGuildsHandler.url}*`).as("getGuildsHandler")
     cy.visit(`/application/${guildExample.id}/${channelExample.id}`)
-    cy.wait(['@getGuildsHandler']).then(() => {
-      cy.get('[data-cy=application-title]').should(
-        'have.text',
-        `# ${channelExample.name}`
+    cy.wait(["@getGuildsHandler"]).then(() => {
+      cy.get("[data-cy=application-title]").should(
+        "have.text",
+        `# ${channelExample.name}`,
       )
-      cy.get('[data-cy=guild-left-sidebar-title]').should(
-        'have.text',
-        guildExample.name
+      cy.get("[data-cy=guild-left-sidebar-title]").should(
+        "have.text",
+        guildExample.name,
       )
-      cy.get('.guilds-list').children().should('have.length', 2)
-      cy.get('[data-cy=link-add-channel]').should('not.exist')
-      cy.get('[data-cy=link-settings-guild]')
-        .should('be.visible')
-        .should('have.attr', 'href', `/application/${guildExample.id}/settings`)
+      cy.get(".guilds-list").children().should("have.length", 2)
+      cy.get("[data-cy=link-add-channel]").should("not.exist")
+      cy.get("[data-cy=link-settings-guild]")
+        .should("be.visible")
+        .should("have.attr", "href", `/application/${guildExample.id}/settings`)
     })
   })
 
-  it('should succeeds and display the channels in left sidebar correctly', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and display the channels in left sidebar correctly", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberWithGuildIdHandler,
       getChannelWithChannelIdHandler,
-      getChannelsWithGuildIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getChannelsWithGuildIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.intercept(`${API_URL}${getChannelsWithGuildIdHandler.url}*`).as(
-      'getChannelsWithGuildIdHandler'
+      "getChannelsWithGuildIdHandler",
     )
     cy.visit(`/application/${guildExample.id}/${channelExample.id}`)
-    cy.wait(['@getChannelsWithGuildIdHandler']).then(() => {
-      cy.get('.channels-list').children().should('have.length', 2)
-      cy.get('.channels-list [data-cy=channel-name]:first').should(
-        'have.text',
-        `# ${channelExample.name}`
+    cy.wait(["@getChannelsWithGuildIdHandler"]).then(() => {
+      cy.get(".channels-list").children().should("have.length", 2)
+      cy.get(".channels-list [data-cy=channel-name]:first").should(
+        "have.text",
+        `# ${channelExample.name}`,
       )
-      cy.get('.channels-list [data-cy=channel-name]:last').should(
-        'have.text',
-        `# ${channelExample2.name}`
+      cy.get(".channels-list [data-cy=channel-name]:last").should(
+        "have.text",
+        `# ${channelExample2.name}`,
       )
     })
   })
 
-  it('should succeeds and display the messages correctly', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and display the messages correctly", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberWithGuildIdHandler,
       getChannelWithChannelIdHandler,
@@ -124,147 +124,147 @@ describe('Pages > /application/[guildId]/[channelId]', () => {
       getMessagesUploadsImageHandler,
       getMessagesUploadsAudioHandler,
       getMessagesUploadsVideoHandler,
-      getMessagesUploadsDownloadHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getMessagesUploadsDownloadHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.intercept(`${API_URL}${getMessagesWithChannelIdHandler.url}*`).as(
-      'getMessagesWithChannelIdHandler'
+      "getMessagesWithChannelIdHandler",
     )
     cy.intercept(`${API_URL}${getMessagesUploadsImageHandler.url}`).as(
-      'getMessagesUploadsImageHandler'
+      "getMessagesUploadsImageHandler",
     )
     cy.intercept(`${API_URL}${getMessagesUploadsAudioHandler.url}`).as(
-      'getMessagesUploadsAudioHandler'
+      "getMessagesUploadsAudioHandler",
     )
     cy.intercept(`${API_URL}${getMessagesUploadsVideoHandler.url}`).as(
-      'getMessagesUploadsVideoHandler'
+      "getMessagesUploadsVideoHandler",
     )
     cy.intercept(`${API_URL}${getMessagesUploadsDownloadHandler.url}`).as(
-      'getMessagesUploadsDownloadHandler'
+      "getMessagesUploadsDownloadHandler",
     )
     cy.visit(`/application/${guildExample.id}/${channelExample.id}`)
     cy.wait([
-      '@getMessagesWithChannelIdHandler',
-      '@getMessagesUploadsImageHandler',
-      '@getMessagesUploadsAudioHandler',
-      '@getMessagesUploadsVideoHandler',
-      '@getMessagesUploadsDownloadHandler'
+      "@getMessagesWithChannelIdHandler",
+      "@getMessagesUploadsImageHandler",
+      "@getMessagesUploadsAudioHandler",
+      "@getMessagesUploadsVideoHandler",
+      "@getMessagesUploadsDownloadHandler",
     ]).then(() => {
-      cy.get('.messages-list').children().should('have.length', 9)
-      cy.get('[data-cy=message-1] p').should(
-        'have.text',
-        messageExampleComplete.value
+      cy.get(".messages-list").children().should("have.length", 9)
+      cy.get("[data-cy=message-1] p").should(
+        "have.text",
+        messageExampleComplete.value,
       )
-      cy.get('[data-cy=message-1] [data-cy=message-member-user-name]').should(
-        'have.text',
-        messageExampleComplete.member.user.name
+      cy.get("[data-cy=message-1] [data-cy=message-member-user-name]").should(
+        "have.text",
+        messageExampleComplete.member.user.name,
       )
-      cy.get('[data-cy=message-1] [data-cy=message-date]').should(
-        'have.text',
+      cy.get("[data-cy=message-1] [data-cy=message-date]").should(
+        "have.text",
         date.format(
           new Date(messageExampleComplete.createdAt),
-          'DD/MM/YYYY - HH:mm:ss'
-        )
+          "DD/MM/YYYY - HH:mm:ss",
+        ),
       )
-      cy.get('[data-cy=message-2] p').should(
-        'have.text',
-        messageExampleComplete2.value
+      cy.get("[data-cy=message-2] p").should(
+        "have.text",
+        messageExampleComplete2.value,
       )
-      cy.get('[data-cy=message-3] p').should(
-        'have.text',
-        'Message with bold text and italic text.\nNewlines and some emoji: '
+      cy.get("[data-cy=message-3] p").should(
+        "have.text",
+        "Message with bold text and italic text.\nNewlines and some emoji: ",
       )
-      cy.get('[data-cy=message-3] strong').should('have.text', 'bold text')
-      cy.get('[data-cy=message-3] em').should('have.text', 'italic text')
-      cy.get('[data-cy=message-3] span[title=smile]').should('exist')
-      cy.get('[data-cy=message-3] span[title=smile]').should(
-        'have.css',
-        'width',
-        '20px'
+      cy.get("[data-cy=message-3] strong").should("have.text", "bold text")
+      cy.get("[data-cy=message-3] em").should("have.text", "italic text")
+      cy.get("[data-cy=message-3] span[title=smile]").should("exist")
+      cy.get("[data-cy=message-3] span[title=smile]").should(
+        "have.css",
+        "width",
+        "20px",
       )
-      cy.get('[data-cy=message-3] span[title=smile]').should(
-        'have.css',
-        'height',
-        '20px'
+      cy.get("[data-cy=message-3] span[title=smile]").should(
+        "have.css",
+        "height",
+        "20px",
       )
-      cy.get('[data-cy=message-4] p:first').should(
-        'have.text',
-        'The Quadratic Formula:'
+      cy.get("[data-cy=message-4] p:first").should(
+        "have.text",
+        "The Quadratic Formula:",
       )
-      cy.get('[data-cy=message-4] .math').should('have.length', 3)
-      cy.get('[data-cy=message-5] span[title=wave]').should('exist')
-      cy.get('[data-cy=message-5] span[title=wave]').should(
-        'have.css',
-        'width',
-        '40px'
+      cy.get("[data-cy=message-4] .math").should("have.length", 3)
+      cy.get("[data-cy=message-5] span[title=wave]").should("exist")
+      cy.get("[data-cy=message-5] span[title=wave]").should(
+        "have.css",
+        "width",
+        "40px",
       )
-      cy.get('[data-cy=message-5] span[title=wave]').should(
-        'have.css',
-        'height',
-        '40px'
+      cy.get("[data-cy=message-5] span[title=wave]").should(
+        "have.css",
+        "height",
+        "40px",
       )
-      cy.get('[data-cy=message-file-image-6]').should('exist')
-      cy.get('[data-cy=message-file-audio-7]').should('exist')
-      cy.get('[data-cy=message-file-video-8]').should('exist')
-      cy.get('[data-cy=message-file-download-9]').should('exist')
+      cy.get("[data-cy=message-file-image-6]").should("exist")
+      cy.get("[data-cy=message-file-audio-7]").should("exist")
+      cy.get("[data-cy=message-file-video-8]").should("exist")
+      cy.get("[data-cy=message-file-download-9]").should("exist")
     })
   })
 
-  it('should succeeds and display the members in right sidebar correctly', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and display the members in right sidebar correctly", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberWithGuildIdHandler,
       getChannelWithChannelIdHandler,
-      getMembersWithGuildIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getMembersWithGuildIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.intercept(`${API_URL}${getMembersWithGuildIdHandler.url}*`).as(
-      'getMembersWithGuildIdHandler'
+      "getMembersWithGuildIdHandler",
     )
     cy.visit(`/application/${guildExample.id}/${channelExample.id}`)
-    cy.wait(['@getMembersWithGuildIdHandler']).then(() => {
-      cy.get('.members-list').should('not.be.visible')
-      cy.get('[data-cy=icon-button-right-sidebar-members]').click()
-      cy.get('.members-list').should('be.visible')
-      cy.get('[data-cy=members-title]').should('have.text', 'Member(s)')
-      cy.get('.members-list').children().should('have.length', 1)
-      cy.get('.members-list [data-cy=member-user-name]:first').should(
-        'have.text',
-        memberExampleComplete.user.name
+    cy.wait(["@getMembersWithGuildIdHandler"]).then(() => {
+      cy.get(".members-list").should("not.be.visible")
+      cy.get("[data-cy=icon-button-right-sidebar-members]").click()
+      cy.get(".members-list").should("be.visible")
+      cy.get("[data-cy=members-title]").should("have.text", "Member(s)")
+      cy.get(".members-list").children().should("have.length", 1)
+      cy.get(".members-list [data-cy=member-user-name]:first").should(
+        "have.text",
+        memberExampleComplete.user.name,
       )
     })
   })
 
-  it('should redirect the user to `/404` if `guildId` or `channelId` are not numbers', () => {
-    cy.task('startMockServer', authenticationHandlers).setCookie(
-      'refreshToken',
-      'refresh-token'
+  it("should redirect the user to `/404` if `guildId` or `channelId` are not numbers", () => {
+    cy.task("startMockServer", authenticationHandlers).setCookie(
+      "refreshToken",
+      "refresh-token",
     )
-    cy.visit('/application/abc/abc', {
-      failOnStatusCode: false
+    cy.visit("/application/abc/abc", {
+      failOnStatusCode: false,
     })
-      .get('[data-cy=status-code]')
-      .contains('404')
+      .get("[data-cy=status-code]")
+      .contains("404")
   })
 
   it("should redirect the user to `/404` if `guildId` doesn't exist", () => {
-    cy.task('startMockServer', [
+    cy.task("startMockServer", [
       ...authenticationHandlers,
-      getChannelWithChannelIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getChannelWithChannelIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.visit(`/application/123/${channelExample.id}`, {
-      failOnStatusCode: false
+      failOnStatusCode: false,
     })
-      .get('[data-cy=status-code]')
-      .contains('404')
+      .get("[data-cy=status-code]")
+      .contains("404")
   })
 
   it("should redirect the user to `/404` if `channelId` doesn't exist", () => {
-    cy.task('startMockServer', [
+    cy.task("startMockServer", [
       ...authenticationHandlers,
-      getGuildMemberWithGuildIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getGuildMemberWithGuildIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.visit(`/application/${guildExample.id}/123`, { failOnStatusCode: false })
-      .get('[data-cy=status-code]')
-      .contains('404')
+      .get("[data-cy=status-code]")
+      .contains("404")
   })
 })
 
diff --git a/cypress/e2e/pages/application/[guildId]/[channelId]/settings.cy.ts b/cypress/e2e/pages/application/[guildId]/[channelId]/settings.cy.ts
index 20e6abd..5eb3dcc 100644
--- a/cypress/e2e/pages/application/[guildId]/[channelId]/settings.cy.ts
+++ b/cypress/e2e/pages/application/[guildId]/[channelId]/settings.cy.ts
@@ -1,135 +1,135 @@
-import { deleteChannelWithChannelIdHandler } from '../../../../../fixtures/channels/[channelId]/delete'
-import { putChannelWithChannelIdHandler } from '../../../../../fixtures/channels/[channelId]/put'
+import { deleteChannelWithChannelIdHandler } from "../../../../../fixtures/channels/[channelId]/delete"
+import { putChannelWithChannelIdHandler } from "../../../../../fixtures/channels/[channelId]/put"
 import {
   channelExample,
-  channelExample2
-} from '../../../../../fixtures/channels/channel'
-import { guildExample } from '../../../../../fixtures/guilds/guild'
+  channelExample2,
+} from "../../../../../fixtures/channels/channel"
+import { guildExample } from "../../../../../fixtures/guilds/guild"
 import {
   getGuildMemberNotOwnerWithGuildIdHandler,
-  getGuildMemberWithGuildIdHandler
-} from '../../../../../fixtures/guilds/[guildId]/get'
+  getGuildMemberWithGuildIdHandler,
+} from "../../../../../fixtures/guilds/[guildId]/get"
 import {
   getChannelWithChannelIdHandler,
-  getChannelWithChannelIdHandler2
-} from '../../../../../fixtures/channels/[channelId]/get'
-import { authenticationHandlers } from '../../../../../fixtures/handler'
-import { API_URL } from '../../../../../../tools/api'
+  getChannelWithChannelIdHandler2,
+} from "../../../../../fixtures/channels/[channelId]/get"
+import { authenticationHandlers } from "../../../../../fixtures/handler"
+import { API_URL } from "../../../../../../tools/api"
 
-describe('Pages > /application/[guildId]/[channelId]/settings', () => {
+describe("Pages > /application/[guildId]/[channelId]/settings", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
+    cy.task("stopMockServer")
   })
 
-  it('should succeeds and update the channel name', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and update the channel name", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberWithGuildIdHandler,
       getChannelWithChannelIdHandler,
-      putChannelWithChannelIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      putChannelWithChannelIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.intercept(`${API_URL}${putChannelWithChannelIdHandler.url}*`).as(
-      'putChannelWithChannelIdHandler'
+      "putChannelWithChannelIdHandler",
     )
     cy.visit(`/application/${guildExample.id}/${channelExample.id}/settings`)
-    cy.get('[data-cy=channel-name-input]')
+    cy.get("[data-cy=channel-name-input]")
       .clear()
       .type(putChannelWithChannelIdHandler.response.body.name)
-    cy.get('[data-cy=button-save-channel-settings]').click()
-    cy.wait('@putChannelWithChannelIdHandler').then(() => {
-      cy.location('pathname').should(
-        'eq',
-        `/application/${guildExample.id}/${channelExample.id}`
+    cy.get("[data-cy=button-save-channel-settings]").click()
+    cy.wait("@putChannelWithChannelIdHandler").then(() => {
+      cy.location("pathname").should(
+        "eq",
+        `/application/${guildExample.id}/${channelExample.id}`,
       )
     })
   })
 
-  it('should succeeds and delete the channel', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and delete the channel", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberWithGuildIdHandler,
       getChannelWithChannelIdHandler,
       getChannelWithChannelIdHandler2,
-      deleteChannelWithChannelIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      deleteChannelWithChannelIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.intercept(`${API_URL}${deleteChannelWithChannelIdHandler.url}*`).as(
-      'deleteChannelWithChannelIdHandler'
+      "deleteChannelWithChannelIdHandler",
     )
     cy.visit(`/application/${guildExample.id}/${channelExample.id}/settings`)
-    cy.get('[data-cy=button-delete-channel-settings]').click()
-    cy.get('[data-cy=confirm-popup-yes-button]').click()
-    cy.wait('@deleteChannelWithChannelIdHandler').then(() => {
-      cy.location('pathname').should(
-        'eq',
-        `/application/${guildExample.id}/${channelExample2.id}`
+    cy.get("[data-cy=button-delete-channel-settings]").click()
+    cy.get("[data-cy=confirm-popup-yes-button]").click()
+    cy.wait("@deleteChannelWithChannelIdHandler").then(() => {
+      cy.location("pathname").should(
+        "eq",
+        `/application/${guildExample.id}/${channelExample2.id}`,
       )
     })
   })
 
-  it('should fails with too long channel name on update', () => {
-    cy.task('startMockServer', [
+  it("should fails with too long channel name on update", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberWithGuildIdHandler,
-      getChannelWithChannelIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getChannelWithChannelIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.visit(`/application/${guildExample.id}/${channelExample.id}/settings`)
-    cy.get('[data-cy=channel-name-input]').type(
-      'random channel name that is really too long for a channel name'
+    cy.get("[data-cy=channel-name-input]").type(
+      "random channel name that is really too long for a channel name",
     )
-    cy.get('[data-cy=button-save-channel-settings]').click()
-    cy.get('#error-name').should(
-      'have.text',
-      'Error: The field must contain at most 20 characters.'
+    cy.get("[data-cy=button-save-channel-settings]").click()
+    cy.get("#error-name").should(
+      "have.text",
+      "Error: The field must contain at most 20 characters.",
     )
   })
 
-  it('should redirect the user to `/404` if member is not owner', () => {
-    cy.task('startMockServer', [
+  it("should redirect the user to `/404` if member is not owner", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberNotOwnerWithGuildIdHandler,
-      getChannelWithChannelIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getChannelWithChannelIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.visit(`/application/${guildExample.id}/${channelExample.id}/settings`, {
-      failOnStatusCode: false
+      failOnStatusCode: false,
     })
-      .get('[data-cy=status-code]')
-      .contains('404')
+      .get("[data-cy=status-code]")
+      .contains("404")
   })
 
-  it('should redirect the user to `/404` if `guildId` or `channelId` are not numbers', () => {
-    cy.task('startMockServer', authenticationHandlers).setCookie(
-      'refreshToken',
-      'refresh-token'
+  it("should redirect the user to `/404` if `guildId` or `channelId` are not numbers", () => {
+    cy.task("startMockServer", authenticationHandlers).setCookie(
+      "refreshToken",
+      "refresh-token",
     )
-    cy.visit('/application/abc/abc/settings', {
-      failOnStatusCode: false
+    cy.visit("/application/abc/abc/settings", {
+      failOnStatusCode: false,
     })
-      .get('[data-cy=status-code]')
-      .contains('404')
+      .get("[data-cy=status-code]")
+      .contains("404")
   })
 
   it("should redirect the user to `/404` if `guildId` doesn't exist", () => {
-    cy.task('startMockServer', [
+    cy.task("startMockServer", [
       ...authenticationHandlers,
-      getChannelWithChannelIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getChannelWithChannelIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.visit(`/application/123/${channelExample.id}/settings`, {
-      failOnStatusCode: false
+      failOnStatusCode: false,
     })
-      .get('[data-cy=status-code]')
-      .contains('404')
+      .get("[data-cy=status-code]")
+      .contains("404")
   })
 
   it("should redirect the user to `/404` if `channelId` doesn't exist", () => {
-    cy.task('startMockServer', [
+    cy.task("startMockServer", [
       ...authenticationHandlers,
-      getGuildMemberWithGuildIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getGuildMemberWithGuildIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.visit(`/application/${guildExample.id}/123/settings`, {
-      failOnStatusCode: false
+      failOnStatusCode: false,
     })
-      .get('[data-cy=status-code]')
-      .contains('404')
+      .get("[data-cy=status-code]")
+      .contains("404")
   })
 })
 
diff --git a/cypress/e2e/pages/application/[guildId]/channels/create.cy.ts b/cypress/e2e/pages/application/[guildId]/channels/create.cy.ts
index b9fe32b..eeba01c 100644
--- a/cypress/e2e/pages/application/[guildId]/channels/create.cy.ts
+++ b/cypress/e2e/pages/application/[guildId]/channels/create.cy.ts
@@ -1,75 +1,75 @@
-import { postChannelsWithGuildIdHandler } from '../../../../../fixtures/guilds/[guildId]/channels/post'
-import { API_URL } from '../../../../../../tools/api'
-import { channelExample2 } from '../../../../../fixtures/channels/channel'
-import { guildExample } from '../../../../../fixtures/guilds/guild'
-import { getGuildMemberWithGuildIdHandler } from '../../../../../fixtures/guilds/[guildId]/get'
-import { authenticationHandlers } from '../../../../../fixtures/handler'
-import { getChannelWithChannelIdHandler2 } from '../../../../../fixtures/channels/[channelId]/get'
+import { postChannelsWithGuildIdHandler } from "../../../../../fixtures/guilds/[guildId]/channels/post"
+import { API_URL } from "../../../../../../tools/api"
+import { channelExample2 } from "../../../../../fixtures/channels/channel"
+import { guildExample } from "../../../../../fixtures/guilds/guild"
+import { getGuildMemberWithGuildIdHandler } from "../../../../../fixtures/guilds/[guildId]/get"
+import { authenticationHandlers } from "../../../../../fixtures/handler"
+import { getChannelWithChannelIdHandler2 } from "../../../../../fixtures/channels/[channelId]/get"
 
-describe('Pages > /application/[guildId]/channels/create', () => {
+describe("Pages > /application/[guildId]/channels/create", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
+    cy.task("stopMockServer")
   })
 
-  it('should succeeds and create the channel', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and create the channel", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberWithGuildIdHandler,
       postChannelsWithGuildIdHandler,
-      getChannelWithChannelIdHandler2
-    ]).setCookie('refreshToken', 'refresh-token')
+      getChannelWithChannelIdHandler2,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.intercept(`${API_URL}${postChannelsWithGuildIdHandler.url}*`).as(
-      'postChannelsWithGuildIdHandler'
+      "postChannelsWithGuildIdHandler",
     )
     cy.visit(`/application/${guildExample.id}/channels/create`)
-    cy.get('[data-cy=channel-name-input]').type(channelExample2.name)
-    cy.get('[data-cy=button-create-channel]').click()
-    cy.wait('@postChannelsWithGuildIdHandler').then(() => {
-      cy.location('pathname').should(
-        'eq',
-        `/application/${guildExample.id}/${channelExample2.id}`
+    cy.get("[data-cy=channel-name-input]").type(channelExample2.name)
+    cy.get("[data-cy=button-create-channel]").click()
+    cy.wait("@postChannelsWithGuildIdHandler").then(() => {
+      cy.location("pathname").should(
+        "eq",
+        `/application/${guildExample.id}/${channelExample2.id}`,
       )
     })
   })
 
-  it('should fails with too long channel name on update', () => {
-    cy.task('startMockServer', [
+  it("should fails with too long channel name on update", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
-      getGuildMemberWithGuildIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getGuildMemberWithGuildIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.visit(`/application/${guildExample.id}/channels/create`)
-    cy.get('[data-cy=channel-name-input]').type(
-      'random channel name that is really too long for a channel name'
+    cy.get("[data-cy=channel-name-input]").type(
+      "random channel name that is really too long for a channel name",
     )
-    cy.get('[data-cy=button-create-channel]').click()
-    cy.get('#error-name').should(
-      'have.text',
-      'Error: The field must contain at most 20 characters.'
+    cy.get("[data-cy=button-create-channel]").click()
+    cy.get("#error-name").should(
+      "have.text",
+      "Error: The field must contain at most 20 characters.",
     )
   })
 
-  it('should redirect the user to `/404` if `guildId` is not a number', () => {
-    cy.task('startMockServer', authenticationHandlers).setCookie(
-      'refreshToken',
-      'refresh-token'
+  it("should redirect the user to `/404` if `guildId` is not a number", () => {
+    cy.task("startMockServer", authenticationHandlers).setCookie(
+      "refreshToken",
+      "refresh-token",
     )
-    cy.visit('/application/abc/channels/create', {
-      failOnStatusCode: false
+    cy.visit("/application/abc/channels/create", {
+      failOnStatusCode: false,
     })
-      .get('[data-cy=status-code]')
-      .contains('404')
+      .get("[data-cy=status-code]")
+      .contains("404")
   })
 
   it("should redirect the user to `/404` if `guildId` doesn't exist", () => {
-    cy.task('startMockServer', [...authenticationHandlers]).setCookie(
-      'refreshToken',
-      'refresh-token'
+    cy.task("startMockServer", [...authenticationHandlers]).setCookie(
+      "refreshToken",
+      "refresh-token",
     )
     cy.visit(`/application/123/channels/create`, {
-      failOnStatusCode: false
+      failOnStatusCode: false,
     })
-      .get('[data-cy=status-code]')
-      .contains('404')
+      .get("[data-cy=status-code]")
+      .contains("404")
   })
 })
 
diff --git a/cypress/e2e/pages/application/[guildId]/settings.cy.ts b/cypress/e2e/pages/application/[guildId]/settings.cy.ts
index dce023e..fc9052d 100644
--- a/cypress/e2e/pages/application/[guildId]/settings.cy.ts
+++ b/cypress/e2e/pages/application/[guildId]/settings.cy.ts
@@ -1,76 +1,76 @@
-import { deleteLeaveMembersWithGuildIdHandler } from '../../../../fixtures/guilds/[guildId]/members/leave'
-import { guildExample } from '../../../../fixtures/guilds/guild'
+import { deleteLeaveMembersWithGuildIdHandler } from "../../../../fixtures/guilds/[guildId]/members/leave"
+import { guildExample } from "../../../../fixtures/guilds/guild"
 import {
   getGuildMemberNotOwnerWithGuildIdHandler,
-  getGuildMemberWithGuildIdHandler
-} from '../../../../fixtures/guilds/[guildId]/get'
-import { authenticationHandlers } from '../../../../fixtures/handler'
-import { API_URL } from '../../../../../tools/api'
-import { deleteGuildWithGuildIdHandler } from '../../../../fixtures/guilds/[guildId]/delete'
+  getGuildMemberWithGuildIdHandler,
+} from "../../../../fixtures/guilds/[guildId]/get"
+import { authenticationHandlers } from "../../../../fixtures/handler"
+import { API_URL } from "../../../../../tools/api"
+import { deleteGuildWithGuildIdHandler } from "../../../../fixtures/guilds/[guildId]/delete"
 
-describe('Pages > /application/[guildId]/settings', () => {
+describe("Pages > /application/[guildId]/settings", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
+    cy.task("stopMockServer")
   })
 
-  it('should succeeds and display correctly the settings of the guild (member is owner)', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and display correctly the settings of the guild (member is owner)", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
-      getGuildMemberWithGuildIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getGuildMemberWithGuildIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.visit(`/application/${guildExample.id}/settings`)
-    cy.get('[data-cy=guild-name-input]').should('have.value', guildExample.name)
-    cy.get('[data-cy=guild-description-input]').should(
-      'have.value',
-      guildExample.description
+    cy.get("[data-cy=guild-name-input]").should("have.value", guildExample.name)
+    cy.get("[data-cy=guild-description-input]").should(
+      "have.value",
+      guildExample.description,
     )
-    cy.get('[data-cy=button-save-guild-settings]').should('be.visible')
-    cy.get('[data-cy=button-delete-guild-settings]').should('be.visible')
-    cy.get('[data-cy=button-leave-guild-settings]').should('not.exist')
+    cy.get("[data-cy=button-save-guild-settings]").should("be.visible")
+    cy.get("[data-cy=button-delete-guild-settings]").should("be.visible")
+    cy.get("[data-cy=button-leave-guild-settings]").should("not.exist")
   })
 
-  it('should succeeds and display correctly the settings of the guild (member is not owner)', () => {
-    cy.task('startMockServer', [
-      ...authenticationHandlers,
-      getGuildMemberNotOwnerWithGuildIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
-    cy.visit(`/application/${guildExample.id}/settings`)
-    cy.get('[data-cy=guild-name-input]').should('not.exist')
-    cy.get('[data-cy=guild-description-input]').should('not.exist')
-    cy.get('[data-cy=button-save-guild-settings]').should('not.exist')
-    cy.get('[data-cy=button-delete-guild-settings]').should('not.exist')
-    cy.get('[data-cy=button-leave-guild-settings]').should('be.visible')
-  })
-
-  it('should succeeds and leave the guild (member is not owner)', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and display correctly the settings of the guild (member is not owner)", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberNotOwnerWithGuildIdHandler,
-      deleteLeaveMembersWithGuildIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+    ]).setCookie("refreshToken", "refresh-token")
+    cy.visit(`/application/${guildExample.id}/settings`)
+    cy.get("[data-cy=guild-name-input]").should("not.exist")
+    cy.get("[data-cy=guild-description-input]").should("not.exist")
+    cy.get("[data-cy=button-save-guild-settings]").should("not.exist")
+    cy.get("[data-cy=button-delete-guild-settings]").should("not.exist")
+    cy.get("[data-cy=button-leave-guild-settings]").should("be.visible")
+  })
+
+  it("should succeeds and leave the guild (member is not owner)", () => {
+    cy.task("startMockServer", [
+      ...authenticationHandlers,
+      getGuildMemberNotOwnerWithGuildIdHandler,
+      deleteLeaveMembersWithGuildIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.intercept(`${API_URL}${deleteLeaveMembersWithGuildIdHandler.url}*`).as(
-      'deleteLeaveMembersWithGuildIdHandler'
+      "deleteLeaveMembersWithGuildIdHandler",
     )
     cy.visit(`/application/${guildExample.id}/settings`)
-    cy.get('[data-cy=button-leave-guild-settings]').click()
-    cy.wait('@deleteLeaveMembersWithGuildIdHandler').then(() => {
-      cy.location('pathname').should('eq', '/application')
+    cy.get("[data-cy=button-leave-guild-settings]").click()
+    cy.wait("@deleteLeaveMembersWithGuildIdHandler").then(() => {
+      cy.location("pathname").should("eq", "/application")
     })
   })
 
-  it('should succeeds and delete the guild', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and delete the guild", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       getGuildMemberWithGuildIdHandler,
-      deleteGuildWithGuildIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      deleteGuildWithGuildIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.intercept(`${API_URL}${deleteGuildWithGuildIdHandler.url}*`).as(
-      'deleteGuildWithGuildIdHandler'
+      "deleteGuildWithGuildIdHandler",
     )
     cy.visit(`/application/${guildExample.id}/settings`)
-    cy.get('[data-cy=button-delete-guild-settings]').click()
-    cy.get('[data-cy=confirm-popup-yes-button]').click()
-    cy.wait('@deleteGuildWithGuildIdHandler').then((interception) => {
+    cy.get("[data-cy=button-delete-guild-settings]").click()
+    cy.get("[data-cy=confirm-popup-yes-button]").click()
+    cy.wait("@deleteGuildWithGuildIdHandler").then((interception) => {
       expect(interception.response).to.not.be.eql(undefined)
       if (interception.response !== undefined) {
         expect(interception.response.statusCode).to.eq(200)
@@ -78,28 +78,28 @@ describe('Pages > /application/[guildId]/settings', () => {
     })
   })
 
-  it('should redirect the user to `/404` if `guildId` is not a number', () => {
-    cy.task('startMockServer', authenticationHandlers).setCookie(
-      'refreshToken',
-      'refresh-token'
+  it("should redirect the user to `/404` if `guildId` is not a number", () => {
+    cy.task("startMockServer", authenticationHandlers).setCookie(
+      "refreshToken",
+      "refresh-token",
     )
-    cy.visit('/application/abc/settings', {
-      failOnStatusCode: false
+    cy.visit("/application/abc/settings", {
+      failOnStatusCode: false,
     })
-      .get('[data-cy=status-code]')
-      .contains('404')
+      .get("[data-cy=status-code]")
+      .contains("404")
   })
 
   it("should redirect the user to `/404` if `guildId` doesn't exist", () => {
-    cy.task('startMockServer', [...authenticationHandlers]).setCookie(
-      'refreshToken',
-      'refresh-token'
+    cy.task("startMockServer", [...authenticationHandlers]).setCookie(
+      "refreshToken",
+      "refresh-token",
     )
     cy.visit(`/application/123/settings`, {
-      failOnStatusCode: false
+      failOnStatusCode: false,
     })
-      .get('[data-cy=status-code]')
-      .contains('404')
+      .get("[data-cy=status-code]")
+      .contains("404")
   })
 })
 
diff --git a/cypress/e2e/pages/application/guilds/create.cy.ts b/cypress/e2e/pages/application/guilds/create.cy.ts
index 8f537fb..f9e63e4 100644
--- a/cypress/e2e/pages/application/guilds/create.cy.ts
+++ b/cypress/e2e/pages/application/guilds/create.cy.ts
@@ -1,45 +1,45 @@
-import { getChannelWithChannelIdHandler } from '../../../../fixtures/channels/[channelId]/get'
-import { getGuildsHandler } from '../../../../fixtures/guilds/get'
-import { getGuildMemberWithGuildIdHandler } from '../../../../fixtures/guilds/[guildId]/get'
-import { channelExample } from '../../../../fixtures/channels/channel'
-import { guildExample } from '../../../../fixtures/guilds/guild'
-import { postGuildsHandler } from '../../../../fixtures/guilds/post'
-import { authenticationHandlers } from '../../../../fixtures/handler'
+import { getChannelWithChannelIdHandler } from "../../../../fixtures/channels/[channelId]/get"
+import { getGuildsHandler } from "../../../../fixtures/guilds/get"
+import { getGuildMemberWithGuildIdHandler } from "../../../../fixtures/guilds/[guildId]/get"
+import { channelExample } from "../../../../fixtures/channels/channel"
+import { guildExample } from "../../../../fixtures/guilds/guild"
+import { postGuildsHandler } from "../../../../fixtures/guilds/post"
+import { authenticationHandlers } from "../../../../fixtures/handler"
 
-describe('Pages > /application/guilds/create', () => {
+describe("Pages > /application/guilds/create", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
+    cy.task("stopMockServer")
   })
 
-  it('should succeeds and create the guild', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and create the guild", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
       postGuildsHandler,
       getGuildsHandler,
       getGuildMemberWithGuildIdHandler,
-      getChannelWithChannelIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
-    cy.visit('/application/guilds/create')
-    cy.get('[data-cy=application-title]').should('have.text', 'Create a Guild')
-    cy.get('#error-name').should('not.exist')
-    cy.get('[data-cy=input-name]').type(guildExample.name)
-    cy.get('[data-cy=submit]').click()
-    cy.location('pathname').should(
-      'eq',
-      `/application/${guildExample.id}/${channelExample.id}`
+      getChannelWithChannelIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
+    cy.visit("/application/guilds/create")
+    cy.get("[data-cy=application-title]").should("have.text", "Create a Guild")
+    cy.get("#error-name").should("not.exist")
+    cy.get("[data-cy=input-name]").type(guildExample.name)
+    cy.get("[data-cy=submit]").click()
+    cy.location("pathname").should(
+      "eq",
+      `/application/${guildExample.id}/${channelExample.id}`,
     )
   })
 
-  it('should fails with internal api server error', () => {
-    cy.task('startMockServer', [...authenticationHandlers]).setCookie(
-      'refreshToken',
-      'refresh-token'
+  it("should fails with internal api server error", () => {
+    cy.task("startMockServer", [...authenticationHandlers]).setCookie(
+      "refreshToken",
+      "refresh-token",
     )
-    cy.visit('/application/guilds/create')
-    cy.get('#error-name').should('not.exist')
-    cy.get('[data-cy=input-name]').type(guildExample.name)
-    cy.get('[data-cy=submit]').click()
-    cy.get('#message').should('have.text', 'Error: Internal Server Error.')
+    cy.visit("/application/guilds/create")
+    cy.get("#error-name").should("not.exist")
+    cy.get("[data-cy=input-name]").type(guildExample.name)
+    cy.get("[data-cy=submit]").click()
+    cy.get("#message").should("have.text", "Error: Internal Server Error.")
   })
 })
 
diff --git a/cypress/e2e/pages/application/guilds/join.cy.ts b/cypress/e2e/pages/application/guilds/join.cy.ts
index b7eee79..8c65106 100644
--- a/cypress/e2e/pages/application/guilds/join.cy.ts
+++ b/cypress/e2e/pages/application/guilds/join.cy.ts
@@ -1,81 +1,81 @@
-import { guildExample, guildExample2 } from '../../../../fixtures/guilds/guild'
+import { guildExample, guildExample2 } from "../../../../fixtures/guilds/guild"
 import {
   getGuildsPublicEmptyHandler,
   getGuildsPublicHandler,
-  getGuildsPublicSearchHandler
-} from '../../../../fixtures/guilds/public/get'
-import { authenticationHandlers } from '../../../../fixtures/handler'
-import { API_URL } from '../../../../../tools/api'
+  getGuildsPublicSearchHandler,
+} from "../../../../fixtures/guilds/public/get"
+import { authenticationHandlers } from "../../../../fixtures/handler"
+import { API_URL } from "../../../../../tools/api"
 
-describe('Pages > /application/guilds/join', () => {
+describe("Pages > /application/guilds/join", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
+    cy.task("stopMockServer")
   })
 
-  it('should shows all the guilds', () => {
-    cy.task('startMockServer', [
+  it("should shows all the guilds", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
-      getGuildsPublicHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getGuildsPublicHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.intercept(`${API_URL}${getGuildsPublicHandler.url}*`).as(
-      'getGuildsPublicHandler'
+      "getGuildsPublicHandler",
     )
-    cy.visit('/application/guilds/join')
-    cy.wait(['@getGuildsPublicHandler']).then(() => {
-      cy.get('[data-cy=application-title]').should('have.text', 'Join a Guild')
-      cy.get('.guilds-public-list').children().should('have.length', 2)
-      cy.get('.guilds-public-list [data-cy=guild-name]:first').should(
-        'have.text',
-        guildExample.name
+    cy.visit("/application/guilds/join")
+    cy.wait(["@getGuildsPublicHandler"]).then(() => {
+      cy.get("[data-cy=application-title]").should("have.text", "Join a Guild")
+      cy.get(".guilds-public-list").children().should("have.length", 2)
+      cy.get(".guilds-public-list [data-cy=guild-name]:first").should(
+        "have.text",
+        guildExample.name,
       )
-      cy.get('.guilds-public-list [data-cy=guild-name]:last').should(
-        'have.text',
-        guildExample2.name
+      cy.get(".guilds-public-list [data-cy=guild-name]:last").should(
+        "have.text",
+        guildExample2.name,
       )
     })
   })
 
-  it('should shows the searched guild', () => {
-    cy.task('startMockServer', [
+  it("should shows the searched guild", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
-      getGuildsPublicSearchHandler
-    ]).setCookie('refreshToken', 'refresh-token')
-    cy.visit('/application/guilds/join')
+      getGuildsPublicSearchHandler,
+    ]).setCookie("refreshToken", "refresh-token")
+    cy.visit("/application/guilds/join")
     cy.intercept(`${API_URL}${getGuildsPublicHandler.url}*`).as(
-      'getGuildsPublicHandler'
+      "getGuildsPublicHandler",
     )
-    cy.wait(['@getGuildsPublicHandler']).then(() => {
-      cy.get('[data-cy=search-guild-input]').type(guildExample2.name)
-      cy.get('.guilds-public-list').children().should('have.length', 1)
-      cy.get('.guilds-public-list [data-cy=guild-name]:first').should(
-        'have.text',
-        guildExample2.name
+    cy.wait(["@getGuildsPublicHandler"]).then(() => {
+      cy.get("[data-cy=search-guild-input]").type(guildExample2.name)
+      cy.get(".guilds-public-list").children().should("have.length", 1)
+      cy.get(".guilds-public-list [data-cy=guild-name]:first").should(
+        "have.text",
+        guildExample2.name,
       )
     })
   })
 
-  it('should shows no guild if there are no public guilds', () => {
-    cy.task('startMockServer', [
+  it("should shows no guild if there are no public guilds", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
-      getGuildsPublicEmptyHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getGuildsPublicEmptyHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.intercept(`${API_URL}${getGuildsPublicEmptyHandler.url}*`).as(
-      'getGuildsPublicEmptyHandler'
+      "getGuildsPublicEmptyHandler",
     )
-    cy.visit('/application/guilds/join')
-    cy.wait('@getGuildsPublicEmptyHandler').then(() => {
-      cy.get('.guilds-public-list').children().should('have.length', 0)
+    cy.visit("/application/guilds/join")
+    cy.wait("@getGuildsPublicEmptyHandler").then(() => {
+      cy.get(".guilds-public-list").children().should("have.length", 0)
     })
   })
 
-  it('should shows loader with internal api server error', () => {
-    cy.task('startMockServer', [...authenticationHandlers]).setCookie(
-      'refreshToken',
-      'refresh-token'
+  it("should shows loader with internal api server error", () => {
+    cy.task("startMockServer", [...authenticationHandlers]).setCookie(
+      "refreshToken",
+      "refresh-token",
     )
-    cy.visit('/application/guilds/join')
-    cy.get('.guilds-public-list').children().should('have.length', 1)
-    cy.get('[data-cy=progress-spinner]').should('be.visible')
+    cy.visit("/application/guilds/join")
+    cy.get(".guilds-public-list").children().should("have.length", 1)
+    cy.get("[data-cy=progress-spinner]").should("be.visible")
   })
 })
 
diff --git a/cypress/e2e/pages/application/index.cy.ts b/cypress/e2e/pages/application/index.cy.ts
index b26b8d6..63e96e2 100644
--- a/cypress/e2e/pages/application/index.cy.ts
+++ b/cypress/e2e/pages/application/index.cy.ts
@@ -1,33 +1,33 @@
-import { authenticationHandlers } from '../../../fixtures/handler'
+import { authenticationHandlers } from "../../../fixtures/handler"
 
-describe('Pages > /application', () => {
+describe("Pages > /application", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
+    cy.task("stopMockServer")
   })
 
   it('should redirect user to `/application/guilds/create` on click on "Create a Guild"', () => {
-    cy.task('startMockServer', [...authenticationHandlers]).setCookie(
-      'refreshToken',
-      'refresh-token'
+    cy.task("startMockServer", [...authenticationHandlers]).setCookie(
+      "refreshToken",
+      "refresh-token",
     )
-    cy.visit('/application')
-    cy.get('[data-cy=application-title]').should('have.text', 'Application')
+    cy.visit("/application")
+    cy.get("[data-cy=application-title]").should("have.text", "Application")
     cy.get('a[href="/application/guilds/create"]')
       .click()
-      .location('pathname')
-      .should('eq', '/application/guilds/create')
+      .location("pathname")
+      .should("eq", "/application/guilds/create")
   })
 
   it('should redirect user to `/application/guilds/join` on click on "Join a Guild"', () => {
-    cy.task('startMockServer', [...authenticationHandlers]).setCookie(
-      'refreshToken',
-      'refresh-token'
+    cy.task("startMockServer", [...authenticationHandlers]).setCookie(
+      "refreshToken",
+      "refresh-token",
     )
-    cy.visit('/application')
+    cy.visit("/application")
     cy.get('a[href="/application/guilds/join"]')
       .click()
-      .location('pathname')
-      .should('eq', '/application/guilds/join')
+      .location("pathname")
+      .should("eq", "/application/guilds/join")
   })
 })
 
diff --git a/cypress/e2e/pages/application/users/[userId]/index.cy.ts b/cypress/e2e/pages/application/users/[userId]/index.cy.ts
index 1700017..20a6de8 100644
--- a/cypress/e2e/pages/application/users/[userId]/index.cy.ts
+++ b/cypress/e2e/pages/application/users/[userId]/index.cy.ts
@@ -1,36 +1,36 @@
-import date from 'date-and-time'
+import date from "date-and-time"
 
-import { userExample } from '../../../../../fixtures/users/user'
-import { getUserByIdHandler } from '../../../../../fixtures/users/[userId]/get'
-import { authenticationHandlers } from '../../../../../fixtures/handler'
+import { userExample } from "../../../../../fixtures/users/user"
+import { getUserByIdHandler } from "../../../../../fixtures/users/[userId]/get"
+import { authenticationHandlers } from "../../../../../fixtures/handler"
 
-describe('Pages > /application/users/[userId]', () => {
+describe("Pages > /application/users/[userId]", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
+    cy.task("stopMockServer")
   })
 
-  it('should succeeds and display the public user profile correctly', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and display the public user profile correctly", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
-      getUserByIdHandler
-    ]).setCookie('refreshToken', 'refresh-token')
+      getUserByIdHandler,
+    ]).setCookie("refreshToken", "refresh-token")
     cy.visit(`/application/users/${userExample.id}`)
-    cy.get('[data-cy=user-name]').should('have.text', userExample.name)
-    cy.get('[data-cy=user-email]').should('have.text', userExample.email)
-    cy.get('[data-cy=user-createdAt]').should(
-      'have.text',
-      date.format(new Date(userExample.createdAt), 'DD/MM/YYYY')
+    cy.get("[data-cy=user-name]").should("have.text", userExample.name)
+    cy.get("[data-cy=user-email]").should("have.text", userExample.email)
+    cy.get("[data-cy=user-createdAt]").should(
+      "have.text",
+      date.format(new Date(userExample.createdAt), "DD/MM/YYYY"),
     )
   })
 
   it("should redirect the user to `/404` if `userId` doesn't exist", () => {
-    cy.task('startMockServer', [...authenticationHandlers]).setCookie(
-      'refreshToken',
-      'refresh-token'
+    cy.task("startMockServer", [...authenticationHandlers]).setCookie(
+      "refreshToken",
+      "refresh-token",
     )
     cy.visit(`/application/users/123`, { failOnStatusCode: false })
-      .get('[data-cy=status-code]')
-      .contains('404')
+      .get("[data-cy=status-code]")
+      .contains("404")
   })
 })
 
diff --git a/cypress/e2e/pages/authentication/forgot-password.cy.ts b/cypress/e2e/pages/authentication/forgot-password.cy.ts
index 67b6416..896ebce 100644
--- a/cypress/e2e/pages/authentication/forgot-password.cy.ts
+++ b/cypress/e2e/pages/authentication/forgot-password.cy.ts
@@ -1,37 +1,37 @@
-import { postUsersResetPasswordHandler } from '../../../fixtures/users/reset-password/post'
-import { userExample } from '../../../fixtures/users/user'
+import { postUsersResetPasswordHandler } from "../../../fixtures/users/reset-password/post"
+import { userExample } from "../../../fixtures/users/user"
 
-describe('Pages > /authentication/forgot-password', () => {
+describe("Pages > /authentication/forgot-password", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
-    cy.visit('/authentication/forgot-password')
+    cy.task("stopMockServer")
+    cy.visit("/authentication/forgot-password")
   })
 
-  it('should succeeds and sends a password-reset request', () => {
-    cy.task('startMockServer', [postUsersResetPasswordHandler])
-    cy.get('#message').should('not.exist')
-    cy.get('[data-cy=input-email]').type(userExample.email)
-    cy.get('[data-cy=submit]').click()
-    cy.get('#message').should(
-      'have.text',
-      'Success: Password-reset request successful, please check your emails!'
+  it("should succeeds and sends a password-reset request", () => {
+    cy.task("startMockServer", [postUsersResetPasswordHandler])
+    cy.get("#message").should("not.exist")
+    cy.get("[data-cy=input-email]").type(userExample.email)
+    cy.get("[data-cy=submit]").click()
+    cy.get("#message").should(
+      "have.text",
+      "Success: Password-reset request successful, please check your emails!",
     )
   })
 
-  it('should fails with unreachable api server', () => {
-    cy.get('#message').should('not.exist')
-    cy.get('[data-cy=input-email]').type(userExample.email)
-    cy.get('[data-cy=submit]').click()
-    cy.get('#message').should('have.text', 'Error: Internal Server Error.')
+  it("should fails with unreachable api server", () => {
+    cy.get("#message").should("not.exist")
+    cy.get("[data-cy=input-email]").type(userExample.email)
+    cy.get("[data-cy=submit]").click()
+    cy.get("#message").should("have.text", "Error: Internal Server Error.")
   })
 
-  it('should fails with wrong email format', () => {
-    cy.get('#message').should('not.exist')
-    cy.get('[data-cy=input-email]').type('test')
-    cy.get('[data-cy=submit]').click()
-    cy.get('#message').should(
-      'have.text',
-      'Error: Mmm… It seems that this email is not valid 🤔.'
+  it("should fails with wrong email format", () => {
+    cy.get("#message").should("not.exist")
+    cy.get("[data-cy=input-email]").type("test")
+    cy.get("[data-cy=submit]").click()
+    cy.get("#message").should(
+      "have.text",
+      "Error: Mmm… It seems that this email is not valid 🤔.",
     )
   })
 })
diff --git a/cypress/e2e/pages/authentication/reset-password.cy.ts b/cypress/e2e/pages/authentication/reset-password.cy.ts
index 17e9771..0e770af 100644
--- a/cypress/e2e/pages/authentication/reset-password.cy.ts
+++ b/cypress/e2e/pages/authentication/reset-password.cy.ts
@@ -1,48 +1,48 @@
 import {
   putUsersResetPasswordHandler,
-  putUsersResetPasswordInvalidTemporaryTokenHandler
-} from '../../../fixtures/users/reset-password/put'
+  putUsersResetPasswordInvalidTemporaryTokenHandler,
+} from "../../../fixtures/users/reset-password/put"
 
-describe('Pages > /authentication/reset-password', () => {
+describe("Pages > /authentication/reset-password", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
+    cy.task("stopMockServer")
   })
 
-  it('should succeeds and redirect user to sign in page', () => {
-    cy.task('startMockServer', [putUsersResetPasswordHandler])
-    cy.visit('/authentication/reset-password?temporaryToken=abcdefg')
-    cy.get('#message').should('not.exist')
-    cy.get('[data-cy=input-password]').type('somepassword')
-    cy.get('[data-cy=submit]').click()
-    cy.location('pathname').should('eq', '/authentication/signin')
+  it("should succeeds and redirect user to sign in page", () => {
+    cy.task("startMockServer", [putUsersResetPasswordHandler])
+    cy.visit("/authentication/reset-password?temporaryToken=abcdefg")
+    cy.get("#message").should("not.exist")
+    cy.get("[data-cy=input-password]").type("somepassword")
+    cy.get("[data-cy=submit]").click()
+    cy.location("pathname").should("eq", "/authentication/signin")
   })
 
-  it('should fails with invalid `temporaryToken`', () => {
-    cy.task('startMockServer', [
-      putUsersResetPasswordInvalidTemporaryTokenHandler
+  it("should fails with invalid `temporaryToken`", () => {
+    cy.task("startMockServer", [
+      putUsersResetPasswordInvalidTemporaryTokenHandler,
     ])
-    cy.visit('/authentication/reset-password')
-    cy.get('#message').should('not.exist')
-    cy.get('[data-cy=input-password]').type('somepassword')
-    cy.get('[data-cy=submit]').click()
-    cy.get('#message').should('have.text', 'Error: Invalid value.')
+    cy.visit("/authentication/reset-password")
+    cy.get("#message").should("not.exist")
+    cy.get("[data-cy=input-password]").type("somepassword")
+    cy.get("[data-cy=submit]").click()
+    cy.get("#message").should("have.text", "Error: Invalid value.")
   })
 
-  it('should fails with unreachable api server', () => {
-    cy.visit('/authentication/reset-password')
-    cy.get('#message').should('not.exist')
-    cy.get('[data-cy=input-password]').type('randompassword')
-    cy.get('[data-cy=submit]').click()
-    cy.get('#message').should('have.text', 'Error: Internal Server Error.')
+  it("should fails with unreachable api server", () => {
+    cy.visit("/authentication/reset-password")
+    cy.get("#message").should("not.exist")
+    cy.get("[data-cy=input-password]").type("randompassword")
+    cy.get("[data-cy=submit]").click()
+    cy.get("#message").should("have.text", "Error: Internal Server Error.")
   })
 
-  it('should fails with empty password value', () => {
-    cy.visit('/authentication/reset-password')
-    cy.get('#message').should('not.exist')
-    cy.get('[data-cy=submit]').click()
-    cy.get('#message').should(
-      'have.text',
-      'Error: Oops, this field is required 🙈.'
+  it("should fails with empty password value", () => {
+    cy.visit("/authentication/reset-password")
+    cy.get("#message").should("not.exist")
+    cy.get("[data-cy=submit]").click()
+    cy.get("#message").should(
+      "have.text",
+      "Error: Oops, this field is required 🙈.",
     )
   })
 })
diff --git a/cypress/e2e/pages/authentication/signin.cy.ts b/cypress/e2e/pages/authentication/signin.cy.ts
index d204227..70eccbb 100644
--- a/cypress/e2e/pages/authentication/signin.cy.ts
+++ b/cypress/e2e/pages/authentication/signin.cy.ts
@@ -1,56 +1,56 @@
-import { authenticationHandlers } from '../../../fixtures/handler'
+import { authenticationHandlers } from "../../../fixtures/handler"
 import {
   postUsersSigninHandler,
-  postUsersSigninInvalidCredentialsHandler
-} from '../../../fixtures/users/signin/post'
-import { userExample } from '../../../fixtures/users/user'
+  postUsersSigninInvalidCredentialsHandler,
+} from "../../../fixtures/users/signin/post"
+import { userExample } from "../../../fixtures/users/user"
 
-describe('Pages > /authentication/signin', () => {
+describe("Pages > /authentication/signin", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
-    cy.visit('/authentication/signin')
+    cy.task("stopMockServer")
+    cy.visit("/authentication/signin")
   })
 
-  it('should succeeds and sign in the user', () => {
-    cy.task('startMockServer', [
+  it("should succeeds and sign in the user", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
-      postUsersSigninHandler
+      postUsersSigninHandler,
     ])
-    cy.get('#error-email').should('not.exist')
-    cy.get('#error-password').should('not.exist')
-    cy.get('[data-cy=input-email]').type(userExample.email)
-    cy.get('[data-cy=input-password]').type('randompassword')
-    cy.get('[data-cy=submit]').click()
-    cy.location('pathname').should('eq', '/application')
+    cy.get("#error-email").should("not.exist")
+    cy.get("#error-password").should("not.exist")
+    cy.get("[data-cy=input-email]").type(userExample.email)
+    cy.get("[data-cy=input-password]").type("randompassword")
+    cy.get("[data-cy=submit]").click()
+    cy.location("pathname").should("eq", "/application")
   })
 
-  it('should fails with unreachable api server', () => {
-    cy.get('#error-email').should('not.exist')
-    cy.get('#error-password').should('not.exist')
-    cy.get('[data-cy=input-email]').type(userExample.email)
-    cy.get('[data-cy=input-password]').type('randompassword')
-    cy.get('[data-cy=submit]').click()
-    cy.get('#message').should('have.text', 'Error: Internal Server Error.')
-    cy.get('#error-email').should('not.exist')
-    cy.get('#error-password').should('not.exist')
+  it("should fails with unreachable api server", () => {
+    cy.get("#error-email").should("not.exist")
+    cy.get("#error-password").should("not.exist")
+    cy.get("[data-cy=input-email]").type(userExample.email)
+    cy.get("[data-cy=input-password]").type("randompassword")
+    cy.get("[data-cy=submit]").click()
+    cy.get("#message").should("have.text", "Error: Internal Server Error.")
+    cy.get("#error-email").should("not.exist")
+    cy.get("#error-password").should("not.exist")
   })
 
-  it('should fails with invalid credentials', () => {
-    cy.task('startMockServer', [
+  it("should fails with invalid credentials", () => {
+    cy.task("startMockServer", [
       ...authenticationHandlers,
-      postUsersSigninInvalidCredentialsHandler
+      postUsersSigninInvalidCredentialsHandler,
     ])
-    cy.get('#error-email').should('not.exist')
-    cy.get('#error-password').should('not.exist')
-    cy.get('[data-cy=input-email]').type(userExample.email)
-    cy.get('[data-cy=input-password]').type('randompassword')
-    cy.get('[data-cy=submit]').click()
-    cy.get('#message').should(
-      'have.text',
-      'Error: Invalid credentials. Please try again.'
+    cy.get("#error-email").should("not.exist")
+    cy.get("#error-password").should("not.exist")
+    cy.get("[data-cy=input-email]").type(userExample.email)
+    cy.get("[data-cy=input-password]").type("randompassword")
+    cy.get("[data-cy=submit]").click()
+    cy.get("#message").should(
+      "have.text",
+      "Error: Invalid credentials. Please try again.",
     )
-    cy.get('#error-email').should('not.exist')
-    cy.get('#error-password').should('not.exist')
+    cy.get("#error-email").should("not.exist")
+    cy.get("#error-password").should("not.exist")
   })
 })
 
diff --git a/cypress/e2e/pages/authentication/signup.cy.ts b/cypress/e2e/pages/authentication/signup.cy.ts
index 69f728e..0c56be0 100644
--- a/cypress/e2e/pages/authentication/signup.cy.ts
+++ b/cypress/e2e/pages/authentication/signup.cy.ts
@@ -1,85 +1,85 @@
-import { userExample } from '../../../fixtures/users/user'
+import { userExample } from "../../../fixtures/users/user"
 import {
   postUsersSignupHandler,
-  postUsersSignupAlreadyUsedHandler
-} from '../../../fixtures/users/signup/post'
+  postUsersSignupAlreadyUsedHandler,
+} from "../../../fixtures/users/signup/post"
 
-describe('Pages > /authentication/signup', () => {
+describe("Pages > /authentication/signup", () => {
   beforeEach(() => {
-    cy.task('stopMockServer')
-    cy.visit('/authentication/signup')
+    cy.task("stopMockServer")
+    cy.visit("/authentication/signup")
   })
 
-  it('should succeeds and sign up the user', () => {
-    cy.task('startMockServer', [postUsersSignupHandler])
-    cy.get('#error-name').should('not.exist')
-    cy.get('#error-email').should('not.exist')
-    cy.get('#error-password').should('not.exist')
-    cy.get('[data-cy=input-name]').type(userExample.name)
-    cy.get('[data-cy=input-email]').type(userExample.email)
-    cy.get('[data-cy=input-password]').type('randompassword')
-    cy.get('[data-cy=submit]').click()
-    cy.get('#message').should(
-      'have.text',
-      "Success: You're almost there, please check your emails to confirm registration."
+  it("should succeeds and sign up the user", () => {
+    cy.task("startMockServer", [postUsersSignupHandler])
+    cy.get("#error-name").should("not.exist")
+    cy.get("#error-email").should("not.exist")
+    cy.get("#error-password").should("not.exist")
+    cy.get("[data-cy=input-name]").type(userExample.name)
+    cy.get("[data-cy=input-email]").type(userExample.email)
+    cy.get("[data-cy=input-password]").type("randompassword")
+    cy.get("[data-cy=submit]").click()
+    cy.get("#message").should(
+      "have.text",
+      "Success: You're almost there, please check your emails to confirm registration.",
     )
   })
 
-  it('should fails with name or email already used', () => {
-    cy.task('startMockServer', [postUsersSignupAlreadyUsedHandler])
-    cy.get('#error-name').should('not.exist')
-    cy.get('#error-email').should('not.exist')
-    cy.get('#error-password').should('not.exist')
-    cy.get('[data-cy=input-name]').type(userExample.name)
-    cy.get('[data-cy=input-email]').type(userExample.email)
-    cy.get('[data-cy=input-password]').type('randompassword')
-    cy.get('[data-cy=submit]').click()
-    cy.get('#message').should('have.text', 'Error: Name or Email already used.')
-    cy.get('#error-name').should('not.exist')
-    cy.get('#error-email').should('not.exist')
-    cy.get('#error-password').should('not.exist')
+  it("should fails with name or email already used", () => {
+    cy.task("startMockServer", [postUsersSignupAlreadyUsedHandler])
+    cy.get("#error-name").should("not.exist")
+    cy.get("#error-email").should("not.exist")
+    cy.get("#error-password").should("not.exist")
+    cy.get("[data-cy=input-name]").type(userExample.name)
+    cy.get("[data-cy=input-email]").type(userExample.email)
+    cy.get("[data-cy=input-password]").type("randompassword")
+    cy.get("[data-cy=submit]").click()
+    cy.get("#message").should("have.text", "Error: Name or Email already used.")
+    cy.get("#error-name").should("not.exist")
+    cy.get("#error-email").should("not.exist")
+    cy.get("#error-password").should("not.exist")
   })
 
-  it('should fails with unreachable api server', () => {
-    cy.get('#error-name').should('not.exist')
-    cy.get('#error-email').should('not.exist')
-    cy.get('#error-password').should('not.exist')
-    cy.get('[data-cy=input-name]').type(userExample.name)
-    cy.get('[data-cy=input-email]').type(userExample.email)
-    cy.get('[data-cy=input-password]').type('randompassword')
-    cy.get('[data-cy=submit]').click()
-    cy.get('#message').should('have.text', 'Error: Internal Server Error.')
-    cy.get('#error-name').should('not.exist')
-    cy.get('#error-email').should('not.exist')
-    cy.get('#error-password').should('not.exist')
+  it("should fails with unreachable api server", () => {
+    cy.get("#error-name").should("not.exist")
+    cy.get("#error-email").should("not.exist")
+    cy.get("#error-password").should("not.exist")
+    cy.get("[data-cy=input-name]").type(userExample.name)
+    cy.get("[data-cy=input-email]").type(userExample.email)
+    cy.get("[data-cy=input-password]").type("randompassword")
+    cy.get("[data-cy=submit]").click()
+    cy.get("#message").should("have.text", "Error: Internal Server Error.")
+    cy.get("#error-name").should("not.exist")
+    cy.get("#error-email").should("not.exist")
+    cy.get("#error-password").should("not.exist")
   })
 
-  it('should fails with all inputs as required with error messages and update error messages when updating language (translation)', () => {
+  it("should fails with all inputs as required with error messages and update error messages when updating language (translation)", () => {
     const requiredErrorMessage = {
-      en: 'Error: Oops, this field is required 🙈.',
-      fr: 'Erreur: Oups, ce champ est obligatoire 🙈.'
+      en: "Error: Oops, this field is required 🙈.",
+      fr: "Erreur: Oups, ce champ est obligatoire 🙈.",
     }
-    cy.get('#error-name').should('not.exist')
-    cy.get('#error-email').should('not.exist')
-    cy.get('#error-password').should('not.exist')
-    cy.get('[data-cy=submit]').click()
-    cy.get('#error-name').should('have.text', requiredErrorMessage.en)
-    cy.get('#error-email').should('have.text', requiredErrorMessage.en)
-    cy.get('#error-password').should('have.text', requiredErrorMessage.en)
-    cy.get('[data-cy=language-click]').click()
-    cy.get('[data-cy=languages-list] > li:first-child').contains('FR').click()
-    cy.get('#error-name').should('have.text', requiredErrorMessage.fr)
-    cy.get('#error-email').should('have.text', requiredErrorMessage.fr)
-    cy.get('#error-password').should('have.text', requiredErrorMessage.fr)
+    cy.get("#error-name").should("not.exist")
+    cy.get("#error-email").should("not.exist")
+    cy.get("#error-password").should("not.exist")
+    cy.get("[data-cy=submit]").click()
+    cy.get("#error-name").should("have.text", requiredErrorMessage.en)
+    cy.get("#error-email").should("have.text", requiredErrorMessage.en)
+    cy.get("#error-password").should("have.text", requiredErrorMessage.en)
+    cy.get("[data-cy=language-click]").click()
+    cy.get("[data-cy=languages-list] > li:first-child").contains("FR").click()
+    cy.get("#error-name").should("have.text", requiredErrorMessage.fr)
+    cy.get("#error-email").should("have.text", requiredErrorMessage.fr)
+    cy.get("#error-password").should("have.text", requiredErrorMessage.fr)
   })
 
-  it('should fails with wrong email format', () => {
-    cy.get('#error-email').should('not.exist')
-    cy.get('[data-cy=input-email]').type('test')
-    cy.get('[data-cy=submit]').click()
-    cy.get('#error-email').should(
-      'have.text',
-      'Error: Mmm… It seems that this email is not valid 🤔.'
+  it("should fails with wrong email format", () => {
+    cy.get("#error-email").should("not.exist")
+    cy.get("[data-cy=input-email]").type("test")
+    cy.get("[data-cy=submit]").click()
+    cy.get("#error-email").should(
+      "have.text",
+      "Error: Mmm… It seems that this email is not valid 🤔.",
     )
   })
 })
diff --git a/cypress/e2e/pages/index.cy.ts b/cypress/e2e/pages/index.cy.ts
index b6c2efc..36132a4 100644
--- a/cypress/e2e/pages/index.cy.ts
+++ b/cypress/e2e/pages/index.cy.ts
@@ -1,13 +1,13 @@
-describe('Page > /', () => {
+describe("Page > /", () => {
   beforeEach(() => {
-    cy.visit('/')
+    cy.visit("/")
   })
 
   it('should redirect the user to signup page when clicking "Get started"', () => {
-    cy.get('[data-cy=get-started]')
+    cy.get("[data-cy=get-started]")
       .click()
-      .location('pathname')
-      .should('eq', '/authentication/signup')
+      .location("pathname")
+      .should("eq", "/authentication/signup")
   })
 })
 
diff --git a/cypress/fixtures/channels/[channelId]/delete.ts b/cypress/fixtures/channels/[channelId]/delete.ts
index a178387..ae0bee8 100644
--- a/cypress/fixtures/channels/[channelId]/delete.ts
+++ b/cypress/fixtures/channels/[channelId]/delete.ts
@@ -1,14 +1,14 @@
-import type { Handler } from '../../handler'
-import { channelExample, channelExample2 } from '../channel'
+import type { Handler } from "../../handler"
+import { channelExample, channelExample2 } from "../channel"
 
 export const deleteChannelWithChannelIdHandler: Handler = {
-  method: 'DELETE',
+  method: "DELETE",
   url: `/channels/${channelExample.id}`,
   response: {
     statusCode: 200,
     body: {
       ...channelExample,
-      defaultChannelId: channelExample2.id
-    }
-  }
+      defaultChannelId: channelExample2.id,
+    },
+  },
 }
diff --git a/cypress/fixtures/channels/[channelId]/get.ts b/cypress/fixtures/channels/[channelId]/get.ts
index 4b6ffab..e34e065 100644
--- a/cypress/fixtures/channels/[channelId]/get.ts
+++ b/cypress/fixtures/channels/[channelId]/get.ts
@@ -1,24 +1,24 @@
-import type { Handler } from '../../handler'
-import { channelExample, channelExample2 } from '../channel'
+import type { Handler } from "../../handler"
+import { channelExample, channelExample2 } from "../channel"
 
 export const getChannelWithChannelIdHandler: Handler = {
-  method: 'GET',
+  method: "GET",
   url: `/channels/${channelExample.id}`,
   response: {
     statusCode: 200,
     body: {
-      channel: channelExample
-    }
-  }
+      channel: channelExample,
+    },
+  },
 }
 
 export const getChannelWithChannelIdHandler2: Handler = {
-  method: 'GET',
+  method: "GET",
   url: `/channels/${channelExample2.id}`,
   response: {
     statusCode: 200,
     body: {
-      channel: channelExample2
-    }
-  }
+      channel: channelExample2,
+    },
+  },
 }
diff --git a/cypress/fixtures/channels/[channelId]/messages/get.ts b/cypress/fixtures/channels/[channelId]/messages/get.ts
index 8689357..ebdc851 100644
--- a/cypress/fixtures/channels/[channelId]/messages/get.ts
+++ b/cypress/fixtures/channels/[channelId]/messages/get.ts
@@ -1,4 +1,4 @@
-import type { Handler } from '../../../handler'
+import type { Handler } from "../../../handler"
 import {
   messageExampleComplete,
   messageExampleComplete2,
@@ -8,12 +8,12 @@ import {
   messageExampleComplete6,
   messageExampleComplete7,
   messageExampleComplete8,
-  messageExampleComplete9
-} from '../../../messages/message'
-import { channelExample } from '../../channel'
+  messageExampleComplete9,
+} from "../../../messages/message"
+import { channelExample } from "../../channel"
 
 export const getMessagesWithChannelIdHandler: Handler = {
-  method: 'GET',
+  method: "GET",
   url: `/channels/${channelExample.id}/messages`,
   response: {
     statusCode: 200,
@@ -26,7 +26,7 @@ export const getMessagesWithChannelIdHandler: Handler = {
       messageExampleComplete6,
       messageExampleComplete7,
       messageExampleComplete8,
-      messageExampleComplete9
-    ]
-  }
+      messageExampleComplete9,
+    ],
+  },
 }
diff --git a/cypress/fixtures/channels/[channelId]/put.ts b/cypress/fixtures/channels/[channelId]/put.ts
index b7783b7..4bb1cec 100644
--- a/cypress/fixtures/channels/[channelId]/put.ts
+++ b/cypress/fixtures/channels/[channelId]/put.ts
@@ -1,15 +1,15 @@
-import type { Handler } from '../../handler'
-import { channelExample, channelExample2 } from '../channel'
+import type { Handler } from "../../handler"
+import { channelExample, channelExample2 } from "../channel"
 
 export const putChannelWithChannelIdHandler: Handler = {
-  method: 'PUT',
+  method: "PUT",
   url: `/channels/${channelExample.id}`,
   response: {
     statusCode: 200,
     body: {
       ...channelExample,
-      name: 'New channel name',
-      defaultChannelId: channelExample2.id
-    }
-  }
+      name: "New channel name",
+      defaultChannelId: channelExample2.id,
+    },
+  },
 }
diff --git a/cypress/fixtures/channels/channel.ts b/cypress/fixtures/channels/channel.ts
index 513c47d..97baa05 100644
--- a/cypress/fixtures/channels/channel.ts
+++ b/cypress/fixtures/channels/channel.ts
@@ -1,15 +1,15 @@
-import { guildExample } from '../guilds/guild'
+import { guildExample } from "../guilds/guild"
 
 export const channelExample = {
   id: 1,
-  name: 'general',
+  name: "general",
   guildId: guildExample.id,
   createdAt: new Date().toISOString(),
-  updatedAt: new Date().toISOString()
+  updatedAt: new Date().toISOString(),
 }
 
 export const channelExample2 = {
   ...channelExample,
   id: 2,
-  name: 'general2'
+  name: "general2",
 }
diff --git a/cypress/fixtures/guilds/[guildId]/channels/get.ts b/cypress/fixtures/guilds/[guildId]/channels/get.ts
index e734b91..93e921c 100644
--- a/cypress/fixtures/guilds/[guildId]/channels/get.ts
+++ b/cypress/fixtures/guilds/[guildId]/channels/get.ts
@@ -1,12 +1,12 @@
-import { guildExample } from '../../guild'
-import type { Handler } from '../../../handler'
-import { channelExample, channelExample2 } from '../../../channels/channel'
+import { guildExample } from "../../guild"
+import type { Handler } from "../../../handler"
+import { channelExample, channelExample2 } from "../../../channels/channel"
 
 export const getChannelsWithGuildIdHandler: Handler = {
-  method: 'GET',
+  method: "GET",
   url: `/guilds/${guildExample.id}/channels`,
   response: {
     statusCode: 200,
-    body: [channelExample, channelExample2]
-  }
+    body: [channelExample, channelExample2],
+  },
 }
diff --git a/cypress/fixtures/guilds/[guildId]/channels/post.ts b/cypress/fixtures/guilds/[guildId]/channels/post.ts
index ef0995f..d08598a 100644
--- a/cypress/fixtures/guilds/[guildId]/channels/post.ts
+++ b/cypress/fixtures/guilds/[guildId]/channels/post.ts
@@ -1,15 +1,15 @@
-import { guildExample } from '../../guild'
-import type { Handler } from '../../../handler'
-import { channelExample, channelExample2 } from '../../../channels/channel'
+import { guildExample } from "../../guild"
+import type { Handler } from "../../../handler"
+import { channelExample, channelExample2 } from "../../../channels/channel"
 
 export const postChannelsWithGuildIdHandler: Handler = {
-  method: 'POST',
+  method: "POST",
   url: `/guilds/${guildExample.id}/channels`,
   response: {
     statusCode: 200,
     body: {
       ...channelExample2,
-      defaultChannelId: channelExample.id
-    }
-  }
+      defaultChannelId: channelExample.id,
+    },
+  },
 }
diff --git a/cypress/fixtures/guilds/[guildId]/delete.ts b/cypress/fixtures/guilds/[guildId]/delete.ts
index daa41f2..f329fe7 100644
--- a/cypress/fixtures/guilds/[guildId]/delete.ts
+++ b/cypress/fixtures/guilds/[guildId]/delete.ts
@@ -1,13 +1,13 @@
-import type { Handler } from '../../handler'
-import { guildExample } from '../guild'
+import type { Handler } from "../../handler"
+import { guildExample } from "../guild"
 
 export const deleteGuildWithGuildIdHandler: Handler = {
-  method: 'DELETE',
+  method: "DELETE",
   url: `/guilds/${guildExample.id}`,
   response: {
     statusCode: 200,
     body: {
-      ...guildExample
-    }
-  }
+      ...guildExample,
+    },
+  },
 }
diff --git a/cypress/fixtures/guilds/[guildId]/get.ts b/cypress/fixtures/guilds/[guildId]/get.ts
index 8b98866..59b1429 100644
--- a/cypress/fixtures/guilds/[guildId]/get.ts
+++ b/cypress/fixtures/guilds/[guildId]/get.ts
@@ -1,21 +1,21 @@
-import type { Handler } from '../../handler'
-import { guildExample } from '../guild'
-import { memberExampleComplete } from '../../members/member'
+import type { Handler } from "../../handler"
+import { guildExample } from "../guild"
+import { memberExampleComplete } from "../../members/member"
 
 export const getGuildMemberWithGuildIdHandler: Handler = {
-  method: 'GET',
+  method: "GET",
   url: `/guilds/${guildExample.id}`,
   response: {
     statusCode: 200,
     body: {
       guild: guildExample,
-      member: memberExampleComplete
-    }
-  }
+      member: memberExampleComplete,
+    },
+  },
 }
 
 export const getGuildMemberNotOwnerWithGuildIdHandler: Handler = {
-  method: 'GET',
+  method: "GET",
   url: `/guilds/${guildExample.id}`,
   response: {
     statusCode: 200,
@@ -23,8 +23,8 @@ export const getGuildMemberNotOwnerWithGuildIdHandler: Handler = {
       guild: guildExample,
       member: {
         ...memberExampleComplete,
-        isOwner: false
-      }
-    }
-  }
+        isOwner: false,
+      },
+    },
+  },
 }
diff --git a/cypress/fixtures/guilds/[guildId]/members/get.ts b/cypress/fixtures/guilds/[guildId]/members/get.ts
index f050895..a180b10 100644
--- a/cypress/fixtures/guilds/[guildId]/members/get.ts
+++ b/cypress/fixtures/guilds/[guildId]/members/get.ts
@@ -1,12 +1,12 @@
-import { guildExample } from '../../guild'
-import type { Handler } from '../../../handler'
-import { memberExampleComplete } from '../../../members/member'
+import { guildExample } from "../../guild"
+import type { Handler } from "../../../handler"
+import { memberExampleComplete } from "../../../members/member"
 
 export const getMembersWithGuildIdHandler: Handler = {
-  method: 'GET',
+  method: "GET",
   url: `/guilds/${guildExample.id}/members`,
   response: {
     statusCode: 200,
-    body: [memberExampleComplete]
-  }
+    body: [memberExampleComplete],
+  },
 }
diff --git a/cypress/fixtures/guilds/[guildId]/members/join.ts b/cypress/fixtures/guilds/[guildId]/members/join.ts
index 0739074..7131c96 100644
--- a/cypress/fixtures/guilds/[guildId]/members/join.ts
+++ b/cypress/fixtures/guilds/[guildId]/members/join.ts
@@ -1,10 +1,10 @@
-import { guildExample } from '../../guild'
-import type { Handler } from '../../../handler'
-import { memberExampleComplete } from '../../../members/member'
-import { channelExample } from '../../../channels/channel'
+import { guildExample } from "../../guild"
+import type { Handler } from "../../../handler"
+import { memberExampleComplete } from "../../../members/member"
+import { channelExample } from "../../../channels/channel"
 
 export const postMembersWithGuildIdHandler: Handler = {
-  method: 'POST',
+  method: "POST",
   url: `/guilds/${guildExample.id}/members/join`,
   response: {
     statusCode: 201,
@@ -12,8 +12,8 @@ export const postMembersWithGuildIdHandler: Handler = {
       ...memberExampleComplete,
       guild: {
         ...guildExample,
-        defaultChannelId: channelExample.id
-      }
-    }
-  }
+        defaultChannelId: channelExample.id,
+      },
+    },
+  },
 }
diff --git a/cypress/fixtures/guilds/[guildId]/members/leave.ts b/cypress/fixtures/guilds/[guildId]/members/leave.ts
index 66d2588..537c390 100644
--- a/cypress/fixtures/guilds/[guildId]/members/leave.ts
+++ b/cypress/fixtures/guilds/[guildId]/members/leave.ts
@@ -1,14 +1,14 @@
-import { guildExample } from '../../guild'
-import type { Handler } from '../../../handler'
-import { memberExample } from '../../../members/member'
+import { guildExample } from "../../guild"
+import type { Handler } from "../../../handler"
+import { memberExample } from "../../../members/member"
 
 export const deleteLeaveMembersWithGuildIdHandler: Handler = {
-  method: 'DELETE',
+  method: "DELETE",
   url: `/guilds/${guildExample.id}/members/leave`,
   response: {
     statusCode: 200,
     body: {
-      ...memberExample
-    }
-  }
+      ...memberExample,
+    },
+  },
 }
diff --git a/cypress/fixtures/guilds/get.ts b/cypress/fixtures/guilds/get.ts
index 50e6b60..848a8de 100644
--- a/cypress/fixtures/guilds/get.ts
+++ b/cypress/fixtures/guilds/get.ts
@@ -1,14 +1,14 @@
-import type { Handler } from '../handler'
-import { guildExample, guildExample2 } from './guild'
+import type { Handler } from "../handler"
+import { guildExample, guildExample2 } from "./guild"
 
 export const getGuildsHandler: Handler = {
-  method: 'GET',
-  url: '/guilds',
+  method: "GET",
+  url: "/guilds",
   response: {
     statusCode: 200,
     body: [
       { ...guildExample, defaultChannelId: 1 },
-      { ...guildExample2, defaultChannelId: 2 }
-    ]
-  }
+      { ...guildExample2, defaultChannelId: 2 },
+    ],
+  },
 }
diff --git a/cypress/fixtures/guilds/guild.ts b/cypress/fixtures/guilds/guild.ts
index b517c80..cf5a19c 100644
--- a/cypress/fixtures/guilds/guild.ts
+++ b/cypress/fixtures/guilds/guild.ts
@@ -1,16 +1,16 @@
-import type { Guild } from '../../../models/Guild'
+import type { Guild } from "../../../models/Guild"
 
 export const guildExample: Guild = {
   id: 1,
-  name: 'GuildExample',
-  description: 'guild example.',
+  name: "GuildExample",
+  description: "guild example.",
   icon: null,
   createdAt: new Date().toISOString(),
-  updatedAt: new Date().toISOString()
+  updatedAt: new Date().toISOString(),
 }
 
 export const guildExample2: Guild = {
   ...guildExample,
   id: 2,
-  name: 'app'
+  name: "app",
 }
diff --git a/cypress/fixtures/guilds/post.ts b/cypress/fixtures/guilds/post.ts
index 66dd870..1b11b1e 100644
--- a/cypress/fixtures/guilds/post.ts
+++ b/cypress/fixtures/guilds/post.ts
@@ -1,19 +1,19 @@
-import type { Handler } from '../handler'
-import { guildExample } from './guild'
-import { channelExample } from '../channels/channel'
-import { memberExampleComplete } from '../members/member'
+import type { Handler } from "../handler"
+import { guildExample } from "./guild"
+import { channelExample } from "../channels/channel"
+import { memberExampleComplete } from "../members/member"
 
 export const postGuildsHandler: Handler = {
-  method: 'POST',
-  url: '/guilds',
+  method: "POST",
+  url: "/guilds",
   response: {
     statusCode: 201,
     body: {
       guild: {
         ...guildExample,
         channels: [channelExample],
-        members: [memberExampleComplete]
-      }
-    }
-  }
+        members: [memberExampleComplete],
+      },
+    },
+  },
 }
diff --git a/cypress/fixtures/guilds/public/get.ts b/cypress/fixtures/guilds/public/get.ts
index c47c434..daf4539 100644
--- a/cypress/fixtures/guilds/public/get.ts
+++ b/cypress/fixtures/guilds/public/get.ts
@@ -1,32 +1,32 @@
-import type { Handler } from '../../handler'
-import { guildExample, guildExample2 } from '../guild'
+import type { Handler } from "../../handler"
+import { guildExample, guildExample2 } from "../guild"
 
 export const getGuildsPublicEmptyHandler: Handler = {
-  method: 'GET',
-  url: '/guilds/public',
+  method: "GET",
+  url: "/guilds/public",
   response: {
     statusCode: 200,
-    body: []
-  }
+    body: [],
+  },
 }
 
 export const getGuildsPublicHandler: Handler = {
-  method: 'GET',
-  url: '/guilds/public',
+  method: "GET",
+  url: "/guilds/public",
   response: {
     statusCode: 200,
     body: [
       { ...guildExample, membersCount: 1 },
-      { ...guildExample2, membersCount: 1 }
-    ]
-  }
+      { ...guildExample2, membersCount: 1 },
+    ],
+  },
 }
 
 export const getGuildsPublicSearchHandler: Handler = {
-  method: 'GET',
-  url: '/guilds/public',
+  method: "GET",
+  url: "/guilds/public",
   response: {
     statusCode: 200,
-    body: [{ ...guildExample2, membersCount: 1 }]
-  }
+    body: [{ ...guildExample2, membersCount: 1 }],
+  },
 }
diff --git a/cypress/fixtures/handler.ts b/cypress/fixtures/handler.ts
index a57df44..5c07b63 100644
--- a/cypress/fixtures/handler.ts
+++ b/cypress/fixtures/handler.ts
@@ -1,7 +1,7 @@
-import { getUsersCurrentHandler } from './users/current/get'
-import { postUsersRefreshTokenHandler } from './users/refresh-token/post'
+import { getUsersCurrentHandler } from "./users/current/get"
+import { postUsersRefreshTokenHandler } from "./users/refresh-token/post"
 
-export type Method = 'GET' | 'POST' | 'PUT' | 'DELETE'
+export type Method = "GET" | "POST" | "PUT" | "DELETE"
 
 export interface Handler {
   method: Method
@@ -17,5 +17,5 @@ export type Handlers = Handler[]
 
 export const authenticationHandlers = [
   getUsersCurrentHandler,
-  postUsersRefreshTokenHandler
+  postUsersRefreshTokenHandler,
 ]
diff --git a/cypress/fixtures/members/member.ts b/cypress/fixtures/members/member.ts
index 4b82d68..4074efe 100644
--- a/cypress/fixtures/members/member.ts
+++ b/cypress/fixtures/members/member.ts
@@ -1,5 +1,5 @@
-import { guildExample } from '../guilds/guild'
-import { userExample } from '../users/user'
+import { guildExample } from "../guilds/guild"
+import { userExample } from "../users/user"
 
 export const memberExample = {
   id: 1,
@@ -7,10 +7,10 @@ export const memberExample = {
   userId: userExample.id,
   guildId: guildExample.id,
   createdAt: new Date().toISOString(),
-  updatedAt: new Date().toISOString()
+  updatedAt: new Date().toISOString(),
 }
 
 export const memberExampleComplete = {
   ...memberExample,
-  user: userExample
+  user: userExample,
 }
diff --git a/cypress/fixtures/messages/message.ts b/cypress/fixtures/messages/message.ts
index 753a620..59d6d01 100644
--- a/cypress/fixtures/messages/message.ts
+++ b/cypress/fixtures/messages/message.ts
@@ -1,33 +1,33 @@
-import { channelExample } from '../channels/channel'
-import { memberExampleComplete } from '../members/member'
+import { channelExample } from "../channels/channel"
+import { memberExampleComplete } from "../members/member"
 
 export const messageExample = {
   id: 1,
-  value: 'Hello, world!',
-  type: 'text' as 'text' | 'file',
-  mimetype: 'text/plain',
+  value: "Hello, world!",
+  type: "text" as "text" | "file",
+  mimetype: "text/plain",
   memberId: memberExampleComplete.id,
   channelId: channelExample.id,
   createdAt: new Date().toISOString(),
-  updatedAt: new Date().toISOString()
+  updatedAt: new Date().toISOString(),
 }
 
 export const messageExampleComplete = {
   ...messageExample,
-  member: memberExampleComplete
+  member: memberExampleComplete,
 }
 
 export const messageExampleComplete2 = {
   ...messageExampleComplete,
   id: 2,
-  value: 'Message with bad html: <script>alert("xss")</script>'
+  value: 'Message with bad html: <script>alert("xss")</script>',
 }
 
 export const messageExampleComplete3 = {
   ...messageExampleComplete,
   id: 3,
   value:
-    'Message with **bold text** and *italic text*.\nNewlines and some emoji: :smile:'
+    "Message with **bold text** and *italic text*.\nNewlines and some emoji: :smile:",
 }
 
 export const messageExampleComplete4 = {
@@ -38,43 +38,43 @@ export const messageExampleComplete4 = {
 **Theorem 1**: $(a, b, c) \\in \\mathbb{R}^3$, the solutions of $ax^2 + bx + c = 0$ are:
 
 $x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}$
-  `
+  `,
 }
 
 export const messageExampleComplete5 = {
   ...messageExampleComplete,
   id: 5,
-  value: ':wave:'
+  value: ":wave:",
 }
 
 export const messageExampleComplete6 = {
   ...messageExampleComplete,
   id: 6,
-  value: '/uploads/messages/image.png',
-  type: 'file',
-  mimetype: 'image/png'
+  value: "/uploads/messages/image.png",
+  type: "file",
+  mimetype: "image/png",
 }
 
 export const messageExampleComplete7 = {
   ...messageExampleComplete,
   id: 7,
-  value: '/uploads/messages/audio.mp3',
-  type: 'file',
-  mimetype: 'audio/mp3'
+  value: "/uploads/messages/audio.mp3",
+  type: "file",
+  mimetype: "audio/mp3",
 }
 
 export const messageExampleComplete8 = {
   ...messageExampleComplete,
   id: 8,
-  value: '/uploads/messages/video.mp4',
-  type: 'file',
-  mimetype: 'video/mp4'
+  value: "/uploads/messages/video.mp4",
+  type: "file",
+  mimetype: "video/mp4",
 }
 
 export const messageExampleComplete9 = {
   ...messageExampleComplete,
   id: 9,
-  value: '/uploads/messages/download.zip',
-  type: 'file',
-  mimetype: 'application/zip'
+  value: "/uploads/messages/download.zip",
+  type: "file",
+  mimetype: "application/zip",
 }
diff --git a/cypress/fixtures/uploads/messages/get.ts b/cypress/fixtures/uploads/messages/get.ts
index d5996f6..54af7f8 100644
--- a/cypress/fixtures/uploads/messages/get.ts
+++ b/cypress/fixtures/uploads/messages/get.ts
@@ -1,47 +1,47 @@
-import type { Handler } from '../../handler'
+import type { Handler } from "../../handler"
 import {
   messageExampleComplete6,
   messageExampleComplete7,
   messageExampleComplete8,
-  messageExampleComplete9
-} from '../../messages/message'
+  messageExampleComplete9,
+} from "../../messages/message"
 
 export const getMessagesUploadsImageHandler: Handler = {
-  method: 'GET',
+  method: "GET",
   url: messageExampleComplete6.value as `/${string}`,
   response: {
     statusCode: 200,
     isFile: true,
-    body: ['image.png']
-  }
+    body: ["image.png"],
+  },
 }
 
 export const getMessagesUploadsAudioHandler: Handler = {
-  method: 'GET',
+  method: "GET",
   url: messageExampleComplete7.value as `/${string}`,
   response: {
     statusCode: 200,
     isFile: true,
-    body: ['audio.mp3']
-  }
+    body: ["audio.mp3"],
+  },
 }
 
 export const getMessagesUploadsVideoHandler: Handler = {
-  method: 'GET',
+  method: "GET",
   url: messageExampleComplete8.value as `/${string}`,
   response: {
     statusCode: 200,
     isFile: true,
-    body: ['video.mp4']
-  }
+    body: ["video.mp4"],
+  },
 }
 
 export const getMessagesUploadsDownloadHandler: Handler = {
-  method: 'GET',
+  method: "GET",
   url: messageExampleComplete9.value as `/${string}`,
   response: {
     statusCode: 200,
     isFile: true,
-    body: ['download.zip']
-  }
+    body: ["download.zip"],
+  },
 }
diff --git a/cypress/fixtures/users/[userId]/get.ts b/cypress/fixtures/users/[userId]/get.ts
index 3dfe2ce..89bcc13 100644
--- a/cypress/fixtures/users/[userId]/get.ts
+++ b/cypress/fixtures/users/[userId]/get.ts
@@ -1,17 +1,17 @@
-import type { Handler } from '../../handler'
-import { userExample, userSettingsExample } from '../user'
+import type { Handler } from "../../handler"
+import { userExample, userSettingsExample } from "../user"
 
 export const getUserByIdHandler: Handler = {
-  method: 'GET',
+  method: "GET",
   url: `/users/${userExample.id}`,
   response: {
     statusCode: 200,
     body: {
       user: {
         ...userExample,
-        settings: userSettingsExample
+        settings: userSettingsExample,
       },
-      guilds: []
-    }
-  }
+      guilds: [],
+    },
+  },
 }
diff --git a/cypress/fixtures/users/current/get.ts b/cypress/fixtures/users/current/get.ts
index ad1d7bf..417a563 100644
--- a/cypress/fixtures/users/current/get.ts
+++ b/cypress/fixtures/users/current/get.ts
@@ -1,18 +1,18 @@
-import type { Handler } from '../../handler'
-import { userExample, userSettingsExample } from '../user'
+import type { Handler } from "../../handler"
+import { userExample, userSettingsExample } from "../user"
 
 export const getUsersCurrentHandler: Handler = {
-  method: 'GET',
-  url: '/users/current',
+  method: "GET",
+  url: "/users/current",
   response: {
     statusCode: 200,
     body: {
       user: {
         ...userExample,
         settings: userSettingsExample,
-        currentStrategy: 'local',
-        strategies: ['local']
-      }
-    }
-  }
+        currentStrategy: "local",
+        strategies: ["local"],
+      },
+    },
+  },
 }
diff --git a/cypress/fixtures/users/refresh-token/post.ts b/cypress/fixtures/users/refresh-token/post.ts
index 80446e0..84f9af8 100644
--- a/cypress/fixtures/users/refresh-token/post.ts
+++ b/cypress/fixtures/users/refresh-token/post.ts
@@ -1,14 +1,14 @@
-import type { Handler } from '../../handler'
+import type { Handler } from "../../handler"
 
 export const postUsersRefreshTokenHandler: Handler = {
-  method: 'POST',
-  url: '/users/refresh-token',
+  method: "POST",
+  url: "/users/refresh-token",
   response: {
     statusCode: 200,
     body: {
-      accessToken: 'access-token',
+      accessToken: "access-token",
       expiresIn: 3600000,
-      type: 'Bearer'
-    }
-  }
+      type: "Bearer",
+    },
+  },
 }
diff --git a/cypress/fixtures/users/reset-password/post.ts b/cypress/fixtures/users/reset-password/post.ts
index 7d487cd..c3e9371 100644
--- a/cypress/fixtures/users/reset-password/post.ts
+++ b/cypress/fixtures/users/reset-password/post.ts
@@ -1,10 +1,10 @@
-import type { Handler } from '../../handler'
+import type { Handler } from "../../handler"
 
 export const postUsersResetPasswordHandler: Handler = {
-  method: 'POST',
-  url: '/users/reset-password',
+  method: "POST",
+  url: "/users/reset-password",
   response: {
     statusCode: 200,
-    body: 'Password-reset request successful, please check your emails!'
-  }
+    body: "Password-reset request successful, please check your emails!",
+  },
 }
diff --git a/cypress/fixtures/users/reset-password/put.ts b/cypress/fixtures/users/reset-password/put.ts
index 2255330..39f5eee 100644
--- a/cypress/fixtures/users/reset-password/put.ts
+++ b/cypress/fixtures/users/reset-password/put.ts
@@ -1,23 +1,23 @@
-import type { Handler } from '../../handler'
+import type { Handler } from "../../handler"
 
 export const putUsersResetPasswordHandler: Handler = {
-  method: 'PUT',
-  url: '/users/reset-password',
+  method: "PUT",
+  url: "/users/reset-password",
   response: {
     statusCode: 200,
-    body: 'The new password has been saved!'
-  }
+    body: "The new password has been saved!",
+  },
 }
 
 export const putUsersResetPasswordInvalidTemporaryTokenHandler: Handler = {
-  method: 'PUT',
-  url: '/users/reset-password',
+  method: "PUT",
+  url: "/users/reset-password",
   response: {
     statusCode: 400,
     body: {
       statusCode: 400,
-      error: 'Bad Request',
-      message: '"tempToken" is invalid'
-    }
-  }
+      error: "Bad Request",
+      message: '"tempToken" is invalid',
+    },
+  },
 }
diff --git a/cypress/fixtures/users/signin/post.ts b/cypress/fixtures/users/signin/post.ts
index b04c207..d4266fb 100644
--- a/cypress/fixtures/users/signin/post.ts
+++ b/cypress/fixtures/users/signin/post.ts
@@ -1,28 +1,28 @@
-import type { Handler } from '../../handler'
+import type { Handler } from "../../handler"
 
 export const postUsersSigninHandler: Handler = {
-  method: 'POST',
-  url: '/users/signin',
+  method: "POST",
+  url: "/users/signin",
   response: {
     statusCode: 200,
     body: {
-      accessToken: 'access-token',
-      refreshToken: 'refresh-token',
+      accessToken: "access-token",
+      refreshToken: "refresh-token",
       expiresIn: 3600000,
-      type: 'Bearer'
-    }
-  }
+      type: "Bearer",
+    },
+  },
 }
 
 export const postUsersSigninInvalidCredentialsHandler: Handler = {
-  method: 'POST',
-  url: '/users/signin',
+  method: "POST",
+  url: "/users/signin",
   response: {
     statusCode: 400,
     body: {
       statusCode: 400,
-      error: 'Bad Request',
-      message: 'Invalid credentials.'
-    }
-  }
+      error: "Bad Request",
+      message: "Invalid credentials.",
+    },
+  },
 }
diff --git a/cypress/fixtures/users/signup/post.ts b/cypress/fixtures/users/signup/post.ts
index 8baf63a..ba3f2f8 100644
--- a/cypress/fixtures/users/signup/post.ts
+++ b/cypress/fixtures/users/signup/post.ts
@@ -1,29 +1,29 @@
-import type { Handler } from '../../handler'
-import { userExample, userSettingsExample } from '../user'
+import type { Handler } from "../../handler"
+import { userExample, userSettingsExample } from "../user"
 
 export const postUsersSignupHandler: Handler = {
-  method: 'POST',
-  url: '/users/signup',
+  method: "POST",
+  url: "/users/signup",
   response: {
     statusCode: 201,
     body: {
       user: {
         ...userExample,
-        settings: userSettingsExample
-      }
-    }
-  }
+        settings: userSettingsExample,
+      },
+    },
+  },
 }
 
 export const postUsersSignupAlreadyUsedHandler: Handler = {
-  method: 'POST',
-  url: '/users/signup',
+  method: "POST",
+  url: "/users/signup",
   response: {
     statusCode: 400,
     body: {
       statusCode: 400,
-      error: 'Bad Request',
-      message: 'body.email or body.name already taken.'
-    }
-  }
+      error: "Bad Request",
+      message: "body.email or body.name already taken.",
+    },
+  },
 }
diff --git a/cypress/fixtures/users/user.ts b/cypress/fixtures/users/user.ts
index d285f02..7ba4047 100644
--- a/cypress/fixtures/users/user.ts
+++ b/cypress/fixtures/users/user.ts
@@ -1,29 +1,29 @@
-import type { UserSettings } from '../../../models/UserSettings'
-import type { User } from '../../../models/User'
+import type { UserSettings } from "../../../models/UserSettings"
+import type { User } from "../../../models/User"
 
 export const userExample: User = {
   id: 1,
-  name: 'Divlo',
-  email: 'contact@divlo.fr',
-  password: 'somepassword',
+  name: "Divlo",
+  email: "contact@divlo.fr",
+  password: "somepassword",
   logo: null,
   status: null,
   biography: null,
-  website: 'https://divlo.fr',
+  website: "https://divlo.fr",
   isConfirmed: true,
-  temporaryToken: 'temporaryUUIDtoken',
-  temporaryExpirationToken: '2021-10-20T20:59:08.485Z',
-  createdAt: '2021-10-20T20:30:51.595Z',
-  updatedAt: '2021-10-20T20:59:08.485Z'
+  temporaryToken: "temporaryUUIDtoken",
+  temporaryExpirationToken: "2021-10-20T20:59:08.485Z",
+  createdAt: "2021-10-20T20:30:51.595Z",
+  updatedAt: "2021-10-20T20:59:08.485Z",
 }
 
 export const userSettingsExample: UserSettings = {
   id: 1,
-  language: 'en',
-  theme: 'dark',
+  language: "en",
+  theme: "dark",
   isPublicEmail: false,
   isPublicGuilds: false,
-  createdAt: '2021-10-20T20:30:51.605Z',
-  updatedAt: '2021-10-22T07:22:07.956Z',
-  userId: 1
+  createdAt: "2021-10-20T20:30:51.605Z",
+  updatedAt: "2021-10-22T07:22:07.956Z",
+  userId: 1,
 }
diff --git a/cypress/support/component.ts b/cypress/support/component.ts
index de1daa3..0439c00 100644
--- a/cypress/support/component.ts
+++ b/cypress/support/component.ts
@@ -1,7 +1,7 @@
-import { mount } from 'cypress/react'
+import { mount } from "cypress/react"
 
-import './commands'
-import '../../styles/global.css'
+import "./commands"
+import "../../styles/global.css"
 
 declare global {
   namespace Cypress {
@@ -11,4 +11,4 @@ declare global {
   }
 }
 
-Cypress.Commands.add('mount', mount)
+Cypress.Commands.add("mount", mount)
diff --git a/generators/component/index.js b/generators/component/index.js
index 644308d..38053d1 100644
--- a/generators/component/index.js
+++ b/generators/component/index.js
@@ -3,30 +3,30 @@
  */
 exports.componentGenerator = () => {
   return {
-    description: 'Component Generator',
+    description: "Component Generator",
     prompts: [
       {
-        type: 'input',
-        name: 'name',
-        message: 'component name'
+        type: "input",
+        name: "name",
+        message: "component name",
       },
       {
-        type: 'input',
-        name: 'folder',
-        message: 'folder in components'
-      }
+        type: "input",
+        name: "folder",
+        message: "folder in components",
+      },
     ],
     actions: [
       {
-        type: 'add',
-        path: 'components/{{folder}}/{{properCase name}}/{{properCase name}}.tsx',
-        templateFile: 'generators/component/Component.tsx.hbs'
+        type: "add",
+        path: "components/{{folder}}/{{properCase name}}/{{properCase name}}.tsx",
+        templateFile: "generators/component/Component.tsx.hbs",
       },
       {
-        type: 'add',
-        path: 'components/{{folder}}/{{properCase name}}/index.ts',
-        templateFile: 'generators/component/index.ts.hbs'
-      }
-    ]
+        type: "add",
+        path: "components/{{folder}}/{{properCase name}}/index.ts",
+        templateFile: "generators/component/index.ts.hbs",
+      },
+    ],
   }
 }
diff --git a/generators/language/index.js b/generators/language/index.js
index 83789a8..3e6330b 100644
--- a/generators/language/index.js
+++ b/generators/language/index.js
@@ -1,6 +1,6 @@
-const fs = require('node:fs')
+const fs = require("node:fs")
 
-const prettier = require('prettier')
+const prettier = require("prettier")
 
 /**
  * @param {import('plop').NodePlopAPI} plop
@@ -8,41 +8,41 @@ const prettier = require('prettier')
  */
 exports.languageGenerator = (plop) => {
   return {
-    description: 'Add a new language for translations',
+    description: "Add a new language for translations",
     prompts: [
       {
-        type: 'input',
-        name: 'locale',
-        message: 'locale'
-      }
+        type: "input",
+        name: "locale",
+        message: "locale",
+      },
     ],
     actions: [
       {
-        type: 'addMany',
-        base: 'locales/en',
-        destination: 'locales/{{locale}}',
-        templateFiles: 'locales/en/**'
+        type: "addMany",
+        base: "locales/en",
+        destination: "locales/{{locale}}",
+        templateFiles: "locales/en/**",
       },
       async (answers) => {
         process.chdir(plop.getPlopfilePath())
         const data = JSON.parse(
-          await fs.promises.readFile('i18n.json', { encoding: 'utf-8' })
+          await fs.promises.readFile("i18n.json", { encoding: "utf-8" }),
         )
         data.locales.push(answers.locale)
         const formatted = prettier.format(JSON.stringify(data, null, 2), {
-          filepath: 'i18n.json'
+          filepath: "i18n.json",
         })
-        await fs.promises.writeFile('i18n.json', formatted, {
-          encoding: 'utf-8'
+        await fs.promises.writeFile("i18n.json", formatted, {
+          encoding: "utf-8",
         })
         return plop.renderString(
           `
             Added '{{locale}}' to the 'locales' array inside 'i18n.json'
             Don't forget to add the flag at 'public/images/svg/languages/{{locale}}.svg'
           `,
-          answers
+          answers,
         )
-      }
-    ]
+      },
+    ],
   }
 }
diff --git a/hooks/useClickOutsideAlerter.ts b/hooks/useClickOutsideAlerter.ts
index 692f687..f9e07e4 100644
--- a/hooks/useClickOutsideAlerter.ts
+++ b/hooks/useClickOutsideAlerter.ts
@@ -1,8 +1,8 @@
-import { useEffect } from 'react'
+import { useEffect } from "react"
 
 export const useClickOutsideAlerter = (
   ref: React.RefObject<HTMLElement>,
-  callback: () => void
+  callback: () => void,
 ): void => {
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent): void => {
@@ -14,9 +14,9 @@ export const useClickOutsideAlerter = (
         callback()
       }
     }
-    document.addEventListener('mousedown', handleClickOutside)
+    document.addEventListener("mousedown", handleClickOutside)
     return () => {
-      document.removeEventListener('mousedown', handleClickOutside)
+      document.removeEventListener("mousedown", handleClickOutside)
     }
   }, [ref, callback])
 }
diff --git a/hooks/useFormTranslation.ts b/hooks/useFormTranslation.ts
index ace6a86..00dec9f 100644
--- a/hooks/useFormTranslation.ts
+++ b/hooks/useFormTranslation.ts
@@ -1,34 +1,34 @@
-import useTranslation from 'next-translate/useTranslation'
-import type { Error } from 'react-component-form'
+import useTranslation from "next-translate/useTranslation"
+import type { Error } from "react-component-form"
 
-const knownErrorKeywords = ['minLength', 'maxLength', 'format']
+const knownErrorKeywords = ["minLength", "maxLength", "format"]
 
 const getErrorTranslationKey = (error: Error): string => {
   if (knownErrorKeywords.includes(error?.keyword)) {
     if (
-      error.keyword === 'minLength' &&
-      typeof error.data === 'string' &&
+      error.keyword === "minLength" &&
+      typeof error.data === "string" &&
       error.data.length === 0
     ) {
-      return 'errors:required'
+      return "errors:required"
     }
-    if (error.keyword === 'format') {
-      if (error.params['format'] === 'email') {
-        return 'errors:invalid-email'
+    if (error.keyword === "format") {
+      if (error.params["format"] === "email") {
+        return "errors:invalid-email"
       }
-      return 'errors:invalid'
+      return "errors:invalid"
     }
     return `errors:${error.keyword}`
   }
-  return 'errors:invalid'
+  return "errors:invalid"
 }
 
 export type GetErrorTranslation = (
-  error: Error | undefined
+  error: Error | undefined,
 ) => string | undefined
 
 export type GetFirstErrorTranslation = (
-  errors: Error[] | undefined
+  errors: Error[] | undefined,
 ) => string | undefined
 
 export interface UseFormTranslationResult {
@@ -42,8 +42,8 @@ export const useFormTranslation = (): UseFormTranslationResult => {
   const getErrorTranslation: GetErrorTranslation = (error) => {
     if (error != null) {
       return t(getErrorTranslationKey(error)).replace(
-        '{expected}',
-        error?.params?.['limit']
+        "{expected}",
+        error?.params?.["limit"],
       )
     }
     return undefined
diff --git a/hooks/usePagination.ts b/hooks/usePagination.ts
index d0f19a7..7ab7c6d 100644
--- a/hooks/usePagination.ts
+++ b/hooks/usePagination.ts
@@ -1,9 +1,9 @@
-import { useState, useRef, useCallback } from 'react'
-import type { AxiosInstance } from 'axios'
-import type { FetchState } from 'react-component-form'
+import { useState, useRef, useCallback } from "react"
+import type { AxiosInstance } from "axios"
+import type { FetchState } from "react-component-form"
 
-import type { CacheKey } from '../tools/cache'
-import { getPaginationCache, savePaginationCache } from '../tools/cache'
+import type { CacheKey } from "../tools/cache"
+import { getPaginationCache, savePaginationCache } from "../tools/cache"
 
 export interface Query {
   [key: string]: string
@@ -33,28 +33,28 @@ export interface UsePaginationResult<T> {
 }
 
 export const usePagination = <T extends PaginationItem>(
-  options: UsePaginationOptions
+  options: UsePaginationOptions,
 ): UsePaginationResult<T> => {
   const { api, url, inverse = false, cacheKey } = options
 
   const [items, setItems] = useState<T[]>([])
   const [hasMore, setHasMore] = useState(true)
-  const fetchState = useRef<FetchState>('idle')
+  const fetchState = useRef<FetchState>("idle")
   const afterId = useRef<number | null>(null)
 
   const nextPageAsync: NextPageAsync = useCallback(
     async (query) => {
-      if (fetchState.current !== 'idle') {
+      if (fetchState.current !== "idle") {
         return
       }
-      fetchState.current = 'loading'
+      fetchState.current = "loading"
       const searchParameters = new URLSearchParams(query)
-      searchParameters.append('limit', '20')
+      searchParameters.append("limit", "20")
       if (afterId.current != null) {
-        searchParameters.append('after', afterId.current.toString())
+        searchParameters.append("after", afterId.current.toString())
       }
       const { data: newItems } = await api.get<T[]>(
-        `${url}?${searchParameters.toString()}`
+        `${url}?${searchParameters.toString()}`,
       )
       if (!inverse) {
         const endIndex = newItems.length - 1
@@ -84,9 +84,9 @@ export const usePagination = <T extends PaginationItem>(
         return unique
       })
       setHasMore(newItems.length > 0)
-      fetchState.current = 'idle'
+      fetchState.current = "idle"
     },
-    [api, url, inverse, cacheKey]
+    [api, url, inverse, cacheKey],
   )
 
   const nextPage: NextPage = useCallback(
@@ -101,7 +101,7 @@ export const usePagination = <T extends PaginationItem>(
           console.error(error)
         })
     },
-    [nextPageAsync]
+    [nextPageAsync],
   )
 
   const resetPagination = useCallback((): void => {
@@ -109,7 +109,7 @@ export const usePagination = <T extends PaginationItem>(
       afterId.current = null
       setItems([])
     } else {
-      fetchState.current = 'loading'
+      fetchState.current = "loading"
       const newItems = getPaginationCache<T>(cacheKey)
       setItems(newItems)
       if (!inverse) {
@@ -121,7 +121,7 @@ export const usePagination = <T extends PaginationItem>(
         afterId.current =
           newItems.length > 0 && newItems[0] != null ? newItems[0].id : null
       }
-      fetchState.current = 'idle'
+      fetchState.current = "idle"
     }
   }, [cacheKey, inverse])
 
diff --git a/models/Channel.ts b/models/Channel.ts
index 985970f..286e9cd 100644
--- a/models/Channel.ts
+++ b/models/Channel.ts
@@ -1,24 +1,24 @@
-import type { Static } from '@sinclair/typebox'
-import { Type } from '@sinclair/typebox'
+import type { Static } from "@sinclair/typebox"
+import { Type } from "@sinclair/typebox"
 
-import { date, id } from './utils'
+import { date, id } from "./utils"
 
 export const channelSchema = {
   id,
   name: Type.String({ minLength: 1, maxLength: 20 }),
   createdAt: date.createdAt,
   updatedAt: date.updatedAt,
-  guildId: id
+  guildId: id,
 }
 const channelObjectSchema = Type.Object(channelSchema)
 export type Channel = Static<typeof channelObjectSchema>
 
 export const channelWithDefaultChannelIdSchema = {
   ...channelSchema,
-  defaultChannelId: channelSchema.id
+  defaultChannelId: channelSchema.id,
 }
 export const channelWithDefaultChannelObjectSchema = Type.Object(
-  channelWithDefaultChannelIdSchema
+  channelWithDefaultChannelIdSchema,
 )
 export type ChannelWithDefaultChannelId = Static<
   typeof channelWithDefaultChannelObjectSchema
diff --git a/models/Guild.ts b/models/Guild.ts
index 2fb9de0..1c0f789 100644
--- a/models/Guild.ts
+++ b/models/Guild.ts
@@ -1,27 +1,27 @@
-import type { Static } from '@sinclair/typebox'
-import { Type } from '@sinclair/typebox'
+import type { Static } from "@sinclair/typebox"
+import { Type } from "@sinclair/typebox"
 
-import { channelSchema } from './Channel'
-import { memberSchema } from './Member'
-import { date, id } from './utils'
+import { channelSchema } from "./Channel"
+import { memberSchema } from "./Member"
+import { date, id } from "./utils"
 
 export const guildSchema = {
   id,
   name: Type.String({ minLength: 1, maxLength: 30 }),
-  icon: Type.Union([Type.String({ format: 'uri-reference' }), Type.Null()]),
+  icon: Type.Union([Type.String({ format: "uri-reference" }), Type.Null()]),
   description: Type.String({ maxLength: 160 }),
   createdAt: date.createdAt,
-  updatedAt: date.updatedAt
+  updatedAt: date.updatedAt,
 }
 export const guildObjectSchema = Type.Object(guildSchema)
 export type Guild = Static<typeof guildObjectSchema>
 
 export const guildWithDefaultChannelIdSchema = {
   ...guildSchema,
-  defaultChannelId: id
+  defaultChannelId: id,
 }
 export const guildWithDefaultChannelObjectSchema = Type.Object(
-  guildWithDefaultChannelIdSchema
+  guildWithDefaultChannelIdSchema,
 )
 export type GuildWithDefaultChannelId = Static<
   typeof guildWithDefaultChannelObjectSchema
@@ -30,13 +30,13 @@ export type GuildWithDefaultChannelId = Static<
 export const guildCompleteSchema = {
   ...guildSchema,
   channels: Type.Array(Type.Object(channelSchema)),
-  members: Type.Array(Type.Object(memberSchema))
+  members: Type.Array(Type.Object(memberSchema)),
 }
 export const guildCompleteObjectSchema = Type.Object(guildCompleteSchema)
 export type GuildComplete = Static<typeof guildCompleteObjectSchema>
 
 export const guildPublicObjectSchema = Type.Object({
   ...guildSchema,
-  membersCount: Type.Integer({ min: 1 })
+  membersCount: Type.Integer({ min: 1 }),
 })
 export type GuildPublic = Static<typeof guildPublicObjectSchema>
diff --git a/models/Member.ts b/models/Member.ts
index 77cc75a..d3ba06c 100644
--- a/models/Member.ts
+++ b/models/Member.ts
@@ -1,8 +1,8 @@
-import type { Static } from '@sinclair/typebox'
-import { Type } from '@sinclair/typebox'
+import type { Static } from "@sinclair/typebox"
+import { Type } from "@sinclair/typebox"
 
-import { date, id } from './utils'
-import type { UserPublicWithoutSettings } from './User'
+import { date, id } from "./utils"
+import type { UserPublicWithoutSettings } from "./User"
 
 export const memberSchema = {
   id,
@@ -10,7 +10,7 @@ export const memberSchema = {
   createdAt: date.createdAt,
   updatedAt: date.updatedAt,
   userId: id,
-  guildId: id
+  guildId: id,
 }
 const memberObjectSchema = Type.Object(memberSchema)
 export type Member = Static<typeof memberObjectSchema>
diff --git a/models/Message.ts b/models/Message.ts
index f6ae838..32a1831 100644
--- a/models/Message.ts
+++ b/models/Message.ts
@@ -1,27 +1,27 @@
-import type { Static } from '@sinclair/typebox'
-import { Type } from '@sinclair/typebox'
+import type { Static } from "@sinclair/typebox"
+import { Type } from "@sinclair/typebox"
 
-import { date, id } from './utils'
-import type { MemberWithPublicUser } from './Member'
+import { date, id } from "./utils"
+import type { MemberWithPublicUser } from "./Member"
 
-export const types = [Type.Literal('text'), Type.Literal('file')]
+export const types = [Type.Literal("text"), Type.Literal("file")]
 
 export const messageSchema = {
   id,
   value: Type.String({
     minLength: 1,
-    maxLength: 20_000
+    maxLength: 20_000,
   }),
-  type: Type.Union(types, { default: 'text' }),
+  type: Type.Union(types, { default: "text" }),
   mimetype: Type.String({
     maxLength: 127,
-    default: 'text/plain',
-    format: 'mimetype'
+    default: "text/plain",
+    format: "mimetype",
   }),
   createdAt: date.createdAt,
   updatedAt: date.updatedAt,
   memberId: id,
-  channelId: id
+  channelId: id,
 }
 const messageObjectSchema = Type.Object(messageSchema)
 export type Message = Static<typeof messageObjectSchema>
diff --git a/models/OAuth.ts b/models/OAuth.ts
index 99c74ca..b3ae770 100644
--- a/models/OAuth.ts
+++ b/models/OAuth.ts
@@ -1,9 +1,9 @@
-import { Type } from '@sinclair/typebox'
+import { Type } from "@sinclair/typebox"
 
-import { date, id } from './utils'
+import { date, id } from "./utils"
 
-export const providers = ['Google', 'GitHub', 'Discord'] as const
-export const strategies = [...providers, 'Local'] as const
+export const providers = ["Google", "GitHub", "Discord"] as const
+export const strategies = [...providers, "Local"] as const
 
 export const strategiesTypebox = strategies.map((strategy) => {
   return Type.Literal(strategy)
@@ -21,5 +21,5 @@ export const oauthSchema = {
   provider: Type.Union([...providersTypebox]),
   createdAt: date.createdAt,
   updatedAt: date.updatedAt,
-  userId: id
+  userId: id,
 }
diff --git a/models/RefreshToken.ts b/models/RefreshToken.ts
index 076354d..a316561 100644
--- a/models/RefreshToken.ts
+++ b/models/RefreshToken.ts
@@ -1,11 +1,11 @@
-import { Type } from '@sinclair/typebox'
+import { Type } from "@sinclair/typebox"
 
-import { date, id } from './utils'
+import { date, id } from "./utils"
 
 export const refreshTokensSchema = {
   id,
   token: Type.String(),
   createdAt: date.createdAt,
   updatedAt: date.updatedAt,
-  userId: id
+  userId: id,
 }
diff --git a/models/User.ts b/models/User.ts
index 7601b24..a2b8efa 100644
--- a/models/User.ts
+++ b/models/User.ts
@@ -1,40 +1,40 @@
-import type { Static } from '@sinclair/typebox'
-import { Type } from '@sinclair/typebox'
+import type { Static } from "@sinclair/typebox"
+import { Type } from "@sinclair/typebox"
 
-import { strategiesTypebox } from './OAuth'
-import { userSettingsSchema } from './UserSettings'
-import { date, id } from './utils'
+import { strategiesTypebox } from "./OAuth"
+import { userSettingsSchema } from "./UserSettings"
+import { date, id } from "./utils"
 
 export const userSchema = {
   id,
   name: Type.String({ minLength: 1, maxLength: 30 }),
-  email: Type.String({ minLength: 1, maxLength: 254, format: 'email' }),
+  email: Type.String({ minLength: 1, maxLength: 254, format: "email" }),
   password: Type.String({ minLength: 1 }),
   logo: Type.Union([
-    Type.String({ minLength: 1, format: 'uri-reference' }),
-    Type.Null()
+    Type.String({ minLength: 1, format: "uri-reference" }),
+    Type.Null(),
   ]),
   status: Type.Union([
     Type.String({ minLength: 1, maxLength: 50 }),
-    Type.Null()
+    Type.Null(),
   ]),
   biography: Type.Union([
     Type.String({ minLength: 1, maxLength: 160 }),
-    Type.Null()
+    Type.Null(),
   ]),
   website: Type.Union([
     Type.String({
       minLength: 1,
       maxLength: 255,
-      format: 'uri'
+      format: "uri",
     }),
-    Type.Null()
+    Type.Null(),
   ]),
   isConfirmed: Type.Boolean({ default: false }),
   temporaryToken: Type.String(),
-  temporaryExpirationToken: Type.String({ format: 'date-time' }),
+  temporaryExpirationToken: Type.String({ format: "date-time" }),
   createdAt: date.createdAt,
-  updatedAt: date.updatedAt
+  updatedAt: date.updatedAt,
 }
 
 export const userObjectSchema = Type.Object(userSchema)
@@ -49,15 +49,15 @@ export const userPublicWithoutSettingsSchema = {
   website: userSchema.website,
   isConfirmed: userSchema.isConfirmed,
   createdAt: date.createdAt,
-  updatedAt: date.updatedAt
+  updatedAt: date.updatedAt,
 }
 export const userPublicWithoutSettingsObjectSchema = Type.Object(
-  userPublicWithoutSettingsSchema
+  userPublicWithoutSettingsSchema,
 )
 
 export const userPublicSchema = {
   ...userPublicWithoutSettingsSchema,
-  settings: Type.Object(userSettingsSchema)
+  settings: Type.Object(userSettingsSchema),
 }
 
 export const userPublicObjectSchema = Type.Object(userPublicSchema)
@@ -65,7 +65,7 @@ export const userPublicObjectSchema = Type.Object(userPublicSchema)
 export const userCurrentSchema = Type.Object({
   ...userPublicSchema,
   currentStrategy: Type.Union([...strategiesTypebox]),
-  strategies: Type.Array(Type.Union([...strategiesTypebox]))
+  strategies: Type.Array(Type.Union([...strategiesTypebox])),
 })
 
 export type User = Static<typeof userObjectSchema>
diff --git a/models/UserSettings.ts b/models/UserSettings.ts
index a970027..6c9b81c 100644
--- a/models/UserSettings.ts
+++ b/models/UserSettings.ts
@@ -1,20 +1,20 @@
-import type { Static } from '@sinclair/typebox'
-import { Type } from '@sinclair/typebox'
+import type { Static } from "@sinclair/typebox"
+import { Type } from "@sinclair/typebox"
 
-import { date, id } from './utils'
+import { date, id } from "./utils"
 
-export const languages = [Type.Literal('fr'), Type.Literal('en')]
-export const themes = [Type.Literal('light'), Type.Literal('dark')]
+export const languages = [Type.Literal("fr"), Type.Literal("en")]
+export const themes = [Type.Literal("light"), Type.Literal("dark")]
 
 export const userSettingsSchema = {
   id,
-  language: Type.Union(languages, { default: 'en' }),
-  theme: Type.Union(themes, { default: 'dark' }),
+  language: Type.Union(languages, { default: "en" }),
+  theme: Type.Union(themes, { default: "dark" }),
   isPublicEmail: Type.Boolean({ default: false }),
   isPublicGuilds: Type.Boolean({ default: false }),
   createdAt: date.createdAt,
   updatedAt: date.updatedAt,
-  userId: id
+  userId: id,
 }
 
 export const userSettingsSchemaType = Type.Object(userSettingsSchema)
diff --git a/models/utils.ts b/models/utils.ts
index 5d6bddb..8fcd754 100644
--- a/models/utils.ts
+++ b/models/utils.ts
@@ -1,14 +1,14 @@
-import { Type } from '@sinclair/typebox'
+import { Type } from "@sinclair/typebox"
 
 export const date = {
   createdAt: Type.String({
-    format: 'date-time',
-    description: 'Created date time'
+    format: "date-time",
+    description: "Created date time",
   }),
   updatedAt: Type.String({
-    format: 'date-time',
-    description: 'Last updated date time'
-  })
+    format: "date-time",
+    description: "Last updated date time",
+  }),
 }
 
-export const id = Type.Integer({ minimum: 1, description: 'Unique identifier' })
+export const id = Type.Integer({ minimum: 1, description: "Unique identifier" })
diff --git a/next.config.js b/next.config.js
index 03f1b52..cbb05e1 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,19 +1,19 @@
-const nextTranslate = require('next-translate-plugin')
+const nextTranslate = require("next-translate-plugin")
 
 /** @type {import("next").NextConfig} */
 const nextConfig = {
   reactStrictMode: false,
-  output: 'standalone',
+  output: "standalone",
   eslint: {
-    ignoreDuringBuilds: true
+    ignoreDuringBuilds: true,
   },
   images: {
     domains: [
-      'api.thream.theoludwig.fr',
-      'file-uploads-api.thream.theoludwig.fr',
-      ...(process.env.NODE_ENV !== 'production' ? ['127.0.0.1'] : [])
-    ]
-  }
+      "api.thream.theoludwig.fr",
+      "file-uploads-api.thream.theoludwig.fr",
+      ...(process.env.NODE_ENV !== "production" ? ["127.0.0.1"] : []),
+    ],
+  },
 }
 
 module.exports = nextTranslate(nextConfig)
diff --git a/package-lock.json b/package-lock.json
index 1f6930f..8260c66 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,17 +9,17 @@
       "version": "1.3.9",
       "hasInstallScript": true,
       "dependencies": {
-        "@fontsource/montserrat": "5.0.8",
+        "@fontsource/montserrat": "5.0.15",
         "@fontsource/roboto": "5.0.8",
         "@heroicons/react": "1.0.6",
-        "@sinclair/typebox": "0.31.15",
+        "@sinclair/typebox": "0.31.18",
         "@thream/socketio-jwt": "3.1.3",
-        "axios": "1.5.0",
+        "axios": "1.5.1",
         "clsx": "2.0.0",
         "date-and-time": "3.0.3",
         "emoji-mart": "3.0.1",
-        "katex": "0.16.8",
-        "next": "13.4.19",
+        "katex": "0.16.9",
+        "next": "13.5.6",
         "next-themes": "0.2.1",
         "next-translate": "2.4.4",
         "pretty-bytes": "6.1.1",
@@ -44,45 +44,45 @@
         "universal-cookie": "6.1.1"
       },
       "devDependencies": {
-        "@commitlint/cli": "17.7.1",
-        "@commitlint/config-conventional": "17.7.0",
-        "@saithodev/semantic-release-backmerge": "3.2.0",
+        "@commitlint/cli": "18.0.0",
+        "@commitlint/config-conventional": "18.0.0",
+        "@saithodev/semantic-release-backmerge": "3.2.1",
         "@semantic-release/git": "10.0.1",
         "@tsconfig/strictest": "2.0.2",
-        "@types/emoji-mart": "3.0.9",
+        "@types/emoji-mart": "3.0.11",
         "@types/hast": "2.3.4",
-        "@types/katex": "0.16.3",
-        "@types/node": "20.6.2",
-        "@types/react": "18.2.22",
-        "@types/react-responsive": "8.0.5",
-        "@types/react-syntax-highlighter": "15.5.7",
+        "@types/katex": "0.16.5",
+        "@types/node": "20.8.7",
+        "@types/react": "18.2.31",
+        "@types/react-responsive": "8.0.7",
+        "@types/react-syntax-highlighter": "15.5.9",
         "@types/unist": "2.0.6",
-        "@typescript-eslint/eslint-plugin": "6.7.2",
-        "@typescript-eslint/parser": "6.7.2",
-        "autoprefixer": "10.4.15",
-        "cypress": "13.2.0",
+        "@typescript-eslint/eslint-plugin": "6.9.0",
+        "@typescript-eslint/parser": "6.9.0",
+        "autoprefixer": "10.4.16",
+        "cypress": "13.3.2",
         "editorconfig-checker": "5.1.1",
-        "eslint": "8.49.0",
-        "eslint-config-conventions": "11.0.1",
-        "eslint-config-next": "13.4.19",
+        "eslint": "8.52.0",
+        "eslint-config-conventions": "12.0.0",
+        "eslint-config-next": "13.5.6",
         "eslint-config-prettier": "9.0.0",
-        "eslint-plugin-import": "2.28.1",
-        "eslint-plugin-prettier": "5.0.0",
+        "eslint-plugin-import": "2.29.0",
+        "eslint-plugin-prettier": "5.0.1",
         "eslint-plugin-promise": "6.1.1",
         "eslint-plugin-unicorn": "48.0.1",
         "html-w3c-validator": "1.5.0",
         "husky": "8.0.3",
-        "lint-staged": "14.0.1",
+        "lint-staged": "15.0.2",
         "markdownlint-cli2": "0.10.0",
         "markdownlint-rule-relative-links": "2.1.0",
-        "mockttp": "3.9.2",
+        "mockttp": "3.9.4",
         "next-translate-plugin": "2.4.4",
         "plop": "4.0.0",
-        "postcss": "8.4.28",
+        "postcss": "8.4.31",
         "prettier": "3.0.3",
-        "prettier-plugin-tailwindcss": "0.5.4",
+        "prettier-plugin-tailwindcss": "0.5.6",
         "semantic-release": "21.1.1",
-        "start-server-and-test": "2.0.0",
+        "start-server-and-test": "2.0.1",
         "tailwindcss": "3.3.3",
         "typescript": "5.2.2"
       },
@@ -274,9 +274,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.15.tgz",
-      "integrity": "sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==",
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
+      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -295,16 +295,16 @@
       }
     },
     "node_modules/@commitlint/cli": {
-      "version": "17.7.1",
-      "resolved": "https://registry.npmjs.org/@commitlint/cli/-/cli-17.7.1.tgz",
-      "integrity": "sha512-BCm/AT06SNCQtvFv921iNhudOHuY16LswT0R3OeolVGLk8oP+Rk9TfQfgjH7QPMjhvp76bNqGFEcpKojxUNW1g==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/cli/-/cli-18.0.0.tgz",
+      "integrity": "sha512-0HuJB7VfxSqia0r+mZ9VLgTc5gPaRDiQtloLfwCBp63PvpFn2sZsidiZBbym3jDC6+P47HSuIdRRg3/JsCcBwA==",
       "dev": true,
       "dependencies": {
-        "@commitlint/format": "^17.4.4",
-        "@commitlint/lint": "^17.7.0",
-        "@commitlint/load": "^17.7.1",
-        "@commitlint/read": "^17.5.1",
-        "@commitlint/types": "^17.4.4",
+        "@commitlint/format": "^18.0.0",
+        "@commitlint/lint": "^18.0.0",
+        "@commitlint/load": "^18.0.0",
+        "@commitlint/read": "^18.0.0",
+        "@commitlint/types": "^18.0.0",
         "execa": "^5.0.0",
         "lodash.isfunction": "^3.0.9",
         "resolve-from": "5.0.0",
@@ -315,41 +315,41 @@
         "commitlint": "cli.js"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/config-conventional": {
-      "version": "17.7.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/config-conventional/-/config-conventional-17.7.0.tgz",
-      "integrity": "sha512-iicqh2o6et+9kWaqsQiEYZzfLbtoWv9uZl8kbI8EGfnc0HeGafQBF7AJ0ylN9D/2kj6txltsdyQs8+2fTMwWEw==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/config-conventional/-/config-conventional-18.0.0.tgz",
+      "integrity": "sha512-XZW3MDwhMWwr7pf+jO5F18ohBwrJ8mt+1OPhkVyO8bYrY0dKPE5tPpdXlDt+JCFurl4VnUDPmu6xZ4/cKCH7cA==",
       "dev": true,
       "dependencies": {
-        "conventional-changelog-conventionalcommits": "^6.1.0"
+        "conventional-changelog-conventionalcommits": "^7.0.2"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/config-validator": {
-      "version": "17.6.7",
-      "resolved": "https://registry.npmjs.org/@commitlint/config-validator/-/config-validator-17.6.7.tgz",
-      "integrity": "sha512-vJSncmnzwMvpr3lIcm0I8YVVDJTzyjy7NZAeXbTXy+MPUdAr9pKyyg7Tx/ebOQ9kqzE6O9WT6jg2164br5UdsQ==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/config-validator/-/config-validator-18.0.0.tgz",
+      "integrity": "sha512-PlXy5QZzQeMgQM7jb0odIhxsI6GWcbGgfy+Hkz5ap31KES/oJgtEvgD8pjg0Z9Ri296bT6zK3ts6brS0MAcMgg==",
       "dev": true,
       "dependencies": {
-        "@commitlint/types": "^17.4.4",
+        "@commitlint/types": "^18.0.0",
         "ajv": "^8.11.0"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/ensure": {
-      "version": "17.6.7",
-      "resolved": "https://registry.npmjs.org/@commitlint/ensure/-/ensure-17.6.7.tgz",
-      "integrity": "sha512-mfDJOd1/O/eIb/h4qwXzUxkmskXDL9vNPnZ4AKYKiZALz4vHzwMxBSYtyL2mUIDeU9DRSpEUins8SeKtFkYHSw==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/ensure/-/ensure-18.0.0.tgz",
+      "integrity": "sha512-AhzK4ybWGVmO7lwC33dGujS0k2IZDNFiew80M1H2R5Ou7Qkqq7sbuMZoof+yjOQcqltYP4IHLd0YECZoGermvQ==",
       "dev": true,
       "dependencies": {
-        "@commitlint/types": "^17.4.4",
+        "@commitlint/types": "^18.0.0",
         "lodash.camelcase": "^4.3.0",
         "lodash.kebabcase": "^4.1.1",
         "lodash.snakecase": "^4.1.1",
@@ -357,70 +357,70 @@
         "lodash.upperfirst": "^4.3.1"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/execute-rule": {
-      "version": "17.4.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/execute-rule/-/execute-rule-17.4.0.tgz",
-      "integrity": "sha512-LIgYXuCSO5Gvtc0t9bebAMSwd68ewzmqLypqI2Kke1rqOqqDbMpYcYfoPfFlv9eyLIh4jocHWwCK5FS7z9icUA==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/execute-rule/-/execute-rule-18.0.0.tgz",
+      "integrity": "sha512-eNUSaHajb+g3sgZeIrfc6cXNnKIkYN2SXtDVXuiE+hOa055T0bLdZK29gSd945JCztxPVwdOkPLDeLg3NfDubg==",
       "dev": true,
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/format": {
-      "version": "17.4.4",
-      "resolved": "https://registry.npmjs.org/@commitlint/format/-/format-17.4.4.tgz",
-      "integrity": "sha512-+IS7vpC4Gd/x+uyQPTAt3hXs5NxnkqAZ3aqrHd5Bx/R9skyCAWusNlNbw3InDbAK6j166D9asQM8fnmYIa+CXQ==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/format/-/format-18.0.0.tgz",
+      "integrity": "sha512-etvUmOufihecdNm0r5+rCetrO2Yj7fSkJ4f0k8xOzqrrNdID9G/6iK14i/ufISBLSSy0XzsiiV+Rn9TX/cg46Q==",
       "dev": true,
       "dependencies": {
-        "@commitlint/types": "^17.4.4",
+        "@commitlint/types": "^18.0.0",
         "chalk": "^4.1.0"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/is-ignored": {
-      "version": "17.7.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/is-ignored/-/is-ignored-17.7.0.tgz",
-      "integrity": "sha512-043rA7m45tyEfW7Zv2vZHF++176MLHH9h70fnPoYlB1slKBeKl8BwNIlnPg4xBdRBVNPaCqvXxWswx2GR4c9Hw==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/is-ignored/-/is-ignored-18.0.0.tgz",
+      "integrity": "sha512-fAUOF4GlKTmreE5hxhLlVUcXd1aIexxn+edocbMSwOa4dcm8OoHbsLcDB/rhwXIK+jzK4DybCMCx1VaTeRC4SQ==",
       "dev": true,
       "dependencies": {
-        "@commitlint/types": "^17.4.4",
+        "@commitlint/types": "^18.0.0",
         "semver": "7.5.4"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/lint": {
-      "version": "17.7.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/lint/-/lint-17.7.0.tgz",
-      "integrity": "sha512-TCQihm7/uszA5z1Ux1vw+Nf3yHTgicus/+9HiUQk+kRSQawByxZNESeQoX9ujfVd3r4Sa+3fn0JQAguG4xvvbA==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/lint/-/lint-18.0.0.tgz",
+      "integrity": "sha512-Vqg6sIPm7nELu/U4lEzKMdLYaELgwSySGZzKc2YjJxdJWyiQo0b1hfCpxXsWGdNBOt0+CM4eBAGoX/Kjq5AYNA==",
       "dev": true,
       "dependencies": {
-        "@commitlint/is-ignored": "^17.7.0",
-        "@commitlint/parse": "^17.7.0",
-        "@commitlint/rules": "^17.7.0",
-        "@commitlint/types": "^17.4.4"
+        "@commitlint/is-ignored": "^18.0.0",
+        "@commitlint/parse": "^18.0.0",
+        "@commitlint/rules": "^18.0.0",
+        "@commitlint/types": "^18.0.0"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/load": {
-      "version": "17.7.1",
-      "resolved": "https://registry.npmjs.org/@commitlint/load/-/load-17.7.1.tgz",
-      "integrity": "sha512-S/QSOjE1ztdogYj61p6n3UbkUvweR17FQ0zDbNtoTLc+Hz7vvfS7ehoTMQ27hPSjVBpp7SzEcOQu081RLjKHJQ==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/load/-/load-18.0.0.tgz",
+      "integrity": "sha512-ocvMSkzNZCJ4yV673xjd4Y7sFVG/mg7S6yvL5ioM0OIG2XTbcCdzpmq+BeJcIwsRYU9g/b688yh7RDzGlbai6w==",
       "dev": true,
       "dependencies": {
-        "@commitlint/config-validator": "^17.6.7",
-        "@commitlint/execute-rule": "^17.4.0",
-        "@commitlint/resolve-extends": "^17.6.7",
-        "@commitlint/types": "^17.4.4",
-        "@types/node": "20.4.7",
+        "@commitlint/config-validator": "^18.0.0",
+        "@commitlint/execute-rule": "^18.0.0",
+        "@commitlint/resolve-extends": "^18.0.0",
+        "@commitlint/types": "^18.0.0",
+        "@types/node": "^18.11.9",
         "chalk": "^4.1.0",
         "cosmiconfig": "^8.0.0",
         "cosmiconfig-typescript-loader": "^4.0.0",
@@ -429,121 +429,121 @@
         "lodash.uniq": "^4.5.0",
         "resolve-from": "^5.0.0",
         "ts-node": "^10.8.1",
-        "typescript": "^4.6.4 || ^5.0.0"
+        "typescript": "^5.2.2"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/load/node_modules/@types/node": {
-      "version": "20.4.7",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.7.tgz",
-      "integrity": "sha512-bUBrPjEry2QUTsnuEjzjbS7voGWCc30W0qzgMf90GPeDGFRakvrz47ju+oqDAKCXLUCe39u57/ORMl/O/04/9g==",
+      "version": "18.18.6",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.6.tgz",
+      "integrity": "sha512-wf3Vz+jCmOQ2HV1YUJuCWdL64adYxumkrxtc+H1VUQlnQI04+5HtH+qZCOE21lBE7gIrt+CwX2Wv8Acrw5Ak6w==",
       "dev": true
     },
     "node_modules/@commitlint/message": {
-      "version": "17.4.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/message/-/message-17.4.2.tgz",
-      "integrity": "sha512-3XMNbzB+3bhKA1hSAWPCQA3lNxR4zaeQAQcHj0Hx5sVdO6ryXtgUBGGv+1ZCLMgAPRixuc6en+iNAzZ4NzAa8Q==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/message/-/message-18.0.0.tgz",
+      "integrity": "sha512-FJmEBn81RMEZrG1E1BxmjNoe/Rz918IeIGJRe5YXxM7IXboFhKS69rHPttNjKwSS038t6GUsRUJrAWqZnA6nCw==",
       "dev": true,
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/parse": {
-      "version": "17.7.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/parse/-/parse-17.7.0.tgz",
-      "integrity": "sha512-dIvFNUMCUHqq5Abv80mIEjLVfw8QNuA4DS7OWip4pcK/3h5wggmjVnlwGCDvDChkw2TjK1K6O+tAEV78oxjxag==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/parse/-/parse-18.0.0.tgz",
+      "integrity": "sha512-qbZYOCpIZzfFzV35s5ei3JkBG/8KUOyGYluAeaYIcYC9z0uKXEVK6O2F2P/KLvbTkgZ4Q9OOLDrrtoWzPb2pjg==",
       "dev": true,
       "dependencies": {
-        "@commitlint/types": "^17.4.4",
+        "@commitlint/types": "^18.0.0",
         "conventional-changelog-angular": "^6.0.0",
-        "conventional-commits-parser": "^4.0.0"
+        "conventional-commits-parser": "^5.0.0"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/read": {
-      "version": "17.5.1",
-      "resolved": "https://registry.npmjs.org/@commitlint/read/-/read-17.5.1.tgz",
-      "integrity": "sha512-7IhfvEvB//p9aYW09YVclHbdf1u7g7QhxeYW9ZHSO8Huzp8Rz7m05aCO1mFG7G8M+7yfFnXB5xOmG18brqQIBg==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/read/-/read-18.0.0.tgz",
+      "integrity": "sha512-VclRvG+ZvHOjYP4rmKPfNwS7eSI5m68D/CPtT2do/D4EBljmLBwqCYVL1I/3y2E6Fbub1GfYoXiRHThd1cVlag==",
       "dev": true,
       "dependencies": {
-        "@commitlint/top-level": "^17.4.0",
-        "@commitlint/types": "^17.4.4",
+        "@commitlint/top-level": "^18.0.0",
+        "@commitlint/types": "^18.0.0",
         "fs-extra": "^11.0.0",
         "git-raw-commits": "^2.0.11",
         "minimist": "^1.2.6"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/resolve-extends": {
-      "version": "17.6.7",
-      "resolved": "https://registry.npmjs.org/@commitlint/resolve-extends/-/resolve-extends-17.6.7.tgz",
-      "integrity": "sha512-PfeoAwLHtbOaC9bGn/FADN156CqkFz6ZKiVDMjuC2N5N0740Ke56rKU7Wxdwya8R8xzLK9vZzHgNbuGhaOVKIg==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/resolve-extends/-/resolve-extends-18.0.0.tgz",
+      "integrity": "sha512-MD9+6GSiWvqgdJtfos+1gqz+zmy2vV7TbUVz2ETZzpfECgmUZSZSYzyivivBAQK6feS71KxmMLL8+YFF9+FFRQ==",
       "dev": true,
       "dependencies": {
-        "@commitlint/config-validator": "^17.6.7",
-        "@commitlint/types": "^17.4.4",
+        "@commitlint/config-validator": "^18.0.0",
+        "@commitlint/types": "^18.0.0",
         "import-fresh": "^3.0.0",
         "lodash.mergewith": "^4.6.2",
         "resolve-from": "^5.0.0",
         "resolve-global": "^1.0.0"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/rules": {
-      "version": "17.7.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/rules/-/rules-17.7.0.tgz",
-      "integrity": "sha512-J3qTh0+ilUE5folSaoK91ByOb8XeQjiGcdIdiB/8UT1/Rd1itKo0ju/eQVGyFzgTMYt8HrDJnGTmNWwcMR1rmA==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/rules/-/rules-18.0.0.tgz",
+      "integrity": "sha512-J7xjMKC4H1hfZR8fmPPuV35wS8Vgy3YX9xIpfPJhsDnRk2BL/dyZjNEXPdvlbpvkNgkfIWi0A0IDtW1dDoViag==",
       "dev": true,
       "dependencies": {
-        "@commitlint/ensure": "^17.6.7",
-        "@commitlint/message": "^17.4.2",
-        "@commitlint/to-lines": "^17.4.0",
-        "@commitlint/types": "^17.4.4",
+        "@commitlint/ensure": "^18.0.0",
+        "@commitlint/message": "^18.0.0",
+        "@commitlint/to-lines": "^18.0.0",
+        "@commitlint/types": "^18.0.0",
         "execa": "^5.0.0"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/to-lines": {
-      "version": "17.4.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/to-lines/-/to-lines-17.4.0.tgz",
-      "integrity": "sha512-LcIy/6ZZolsfwDUWfN1mJ+co09soSuNASfKEU5sCmgFCvX5iHwRYLiIuoqXzOVDYOy7E7IcHilr/KS0e5T+0Hg==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/to-lines/-/to-lines-18.0.0.tgz",
+      "integrity": "sha512-HwwBvzXX+3x7XYvBrEKy69S9w/clUEL0gMwkXTtg5awUpvEvzmTz1FBE/5WIiUICyOGdH1NhV1WgKb7UwOnI4A==",
       "dev": true,
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/top-level": {
-      "version": "17.4.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/top-level/-/top-level-17.4.0.tgz",
-      "integrity": "sha512-/1loE/g+dTTQgHnjoCy0AexKAEFyHsR2zRB4NWrZ6lZSMIxAhBJnmCqwao7b4H8888PsfoTBCLBYIw8vGnej8g==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/top-level/-/top-level-18.0.0.tgz",
+      "integrity": "sha512-6+jjZhe9pF7ioD9IR2HChteTh95KPXa7GUUV52e0YhEsFArkCnyhzSL72ko1c2Xad0sWNBL0e76mifi20wD/Bg==",
       "dev": true,
       "dependencies": {
         "find-up": "^5.0.0"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@commitlint/types": {
-      "version": "17.4.4",
-      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-17.4.4.tgz",
-      "integrity": "sha512-amRN8tRLYOsxRr6mTnGGGvB5EmW/4DDjLMgiwK3CCVEmN6Sr/6xePGEpWaspKkckILuUORCwe6VfDBw6uj4axQ==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-18.0.0.tgz",
+      "integrity": "sha512-FDzAdSm7kIir0NW0bZLENdrEgf/9Ihs1AAqE9DK9R+dRFby4ookkxPMaz7elZmG+e5rBl7hGrWJzJINqG9cDDg==",
       "dev": true,
       "dependencies": {
         "chalk": "^4.1.0"
       },
       "engines": {
-        "node": ">=v14"
+        "node": ">=v18"
       }
     },
     "node_modules/@cspotcode/source-map-support": {
@@ -646,9 +646,9 @@
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.8.1.tgz",
-      "integrity": "sha512-PWiOzLIUAjN/w5K17PoF4n6sKBw0gqLHPhywmYHP4t1VFQQVYeb1yWsJwnMVEMl3tUHME7X/SJPZLmtG7XBDxQ==",
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.1.tgz",
+      "integrity": "sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==",
       "dev": true,
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
@@ -700,18 +700,18 @@
       "dev": true
     },
     "node_modules/@eslint/js": {
-      "version": "8.49.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.49.0.tgz",
-      "integrity": "sha512-1S8uAY/MTJqVx0SC4epBq+N2yhuwtNwLbJYNZyhL2pO1ZVKn5HFXav5T41Ryzy9K9V7ZId2JB2oy/W4aCd9/2w==",
+      "version": "8.52.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.52.0.tgz",
+      "integrity": "sha512-mjZVbpaeMZludF2fsWLD0Z9gCref1Tk4i9+wddjRvpUNqqcndPkBD09N/Mapey0b3jaXbLm2kICwFv2E64QinA==",
       "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
     "node_modules/@fontsource/montserrat": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/@fontsource/montserrat/-/montserrat-5.0.8.tgz",
-      "integrity": "sha512-bNj6wfiWXXbsxb2ffatjpX+GBv30cWZ1lwNXW9qTeX2FnzPomsGRV4HdPrf3TqyTiVqX6fLo80zrQcMi7r8+fA=="
+      "version": "5.0.15",
+      "resolved": "https://registry.npmjs.org/@fontsource/montserrat/-/montserrat-5.0.15.tgz",
+      "integrity": "sha512-ZJbsCIJp6VHL1wYQUPpyBjXMzwGdfFedrmrw4r5sFi7WrMpnfJv+el1uVO6yDPIqnVqkPvjJ+xeKgJwnj2LuQQ=="
     },
     "node_modules/@fontsource/roboto": {
       "version": "5.0.8",
@@ -831,9 +831,9 @@
       }
     },
     "node_modules/@httptoolkit/httpolyglot/node_modules/@types/node": {
-      "version": "16.18.52",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.52.tgz",
-      "integrity": "sha512-sm2aph6cRSsTMFYFgI+RpPLunXO9ClJkpizUVdT7KmGeyfQ14xnjTMT/f3MHcfKqevXqGT6BgVFzW8wcEoDUtA==",
+      "version": "16.18.59",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.59.tgz",
+      "integrity": "sha512-PJ1w2cNeKUEdey4LiPra0ZuxZFOGvetswE8qHRriV/sUkL5Al4tTmPV9D2+Y/TPIxTHHgxTfRjZVKWhPw/ORhQ==",
       "dev": true
     },
     "node_modules/@httptoolkit/subscriptions-transport-ws": {
@@ -869,12 +869,12 @@
       }
     },
     "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.11",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.11.tgz",
-      "integrity": "sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==",
+      "version": "0.11.13",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
+      "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
       "dev": true,
       "dependencies": {
-        "@humanwhocodes/object-schema": "^1.2.1",
+        "@humanwhocodes/object-schema": "^2.0.1",
         "debug": "^4.1.1",
         "minimatch": "^3.0.5"
       },
@@ -896,9 +896,9 @@
       }
     },
     "node_modules/@humanwhocodes/object-schema": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
+      "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
       "dev": true
     },
     "node_modules/@jridgewell/gen-mapping": {
@@ -940,9 +940,9 @@
       "dev": true
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.19",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz",
-      "integrity": "sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==",
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
       "dev": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -950,32 +950,35 @@
       }
     },
     "node_modules/@ljharb/through": {
-      "version": "2.3.9",
-      "resolved": "https://registry.npmjs.org/@ljharb/through/-/through-2.3.9.tgz",
-      "integrity": "sha512-yN599ZBuMPPK4tdoToLlvgJB4CLK8fGl7ntfy0Wn7U6ttNvHYurd81bfUiK/6sMkiIwm65R6ck4L6+Y3DfVbNQ==",
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/@ljharb/through/-/through-2.3.11.tgz",
+      "integrity": "sha512-ccfcIDlogiXNq5KcbAwbaO7lMh3Tm1i3khMPYpxlK8hH/W53zN81KM9coerRLOnTGu3nfXIniAmQbRI9OxbC0w==",
       "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/@next/env": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.4.19.tgz",
-      "integrity": "sha512-FsAT5x0jF2kkhNkKkukhsyYOrRqtSxrEhfliniIq0bwWbuXLgyt3Gv0Ml+b91XwjwArmuP7NxCiGd++GGKdNMQ=="
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.6.tgz",
+      "integrity": "sha512-Yac/bV5sBGkkEXmAX5FWPS9Mmo2rthrOPRQQNfycJPkjUAUclomCPH7QFVCDQ4Mp2k2K1SSM6m0zrxYrOwtFQw=="
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.4.19.tgz",
-      "integrity": "sha512-N/O+zGb6wZQdwu6atMZHbR7T9Np5SUFUjZqCbj0sXm+MwQO35M8TazVB4otm87GkXYs2l6OPwARd3/PUWhZBVQ==",
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.6.tgz",
+      "integrity": "sha512-ng7pU/DDsxPgT6ZPvuprxrkeew3XaRf4LAT4FabaEO/hAbvVx4P7wqnqdbTdDn1kgTvsI4tpIgT4Awn/m0bGbg==",
       "dev": true,
       "dependencies": {
         "glob": "7.1.7"
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.19.tgz",
-      "integrity": "sha512-vv1qrjXeGbuF2mOkhkdxMDtv9np7W4mcBtaDnHU+yJG+bBwa6rYsYSCI/9Xm5+TuF5SbZbrWO6G1NfTh1TMjvQ==",
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.6.tgz",
+      "integrity": "sha512-5nvXMzKtZfvcu4BhtV0KH1oGv4XEW+B+jOfmBdpFI3C7FrB/MfujRpWYSBBO64+qbW8pkZiSyQv9eiwnn5VIQA==",
       "cpu": [
         "arm64"
       ],
@@ -988,9 +991,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.19.tgz",
-      "integrity": "sha512-jyzO6wwYhx6F+7gD8ddZfuqO4TtpJdw3wyOduR4fxTUCm3aLw7YmHGYNjS0xRSYGAkLpBkH1E0RcelyId6lNsw==",
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.6.tgz",
+      "integrity": "sha512-6cgBfxg98oOCSr4BckWjLLgiVwlL3vlLj8hXg2b+nDgm4bC/qVXXLfpLB9FHdoDu4057hzywbxKvmYGmi7yUzA==",
       "cpu": [
         "x64"
       ],
@@ -1003,9 +1006,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.19.tgz",
-      "integrity": "sha512-vdlnIlaAEh6H+G6HrKZB9c2zJKnpPVKnA6LBwjwT2BTjxI7e0Hx30+FoWCgi50e+YO49p6oPOtesP9mXDRiiUg==",
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.6.tgz",
+      "integrity": "sha512-txagBbj1e1w47YQjcKgSU4rRVQ7uF29YpnlHV5xuVUsgCUf2FmyfJ3CPjZUvpIeXCJAoMCFAoGnbtX86BK7+sg==",
       "cpu": [
         "arm64"
       ],
@@ -1018,9 +1021,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.19.tgz",
-      "integrity": "sha512-aU0HkH2XPgxqrbNRBFb3si9Ahu/CpaR5RPmN2s9GiM9qJCiBBlZtRTiEca+DC+xRPyCThTtWYgxjWHgU7ZkyvA==",
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.6.tgz",
+      "integrity": "sha512-cGd+H8amifT86ZldVJtAKDxUqeFyLWW+v2NlBULnLAdWsiuuN8TuhVBt8ZNpCqcAuoruoSWynvMWixTFcroq+Q==",
       "cpu": [
         "arm64"
       ],
@@ -1033,9 +1036,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.19.tgz",
-      "integrity": "sha512-htwOEagMa/CXNykFFeAHHvMJeqZfNQEoQvHfsA4wgg5QqGNqD5soeCer4oGlCol6NGUxknrQO6VEustcv+Md+g==",
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.6.tgz",
+      "integrity": "sha512-Mc2b4xiIWKXIhBy2NBTwOxGD3nHLmq4keFk+d4/WL5fMsB8XdJRdtUlL87SqVCTSaf1BRuQQf1HvXZcy+rq3Nw==",
       "cpu": [
         "x64"
       ],
@@ -1048,9 +1051,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.19.tgz",
-      "integrity": "sha512-4Gj4vvtbK1JH8ApWTT214b3GwUh9EKKQjY41hH/t+u55Knxi/0wesMzwQRhppK6Ddalhu0TEttbiJ+wRcoEj5Q==",
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.6.tgz",
+      "integrity": "sha512-CFHvP9Qz98NruJiUnCe61O6GveKKHpJLloXbDSWRhqhkJdZD2zU5hG+gtVJR//tyW897izuHpM6Gtf6+sNgJPQ==",
       "cpu": [
         "x64"
       ],
@@ -1063,9 +1066,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.19.tgz",
-      "integrity": "sha512-bUfDevQK4NsIAHXs3/JNgnvEY+LRyneDN788W2NYiRIIzmILjba7LaQTfihuFawZDhRtkYCv3JDC3B4TwnmRJw==",
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.6.tgz",
+      "integrity": "sha512-aFv1ejfkbS7PUa1qVPwzDHjQWQtknzAZWGTKYIAaS4NMtBlk3VyA6AYn593pqNanlicewqyl2jUhQAaFV/qXsg==",
       "cpu": [
         "arm64"
       ],
@@ -1078,9 +1081,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.19.tgz",
-      "integrity": "sha512-Y5kikILFAr81LYIFaw6j/NrOtmiM4Sf3GtOc0pn50ez2GCkr+oejYuKGcwAwq3jiTKuzF6OF4iT2INPoxRycEA==",
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.6.tgz",
+      "integrity": "sha512-XqqpHgEIlBHvzwG8sp/JXMFkLAfGLqkbVsyN+/Ih1mR8INb6YCc2x/Mbwi6hsAgUnqQztz8cvEbHJUbSl7RHDg==",
       "cpu": [
         "ia32"
       ],
@@ -1093,9 +1096,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.19.tgz",
-      "integrity": "sha512-YzA78jBDXMYiINdPdJJwGgPNT3YqBNNGhsthsDoWHL9p24tEJn9ViQf/ZqTbwSpX/RrkPupLfuuTH2sf73JBAw==",
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.6.tgz",
+      "integrity": "sha512-Cqfe1YmOS7k+5mGu92nl5ULkzpKuxJrP3+4AEuPmrpFZ3BHxTY3TnHmU1On3bFmFFs6FbTcdF58CCUProGpIGQ==",
       "cpu": [
         "x64"
       ],
@@ -1152,16 +1155,16 @@
       }
     },
     "node_modules/@octokit/core": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@octokit/core/-/core-5.0.0.tgz",
-      "integrity": "sha512-YbAtMWIrbZ9FCXbLwT9wWB8TyLjq9mxpKdgB3dUNxQcIVTf9hJ70gRPwAcqGZdY6WdJPZ0I7jLaaNDCiloGN2A==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/core/-/core-5.0.1.tgz",
+      "integrity": "sha512-lyeeeZyESFo+ffI801SaBKmCfsvarO+dgV8/0gD8u1d87clbEdWsP5yC+dSj3zLhb2eIf5SJrn6vDz9AheETHw==",
       "dev": true,
       "dependencies": {
         "@octokit/auth-token": "^4.0.0",
         "@octokit/graphql": "^7.0.0",
         "@octokit/request": "^8.0.2",
         "@octokit/request-error": "^5.0.0",
-        "@octokit/types": "^11.0.0",
+        "@octokit/types": "^12.0.0",
         "before-after-hook": "^2.2.0",
         "universal-user-agent": "^6.0.0"
       },
@@ -1170,12 +1173,12 @@
       }
     },
     "node_modules/@octokit/endpoint": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/@octokit/endpoint/-/endpoint-9.0.0.tgz",
-      "integrity": "sha512-szrQhiqJ88gghWY2Htt8MqUDO6++E/EIXqJ2ZEp5ma3uGS46o7LZAzSLt49myB7rT+Hfw5Y6gO3LmOxGzHijAQ==",
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/endpoint/-/endpoint-9.0.1.tgz",
+      "integrity": "sha512-hRlOKAovtINHQPYHZlfyFwaM8OyetxeoC81lAkBy34uLb8exrZB50SQdeW3EROqiY9G9yxQTpp5OHTV54QD+vA==",
       "dev": true,
       "dependencies": {
-        "@octokit/types": "^11.0.0",
+        "@octokit/types": "^12.0.0",
         "is-plain-object": "^5.0.0",
         "universal-user-agent": "^6.0.0"
       },
@@ -1184,13 +1187,13 @@
       }
     },
     "node_modules/@octokit/graphql": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/@octokit/graphql/-/graphql-7.0.1.tgz",
-      "integrity": "sha512-T5S3oZ1JOE58gom6MIcrgwZXzTaxRnxBso58xhozxHpOqSTgDS6YNeEUvZ/kRvXgPrRz/KHnZhtb7jUMRi9E6w==",
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@octokit/graphql/-/graphql-7.0.2.tgz",
+      "integrity": "sha512-OJ2iGMtj5Tg3s6RaXH22cJcxXRi7Y3EBqbHTBRq+PQAqfaS8f/236fUrWhfSn8P4jovyzqucxme7/vWSSZBX2Q==",
       "dev": true,
       "dependencies": {
         "@octokit/request": "^8.0.1",
-        "@octokit/types": "^11.0.0",
+        "@octokit/types": "^12.0.0",
         "universal-user-agent": "^6.0.0"
       },
       "engines": {
@@ -1198,18 +1201,18 @@
       }
     },
     "node_modules/@octokit/openapi-types": {
-      "version": "18.0.0",
-      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-18.0.0.tgz",
-      "integrity": "sha512-V8GImKs3TeQRxRtXFpG2wl19V7444NIOTDF24AWuIbmNaNYOQMWRbjcGDXV5B+0n887fgDcuMNOmlul+k+oJtw==",
+      "version": "19.0.0",
+      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-19.0.0.tgz",
+      "integrity": "sha512-PclQ6JGMTE9iUStpzMkwLCISFn/wDeRjkZFIKALpvJQNBGwDoYYi2fFvuHwssoQ1rXI5mfh6jgTgWuddeUzfWw==",
       "dev": true
     },
     "node_modules/@octokit/plugin-paginate-rest": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-8.0.0.tgz",
-      "integrity": "sha512-2xZ+baZWUg+qudVXnnvXz7qfrTmDeYPCzangBVq/1gXxii/OiS//4shJp9dnCCvj1x+JAm9ji1Egwm1BA47lPQ==",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-9.0.0.tgz",
+      "integrity": "sha512-oIJzCpttmBTlEhBmRvb+b9rlnGpmFgDtZ0bB6nq39qIod6A5DP+7RkVLMOixIgRCYSHDTeayWqmiJ2SZ6xgfdw==",
       "dev": true,
       "dependencies": {
-        "@octokit/types": "^11.0.0"
+        "@octokit/types": "^12.0.0"
       },
       "engines": {
         "node": ">= 18"
@@ -1219,13 +1222,13 @@
       }
     },
     "node_modules/@octokit/plugin-retry": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@octokit/plugin-retry/-/plugin-retry-6.0.0.tgz",
-      "integrity": "sha512-a1/A4A+PB1QoAHQfLJxGHhLfSAT03bR1jJz3GgQJZvty2ozawFWs93MiBQXO7SL2YbO7CIq0Goj4qLOBj8JeMQ==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-retry/-/plugin-retry-6.0.1.tgz",
+      "integrity": "sha512-SKs+Tz9oj0g4p28qkZwl/topGcb0k0qPNX/i7vBKmDsjoeqnVfFUquqrE/O9oJY7+oLzdCtkiWSXLpLjvl6uog==",
       "dev": true,
       "dependencies": {
         "@octokit/request-error": "^5.0.0",
-        "@octokit/types": "^11.0.0",
+        "@octokit/types": "^12.0.0",
         "bottleneck": "^2.15.3"
       },
       "engines": {
@@ -1236,12 +1239,12 @@
       }
     },
     "node_modules/@octokit/plugin-throttling": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@octokit/plugin-throttling/-/plugin-throttling-7.0.0.tgz",
-      "integrity": "sha512-KL2k/d0uANc8XqP5S64YcNFCudR3F5AaKO39XWdUtlJIjT9Ni79ekWJ6Kj5xvAw87udkOMEPcVf9xEge2+ahew==",
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-throttling/-/plugin-throttling-8.0.1.tgz",
+      "integrity": "sha512-i373s7TgaoAOlzOepjUTvyMXqjBu9b26SvLyLD5onBdgexIOeu43yOH1e3z3VPAzbEyRfKDHcqfAsOyKl7Jtxg==",
       "dev": true,
       "dependencies": {
-        "@octokit/types": "^11.0.0",
+        "@octokit/types": "^12.0.0",
         "bottleneck": "^2.15.3"
       },
       "engines": {
@@ -1252,14 +1255,14 @@
       }
     },
     "node_modules/@octokit/request": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-8.1.1.tgz",
-      "integrity": "sha512-8N+tdUz4aCqQmXl8FpHYfKG9GelDFd7XGVzyN8rc6WxVlYcfpHECnuRkgquzz+WzvHTK62co5di8gSXnzASZPQ==",
+      "version": "8.1.4",
+      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-8.1.4.tgz",
+      "integrity": "sha512-M0aaFfpGPEKrg7XoA/gwgRvc9MSXHRO2Ioki1qrPDbl1e9YhjIwVoHE7HIKmv/m3idzldj//xBujcFNqGX6ENA==",
       "dev": true,
       "dependencies": {
         "@octokit/endpoint": "^9.0.0",
         "@octokit/request-error": "^5.0.0",
-        "@octokit/types": "^11.1.0",
+        "@octokit/types": "^12.0.0",
         "is-plain-object": "^5.0.0",
         "universal-user-agent": "^6.0.0"
       },
@@ -1268,12 +1271,12 @@
       }
     },
     "node_modules/@octokit/request-error": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@octokit/request-error/-/request-error-5.0.0.tgz",
-      "integrity": "sha512-1ue0DH0Lif5iEqT52+Rf/hf0RmGO9NWFjrzmrkArpG9trFfDM/efx00BJHdLGuro4BR/gECxCU2Twf5OKrRFsQ==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/request-error/-/request-error-5.0.1.tgz",
+      "integrity": "sha512-X7pnyTMV7MgtGmiXBwmO6M5kIPrntOXdyKZLigNfQWSEQzVxR4a4vo49vJjTWX70mPndj8KhfT4Dx+2Ng3vnBQ==",
       "dev": true,
       "dependencies": {
-        "@octokit/types": "^11.0.0",
+        "@octokit/types": "^12.0.0",
         "deprecation": "^2.0.0",
         "once": "^1.4.0"
       },
@@ -1282,12 +1285,12 @@
       }
     },
     "node_modules/@octokit/types": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/@octokit/types/-/types-11.1.0.tgz",
-      "integrity": "sha512-Fz0+7GyLm/bHt8fwEqgvRBWwIV1S6wRRyq+V6exRKLVWaKGsuy6H9QFYeBVDV7rK6fO3XwHgQOPxv+cLj2zpXQ==",
+      "version": "12.0.0",
+      "resolved": "https://registry.npmjs.org/@octokit/types/-/types-12.0.0.tgz",
+      "integrity": "sha512-EzD434aHTFifGudYAygnFlS1Tl6KhbTynEWELQXIbTY8Msvb5nEqTZIm7sbPEt4mQYLZwu3zPKVdeIrw0g7ovg==",
       "dev": true,
       "dependencies": {
-        "@octokit/openapi-types": "^18.0.0"
+        "@octokit/openapi-types": "^19.0.0"
       }
     },
     "node_modules/@pkgr/utils": {
@@ -1352,15 +1355,15 @@
       }
     },
     "node_modules/@rushstack/eslint-patch": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.4.0.tgz",
-      "integrity": "sha512-cEjvTPU32OM9lUFegJagO0mRnIn+rbqrG89vV8/xLnLFX0DoR0r1oy5IlTga71Q7uT3Qus7qm7wgeiMT/+Irlg==",
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz",
+      "integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==",
       "dev": true
     },
     "node_modules/@saithodev/semantic-release-backmerge": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@saithodev/semantic-release-backmerge/-/semantic-release-backmerge-3.2.0.tgz",
-      "integrity": "sha512-EAdt4eKvOnOg0p5DPW7w0cg0k58IpFuAHY/pqKZUF2uKQ/HkzHqIhteNeOCoxVOmLs4F0Lp5F6J02I9QDCGZRg==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@saithodev/semantic-release-backmerge/-/semantic-release-backmerge-3.2.1.tgz",
+      "integrity": "sha512-mC9cA6lhNzpy4rKOT5jjRLhlT3myubmVeo+BqWyR2WqF5PRJpG0jaU8pBC87S11GCUHKxqXf0QQDZNPbbNP1bA==",
       "dev": true,
       "dependencies": {
         "@semantic-release/error": "^3.0.0",
@@ -1368,7 +1371,7 @@
         "debug": "^4.3.4",
         "execa": "^5.1.1",
         "lodash": "^4.17.21",
-        "semantic-release": ">=20.0.0"
+        "semantic-release": ">=20.0.0 <22.0.0"
       }
     },
     "node_modules/@semantic-release/commit-analyzer": {
@@ -1392,69 +1395,6 @@
         "semantic-release": ">=20.1.0"
       }
     },
-    "node_modules/@semantic-release/commit-analyzer/node_modules/conventional-commits-parser": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-5.0.0.tgz",
-      "integrity": "sha512-ZPMl0ZJbw74iS9LuX9YIAiW8pfM5p3yh2o/NbXHbkFuZzY5jvdi5jFycEOkmBW5H5I7nA+D6f3UcsCLP2vvSEA==",
-      "dev": true,
-      "dependencies": {
-        "is-text-path": "^2.0.0",
-        "JSONStream": "^1.3.5",
-        "meow": "^12.0.1",
-        "split2": "^4.0.0"
-      },
-      "bin": {
-        "conventional-commits-parser": "cli.mjs"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@semantic-release/commit-analyzer/node_modules/is-text-path": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-text-path/-/is-text-path-2.0.0.tgz",
-      "integrity": "sha512-+oDTluR6WEjdXEJMnC2z6A4FRwFoYuvShVVEGsS7ewc0UTi2QtAKMDJuL4BDEVt+5T7MjFo12RP8ghOM75oKJw==",
-      "dev": true,
-      "dependencies": {
-        "text-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@semantic-release/commit-analyzer/node_modules/meow": {
-      "version": "12.1.1",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-12.1.1.tgz",
-      "integrity": "sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==",
-      "dev": true,
-      "engines": {
-        "node": ">=16.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@semantic-release/commit-analyzer/node_modules/split2": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
-      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10.x"
-      }
-    },
-    "node_modules/@semantic-release/commit-analyzer/node_modules/text-extensions": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/text-extensions/-/text-extensions-2.4.0.tgz",
-      "integrity": "sha512-te/NtwBwfiNRLf9Ijqx3T0nlqZiQ2XrrtBvu+cLL8ZRrGkO0NHTug8MYFKyoSrv/sHTaSKfilUkizV6XhxMJ3g==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@semantic-release/error": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@semantic-release/error/-/error-3.0.0.tgz",
@@ -1487,15 +1427,15 @@
       }
     },
     "node_modules/@semantic-release/github": {
-      "version": "9.0.6",
-      "resolved": "https://registry.npmjs.org/@semantic-release/github/-/github-9.0.6.tgz",
-      "integrity": "sha512-GBGt9c3c2UdSvso4jcyQQSUpZA9hbfHqGQerZKN9WvVzCIkaBy8xkhOyiFVX08LjRHHT/H221SJNBLtuihX5iw==",
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/@semantic-release/github/-/github-9.2.1.tgz",
+      "integrity": "sha512-fEn9uOe6jwWR6ro2Wh6YNBCBuZ5lRi8Myz+1j3KDTSt8OuUGlpVM4lFac/0bDrql2NOKrIEAMGCfWb9WMIdzIg==",
       "dev": true,
       "dependencies": {
         "@octokit/core": "^5.0.0",
-        "@octokit/plugin-paginate-rest": "^8.0.0",
+        "@octokit/plugin-paginate-rest": "^9.0.0",
         "@octokit/plugin-retry": "^6.0.0",
-        "@octokit/plugin-throttling": "^7.0.0",
+        "@octokit/plugin-throttling": "^8.0.0",
         "@semantic-release/error": "^4.0.0",
         "aggregate-error": "^5.0.0",
         "debug": "^4.3.4",
@@ -1894,24 +1834,6 @@
         "node": ">=16"
       }
     },
-    "node_modules/@semantic-release/release-notes-generator/node_modules/conventional-commits-parser": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-5.0.0.tgz",
-      "integrity": "sha512-ZPMl0ZJbw74iS9LuX9YIAiW8pfM5p3yh2o/NbXHbkFuZzY5jvdi5jFycEOkmBW5H5I7nA+D6f3UcsCLP2vvSEA==",
-      "dev": true,
-      "dependencies": {
-        "is-text-path": "^2.0.0",
-        "JSONStream": "^1.3.5",
-        "meow": "^12.0.1",
-        "split2": "^4.0.0"
-      },
-      "bin": {
-        "conventional-commits-parser": "cli.mjs"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
     "node_modules/@semantic-release/release-notes-generator/node_modules/find-up": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz",
@@ -1940,18 +1862,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@semantic-release/release-notes-generator/node_modules/is-text-path": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-text-path/-/is-text-path-2.0.0.tgz",
-      "integrity": "sha512-+oDTluR6WEjdXEJMnC2z6A4FRwFoYuvShVVEGsS7ewc0UTi2QtAKMDJuL4BDEVt+5T7MjFo12RP8ghOM75oKJw==",
-      "dev": true,
-      "dependencies": {
-        "text-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@semantic-release/release-notes-generator/node_modules/locate-path": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
@@ -1967,18 +1877,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@semantic-release/release-notes-generator/node_modules/meow": {
-      "version": "12.1.1",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-12.1.1.tgz",
-      "integrity": "sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==",
-      "dev": true,
-      "engines": {
-        "node": ">=16.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@semantic-release/release-notes-generator/node_modules/p-limit": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
@@ -2035,31 +1933,10 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@semantic-release/release-notes-generator/node_modules/split2": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
-      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10.x"
-      }
-    },
-    "node_modules/@semantic-release/release-notes-generator/node_modules/text-extensions": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/text-extensions/-/text-extensions-2.4.0.tgz",
-      "integrity": "sha512-te/NtwBwfiNRLf9Ijqx3T0nlqZiQ2XrrtBvu+cLL8ZRrGkO0NHTug8MYFKyoSrv/sHTaSKfilUkizV6XhxMJ3g==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@semantic-release/release-notes-generator/node_modules/type-fest": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.3.1.tgz",
-      "integrity": "sha512-pphNW/msgOUSkJbH58x8sqpq8uQj6b0ZKGxEsLKMUnGorRcDjrUaLS+39+/ub41JNTwrrMyJcUB8+YZs3mbwqw==",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.5.0.tgz",
+      "integrity": "sha512-diLQivFzddJl4ylL3jxSkEc39Tpw7o1QeEHIPxVwryDK2lpB7Nqhzhuo6v5/Ls08Z0yPSAhsyAWlv1/H0ciNmw==",
       "dev": true,
       "engines": {
         "node": ">=16"
@@ -2118,9 +1995,9 @@
       }
     },
     "node_modules/@sinclair/typebox": {
-      "version": "0.31.15",
-      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.31.15.tgz",
-      "integrity": "sha512-gheE0Z2QWB/EuUwirniP+vq17N0MdQ+9bKyy2lPJzcBin6piBxOrazTYOB18N+oeBwVVepAmlqqo9KbpSl9DOA=="
+      "version": "0.31.18",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.31.18.tgz",
+      "integrity": "sha512-p2JGz+SciGJVl1zokCIK15f7LYDrI2ZsxItcLhkAyx50hEYEj/Qdy7z30qRYiakzdIu8dV4DfBi+e6xEZuugiQ=="
     },
     "node_modules/@socket.io/component-emitter": {
       "version": "3.1.0",
@@ -2128,9 +2005,9 @@
       "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg=="
     },
     "node_modules/@swc/helpers": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.1.tgz",
-      "integrity": "sha512-sJ902EfIzn1Fa+qYmjdQqh8tPsoxyBz+8yBKC2HKUxyezKJFwPGOn7pv4WY6QuQW//ySQi5lJjA/ZT9sNWWNTg==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
+      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
       "dependencies": {
         "tslib": "^2.4.0"
       }
@@ -2187,40 +2064,40 @@
       "dev": true
     },
     "node_modules/@types/cookie": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.2.tgz",
-      "integrity": "sha512-DBpRoJGKJZn7RY92dPrgoMew8xCWc2P71beqsjyhEI/Ds9mOyVmBwtekyfhpwFIVt1WrxTonFifiOZ62V8CnNA=="
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.3.tgz",
+      "integrity": "sha512-SLg07AS9z1Ab2LU+QxzU8RCmzsja80ywjf/t5oqw+4NSH20gIGlhLOrBDm1L3PBWzPa4+wkgFQVZAjE6Ioj2ug=="
     },
     "node_modules/@types/cors": {
-      "version": "2.8.14",
-      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.14.tgz",
-      "integrity": "sha512-RXHUvNWYICtbP6s18PnOCaqToK8y14DnLd75c6HfyKf228dxy7pHNOQkxPtvXKp/hINFMDjbYzsj63nnpPMSRQ==",
+      "version": "2.8.15",
+      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.15.tgz",
+      "integrity": "sha512-n91JxbNLD8eQIuXDIChAN1tCKNWCEgpceU9b7ZMbFA+P+Q4yIeh80jizFLEvolRPc1ES0VdwFlGv+kJTSirogw==",
       "dev": true,
       "dependencies": {
         "@types/node": "*"
       }
     },
     "node_modules/@types/debug": {
-      "version": "4.1.8",
-      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.8.tgz",
-      "integrity": "sha512-/vPO1EPOs306Cvhwv7KfVfYvOJqA/S/AXjaHQiJboCZzcNDb+TIJFN9/2C9DZ//ijSKWioNyUxD792QmDJ+HKQ==",
+      "version": "4.1.10",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.10.tgz",
+      "integrity": "sha512-tOSCru6s732pofZ+sMv9o4o3Zc+Sa8l3bxd/tweTQudFn06vAzb13ZX46Zi6m6EJ+RUbRTHvgQJ1gBtSgkaUYA==",
       "dependencies": {
         "@types/ms": "*"
       }
     },
     "node_modules/@types/emoji-mart": {
-      "version": "3.0.9",
-      "resolved": "https://registry.npmjs.org/@types/emoji-mart/-/emoji-mart-3.0.9.tgz",
-      "integrity": "sha512-qdBo/2Y8MXaJ/2spKjDZocuq79GpnOhkwMHnK2GnVFa8WYFgfA+ei6sil3aeWQPCreOKIx9ogPpR5+7MaOqYAA==",
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/@types/emoji-mart/-/emoji-mart-3.0.11.tgz",
+      "integrity": "sha512-E0/sO/ueRL33DDov4qGIn8uNv9PZaTULaLMp6zSXB5bIWRb2zpV37Z1OxXRCiV5g+YL1F8tdn5zDNXk2Wdd+ig==",
       "dev": true,
       "dependencies": {
         "@types/react": "*"
       }
     },
     "node_modules/@types/fined": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@types/fined/-/fined-1.1.3.tgz",
-      "integrity": "sha512-CWYnSRnun3CGbt6taXeVo2lCbuaj4mchVJ4UF/BdU5TSuIn3AmS13pGMwCsBUoehGbhZrBrpNJZSZI5EVilXww==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@types/fined/-/fined-1.1.4.tgz",
+      "integrity": "sha512-mZ0onxTS5OyfSwBNecTKT0h79e4XXHrc9RI5tQfEAf+Fp6NbBmNnc0kg59HO+97V+y3opS+sfo4k4qpYwLt6NQ==",
       "dev": true
     },
     "node_modules/@types/hast": {
@@ -2232,9 +2109,9 @@
       }
     },
     "node_modules/@types/inquirer": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/@types/inquirer/-/inquirer-9.0.3.tgz",
-      "integrity": "sha512-CzNkWqQftcmk2jaCWdBTf9Sm7xSw4rkI1zpU/Udw3HX5//adEZUIm9STtoRP1qgWj0CWQtJ9UTvqmO2NNjhMJw==",
+      "version": "9.0.6",
+      "resolved": "https://registry.npmjs.org/@types/inquirer/-/inquirer-9.0.6.tgz",
+      "integrity": "sha512-1Go1AAP/yOy3Pth5Xf1DC3nfZ03cJLCPx6E2YnSN/5I3w1jHBVH4170DkZ+JxfmA7c9kL9+bf9z3FRGa4kNAqg==",
       "dev": true,
       "dependencies": {
         "@types/through": "*",
@@ -2242,9 +2119,9 @@
       }
     },
     "node_modules/@types/json-schema": {
-      "version": "7.0.13",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.13.tgz",
-      "integrity": "sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ==",
+      "version": "7.0.14",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.14.tgz",
+      "integrity": "sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw==",
       "dev": true
     },
     "node_modules/@types/json5": {
@@ -2254,14 +2131,14 @@
       "dev": true
     },
     "node_modules/@types/katex": {
-      "version": "0.16.3",
-      "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.3.tgz",
-      "integrity": "sha512-CeVMX9EhVUW8MWnei05eIRks4D5Wscw/W9Byz1s3PA+yJvcdvq9SaDjiUKvRvEgjpdTyJMjQA43ae4KTwsvOPg=="
+      "version": "0.16.5",
+      "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.5.tgz",
+      "integrity": "sha512-DD2Y3xMlTQvAnN6d8803xdgnOeYZ+HwMglb7/9YCf49J9RkJL53azf9qKa40MkEYhqVwxZ1GS2+VlShnz4Z1Bw=="
     },
     "node_modules/@types/liftoff": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@types/liftoff/-/liftoff-4.0.1.tgz",
-      "integrity": "sha512-GUUFIP1wHuB6DEg65hkgJdqqmEeK5Vj+Wy5Tza26F9FuaHhtm4BxN00N3PhVUdCcryY9pn3SkcXGGQDLBisAPQ==",
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/liftoff/-/liftoff-4.0.2.tgz",
+      "integrity": "sha512-X7Su8/zN7UgpA9nULCQwx9qy1RqcjUFmUVhj9kkjxXF5gIjZYC97lMRggyhV1/Y7M4rmEZ90jijAWVFWDVN//w==",
       "dev": true,
       "dependencies": {
         "@types/fined": "*",
@@ -2269,44 +2146,47 @@
       }
     },
     "node_modules/@types/mdast": {
-      "version": "3.0.12",
-      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.12.tgz",
-      "integrity": "sha512-DT+iNIRNX884cx0/Q1ja7NyUPpZuv0KPyL5rGNxm1WC1OtHstl7n4Jb7nk+xacNShQMbczJjt8uFzznpp6kYBg==",
+      "version": "3.0.14",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.14.tgz",
+      "integrity": "sha512-gVZ04PGgw1qLZKsnWnyFv4ORnaJ+DXLdHTVSFbU8yX6xZ34Bjg4Q32yPkmveUP1yItXReKfB0Aknlh/3zxTKAw==",
       "dependencies": {
         "@types/unist": "^2"
       }
     },
     "node_modules/@types/minimist": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
-      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.4.tgz",
+      "integrity": "sha512-Kfe/D3hxHTusnPNRbycJE1N77WHDsdS4AjUYIzlDzhDrS47NrwuL3YW4VITxwR7KCVpzwgy4Rbj829KSSQmwXQ==",
       "dev": true
     },
     "node_modules/@types/ms": {
-      "version": "0.7.31",
-      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz",
-      "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA=="
+      "version": "0.7.33",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.33.tgz",
+      "integrity": "sha512-AuHIyzR5Hea7ij0P9q7vx7xu4z0C28ucwjAZC0ja7JhINyCnOw8/DnvAPQQ9TfOlCtZAmCERKQX9+o1mgQhuOQ=="
     },
     "node_modules/@types/node": {
-      "version": "20.6.2",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.6.2.tgz",
-      "integrity": "sha512-Y+/1vGBHV/cYk6OI1Na/LHzwnlNCAfU3ZNGrc1LdRe/LAIbdDPTTv/HU3M7yXN448aTVDq3eKRm2cg7iKLb8gw==",
-      "dev": true
+      "version": "20.8.7",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.7.tgz",
+      "integrity": "sha512-21TKHHh3eUHIi2MloeptJWALuCu5H7HQTdTrWIFReA8ad+aggoX+lRes3ex7/FtpC+sVUpFMQ+QTfYr74mruiQ==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.25.1"
+      }
     },
     "node_modules/@types/normalize-package-data": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
-      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw=="
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.3.tgz",
+      "integrity": "sha512-ehPtgRgaULsFG8x0NeYJvmyH1hmlfsNLujHe9dQEia/7MAJYdzMSi19JtchUHjmBA6XC/75dK55mzZH+RyieSg=="
     },
     "node_modules/@types/prop-types": {
-      "version": "15.7.6",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.6.tgz",
-      "integrity": "sha512-RK/kBbYOQQHLYj9Z95eh7S6t7gq4Ojt/NT8HTk8bWVhA5DaF+5SMnxHKkP4gPNN3wAZkKP+VjAf0ebtYzf+fxg=="
+      "version": "15.7.9",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.9.tgz",
+      "integrity": "sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g=="
     },
     "node_modules/@types/react": {
-      "version": "18.2.22",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.22.tgz",
-      "integrity": "sha512-60fLTOLqzarLED2O3UQImc/lsNRgG0jE/a1mPW9KjMemY0LMITWEsbS4VvZ4p6rorEHd5YKxxmMKSDK505GHpA==",
+      "version": "18.2.31",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.31.tgz",
+      "integrity": "sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==",
       "dev": true,
       "dependencies": {
         "@types/prop-types": "*",
@@ -2315,33 +2195,33 @@
       }
     },
     "node_modules/@types/react-responsive": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@types/react-responsive/-/react-responsive-8.0.5.tgz",
-      "integrity": "sha512-k3gQJgI87oP5IrVZe//3LKJFnAeFaqqWmmtl5eoYL2H3HqFcIhUaE30kRK1CsW3DHdojZxcVj4ZNc2ClsEu2PA==",
+      "version": "8.0.7",
+      "resolved": "https://registry.npmjs.org/@types/react-responsive/-/react-responsive-8.0.7.tgz",
+      "integrity": "sha512-JKMqMQU8Z0DGYOOdr3YCDyCepH1e/R13Aq+hqeDA6ueot7YGcWvuVKnNXtPGHTQ9MG6yq+IIGeJ1XWIyF4XYBw==",
       "dev": true,
       "dependencies": {
         "@types/react": "*"
       }
     },
     "node_modules/@types/react-syntax-highlighter": {
-      "version": "15.5.7",
-      "resolved": "https://registry.npmjs.org/@types/react-syntax-highlighter/-/react-syntax-highlighter-15.5.7.tgz",
-      "integrity": "sha512-bo5fEO5toQeyCp0zVHBeggclqf5SQ/Z5blfFmjwO5dkMVGPgmiwZsJh9nu/Bo5L7IHTuGWrja6LxJVE2uB5ZrQ==",
+      "version": "15.5.9",
+      "resolved": "https://registry.npmjs.org/@types/react-syntax-highlighter/-/react-syntax-highlighter-15.5.9.tgz",
+      "integrity": "sha512-ven8zRSVMNkqt8ySJ2eEW5ugbfl/V/Z9S1c9UNhGqwkwVZNV5akk10rYDALxgwS25cLmN+/Q5UxlGj9CJmZ6Ew==",
       "dev": true,
       "dependencies": {
         "@types/react": "*"
       }
     },
     "node_modules/@types/scheduler": {
-      "version": "0.16.3",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
-      "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==",
+      "version": "0.16.5",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.5.tgz",
+      "integrity": "sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw==",
       "dev": true
     },
     "node_modules/@types/semver": {
-      "version": "7.5.2",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.2.tgz",
-      "integrity": "sha512-7aqorHYgdNO4DM36stTiGO3DvKoex9TQRwsJU6vMaFGyqpBA1MNZkz+PG3gaNUPpTAOYhT1WR7M1JyA3fbS9Cw==",
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-MMzuxN3GdFwskAnb6fz0orFvhfqi752yjaXylr0Rp4oDg5H0Zn1IuyRhDVvYOwAXoJirx2xuS16I3WjxnAIHiQ==",
       "dev": true
     },
     "node_modules/@types/sinonjs__fake-timers": {
@@ -2351,15 +2231,15 @@
       "dev": true
     },
     "node_modules/@types/sizzle": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.3.tgz",
-      "integrity": "sha512-JYM8x9EGF163bEyhdJBpR2QX1R5naCJHC8ucJylJ3w9/CVBaskdQ8WqBf8MmQrd1kRvp/a4TS8HJ+bxzR7ZJYQ==",
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.5.tgz",
+      "integrity": "sha512-tAe4Q+OLFOA/AMD+0lq8ovp8t3ysxAOeaScnfNdZpUxaGl51ZMDEITxkvFl1STudQ58mz6gzVGl9VhMKhwRnZQ==",
       "dev": true
     },
     "node_modules/@types/through": {
-      "version": "0.0.31",
-      "resolved": "https://registry.npmjs.org/@types/through/-/through-0.0.31.tgz",
-      "integrity": "sha512-LpKpmb7FGevYgXnBXYs6HWnmiFyVG07Pt1cnbgM1IhEacITTiUaBXXvOR3Y50ksaJWGSfhbEvQFivQEFGCC55w==",
+      "version": "0.0.32",
+      "resolved": "https://registry.npmjs.org/@types/through/-/through-0.0.32.tgz",
+      "integrity": "sha512-7XsfXIsjdfJM2wFDRAtEWp3zb2aVPk5QeyZxGlVK57q4u26DczMHhJmlhr0Jqv0THwxam/L8REXkj8M2I/lcvw==",
       "dev": true,
       "dependencies": {
         "@types/node": "*"
@@ -2371,18 +2251,18 @@
       "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ=="
     },
     "node_modules/@types/ws": {
-      "version": "8.5.5",
-      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.5.tgz",
-      "integrity": "sha512-lwhs8hktwxSjf9UaZ9tG5M03PGogvFaH8gUgLNbN9HKIg0dvv6q+gkSuJ8HN4/VbyxkuLzCjlN7GquQ0gUJfIg==",
+      "version": "8.5.8",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.8.tgz",
+      "integrity": "sha512-flUksGIQCnJd6sZ1l5dqCEG/ksaoAg/eUwiLAGTJQcfgvZJKF++Ta4bJA6A5aPSJmsr+xlseHn4KLgVlNnvPTg==",
       "dev": true,
       "dependencies": {
         "@types/node": "*"
       }
     },
     "node_modules/@types/yauzl": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==",
+      "version": "2.10.2",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.2.tgz",
+      "integrity": "sha512-Km7XAtUIduROw7QPgvcft0lIupeG8a8rdKL8RiSyKvlE7dYY31fEn41HVuQsRFDuROA8tA4K2UVL+WdfFmErBA==",
       "dev": true,
       "optional": true,
       "dependencies": {
@@ -2390,16 +2270,16 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.7.2.tgz",
-      "integrity": "sha512-ooaHxlmSgZTM6CHYAFRlifqh1OAr3PAQEwi7lhYhaegbnXrnh7CDcHmc3+ihhbQC7H0i4JF0psI5ehzkF6Yl6Q==",
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.9.0.tgz",
+      "integrity": "sha512-lgX7F0azQwRPB7t7WAyeHWVfW1YJ9NIgd9mvGhfQpRY56X6AVf8mwM8Wol+0z4liE7XX3QOt8MN1rUKCfSjRIA==",
       "dev": true,
       "dependencies": {
         "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "6.7.2",
-        "@typescript-eslint/type-utils": "6.7.2",
-        "@typescript-eslint/utils": "6.7.2",
-        "@typescript-eslint/visitor-keys": "6.7.2",
+        "@typescript-eslint/scope-manager": "6.9.0",
+        "@typescript-eslint/type-utils": "6.9.0",
+        "@typescript-eslint/utils": "6.9.0",
+        "@typescript-eslint/visitor-keys": "6.9.0",
         "debug": "^4.3.4",
         "graphemer": "^1.4.0",
         "ignore": "^5.2.4",
@@ -2425,15 +2305,15 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.7.2.tgz",
-      "integrity": "sha512-KA3E4ox0ws+SPyxQf9iSI25R6b4Ne78ORhNHeVKrPQnoYsb9UhieoiRoJgrzgEeKGOXhcY1i8YtOeCHHTDa6Fw==",
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.9.0.tgz",
+      "integrity": "sha512-GZmjMh4AJ/5gaH4XF2eXA8tMnHWP+Pm1mjQR2QN4Iz+j/zO04b9TOvJYOX2sCNIQHtRStKTxRY1FX7LhpJT4Gw==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "6.7.2",
-        "@typescript-eslint/types": "6.7.2",
-        "@typescript-eslint/typescript-estree": "6.7.2",
-        "@typescript-eslint/visitor-keys": "6.7.2",
+        "@typescript-eslint/scope-manager": "6.9.0",
+        "@typescript-eslint/types": "6.9.0",
+        "@typescript-eslint/typescript-estree": "6.9.0",
+        "@typescript-eslint/visitor-keys": "6.9.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -2453,13 +2333,13 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.7.2.tgz",
-      "integrity": "sha512-bgi6plgyZjEqapr7u2mhxGR6E8WCzKNUFWNh6fkpVe9+yzRZeYtDTbsIBzKbcxI+r1qVWt6VIoMSNZ4r2A+6Yw==",
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.9.0.tgz",
+      "integrity": "sha512-1R8A9Mc39n4pCCz9o79qRO31HGNDvC7UhPhv26TovDsWPBDx+Sg3rOZdCELIA3ZmNoWAuxaMOT7aWtGRSYkQxw==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.7.2",
-        "@typescript-eslint/visitor-keys": "6.7.2"
+        "@typescript-eslint/types": "6.9.0",
+        "@typescript-eslint/visitor-keys": "6.9.0"
       },
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
@@ -2470,13 +2350,13 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.7.2.tgz",
-      "integrity": "sha512-36F4fOYIROYRl0qj95dYKx6kybddLtsbmPIYNK0OBeXv2j9L5nZ17j9jmfy+bIDHKQgn2EZX+cofsqi8NPATBQ==",
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.9.0.tgz",
+      "integrity": "sha512-XXeahmfbpuhVbhSOROIzJ+b13krFmgtc4GlEuu1WBT+RpyGPIA4Y/eGnXzjbDj5gZLzpAXO/sj+IF/x2GtTMjQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "6.7.2",
-        "@typescript-eslint/utils": "6.7.2",
+        "@typescript-eslint/typescript-estree": "6.9.0",
+        "@typescript-eslint/utils": "6.9.0",
         "debug": "^4.3.4",
         "ts-api-utils": "^1.0.1"
       },
@@ -2497,9 +2377,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.7.2.tgz",
-      "integrity": "sha512-flJYwMYgnUNDAN9/GAI3l8+wTmvTYdv64fcH8aoJK76Y+1FCZ08RtI5zDerM/FYT5DMkAc+19E4aLmd5KqdFyg==",
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.9.0.tgz",
+      "integrity": "sha512-+KB0lbkpxBkBSiVCuQvduqMJy+I1FyDbdwSpM3IoBS7APl4Bu15lStPjgBIdykdRqQNYqYNMa8Kuidax6phaEw==",
       "dev": true,
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
@@ -2510,13 +2390,13 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.7.2.tgz",
-      "integrity": "sha512-kiJKVMLkoSciGyFU0TOY0fRxnp9qq1AzVOHNeN1+B9erKFCJ4Z8WdjAkKQPP+b1pWStGFqezMLltxO+308dJTQ==",
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.9.0.tgz",
+      "integrity": "sha512-NJM2BnJFZBEAbCfBP00zONKXvMqihZCrmwCaik0UhLr0vAgb6oguXxLX1k00oQyD+vZZ+CJn3kocvv2yxm4awQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.7.2",
-        "@typescript-eslint/visitor-keys": "6.7.2",
+        "@typescript-eslint/types": "6.9.0",
+        "@typescript-eslint/visitor-keys": "6.9.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -2537,17 +2417,17 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.7.2.tgz",
-      "integrity": "sha512-ZCcBJug/TS6fXRTsoTkgnsvyWSiXwMNiPzBUani7hDidBdj1779qwM1FIAmpH4lvlOZNF3EScsxxuGifjpLSWQ==",
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.9.0.tgz",
+      "integrity": "sha512-5Wf+Jsqya7WcCO8me504FBigeQKVLAMPmUzYgDbWchINNh1KJbxCgVya3EQ2MjvJMVeXl3pofRmprqX6mfQkjQ==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
         "@types/json-schema": "^7.0.12",
         "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "6.7.2",
-        "@typescript-eslint/types": "6.7.2",
-        "@typescript-eslint/typescript-estree": "6.7.2",
+        "@typescript-eslint/scope-manager": "6.9.0",
+        "@typescript-eslint/types": "6.9.0",
+        "@typescript-eslint/typescript-estree": "6.9.0",
         "semver": "^7.5.4"
       },
       "engines": {
@@ -2562,12 +2442,12 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.7.2.tgz",
-      "integrity": "sha512-uVw9VIMFBUTz8rIeaUT3fFe8xIUx8r4ywAdlQv1ifH+6acn/XF8Y6rwJ7XNmkNMDrTW+7+vxFFPIF40nJCVsMQ==",
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.9.0.tgz",
+      "integrity": "sha512-dGtAfqjV6RFOtIP8I0B4ZTBRrlTT8NHHlZZSchQx3qReaoDeXhYM++M4So2AgFK9ZB0emRPA6JI1HkafzA2Ibg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.7.2",
+        "@typescript-eslint/types": "6.9.0",
         "eslint-visitor-keys": "^3.4.1"
       },
       "engines": {
@@ -2578,6 +2458,12 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "dev": true
+    },
     "node_modules/accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -3053,9 +2939,9 @@
       }
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.15",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.15.tgz",
-      "integrity": "sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==",
+      "version": "10.4.16",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
+      "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
       "dev": true,
       "funding": [
         {
@@ -3073,8 +2959,8 @@
       ],
       "dependencies": {
         "browserslist": "^4.21.10",
-        "caniuse-lite": "^1.0.30001520",
-        "fraction.js": "^4.2.0",
+        "caniuse-lite": "^1.0.30001538",
+        "fraction.js": "^4.3.6",
         "normalize-range": "^0.1.2",
         "picocolors": "^1.0.0",
         "postcss-value-parser": "^4.2.0"
@@ -3117,18 +3003,18 @@
       "dev": true
     },
     "node_modules/axe-core": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.8.1.tgz",
-      "integrity": "sha512-9l850jDDPnKq48nbad8SiEelCv4OrUWrKab/cPj0GScVg6cb6NbCCt/Ulk26QEq5jP9NnGr04Bit1BHyV6r5CQ==",
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.8.2.tgz",
+      "integrity": "sha512-/dlp0fxyM3R8YW7MFzaHWXrf4zzbr0vaYb23VBFCl83R7nWNPg/yaQw2Dc8jzCMmDVLhSdzH8MjrsuIUuvX+6g==",
       "dev": true,
       "engines": {
         "node": ">=4"
       }
     },
     "node_modules/axios": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.5.0.tgz",
-      "integrity": "sha512-D4DdjDo5CY50Qms0qGQTTw6Q44jl7zRwY7bthds06pUGfChBCTcQs+N743eFWGEd6pRTMd6A+I87aWyFV5wiZQ==",
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.5.1.tgz",
+      "integrity": "sha512-Q28iYCWzNHjAm+yEAot5QaAMxhMghWLFVf7rRdwhUI+c2jix2DUXjAHXVi+s1ibs3mjPO/cCgbA++3BjD0vP/A==",
       "dependencies": {
         "follow-redirects": "^1.15.0",
         "form-data": "^4.0.0",
@@ -3402,9 +3288,9 @@
       "dev": true
     },
     "node_modules/browserslist": {
-      "version": "4.21.10",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.10.tgz",
-      "integrity": "sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
+      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
       "dev": true,
       "funding": [
         {
@@ -3421,10 +3307,10 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001517",
-        "electron-to-chromium": "^1.4.477",
+        "caniuse-lite": "^1.0.30001541",
+        "electron-to-chromium": "^1.4.535",
         "node-releases": "^2.0.13",
-        "update-browserslist-db": "^1.0.11"
+        "update-browserslist-db": "^1.0.13"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -3536,13 +3422,14 @@
       }
     },
     "node_modules/call-bind": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
-      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
+      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
       "dev": true,
       "dependencies": {
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.0.2"
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.1",
+        "set-function-length": "^1.1.1"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -3602,10 +3489,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/camelcase-keys/node_modules/quick-lru": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
+      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001535",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001535.tgz",
-      "integrity": "sha512-48jLyUkiWFfhm/afF7cQPqPjaUmSraEhK4j+FCTJpgnGGEZHqyLe3hmWH7lIooZdSzXL0ReMvHz0vKDoTBsrwg==",
+      "version": "1.0.30001553",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001553.tgz",
+      "integrity": "sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==",
       "funding": [
         {
           "type": "opencollective",
@@ -3783,9 +3679,9 @@
       "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg=="
     },
     "node_modules/ci-info": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
-      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
       "dev": true,
       "funding": [
         {
@@ -4127,15 +4023,15 @@
       }
     },
     "node_modules/conventional-changelog-conventionalcommits": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/conventional-changelog-conventionalcommits/-/conventional-changelog-conventionalcommits-6.1.0.tgz",
-      "integrity": "sha512-3cS3GEtR78zTfMzk0AizXKKIdN4OvSh7ibNz6/DPbhWWQu7LqE/8+/GqSodV+sywUR2gpJAdP/1JFf4XtN7Zpw==",
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/conventional-changelog-conventionalcommits/-/conventional-changelog-conventionalcommits-7.0.2.tgz",
+      "integrity": "sha512-NKXYmMR/Hr1DevQegFB4MwfM5Vv0m4UIxKZTTYuD98lpTknaZlSRrDOG4X7wIXpGkfsYxZTghUN+Qq+T0YQI7w==",
       "dev": true,
       "dependencies": {
         "compare-func": "^2.0.0"
       },
       "engines": {
-        "node": ">=14"
+        "node": ">=16"
       }
     },
     "node_modules/conventional-changelog-writer": {
@@ -4159,6 +4055,91 @@
         "node": ">=14"
       }
     },
+    "node_modules/conventional-changelog-writer/node_modules/hosted-git-info": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/conventional-changelog-writer/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/conventional-changelog-writer/node_modules/meow": {
+      "version": "8.1.2",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-8.1.2.tgz",
+      "integrity": "sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==",
+      "dev": true,
+      "dependencies": {
+        "@types/minimist": "^1.2.0",
+        "camelcase-keys": "^6.2.2",
+        "decamelize-keys": "^1.1.0",
+        "hard-rejection": "^2.1.0",
+        "minimist-options": "4.1.0",
+        "normalize-package-data": "^3.0.0",
+        "read-pkg-up": "^7.0.1",
+        "redent": "^3.0.0",
+        "trim-newlines": "^3.0.0",
+        "type-fest": "^0.18.0",
+        "yargs-parser": "^20.2.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/conventional-changelog-writer/node_modules/normalize-package-data": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^4.0.1",
+        "is-core-module": "^2.5.0",
+        "semver": "^7.3.4",
+        "validate-npm-package-license": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/conventional-changelog-writer/node_modules/type-fest": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/conventional-changelog-writer/node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/conventional-commits-filter": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/conventional-commits-filter/-/conventional-commits-filter-3.0.0.tgz",
@@ -4173,21 +4154,21 @@
       }
     },
     "node_modules/conventional-commits-parser": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-4.0.0.tgz",
-      "integrity": "sha512-WRv5j1FsVM5FISJkoYMR6tPk07fkKT0UodruX4je86V4owk451yjXAKzKAPOs9l7y59E2viHUS9eQ+dfUA9NSg==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-5.0.0.tgz",
+      "integrity": "sha512-ZPMl0ZJbw74iS9LuX9YIAiW8pfM5p3yh2o/NbXHbkFuZzY5jvdi5jFycEOkmBW5H5I7nA+D6f3UcsCLP2vvSEA==",
       "dev": true,
       "dependencies": {
-        "is-text-path": "^1.0.1",
+        "is-text-path": "^2.0.0",
         "JSONStream": "^1.3.5",
-        "meow": "^8.1.2",
-        "split2": "^3.2.2"
+        "meow": "^12.0.1",
+        "split2": "^4.0.0"
       },
       "bin": {
-        "conventional-commits-parser": "cli.js"
+        "conventional-commits-parser": "cli.mjs"
       },
       "engines": {
-        "node": ">=14"
+        "node": ">=16"
       }
     },
     "node_modules/cookie": {
@@ -4350,9 +4331,9 @@
       "dev": true
     },
     "node_modules/cypress": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.2.0.tgz",
-      "integrity": "sha512-AvDQxBydE771GTq0TR4ZUBvv9m9ffXuB/ueEtpDF/6gOcvFR96amgwSJP16Yhqw6VhmwqspT5nAGzoxxB+D89g==",
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.3.2.tgz",
+      "integrity": "sha512-ArLmZObcLC+xxCp7zJZZbhby9FUf5CueLej9dUM4+5j37FTS4iMSgHxQLDu01PydFUvDXcNoIVRCYrHHxD7Ybg==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
@@ -4408,9 +4389,9 @@
       }
     },
     "node_modules/cypress/node_modules/@types/node": {
-      "version": "18.17.17",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.17.17.tgz",
-      "integrity": "sha512-cOxcXsQ2sxiwkykdJqvyFS+MLQPLvIdwh5l6gNg8qF6s+C7XSkEWOZjK+XhUZd+mYvHV/180g2cnCcIl4l06Pw==",
+      "version": "18.18.6",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.6.tgz",
+      "integrity": "sha512-wf3Vz+jCmOQ2HV1YUJuCWdL64adYxumkrxtc+H1VUQlnQI04+5HtH+qZCOE21lBE7gIrt+CwX2Wv8Acrw5Ak6w==",
       "dev": true
     },
     "node_modules/cypress/node_modules/execa": {
@@ -4536,9 +4517,9 @@
       }
     },
     "node_modules/data-uri-to-buffer": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-5.0.1.tgz",
-      "integrity": "sha512-a9l6T1qqDogvvnw0nKlfZzqsyikEBZBClF39V3TFoKhDtGBqHu2HkuomJc02j5zft8zrUaXEuoicLeW54RkzPg==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-6.0.1.tgz",
+      "integrity": "sha512-MZd3VlchQkp8rdend6vrx7MmVDJzSNTBvghvKjirLkD+WTChA3KUf0jkE68Q4UyctNqI11zZO9/x2Yx+ub5Cvg==",
       "dev": true,
       "engines": {
         "node": ">= 14"
@@ -4559,9 +4540,9 @@
       }
     },
     "node_modules/dayjs": {
-      "version": "1.11.9",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.9.tgz",
-      "integrity": "sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA==",
+      "version": "1.11.10",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
+      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==",
       "dev": true
     },
     "node_modules/debug": {
@@ -4829,9 +4810,9 @@
       }
     },
     "node_modules/define-data-property": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.0.tgz",
-      "integrity": "sha512-UzGwzcjyv3OtAvolTj1GoyNYzfFR+iqbGjcnBEENZVCpM4/Ng1yhGNvS3lR/xDS74Tb2wGG9WzNSNIOS9UVb2g==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
+      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
       "dev": true,
       "dependencies": {
         "get-intrinsic": "^1.2.1",
@@ -5232,9 +5213,9 @@
       "dev": true
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.523",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.523.tgz",
-      "integrity": "sha512-9AreocSUWnzNtvLcbpng6N+GkXnCcBR80IQkxRC9Dfdyg4gaWNUPBujAHUpKkiUkoSoR9UlhA4zD/IgBklmhzg==",
+      "version": "1.4.564",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.564.tgz",
+      "integrity": "sha512-bGAx9+teIzL5I4esQwCMtiXtb78Ysc8xOKTPOvmafbJZ4SQ40kDO1ym3yRcGSkfaBtV81fGgHOgPoe6DsmpmkA==",
       "dev": true
     },
     "node_modules/emoji-mart": {
@@ -5482,26 +5463,26 @@
       }
     },
     "node_modules/es-abstract": {
-      "version": "1.22.2",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.2.tgz",
-      "integrity": "sha512-YoxfFcDmhjOgWPWsV13+2RNjq1F6UQnfs+8TftwNqtzlmFzEXvlUwdrNrYeaizfjQzRMxkZ6ElWMOJIFKdVqwA==",
+      "version": "1.22.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
+      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
       "dev": true,
       "dependencies": {
         "array-buffer-byte-length": "^1.0.0",
         "arraybuffer.prototype.slice": "^1.0.2",
         "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
+        "call-bind": "^1.0.5",
         "es-set-tostringtag": "^2.0.1",
         "es-to-primitive": "^1.2.1",
         "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.1",
+        "get-intrinsic": "^1.2.2",
         "get-symbol-description": "^1.0.0",
         "globalthis": "^1.0.3",
         "gopd": "^1.0.1",
-        "has": "^1.0.3",
         "has-property-descriptors": "^1.0.0",
         "has-proto": "^1.0.1",
         "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0",
         "internal-slot": "^1.0.5",
         "is-array-buffer": "^3.0.2",
         "is-callable": "^1.2.7",
@@ -5511,7 +5492,7 @@
         "is-string": "^1.0.7",
         "is-typed-array": "^1.1.12",
         "is-weakref": "^1.0.2",
-        "object-inspect": "^1.12.3",
+        "object-inspect": "^1.13.1",
         "object-keys": "^1.1.1",
         "object.assign": "^4.1.4",
         "regexp.prototype.flags": "^1.5.1",
@@ -5525,7 +5506,7 @@
         "typed-array-byte-offset": "^1.0.0",
         "typed-array-length": "^1.0.4",
         "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.11"
+        "which-typed-array": "^1.1.13"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5557,26 +5538,26 @@
       }
     },
     "node_modules/es-set-tostringtag": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
-      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz",
+      "integrity": "sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==",
       "dev": true,
       "dependencies": {
-        "get-intrinsic": "^1.1.3",
-        "has": "^1.0.3",
-        "has-tostringtag": "^1.0.0"
+        "get-intrinsic": "^1.2.2",
+        "has-tostringtag": "^1.0.0",
+        "hasown": "^2.0.0"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/es-shim-unscopables": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
-      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
+      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
       "dev": true,
       "dependencies": {
-        "has": "^1.0.3"
+        "hasown": "^2.0.0"
       }
     },
     "node_modules/es-to-primitive": {
@@ -5645,18 +5626,19 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.49.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.49.0.tgz",
-      "integrity": "sha512-jw03ENfm6VJI0jA9U+8H5zfl5b+FvuU3YYvZRdZHOlU2ggJkxrlkJH4HcDrZpj6YwD8kuYqvQM8LyesoazrSOQ==",
+      "version": "8.52.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.52.0.tgz",
+      "integrity": "sha512-zh/JHnaixqHZsolRB/w9/02akBk9EPrOs9JwcTP2ek7yL5bVvXuRariiaAjjoJ5DvuwQ1WAE/HsMz+w17YgBCg==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
         "@eslint/eslintrc": "^2.1.2",
-        "@eslint/js": "8.49.0",
-        "@humanwhocodes/config-array": "^0.11.11",
+        "@eslint/js": "8.52.0",
+        "@humanwhocodes/config-array": "^0.11.13",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
         "ajv": "^6.12.4",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.2",
@@ -5699,35 +5681,35 @@
       }
     },
     "node_modules/eslint-config-conventions": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-config-conventions/-/eslint-config-conventions-11.0.1.tgz",
-      "integrity": "sha512-Q64CuntM0w2eh5CjtEG0GuomdzxuGo+UIKlRAZDCQWAxfCteD6LUEIV+DAtfDOl3xTvDySCEh9Q7kOOkYMiuCA==",
+      "version": "12.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-conventions/-/eslint-config-conventions-12.0.0.tgz",
+      "integrity": "sha512-BFqhjK8rImf7BNC1ne+G7tc0suRlTKjUrZPllQT9l0USfw8FLh+qdyLlrcUWxll/kRFwLGbwQJhTt/LM+Gc0cQ==",
       "dev": true,
       "engines": {
-        "node": ">=16.0.0",
+        "node": ">=18.0.0",
         "npm": ">=9.0.0"
       },
       "peerDependencies": {
-        "eslint": "^8.44.0",
-        "eslint-plugin-import": "^2.27.5",
+        "eslint": "^8.51.0",
+        "eslint-plugin-import": "^2.28.1",
         "eslint-plugin-promise": "^6.1.1",
-        "eslint-plugin-unicorn": "^48.0.0"
+        "eslint-plugin-unicorn": "^48.0.1"
       }
     },
     "node_modules/eslint-config-next": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.4.19.tgz",
-      "integrity": "sha512-WE8367sqMnjhWHvR5OivmfwENRQ1ixfNE9hZwQqNCsd+iM3KnuMc1V8Pt6ytgjxjf23D+xbesADv9x3xaKfT3g==",
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.5.6.tgz",
+      "integrity": "sha512-o8pQsUHTo9aHqJ2YiZDym5gQAMRf7O2HndHo/JZeY7TDD+W4hk6Ma8Vw54RHiBeb7OWWO5dPirQB+Is/aVQ7Kg==",
       "dev": true,
       "dependencies": {
-        "@next/eslint-plugin-next": "13.4.19",
-        "@rushstack/eslint-patch": "^1.1.3",
+        "@next/eslint-plugin-next": "13.5.6",
+        "@rushstack/eslint-patch": "^1.3.3",
         "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
         "eslint-import-resolver-node": "^0.3.6",
         "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.26.0",
-        "eslint-plugin-jsx-a11y": "^6.5.1",
-        "eslint-plugin-react": "^7.31.7",
+        "eslint-plugin-import": "^2.28.1",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-react": "^7.33.2",
         "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
       },
       "peerDependencies": {
@@ -5773,9 +5755,9 @@
       }
     },
     "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.0.tgz",
-      "integrity": "sha512-QTHR9ddNnn35RTxlaEnx2gCxqFlF2SEN0SE2d17SqwyM7YOSI2GHWRYp5BiRkObTUNYPupC/3Fq2a0PpT+EKpg==",
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
+      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
       "dev": true,
       "dependencies": {
         "debug": "^4.3.4",
@@ -5824,26 +5806,26 @@
       }
     },
     "node_modules/eslint-plugin-import": {
-      "version": "2.28.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz",
-      "integrity": "sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==",
+      "version": "2.29.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
+      "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
       "dev": true,
       "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.findlastindex": "^1.2.2",
-        "array.prototype.flat": "^1.3.1",
-        "array.prototype.flatmap": "^1.3.1",
+        "array-includes": "^3.1.7",
+        "array.prototype.findlastindex": "^1.2.3",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
         "debug": "^3.2.7",
         "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.7",
+        "eslint-import-resolver-node": "^0.3.9",
         "eslint-module-utils": "^2.8.0",
-        "has": "^1.0.3",
-        "is-core-module": "^2.13.0",
+        "hasown": "^2.0.0",
+        "is-core-module": "^2.13.1",
         "is-glob": "^4.0.3",
         "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.6",
-        "object.groupby": "^1.0.0",
-        "object.values": "^1.1.6",
+        "object.fromentries": "^2.0.7",
+        "object.groupby": "^1.0.1",
+        "object.values": "^1.1.7",
         "semver": "^6.3.1",
         "tsconfig-paths": "^3.14.2"
       },
@@ -5924,9 +5906,9 @@
       }
     },
     "node_modules/eslint-plugin-prettier": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.0.0.tgz",
-      "integrity": "sha512-AgaZCVuYDXHUGxj/ZGu1u8H8CYgDY3iG6w5kUFw4AzMVXzB7VvbKgYR4nATIN+OvUrghMbiDLeimVjVY5ilq3w==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.0.1.tgz",
+      "integrity": "sha512-m3u5RnR56asrwV/lDC4GHorlW75DsFfmUcjfCYylTUs85dBRnB7VM6xG8eCMJdeDRnppzmxZVf1GEPJvl1JmNg==",
       "dev": true,
       "dependencies": {
         "prettier-linter-helpers": "^1.0.0",
@@ -6019,12 +6001,12 @@
       }
     },
     "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.4",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
-      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
       "dev": true,
       "dependencies": {
-        "is-core-module": "^2.9.0",
+        "is-core-module": "^2.13.0",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
@@ -6343,68 +6325,6 @@
         "node": ">= 0.10.0"
       }
     },
-    "node_modules/express-graphql": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/express-graphql/-/express-graphql-0.11.0.tgz",
-      "integrity": "sha512-IMYmF2aIBKKfo8c+EENBNR8FAy91QHboxfaHe1omCyb49GJXsToUgcjjIF/PfWJdzn0Ofp6JJvcsODQJrqpz2g==",
-      "deprecated": "This package is no longer maintained. We recommend using `graphql-http` instead. Please consult the migration document https://github.com/graphql/graphql-http#migrating-express-grpahql.",
-      "dev": true,
-      "dependencies": {
-        "accepts": "^1.3.7",
-        "content-type": "^1.0.4",
-        "http-errors": "1.8.0",
-        "raw-body": "^2.4.1"
-      },
-      "engines": {
-        "node": ">= 10.x"
-      },
-      "peerDependencies": {
-        "graphql": "^14.7.0 || ^15.3.0"
-      }
-    },
-    "node_modules/express-graphql/node_modules/depd": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
-      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/express-graphql/node_modules/http-errors": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.0.tgz",
-      "integrity": "sha512-4I8r0C5JDhT5VkvI47QktDW75rNlGVsUf/8hzjCC/wkWI/jdTRmBb9aI7erSG82r1bjKY3F6k28WnsVxB1C73A==",
-      "dev": true,
-      "dependencies": {
-        "depd": "~1.1.2",
-        "inherits": "2.0.4",
-        "setprototypeof": "1.2.0",
-        "statuses": ">= 1.5.0 < 2",
-        "toidentifier": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/express-graphql/node_modules/statuses": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
-      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/express-graphql/node_modules/toidentifier": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
-      "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
     "node_modules/express/node_modules/body-parser": {
       "version": "1.20.1",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
@@ -6827,12 +6747,12 @@
       }
     },
     "node_modules/flat-cache": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.0.tgz",
-      "integrity": "sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.1.tgz",
+      "integrity": "sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==",
       "dev": true,
       "dependencies": {
-        "flatted": "^3.2.7",
+        "flatted": "^3.2.9",
         "keyv": "^4.5.3",
         "rimraf": "^3.0.2"
       },
@@ -6847,9 +6767,9 @@
       "dev": true
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
+      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
       "funding": [
         {
           "type": "individual",
@@ -6935,9 +6855,9 @@
       }
     },
     "node_modules/fraction.js": {
-      "version": "4.3.6",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.6.tgz",
-      "integrity": "sha512-n2aZ9tNfYDwaHhvFTkhFErqOMIb8uyzSQ+vGJBjZyanAKZVbGUQ1sngfk9FdkBw7G26O7AgNjLcecLffD1c7eg==",
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
       "dev": true,
       "engines": {
         "node": "*"
@@ -7012,9 +6932,12 @@
       }
     },
     "node_modules/function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     },
     "node_modules/function.prototype.name": {
       "version": "1.1.6",
@@ -7053,15 +6976,15 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
-      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
+      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
       "dev": true,
       "dependencies": {
-        "function-bind": "^1.1.1",
-        "has": "^1.0.3",
+        "function-bind": "^1.1.2",
         "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3"
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -7096,9 +7019,9 @@
       }
     },
     "node_modules/get-tsconfig": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.0.tgz",
-      "integrity": "sha512-pmjiZ7xtB8URYm74PlGJozDNyhvsVLUcpBa8DZBG3bWHwaHa9bPiRpiSfovw+fjhwONSCWKRyk+JQHEGZmMrzw==",
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
+      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
       "dev": true,
       "dependencies": {
         "resolve-pkg-maps": "^1.0.0"
@@ -7108,13 +7031,13 @@
       }
     },
     "node_modules/get-uri": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-6.0.1.tgz",
-      "integrity": "sha512-7ZqONUVqaabogsYNWlYj0t3YZaL6dhuEueZXGF+/YVmf6dHmaFg8/6psJKqhx9QykIDKzpGcy2cn4oV4YC7V/Q==",
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-6.0.2.tgz",
+      "integrity": "sha512-5KLucCJobh8vBY1K07EFV4+cPZH3mrV9YeAruUseCQKHB58SGjjT2l9/eA9LD082IiuMjSlFJEcdJ27TXvbZNw==",
       "dev": true,
       "dependencies": {
         "basic-ftp": "^5.0.2",
-        "data-uri-to-buffer": "^5.0.1",
+        "data-uri-to-buffer": "^6.0.0",
         "debug": "^4.3.4",
         "fs-extra": "^8.1.0"
       },
@@ -7224,6 +7147,114 @@
         "node": ">=10"
       }
     },
+    "node_modules/git-raw-commits/node_modules/hosted-git-info": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/git-raw-commits/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/git-raw-commits/node_modules/meow": {
+      "version": "8.1.2",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-8.1.2.tgz",
+      "integrity": "sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==",
+      "dev": true,
+      "dependencies": {
+        "@types/minimist": "^1.2.0",
+        "camelcase-keys": "^6.2.2",
+        "decamelize-keys": "^1.1.0",
+        "hard-rejection": "^2.1.0",
+        "minimist-options": "4.1.0",
+        "normalize-package-data": "^3.0.0",
+        "read-pkg-up": "^7.0.1",
+        "redent": "^3.0.0",
+        "trim-newlines": "^3.0.0",
+        "type-fest": "^0.18.0",
+        "yargs-parser": "^20.2.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/git-raw-commits/node_modules/normalize-package-data": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^4.0.1",
+        "is-core-module": "^2.5.0",
+        "semver": "^7.3.4",
+        "validate-npm-package-license": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/git-raw-commits/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/git-raw-commits/node_modules/split2": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-3.2.2.tgz",
+      "integrity": "sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==",
+      "dev": true,
+      "dependencies": {
+        "readable-stream": "^3.0.0"
+      }
+    },
+    "node_modules/git-raw-commits/node_modules/type-fest": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/git-raw-commits/node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/github-from-package": {
       "version": "0.0.0",
       "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
@@ -7330,9 +7361,9 @@
       }
     },
     "node_modules/globals": {
-      "version": "13.21.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.21.0.tgz",
-      "integrity": "sha512-ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==",
+      "version": "13.23.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
+      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -7411,6 +7442,18 @@
         "node": ">= 10.x"
       }
     },
+    "node_modules/graphql-http": {
+      "version": "1.22.0",
+      "resolved": "https://registry.npmjs.org/graphql-http/-/graphql-http-1.22.0.tgz",
+      "integrity": "sha512-9RBUlGJWBFqz9LwfpmAbjJL/8j/HCNkZwPBU5+Bfmwez+1Ay43DocMNQYpIWsWqH0Ftv6PTNAh2aRnnMCBJgLw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "graphql": ">=0.11 <=16"
+      }
+    },
     "node_modules/graphql-subscriptions": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/graphql-subscriptions/-/graphql-subscriptions-1.2.1.tgz",
@@ -7469,12 +7512,10 @@
       }
     },
     "node_modules/has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dependencies": {
-        "function-bind": "^1.1.1"
-      },
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.4.tgz",
+      "integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==",
+      "dev": true,
       "engines": {
         "node": ">= 0.4.0"
       }
@@ -7498,12 +7539,12 @@
       }
     },
     "node_modules/has-property-descriptors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
-      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
+      "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
       "dev": true,
       "dependencies": {
-        "get-intrinsic": "^1.1.1"
+        "get-intrinsic": "^1.2.2"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -7548,6 +7589,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/hasown": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
+      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/hast-util-from-dom": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/hast-util-from-dom/-/hast-util-from-dom-4.2.0.tgz",
@@ -7801,27 +7853,22 @@
       }
     },
     "node_modules/hosted-git-info": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
-      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
-      "dev": true,
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.1.tgz",
+      "integrity": "sha512-+K84LB1DYwMHoHSgaOY/Jfhw3ucPmSET5v98Ke/HdNSw4a0UktWzyW1mjhjpuxxTqOOsfWT/7iVshHmVZ4IpOA==",
       "dependencies": {
-        "lru-cache": "^6.0.0"
+        "lru-cache": "^10.0.1"
       },
       "engines": {
-        "node": ">=10"
+        "node": "^16.14.0 || >=18.0.0"
       }
     },
     "node_modules/hosted-git-info/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.1.tgz",
+      "integrity": "sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==",
       "engines": {
-        "node": ">=10"
+        "node": "14 || >=16.14"
       }
     },
     "node_modules/html-validate": {
@@ -8178,18 +8225,6 @@
         "node": ">=10.19.0"
       }
     },
-    "node_modules/http2-wrapper/node_modules/quick-lru": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
-      "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/https-proxy-agent": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
@@ -8522,13 +8557,13 @@
       }
     },
     "node_modules/internal-slot": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
-      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz",
+      "integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==",
       "dev": true,
       "dependencies": {
-        "get-intrinsic": "^1.2.0",
-        "has": "^1.0.3",
+        "get-intrinsic": "^1.2.2",
+        "hasown": "^2.0.0",
         "side-channel": "^1.0.4"
       },
       "engines": {
@@ -8746,11 +8781,11 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.13.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz",
-      "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==",
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
       "dependencies": {
-        "has": "^1.0.3"
+        "hasown": "^2.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -8983,12 +9018,14 @@
       }
     },
     "node_modules/is-plain-obj": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
-      "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
-      "dev": true,
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/is-plain-object": {
@@ -9092,15 +9129,15 @@
       }
     },
     "node_modules/is-text-path": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-text-path/-/is-text-path-1.0.1.tgz",
-      "integrity": "sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-text-path/-/is-text-path-2.0.0.tgz",
+      "integrity": "sha512-+oDTluR6WEjdXEJMnC2z6A4FRwFoYuvShVVEGsS7ewc0UTi2QtAKMDJuL4BDEVt+5T7MjFo12RP8ghOM75oKJw==",
       "dev": true,
       "dependencies": {
-        "text-extensions": "^1.0.0"
+        "text-extensions": "^2.0.0"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
       }
     },
     "node_modules/is-typed-array": {
@@ -9320,9 +9357,9 @@
       }
     },
     "node_modules/joi": {
-      "version": "17.10.2",
-      "resolved": "https://registry.npmjs.org/joi/-/joi-17.10.2.tgz",
-      "integrity": "sha512-hcVhjBxRNW/is3nNLdGLIjkgXetkeGc2wyhydhz8KumG23Aerk4HPjU5zaPAMRqXQFc0xNqXTC7+zQjxr0GlKA==",
+      "version": "17.11.0",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.11.0.tgz",
+      "integrity": "sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==",
       "dev": true,
       "dependencies": {
         "@hapi/hoek": "^9.0.0",
@@ -9528,9 +9565,9 @@
       }
     },
     "node_modules/katex": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.8.tgz",
-      "integrity": "sha512-ftuDnJbcbOckGY11OO+zg3OofESlbR5DRl2cmN8HeWeeFIV7wTXvAOx8kEjZjobhA+9wh2fbKeO6cdcA9Mnovg==",
+      "version": "0.16.9",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.9.tgz",
+      "integrity": "sha512-fsSYjWS0EEOwvy81j3vRA8TEAhQhKiqO+FQaKWp0m39qwOzHVBgAUBIXWj1pB+O2W3fIpNa6Y9KSKCVbfPhyAQ==",
       "funding": [
         "https://opencollective.com/katex",
         "https://github.com/sponsors/katex"
@@ -9551,9 +9588,9 @@
       }
     },
     "node_modules/keyv": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.3.tgz",
-      "integrity": "sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==",
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
       "dev": true,
       "dependencies": {
         "json-buffer": "3.0.1"
@@ -9657,27 +9694,27 @@
       }
     },
     "node_modules/lint-staged": {
-      "version": "14.0.1",
-      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-14.0.1.tgz",
-      "integrity": "sha512-Mw0cL6HXnHN1ag0mN/Dg4g6sr8uf8sn98w2Oc1ECtFto9tvRF7nkXGJRbx8gPlHyoR0pLyBr2lQHbWwmUHe1Sw==",
+      "version": "15.0.2",
+      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-15.0.2.tgz",
+      "integrity": "sha512-vnEy7pFTHyVuDmCAIFKR5QDO8XLVlPFQQyujQ/STOxe40ICWqJ6knS2wSJ/ffX/Lw0rz83luRDh+ET7toN+rOw==",
       "dev": true,
       "dependencies": {
         "chalk": "5.3.0",
-        "commander": "11.0.0",
+        "commander": "11.1.0",
         "debug": "4.3.4",
-        "execa": "7.2.0",
+        "execa": "8.0.1",
         "lilconfig": "2.1.0",
-        "listr2": "6.6.1",
+        "listr2": "7.0.2",
         "micromatch": "4.0.5",
         "pidtree": "0.6.0",
         "string-argv": "0.3.2",
-        "yaml": "2.3.1"
+        "yaml": "2.3.3"
       },
       "bin": {
         "lint-staged": "bin/lint-staged.js"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": ">=18.12.0"
       },
       "funding": {
         "url": "https://opencollective.com/lint-staged"
@@ -9766,9 +9803,9 @@
       }
     },
     "node_modules/lint-staged/node_modules/commander": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-11.0.0.tgz",
-      "integrity": "sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==",
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
       "dev": true,
       "engines": {
         "node": ">=16"
@@ -9781,35 +9818,47 @@
       "dev": true
     },
     "node_modules/lint-staged/node_modules/execa": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz",
-      "integrity": "sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==",
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
+      "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==",
       "dev": true,
       "dependencies": {
         "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.1",
-        "human-signals": "^4.3.0",
+        "get-stream": "^8.0.1",
+        "human-signals": "^5.0.0",
         "is-stream": "^3.0.0",
         "merge-stream": "^2.0.0",
         "npm-run-path": "^5.1.0",
         "onetime": "^6.0.0",
-        "signal-exit": "^3.0.7",
+        "signal-exit": "^4.1.0",
         "strip-final-newline": "^3.0.0"
       },
       "engines": {
-        "node": "^14.18.0 || ^16.14.0 || >=18.0.0"
+        "node": ">=16.17"
       },
       "funding": {
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
-    "node_modules/lint-staged/node_modules/human-signals": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
-      "integrity": "sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==",
+    "node_modules/lint-staged/node_modules/get-stream": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz",
+      "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==",
       "dev": true,
       "engines": {
-        "node": ">=14.18.0"
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/human-signals": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
+      "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=16.17.0"
       }
     },
     "node_modules/lint-staged/node_modules/is-fullwidth-code-point": {
@@ -9837,9 +9886,9 @@
       }
     },
     "node_modules/lint-staged/node_modules/listr2": {
-      "version": "6.6.1",
-      "resolved": "https://registry.npmjs.org/listr2/-/listr2-6.6.1.tgz",
-      "integrity": "sha512-+rAXGHh0fkEWdXBmX+L6mmfmXmXvDGEKzkjxO+8mP3+nI/r/CWznVBvsibXdxda9Zz0OW2e2ikphN3OwCT/jSg==",
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/listr2/-/listr2-7.0.2.tgz",
+      "integrity": "sha512-rJysbR9GKIalhTbVL2tYbF2hVyDnrf7pFUZBwjPaMIdadYHmeT+EVi/Bu3qd7ETQPahTotg2WRCatXwRBW554g==",
       "dev": true,
       "dependencies": {
         "cli-truncate": "^3.1.0",
@@ -9851,14 +9900,6 @@
       },
       "engines": {
         "node": ">=16.0.0"
-      },
-      "peerDependencies": {
-        "enquirer": ">= 2.3.0 < 3"
-      },
-      "peerDependenciesMeta": {
-        "enquirer": {
-          "optional": true
-        }
       }
     },
     "node_modules/lint-staged/node_modules/log-update": {
@@ -9974,6 +10015,24 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/lint-staged/node_modules/restore-cursor/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true
+    },
+    "node_modules/lint-staged/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/lint-staged/node_modules/slice-ansi": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
@@ -10919,37 +10978,12 @@
       }
     },
     "node_modules/meow": {
-      "version": "8.1.2",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-8.1.2.tgz",
-      "integrity": "sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==",
-      "dev": true,
-      "dependencies": {
-        "@types/minimist": "^1.2.0",
-        "camelcase-keys": "^6.2.2",
-        "decamelize-keys": "^1.1.0",
-        "hard-rejection": "^2.1.0",
-        "minimist-options": "4.1.0",
-        "normalize-package-data": "^3.0.0",
-        "read-pkg-up": "^7.0.1",
-        "redent": "^3.0.0",
-        "trim-newlines": "^3.0.0",
-        "type-fest": "^0.18.0",
-        "yargs-parser": "^20.2.3"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/meow/node_modules/type-fest": {
-      "version": "0.18.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
-      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+      "version": "12.1.1",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-12.1.1.tgz",
+      "integrity": "sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==",
       "dev": true,
       "engines": {
-        "node": ">=10"
+        "node": ">=16.10"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -11645,6 +11679,15 @@
         "node": ">= 6"
       }
     },
+    "node_modules/minimist-options/node_modules/is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/mkdirp": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
@@ -11666,9 +11709,9 @@
       "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A=="
     },
     "node_modules/mockttp": {
-      "version": "3.9.2",
-      "resolved": "https://registry.npmjs.org/mockttp/-/mockttp-3.9.2.tgz",
-      "integrity": "sha512-DM24cqpXr9PtSbIv12GxEYH0yHEa6m6V8Pnl29akbwarLvQnvIBkLAoFG0x9pkQl5H57T6qjpNWuoFsL9dD4sw==",
+      "version": "3.9.4",
+      "resolved": "https://registry.npmjs.org/mockttp/-/mockttp-3.9.4.tgz",
+      "integrity": "sha512-EagdyT83RqAKWB2c+g3NdL1hEBcXl4Oeg6zIWDk9mq6JCAqsaIHySE78lvgGja2QjWOgosQaS1YtCaWkKaCFkw==",
       "dev": true,
       "dependencies": {
         "@graphql-tools/schema": "^8.5.0",
@@ -11688,8 +11731,8 @@
         "cross-fetch": "^3.1.5",
         "destroyable-server": "^1.0.0",
         "express": "^4.14.0",
-        "express-graphql": "^0.11.0",
         "graphql": "^14.0.2 || ^15.5",
+        "graphql-http": "^1.22.0",
         "graphql-subscriptions": "^1.1.0",
         "graphql-tag": "^2.12.6",
         "http-encoding": "^1.5.1",
@@ -11825,35 +11868,34 @@
       }
     },
     "node_modules/next": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/next/-/next-13.4.19.tgz",
-      "integrity": "sha512-HuPSzzAbJ1T4BD8e0bs6B9C1kWQ6gv8ykZoRWs5AQoiIuqbGHHdQO7Ljuvg05Q0Z24E2ABozHe6FxDvI6HfyAw==",
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/next/-/next-13.5.6.tgz",
+      "integrity": "sha512-Y2wTcTbO4WwEsVb4A8VSnOsG1I9ok+h74q0ZdxkwM3EODqrs4pasq7O0iUxbcS9VtWMicG7f3+HAj0r1+NtKSw==",
       "dependencies": {
-        "@next/env": "13.4.19",
-        "@swc/helpers": "0.5.1",
+        "@next/env": "13.5.6",
+        "@swc/helpers": "0.5.2",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001406",
-        "postcss": "8.4.14",
+        "postcss": "8.4.31",
         "styled-jsx": "5.1.1",
-        "watchpack": "2.4.0",
-        "zod": "3.21.4"
+        "watchpack": "2.4.0"
       },
       "bin": {
         "next": "dist/bin/next"
       },
       "engines": {
-        "node": ">=16.8.0"
+        "node": ">=16.14.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "13.4.19",
-        "@next/swc-darwin-x64": "13.4.19",
-        "@next/swc-linux-arm64-gnu": "13.4.19",
-        "@next/swc-linux-arm64-musl": "13.4.19",
-        "@next/swc-linux-x64-gnu": "13.4.19",
-        "@next/swc-linux-x64-musl": "13.4.19",
-        "@next/swc-win32-arm64-msvc": "13.4.19",
-        "@next/swc-win32-ia32-msvc": "13.4.19",
-        "@next/swc-win32-x64-msvc": "13.4.19"
+        "@next/swc-darwin-arm64": "13.5.6",
+        "@next/swc-darwin-x64": "13.5.6",
+        "@next/swc-linux-arm64-gnu": "13.5.6",
+        "@next/swc-linux-arm64-musl": "13.5.6",
+        "@next/swc-linux-x64-gnu": "13.5.6",
+        "@next/swc-linux-x64-musl": "13.5.6",
+        "@next/swc-win32-arm64-msvc": "13.5.6",
+        "@next/swc-win32-ia32-msvc": "13.5.6",
+        "@next/swc-win32-x64-msvc": "13.5.6"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
@@ -11921,29 +11963,6 @@
         "node": ">=4.2.0"
       }
     },
-    "node_modules/next/node_modules/postcss": {
-      "version": "8.4.14",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",
-      "integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.4",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
     "node_modules/no-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
@@ -11955,9 +11974,9 @@
       }
     },
     "node_modules/node-abi": {
-      "version": "3.47.0",
-      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.47.0.tgz",
-      "integrity": "sha512-2s6B2CWZM//kPgwnuI0KrYwNjfdByE25zvAaEpq9IH4zcNsarH8Ihu/UuX6XMPEogDAxkuUFeZn60pXNHAqn3A==",
+      "version": "3.51.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.51.0.tgz",
+      "integrity": "sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==",
       "dependencies": {
         "semver": "^7.3.5"
       },
@@ -12070,18 +12089,17 @@
       "dev": true
     },
     "node_modules/normalize-package-data": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
-      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
-      "dev": true,
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-6.0.0.tgz",
+      "integrity": "sha512-UL7ELRVxYBHBgYEtZCXjxuD5vPxnmvMGq0jp/dGPKKrN7tfsBh2IY7TlJ15WWwdjRWD3RJbnsygUurTK3xkPkg==",
       "dependencies": {
-        "hosted-git-info": "^4.0.1",
-        "is-core-module": "^2.5.0",
-        "semver": "^7.3.4",
-        "validate-npm-package-license": "^3.0.1"
+        "hosted-git-info": "^7.0.0",
+        "is-core-module": "^2.8.1",
+        "semver": "^7.3.5",
+        "validate-npm-package-license": "^3.0.4"
       },
       "engines": {
-        "node": ">=10"
+        "node": "^16.14.0 || >=18.0.0"
       }
     },
     "node_modules/normalize-path": {
@@ -12115,9 +12133,9 @@
       }
     },
     "node_modules/npm": {
-      "version": "9.8.1",
-      "resolved": "https://registry.npmjs.org/npm/-/npm-9.8.1.tgz",
-      "integrity": "sha512-AfDvThQzsIXhYgk9zhbk5R+lh811lKkLAeQMMhSypf1BM7zUafeIIBzMzespeuVEJ0+LvY36oRQYf7IKLzU3rw==",
+      "version": "9.9.0",
+      "resolved": "https://registry.npmjs.org/npm/-/npm-9.9.0.tgz",
+      "integrity": "sha512-wkd7sjz4KmdmddYQcd0aTP73P1cEuPlekeulz4jTDeMVx/Zo5XZ5KQ1z3eUzV3Q/WZpEO0NJXTrD5FNFe6fhCA==",
       "bundleDependencies": [
         "@isaacs/string-locale-compare",
         "@npmcli/arborist",
@@ -12162,6 +12180,7 @@
         "ms",
         "node-gyp",
         "nopt",
+        "normalize-package-data",
         "npm-audit-report",
         "npm-install-checks",
         "npm-package-arg",
@@ -12178,6 +12197,7 @@
         "read",
         "semver",
         "sigstore",
+        "spdx-expression-parse",
         "ssri",
         "supports-color",
         "tar",
@@ -12191,8 +12211,8 @@
       "dev": true,
       "dependencies": {
         "@isaacs/string-locale-compare": "^1.1.0",
-        "@npmcli/arborist": "^6.3.0",
-        "@npmcli/config": "^6.2.1",
+        "@npmcli/arborist": "^6.5.0",
+        "@npmcli/config": "^6.4.0",
         "@npmcli/fs": "^3.1.0",
         "@npmcli/map-workspaces": "^3.0.4",
         "@npmcli/package-json": "^4.0.1",
@@ -12216,12 +12236,12 @@
         "is-cidr": "^4.0.2",
         "json-parse-even-better-errors": "^3.0.0",
         "libnpmaccess": "^7.0.2",
-        "libnpmdiff": "^5.0.19",
-        "libnpmexec": "^6.0.3",
-        "libnpmfund": "^4.0.19",
+        "libnpmdiff": "^5.0.20",
+        "libnpmexec": "^6.0.4",
+        "libnpmfund": "^4.2.1",
         "libnpmhook": "^9.0.3",
         "libnpmorg": "^5.0.4",
-        "libnpmpack": "^5.0.19",
+        "libnpmpack": "^5.0.20",
         "libnpmpublish": "^7.5.0",
         "libnpmsearch": "^6.0.2",
         "libnpmteam": "^5.0.3",
@@ -12233,10 +12253,11 @@
         "ms": "^2.1.2",
         "node-gyp": "^9.4.0",
         "nopt": "^7.2.0",
+        "normalize-package-data": "^5.0.0",
         "npm-audit-report": "^5.0.0",
-        "npm-install-checks": "^6.1.1",
+        "npm-install-checks": "^6.2.0",
         "npm-package-arg": "^10.1.0",
-        "npm-pick-manifest": "^8.0.1",
+        "npm-pick-manifest": "^8.0.2",
         "npm-profile": "^7.0.1",
         "npm-registry-fetch": "^14.0.5",
         "npm-user-validate": "^2.0.0",
@@ -12248,7 +12269,8 @@
         "qrcode-terminal": "^0.12.0",
         "read": "^2.1.0",
         "semver": "^7.5.4",
-        "sigstore": "^1.7.0",
+        "sigstore": "^1.9.0",
+        "spdx-expression-parse": "^3.0.1",
         "ssri": "^10.0.4",
         "supports-color": "^9.4.0",
         "tar": "^6.1.15",
@@ -12363,7 +12385,7 @@
       "license": "ISC"
     },
     "node_modules/npm/node_modules/@npmcli/arborist": {
-      "version": "6.3.0",
+      "version": "6.5.0",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -12386,7 +12408,7 @@
         "json-stringify-nice": "^1.1.4",
         "minimatch": "^9.0.0",
         "nopt": "^7.0.0",
-        "npm-install-checks": "^6.0.0",
+        "npm-install-checks": "^6.2.0",
         "npm-package-arg": "^10.1.0",
         "npm-pick-manifest": "^8.0.1",
         "npm-registry-fetch": "^14.0.3",
@@ -12410,7 +12432,7 @@
       }
     },
     "node_modules/npm/node_modules/@npmcli/config": {
-      "version": "6.2.1",
+      "version": "6.4.0",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -12603,8 +12625,20 @@
         "node": ">=14"
       }
     },
+    "node_modules/npm/node_modules/@sigstore/bundle": {
+      "version": "1.1.0",
+      "dev": true,
+      "inBundle": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/protobuf-specs": "^0.2.0"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
     "node_modules/npm/node_modules/@sigstore/protobuf-specs": {
-      "version": "0.1.0",
+      "version": "0.2.1",
       "dev": true,
       "inBundle": true,
       "license": "Apache-2.0",
@@ -12612,13 +12646,27 @@
         "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
       }
     },
-    "node_modules/npm/node_modules/@sigstore/tuf": {
-      "version": "1.0.2",
+    "node_modules/npm/node_modules/@sigstore/sign": {
+      "version": "1.0.0",
       "dev": true,
       "inBundle": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@sigstore/protobuf-specs": "^0.1.0",
+        "@sigstore/bundle": "^1.1.0",
+        "@sigstore/protobuf-specs": "^0.2.0",
+        "make-fetch-happen": "^11.0.1"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/npm/node_modules/@sigstore/tuf": {
+      "version": "1.0.3",
+      "dev": true,
+      "inBundle": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/protobuf-specs": "^0.2.0",
         "tuf-js": "^1.1.7"
       },
       "engines": {
@@ -13607,12 +13655,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmdiff": {
-      "version": "5.0.19",
+      "version": "5.0.20",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^6.3.0",
+        "@npmcli/arborist": "^6.5.0",
         "@npmcli/disparity-colors": "^3.0.0",
         "@npmcli/installed-package-contents": "^2.0.2",
         "binary-extensions": "^2.2.0",
@@ -13627,12 +13675,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmexec": {
-      "version": "6.0.3",
+      "version": "6.0.4",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^6.3.0",
+        "@npmcli/arborist": "^6.5.0",
         "@npmcli/run-script": "^6.0.0",
         "ci-info": "^3.7.1",
         "npm-package-arg": "^10.1.0",
@@ -13649,12 +13697,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmfund": {
-      "version": "4.0.19",
+      "version": "4.2.1",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^6.3.0"
+        "@npmcli/arborist": "^6.5.0"
       },
       "engines": {
         "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
@@ -13687,12 +13735,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmpack": {
-      "version": "5.0.19",
+      "version": "5.0.20",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^6.3.0",
+        "@npmcli/arborist": "^6.5.0",
         "@npmcli/run-script": "^6.0.0",
         "npm-package-arg": "^10.1.0",
         "pacote": "^15.0.8"
@@ -14238,7 +14286,7 @@
       }
     },
     "node_modules/npm/node_modules/npm-install-checks": {
-      "version": "6.1.1",
+      "version": "6.2.0",
       "dev": true,
       "inBundle": true,
       "license": "BSD-2-Clause",
@@ -14286,7 +14334,7 @@
       }
     },
     "node_modules/npm/node_modules/npm-pick-manifest": {
-      "version": "8.0.1",
+      "version": "8.0.2",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -14780,13 +14828,15 @@
       }
     },
     "node_modules/npm/node_modules/sigstore": {
-      "version": "1.7.0",
+      "version": "1.9.0",
       "dev": true,
       "inBundle": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@sigstore/protobuf-specs": "^0.1.0",
-        "@sigstore/tuf": "^1.0.1",
+        "@sigstore/bundle": "^1.1.0",
+        "@sigstore/protobuf-specs": "^0.2.0",
+        "@sigstore/sign": "^1.0.0",
+        "@sigstore/tuf": "^1.0.3",
         "make-fetch-happen": "^11.0.1"
       },
       "bin": {
@@ -15260,9 +15310,9 @@
       }
     },
     "node_modules/object-inspect": {
-      "version": "1.12.3",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
-      "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
       "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -15541,9 +15591,9 @@
       }
     },
     "node_modules/ora/node_modules/emoji-regex": {
-      "version": "10.2.1",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.2.1.tgz",
-      "integrity": "sha512-97g6QgOk8zlDRdgq1WxwgTMgEWGVAQvB5Fdpgc1MkNy56la5SKP9GsMXKDOdqwn90/41a8yPwIGk1Y6WVbeMQA==",
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz",
+      "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==",
       "dev": true
     },
     "node_modules/ora/node_modules/is-unicode-supported": {
@@ -16311,10 +16361,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.28",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.28.tgz",
-      "integrity": "sha512-Z7V5j0cq8oEKyejIKfpD8b4eBy9cwW2JWPk0+fB1HOAMsfHbnAXLLS+PfVWlzMSLQaWttKDt607I0XHmpE67Vw==",
-      "dev": true,
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -16552,9 +16601,9 @@
       }
     },
     "node_modules/prettier-plugin-tailwindcss": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.4.tgz",
-      "integrity": "sha512-QZzzB1bID6qPsKHTeA9qPo1APmmxfFrA5DD3LQ+vbTmAnY40eJI7t9Q1ocqel2EKMWNPLJqdTDWZj1hKYgqSgg==",
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.6.tgz",
+      "integrity": "sha512-2Xgb+GQlkPAUCFi3sV+NOYcSI5XgduvDBL2Zt/hwJudeKXkyvRS65c38SB0yb9UB40+1rL83I6m0RtlOQ8eHdg==",
       "dev": true,
       "engines": {
         "node": ">=14.21.3"
@@ -16807,12 +16856,15 @@
       "integrity": "sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag=="
     },
     "node_modules/quick-lru": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
-      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
+      "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
       "dev": true,
       "engines": {
-        "node": ">=8"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/range-parser": {
@@ -17178,17 +17230,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/read-pkg/node_modules/hosted-git-info": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.1.tgz",
-      "integrity": "sha512-+K84LB1DYwMHoHSgaOY/Jfhw3ucPmSET5v98Ke/HdNSw4a0UktWzyW1mjhjpuxxTqOOsfWT/7iVshHmVZ4IpOA==",
-      "dependencies": {
-        "lru-cache": "^10.0.1"
-      },
-      "engines": {
-        "node": "^16.14.0 || >=18.0.0"
-      }
-    },
     "node_modules/read-pkg/node_modules/json-parse-even-better-errors": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.0.tgz",
@@ -17205,28 +17246,6 @@
         "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
     },
-    "node_modules/read-pkg/node_modules/lru-cache": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.1.tgz",
-      "integrity": "sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==",
-      "engines": {
-        "node": "14 || >=16.14"
-      }
-    },
-    "node_modules/read-pkg/node_modules/normalize-package-data": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-6.0.0.tgz",
-      "integrity": "sha512-UL7ELRVxYBHBgYEtZCXjxuD5vPxnmvMGq0jp/dGPKKrN7tfsBh2IY7TlJ15WWwdjRWD3RJbnsygUurTK3xkPkg==",
-      "dependencies": {
-        "hosted-git-info": "^7.0.0",
-        "is-core-module": "^2.8.1",
-        "semver": "^7.3.5",
-        "validate-npm-package-license": "^3.0.4"
-      },
-      "engines": {
-        "node": "^16.14.0 || >=18.0.0"
-      }
-    },
     "node_modules/read-pkg/node_modules/parse-json": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-7.1.0.tgz",
@@ -17257,9 +17276,9 @@
       }
     },
     "node_modules/read-pkg/node_modules/type-fest": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.3.1.tgz",
-      "integrity": "sha512-pphNW/msgOUSkJbH58x8sqpq8uQj6b0ZKGxEsLKMUnGorRcDjrUaLS+39+/ub41JNTwrrMyJcUB8+YZs3mbwqw==",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.5.0.tgz",
+      "integrity": "sha512-diLQivFzddJl4ylL3jxSkEc39Tpw7o1QeEHIPxVwryDK2lpB7Nqhzhuo6v5/Ls08Z0yPSAhsyAWlv1/H0ciNmw==",
       "engines": {
         "node": ">=16"
       },
@@ -17580,9 +17599,9 @@
       "dev": true
     },
     "node_modules/resolve": {
-      "version": "1.22.6",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.6.tgz",
-      "integrity": "sha512-njhxM7mV12JfufShqGy3Rz8j11RPdLy4xi15UurGJeoHLfJpVXKdh3ueuOqbYUcDZnffr6X739JBo5LzyahEsw==",
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
       "dev": true,
       "dependencies": {
         "is-core-module": "^2.13.0",
@@ -18006,18 +18025,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/semantic-release/node_modules/hosted-git-info": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.1.tgz",
-      "integrity": "sha512-+K84LB1DYwMHoHSgaOY/Jfhw3ucPmSET5v98Ke/HdNSw4a0UktWzyW1mjhjpuxxTqOOsfWT/7iVshHmVZ4IpOA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^10.0.1"
-      },
-      "engines": {
-        "node": "^16.14.0 || >=18.0.0"
-      }
-    },
     "node_modules/semantic-release/node_modules/human-signals": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
@@ -18078,15 +18085,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/semantic-release/node_modules/lru-cache": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.1.tgz",
-      "integrity": "sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==",
-      "dev": true,
-      "engines": {
-        "node": "14 || >=16.14"
-      }
-    },
     "node_modules/semantic-release/node_modules/mimic-fn": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
@@ -18234,9 +18232,9 @@
       }
     },
     "node_modules/semantic-release/node_modules/type-fest": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.3.1.tgz",
-      "integrity": "sha512-pphNW/msgOUSkJbH58x8sqpq8uQj6b0ZKGxEsLKMUnGorRcDjrUaLS+39+/ub41JNTwrrMyJcUB8+YZs3mbwqw==",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.5.0.tgz",
+      "integrity": "sha512-diLQivFzddJl4ylL3jxSkEc39Tpw7o1QeEHIPxVwryDK2lpB7Nqhzhuo6v5/Ls08Z0yPSAhsyAWlv1/H0ciNmw==",
       "dev": true,
       "engines": {
         "node": ">=16"
@@ -18392,6 +18390,21 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/set-function-length": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
+      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/set-function-name": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
@@ -18798,9 +18811,9 @@
       }
     },
     "node_modules/spdx-license-ids": {
-      "version": "3.0.13",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz",
-      "integrity": "sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w=="
+      "version": "3.0.16",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.16.tgz",
+      "integrity": "sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw=="
     },
     "node_modules/split": {
       "version": "1.0.1",
@@ -18815,32 +18828,18 @@
       }
     },
     "node_modules/split2": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/split2/-/split2-3.2.2.tgz",
-      "integrity": "sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
       "dev": true,
-      "dependencies": {
-        "readable-stream": "^3.0.0"
-      }
-    },
-    "node_modules/split2/node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
       "engines": {
-        "node": ">= 6"
+        "node": ">= 10.x"
       }
     },
     "node_modules/sshpk": {
-      "version": "1.17.0",
-      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz",
-      "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==",
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz",
+      "integrity": "sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==",
       "dev": true,
       "dependencies": {
         "asn1": "~0.2.3",
@@ -18863,9 +18862,9 @@
       }
     },
     "node_modules/start-server-and-test": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-2.0.0.tgz",
-      "integrity": "sha512-UqKLw0mJbfrsG1jcRLTUlvuRi9sjNuUiDOLI42r7R5fA9dsFoywAy9DoLXNYys9B886E4RCKb+qM1Gzu96h7DQ==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-2.0.1.tgz",
+      "integrity": "sha512-8PFo4DLLLCDMuS51/BEEtE1m9CAXw1LNVtZSS1PzkYQh6Qf9JUwM4huYeSoUumaaoAyuwYBwCa9OsrcpMqcOdQ==",
       "dev": true,
       "dependencies": {
         "arg": "^5.0.2",
@@ -18883,7 +18882,7 @@
         "start-test": "src/bin/start.js"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">=16"
       }
     },
     "node_modules/statuses": {
@@ -19114,9 +19113,9 @@
       }
     },
     "node_modules/style-to-object": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.4.2.tgz",
-      "integrity": "sha512-1JGpfPB3lo42ZX8cuPrheZbfQ6kqPPnPHlKMyeRYtfKD+0jG+QsXgXN57O/dvJlzlB2elI6dGmrPnl5VPQFPaA==",
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.4.4.tgz",
+      "integrity": "sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==",
       "dependencies": {
         "inline-style-parser": "0.1.1"
       }
@@ -19407,12 +19406,15 @@
       }
     },
     "node_modules/text-extensions": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/text-extensions/-/text-extensions-1.9.0.tgz",
-      "integrity": "sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==",
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/text-extensions/-/text-extensions-2.4.0.tgz",
+      "integrity": "sha512-te/NtwBwfiNRLf9Ijqx3T0nlqZiQ2XrrtBvu+cLL8ZRrGkO0NHTug8MYFKyoSrv/sHTaSKfilUkizV6XhxMJ3g==",
       "dev": true,
       "engines": {
-        "node": ">=0.10"
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/text-table": {
@@ -19880,6 +19882,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/undici-types": {
+      "version": "5.25.3",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz",
+      "integrity": "sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==",
+      "dev": true
+    },
     "node_modules/unified": {
       "version": "10.1.2",
       "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
@@ -19898,17 +19906,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/unified/node_modules/is-plain-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/unique-string": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-3.0.0.tgz",
@@ -20065,9 +20062,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
-      "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==",
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
       "dev": true,
       "funding": [
         {
@@ -20487,13 +20484,13 @@
       }
     },
     "node_modules/which-typed-array": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz",
-      "integrity": "sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==",
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
+      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
       "dev": true,
       "dependencies": {
         "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
+        "call-bind": "^1.0.4",
         "for-each": "^0.3.3",
         "gopd": "^1.0.1",
         "has-tostringtag": "^1.0.0"
@@ -20534,9 +20531,9 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
     "node_modules/ws": {
-      "version": "8.14.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.1.tgz",
-      "integrity": "sha512-4OOseMUq8AzRBI/7SLMUwO+FEDnguetSk7KMb1sHwvF2w2Wv5Hoj0nlifx8vtGsftE/jWHojPy8sMMzYLJ2G/A==",
+      "version": "8.14.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
+      "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
       "dev": true,
       "engines": {
         "node": ">=10.0.0"
@@ -20585,9 +20582,9 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "node_modules/yaml": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
-      "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.3.tgz",
+      "integrity": "sha512-zw0VAJxgeZ6+++/su5AFoqBbZbrEakwu+X0M5HmcwUiBL7AzcuPKjj5we4xfQLp78LkEMpD0cOnUhmgOVy3KdQ==",
       "dev": true,
       "engines": {
         "node": ">= 14"
@@ -20612,15 +20609,6 @@
       }
     },
     "node_modules/yargs-parser": {
-      "version": "20.2.9",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yargs/node_modules/yargs-parser": {
       "version": "21.1.1",
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
       "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
@@ -20660,14 +20648,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/zod": {
-      "version": "3.21.4",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.21.4.tgz",
-      "integrity": "sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
-    },
     "node_modules/zstd-codec": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/zstd-codec/-/zstd-codec-0.1.4.tgz",
diff --git a/package.json b/package.json
index ebb120c..fcb2f0b 100644
--- a/package.json
+++ b/package.json
@@ -29,17 +29,17 @@
     "postinstall": "husky install"
   },
   "dependencies": {
-    "@fontsource/montserrat": "5.0.8",
+    "@fontsource/montserrat": "5.0.15",
     "@fontsource/roboto": "5.0.8",
     "@heroicons/react": "1.0.6",
-    "@sinclair/typebox": "0.31.15",
+    "@sinclair/typebox": "0.31.18",
     "@thream/socketio-jwt": "3.1.3",
-    "axios": "1.5.0",
+    "axios": "1.5.1",
     "clsx": "2.0.0",
     "date-and-time": "3.0.3",
     "emoji-mart": "3.0.1",
-    "katex": "0.16.8",
-    "next": "13.4.19",
+    "katex": "0.16.9",
+    "next": "13.5.6",
     "next-themes": "0.2.1",
     "next-translate": "2.4.4",
     "pretty-bytes": "6.1.1",
@@ -64,45 +64,45 @@
     "universal-cookie": "6.1.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "17.7.1",
-    "@commitlint/config-conventional": "17.7.0",
-    "@saithodev/semantic-release-backmerge": "3.2.0",
+    "@commitlint/cli": "18.0.0",
+    "@commitlint/config-conventional": "18.0.0",
+    "@saithodev/semantic-release-backmerge": "3.2.1",
     "@semantic-release/git": "10.0.1",
     "@tsconfig/strictest": "2.0.2",
-    "@types/emoji-mart": "3.0.9",
+    "@types/emoji-mart": "3.0.11",
     "@types/hast": "2.3.4",
-    "@types/katex": "0.16.3",
-    "@types/node": "20.6.2",
-    "@types/react": "18.2.22",
-    "@types/react-responsive": "8.0.5",
-    "@types/react-syntax-highlighter": "15.5.7",
+    "@types/katex": "0.16.5",
+    "@types/node": "20.8.7",
+    "@types/react": "18.2.31",
+    "@types/react-responsive": "8.0.7",
+    "@types/react-syntax-highlighter": "15.5.9",
     "@types/unist": "2.0.6",
-    "@typescript-eslint/eslint-plugin": "6.7.2",
-    "@typescript-eslint/parser": "6.7.2",
-    "autoprefixer": "10.4.15",
-    "cypress": "13.2.0",
+    "@typescript-eslint/eslint-plugin": "6.9.0",
+    "@typescript-eslint/parser": "6.9.0",
+    "autoprefixer": "10.4.16",
+    "cypress": "13.3.2",
     "editorconfig-checker": "5.1.1",
-    "eslint": "8.49.0",
-    "eslint-config-conventions": "11.0.1",
-    "eslint-config-next": "13.4.19",
+    "eslint": "8.52.0",
+    "eslint-config-conventions": "12.0.0",
+    "eslint-config-next": "13.5.6",
     "eslint-config-prettier": "9.0.0",
-    "eslint-plugin-import": "2.28.1",
-    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-import": "2.29.0",
+    "eslint-plugin-prettier": "5.0.1",
     "eslint-plugin-promise": "6.1.1",
     "eslint-plugin-unicorn": "48.0.1",
     "html-w3c-validator": "1.5.0",
     "husky": "8.0.3",
-    "lint-staged": "14.0.1",
+    "lint-staged": "15.0.2",
     "markdownlint-cli2": "0.10.0",
     "markdownlint-rule-relative-links": "2.1.0",
-    "mockttp": "3.9.2",
+    "mockttp": "3.9.4",
     "next-translate-plugin": "2.4.4",
     "plop": "4.0.0",
-    "postcss": "8.4.28",
+    "postcss": "8.4.31",
     "prettier": "3.0.3",
-    "prettier-plugin-tailwindcss": "0.5.4",
+    "prettier-plugin-tailwindcss": "0.5.6",
     "semantic-release": "21.1.1",
-    "start-server-and-test": "2.0.0",
+    "start-server-and-test": "2.0.1",
     "tailwindcss": "3.3.3",
     "typescript": "5.2.2"
   }
diff --git a/pages/404.tsx b/pages/404.tsx
index cd1cf40..f85f023 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -1,9 +1,9 @@
-import type { GetStaticProps, NextPage } from 'next'
-import useTranslation from 'next-translate/useTranslation'
+import type { GetStaticProps, NextPage } from "next"
+import useTranslation from "next-translate/useTranslation"
 
-import { ErrorPage } from '../components/ErrorPage'
-import { Head } from '../components/Head'
-import type { FooterProps } from '../components/Footer'
+import { ErrorPage } from "../components/ErrorPage"
+import { Head } from "../components/Head"
+import type { FooterProps } from "../components/Footer"
 
 const Error404: NextPage<FooterProps> = (props) => {
   const { t } = useTranslation()
@@ -11,10 +11,10 @@ const Error404: NextPage<FooterProps> = (props) => {
 
   return (
     <>
-      <Head title='Thream | 404' />
+      <Head title="Thream | 404" />
       <ErrorPage
         statusCode={404}
-        message={t('errors:page-not-found')}
+        message={t("errors:page-not-found")}
         version={version}
       />
     </>
@@ -22,7 +22,7 @@ const Error404: NextPage<FooterProps> = (props) => {
 }
 
 export const getStaticProps: GetStaticProps<FooterProps> = async () => {
-  const { readPackage } = await import('read-pkg')
+  const { readPackage } = await import("read-pkg")
   const { version } = await readPackage()
   return { props: { version } }
 }
diff --git a/pages/500.tsx b/pages/500.tsx
index d806bfb..eca19eb 100644
--- a/pages/500.tsx
+++ b/pages/500.tsx
@@ -1,10 +1,10 @@
-import type { GetStaticProps, NextPage } from 'next'
-import useTranslation from 'next-translate/useTranslation'
+import type { GetStaticProps, NextPage } from "next"
+import useTranslation from "next-translate/useTranslation"
 
-import { ErrorPage } from '../components/ErrorPage'
-import { Head } from '../components/Head'
-import { Header } from '../components/Header'
-import type { FooterProps } from '../components/Footer'
+import { ErrorPage } from "../components/ErrorPage"
+import { Head } from "../components/Head"
+import { Header } from "../components/Header"
+import type { FooterProps } from "../components/Footer"
 
 const Error500: NextPage<FooterProps> = (props) => {
   const { t } = useTranslation()
@@ -12,12 +12,12 @@ const Error500: NextPage<FooterProps> = (props) => {
 
   return (
     <>
-      <Head title='Thream | 500' />
+      <Head title="Thream | 500" />
 
       <Header />
       <ErrorPage
         statusCode={500}
-        message={t('errors:server-error')}
+        message={t("errors:server-error")}
         version={version}
       />
     </>
@@ -25,7 +25,7 @@ const Error500: NextPage<FooterProps> = (props) => {
 }
 
 export const getStaticProps: GetStaticProps<FooterProps> = async () => {
-  const { readPackage } = await import('read-pkg')
+  const { readPackage } = await import("read-pkg")
   const { version } = await readPackage()
   return { props: { version } }
 }
diff --git a/pages/_app.tsx b/pages/_app.tsx
index dcd40e6..186d90e 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,40 +1,40 @@
-import { useEffect } from 'react'
-import type { AppType } from 'next/app'
-import { ThemeProvider } from 'next-themes'
-import useTranslation from 'next-translate/useTranslation'
+import { useEffect } from "react"
+import type { AppType } from "next/app"
+import { ThemeProvider } from "next-themes"
+import useTranslation from "next-translate/useTranslation"
 
-import '../styles/global.css'
+import "../styles/global.css"
 
-import '@fontsource/montserrat/400.css'
-import '@fontsource/montserrat/500.css'
-import '@fontsource/montserrat/600.css'
-import '@fontsource/montserrat/700.css'
+import "@fontsource/montserrat/400.css"
+import "@fontsource/montserrat/500.css"
+import "@fontsource/montserrat/600.css"
+import "@fontsource/montserrat/700.css"
 
-import '@fontsource/roboto/400.css'
-import '@fontsource/roboto/700.css'
+import "@fontsource/roboto/400.css"
+import "@fontsource/roboto/700.css"
 
-import { cookies } from '../tools/cookies'
+import { cookies } from "../tools/cookies"
 
 const Application: AppType = ({ Component, pageProps }) => {
   const { lang } = useTranslation()
 
   useEffect(() => {
-    cookies.set('NEXT_LOCALE', lang)
+    cookies.set("NEXT_LOCALE", lang)
     const appHeight = (): void => {
       document.documentElement.style.setProperty(
-        '--app-height',
-        `${window.innerHeight}px`
+        "--app-height",
+        `${window.innerHeight}px`,
       )
     }
-    window.addEventListener('resize', appHeight)
+    window.addEventListener("resize", appHeight)
     appHeight()
     return () => {
-      window.removeEventListener('resize', appHeight)
+      window.removeEventListener("resize", appHeight)
     }
   }, [lang])
 
   return (
-    <ThemeProvider attribute='class' defaultTheme='dark'>
+    <ThemeProvider attribute="class" defaultTheme="dark">
       <Component {...pageProps} />
     </ThemeProvider>
   )
diff --git a/pages/application/[guildId]/[channelId]/index.tsx b/pages/application/[guildId]/[channelId]/index.tsx
index 016ee50..95f851b 100644
--- a/pages/application/[guildId]/[channelId]/index.tsx
+++ b/pages/application/[guildId]/[channelId]/index.tsx
@@ -1,22 +1,22 @@
-import type { NextPage } from 'next'
+import type { NextPage } from "next"
 
-import { Head } from '../../../../components/Head'
-import { Application } from '../../../../components/Application'
-import { Messages } from '../../../../components/Application/Messages'
-import { SendMessage } from '../../../../components/Application/SendMessage'
-import type { PagePropsWithAuthentication } from '../../../../tools/authentication'
+import { Head } from "../../../../components/Head"
+import { Application } from "../../../../components/Application"
+import { Messages } from "../../../../components/Application/Messages"
+import { SendMessage } from "../../../../components/Application/SendMessage"
+import type { PagePropsWithAuthentication } from "../../../../tools/authentication"
 import {
   authenticationFromServerSide,
-  AuthenticationProvider
-} from '../../../../tools/authentication'
-import type { GuildMember } from '../../../../contexts/GuildMember'
-import { GuildMemberProvider } from '../../../../contexts/GuildMember'
-import { GuildLeftSidebar } from '../../../../components/Application/GuildLeftSidebar'
-import { ChannelsProvider } from '../../../../contexts/Channels'
-import { GuildsProvider } from '../../../../contexts/Guilds'
-import type { Channel } from '../../../../models/Channel'
-import { MessagesProvider } from '../../../../contexts/Messages'
-import { MembersProviders } from '../../../../contexts/Members'
+  AuthenticationProvider,
+} from "../../../../tools/authentication"
+import type { GuildMember } from "../../../../contexts/GuildMember"
+import { GuildMemberProvider } from "../../../../contexts/GuildMember"
+import { GuildLeftSidebar } from "../../../../components/Application/GuildLeftSidebar"
+import { ChannelsProvider } from "../../../../contexts/Channels"
+import { GuildsProvider } from "../../../../contexts/Guilds"
+import type { Channel } from "../../../../models/Channel"
+import { MessagesProvider } from "../../../../contexts/Messages"
+import { MembersProviders } from "../../../../contexts/Members"
 
 export interface ChannelPageProps extends PagePropsWithAuthentication {
   channelId: number
@@ -31,7 +31,7 @@ const ChannelPage: NextPage<ChannelPageProps> = (props) => {
 
   const path = {
     channelId,
-    guildId
+    guildId,
   }
 
   return (
@@ -62,24 +62,24 @@ const ChannelPage: NextPage<ChannelPageProps> = (props) => {
 export const getServerSideProps = authenticationFromServerSide({
   shouldBeAuthenticated: true,
   fetchData: async (context, api) => {
-    const channelId = Number(context?.params?.['channelId'])
-    const guildId = Number(context?.params?.['guildId'])
+    const channelId = Number(context?.params?.["channelId"])
+    const guildId = Number(context?.params?.["guildId"])
     if (Number.isNaN(channelId) || Number.isNaN(guildId)) {
       return {
-        notFound: true
+        notFound: true,
       }
     }
     const { data: guildMember } = await api.get(`/guilds/${guildId}`)
     const { data: selectedChannelData } = await api.get(
-      `/channels/${channelId}`
+      `/channels/${channelId}`,
     )
     return {
       channelId,
       guildId,
       guildMember,
-      selectedChannel: selectedChannelData.channel
+      selectedChannel: selectedChannelData.channel,
     }
-  }
+  },
 })
 
 export default ChannelPage
diff --git a/pages/application/[guildId]/[channelId]/settings.tsx b/pages/application/[guildId]/[channelId]/settings.tsx
index 3e7ca9b..a6b1ad1 100644
--- a/pages/application/[guildId]/[channelId]/settings.tsx
+++ b/pages/application/[guildId]/[channelId]/settings.tsx
@@ -1,20 +1,20 @@
-import type { NextPage } from 'next'
+import type { NextPage } from "next"
 
-import { Head } from '../../../../components/Head'
-import { Application } from '../../../../components/Application'
-import type { PagePropsWithAuthentication } from '../../../../tools/authentication'
+import { Head } from "../../../../components/Head"
+import { Application } from "../../../../components/Application"
+import type { PagePropsWithAuthentication } from "../../../../tools/authentication"
 import {
   authenticationFromServerSide,
-  AuthenticationProvider
-} from '../../../../tools/authentication'
-import type { GuildMember } from '../../../../contexts/GuildMember'
-import { GuildMemberProvider } from '../../../../contexts/GuildMember'
-import { GuildLeftSidebar } from '../../../../components/Application/GuildLeftSidebar'
-import { ChannelSettings } from '../../../../components/Application/ChannelSettings'
-import { ChannelsProvider } from '../../../../contexts/Channels'
-import { GuildsProvider } from '../../../../contexts/Guilds'
-import type { Channel } from '../../../../models/Channel'
-import { MembersProviders } from '../../../../contexts/Members'
+  AuthenticationProvider,
+} from "../../../../tools/authentication"
+import type { GuildMember } from "../../../../contexts/GuildMember"
+import { GuildMemberProvider } from "../../../../contexts/GuildMember"
+import { GuildLeftSidebar } from "../../../../components/Application/GuildLeftSidebar"
+import { ChannelSettings } from "../../../../components/Application/ChannelSettings"
+import { ChannelsProvider } from "../../../../contexts/Channels"
+import { GuildsProvider } from "../../../../contexts/Guilds"
+import type { Channel } from "../../../../models/Channel"
+import { MembersProviders } from "../../../../contexts/Members"
 
 export interface ChannelSettingsPageProps extends PagePropsWithAuthentication {
   channelId: number
@@ -29,7 +29,7 @@ const ChannelSettingsPage: NextPage<ChannelSettingsPageProps> = (props) => {
 
   const path = {
     channelId,
-    guildId
+    guildId,
   }
 
   return (
@@ -57,31 +57,31 @@ const ChannelSettingsPage: NextPage<ChannelSettingsPageProps> = (props) => {
 export const getServerSideProps = authenticationFromServerSide({
   shouldBeAuthenticated: true,
   fetchData: async (context, api) => {
-    const channelId = Number(context?.params?.['channelId'])
-    const guildId = Number(context?.params?.['guildId'])
+    const channelId = Number(context?.params?.["channelId"])
+    const guildId = Number(context?.params?.["guildId"])
     if (Number.isNaN(channelId) || Number.isNaN(guildId)) {
       return {
-        notFound: true
+        notFound: true,
       }
     }
     const { data: guildMember } = await api.get<GuildMember>(
-      `/guilds/${guildId}`
+      `/guilds/${guildId}`,
     )
     if (!guildMember.member.isOwner) {
       return {
-        notFound: true
+        notFound: true,
       }
     }
     const { data: selectedChannelData } = await api.get(
-      `/channels/${channelId}`
+      `/channels/${channelId}`,
     )
     return {
       channelId,
       guildId,
       guildMember,
-      selectedChannel: selectedChannelData.channel
+      selectedChannel: selectedChannelData.channel,
     }
-  }
+  },
 })
 
 export default ChannelSettingsPage
diff --git a/pages/application/[guildId]/channels/create.tsx b/pages/application/[guildId]/channels/create.tsx
index bfa1aff..2457b86 100644
--- a/pages/application/[guildId]/channels/create.tsx
+++ b/pages/application/[guildId]/channels/create.tsx
@@ -1,17 +1,17 @@
-import type { NextPage } from 'next'
-import useTranslation from 'next-translate/useTranslation'
+import type { NextPage } from "next"
+import useTranslation from "next-translate/useTranslation"
 
-import { Head } from '../../../../components/Head'
-import { Application } from '../../../../components/Application'
-import type { PagePropsWithAuthentication } from '../../../../tools/authentication'
+import { Head } from "../../../../components/Head"
+import { Application } from "../../../../components/Application"
+import type { PagePropsWithAuthentication } from "../../../../tools/authentication"
 import {
   authenticationFromServerSide,
-  AuthenticationProvider
-} from '../../../../tools/authentication'
-import { CreateChannel } from '../../../../components/Application/CreateChannel'
-import { GuildsProvider } from '../../../../contexts/Guilds'
-import type { GuildMember } from '../../../../contexts/GuildMember'
-import { GuildMemberProvider } from '../../../../contexts/GuildMember'
+  AuthenticationProvider,
+} from "../../../../tools/authentication"
+import { CreateChannel } from "../../../../components/Application/CreateChannel"
+import { GuildsProvider } from "../../../../contexts/Guilds"
+import type { GuildMember } from "../../../../contexts/GuildMember"
+import { GuildMemberProvider } from "../../../../contexts/GuildMember"
 
 export interface CreateChannelPageProps extends PagePropsWithAuthentication {
   guildId: number
@@ -29,10 +29,10 @@ const CreateChannelPage: NextPage<CreateChannelPageProps> = (props) => {
       <GuildsProvider>
         <GuildMemberProvider guildMember={guildMember} path={path}>
           <Head
-            title={`Thream | ${t('application:create-a-channel')}`}
-            description={t('application:create-a-channel')}
+            title={`Thream | ${t("application:create-a-channel")}`}
+            description={t("application:create-a-channel")}
           />
-          <Application path={path} title={t('application:create-a-channel')}>
+          <Application path={path} title={t("application:create-a-channel")}>
             <CreateChannel />
           </Application>
         </GuildMemberProvider>
@@ -44,18 +44,18 @@ const CreateChannelPage: NextPage<CreateChannelPageProps> = (props) => {
 export const getServerSideProps = authenticationFromServerSide({
   shouldBeAuthenticated: true,
   fetchData: async (context, api) => {
-    const guildId = Number(context?.params?.['guildId'])
+    const guildId = Number(context?.params?.["guildId"])
     if (Number.isNaN(guildId)) {
       return {
-        notFound: true
+        notFound: true,
       }
     }
     const { data: guildMember } = await api.get(`/guilds/${guildId}`)
     return {
       guildId,
-      guildMember
+      guildMember,
     }
-  }
+  },
 })
 
 export default CreateChannelPage
diff --git a/pages/application/[guildId]/settings.tsx b/pages/application/[guildId]/settings.tsx
index 86a27ad..bacbac8 100644
--- a/pages/application/[guildId]/settings.tsx
+++ b/pages/application/[guildId]/settings.tsx
@@ -1,17 +1,17 @@
-import type { NextPage } from 'next'
-import useTranslation from 'next-translate/useTranslation'
+import type { NextPage } from "next"
+import useTranslation from "next-translate/useTranslation"
 
-import { Head } from '../../../components/Head'
-import { Application } from '../../../components/Application'
-import type { PagePropsWithAuthentication } from '../../../tools/authentication'
+import { Head } from "../../../components/Head"
+import { Application } from "../../../components/Application"
+import type { PagePropsWithAuthentication } from "../../../tools/authentication"
 import {
   authenticationFromServerSide,
-  AuthenticationProvider
-} from '../../../tools/authentication'
-import type { GuildMember } from '../../../contexts/GuildMember'
-import { GuildMemberProvider } from '../../../contexts/GuildMember'
-import { GuildsProvider } from '../../../contexts/Guilds'
-import { GuildSettings } from '../../../components/Application/GuildSettings'
+  AuthenticationProvider,
+} from "../../../tools/authentication"
+import type { GuildMember } from "../../../contexts/GuildMember"
+import { GuildMemberProvider } from "../../../contexts/GuildMember"
+import { GuildsProvider } from "../../../contexts/Guilds"
+import { GuildSettings } from "../../../components/Application/GuildSettings"
 
 export interface GuildSettingsPageProps extends PagePropsWithAuthentication {
   guildId: number
@@ -28,8 +28,8 @@ const GuildSettingsPage: NextPage<GuildSettingsPageProps> = (props) => {
     <AuthenticationProvider authentication={authentication}>
       <GuildsProvider>
         <GuildMemberProvider guildMember={guildMember} path={path}>
-          <Head title={`Thream | ${t('application:guild-settings')}`} />
-          <Application path={path} title={t('application:guild-settings')}>
+          <Head title={`Thream | ${t("application:guild-settings")}`} />
+          <Application path={path} title={t("application:guild-settings")}>
             <GuildSettings />
           </Application>
         </GuildMemberProvider>
@@ -41,20 +41,20 @@ const GuildSettingsPage: NextPage<GuildSettingsPageProps> = (props) => {
 export const getServerSideProps = authenticationFromServerSide({
   shouldBeAuthenticated: true,
   fetchData: async (context, api) => {
-    const guildId = Number(context?.params?.['guildId'])
+    const guildId = Number(context?.params?.["guildId"])
     if (Number.isNaN(guildId)) {
       return {
-        notFound: true
+        notFound: true,
       }
     }
     const { data: guildMember } = await api.get<GuildMember>(
-      `/guilds/${guildId}`
+      `/guilds/${guildId}`,
     )
     return {
       guildId,
-      guildMember
+      guildMember,
     }
-  }
+  },
 })
 
 export default GuildSettingsPage
diff --git a/pages/application/guilds/create.tsx b/pages/application/guilds/create.tsx
index 8dd6df7..397f68a 100644
--- a/pages/application/guilds/create.tsx
+++ b/pages/application/guilds/create.tsx
@@ -1,15 +1,15 @@
-import type { NextPage } from 'next'
-import useTranslation from 'next-translate/useTranslation'
+import type { NextPage } from "next"
+import useTranslation from "next-translate/useTranslation"
 
-import { Head } from '../../../components/Head'
-import { Application } from '../../../components/Application'
-import type { PagePropsWithAuthentication } from '../../../tools/authentication'
+import { Head } from "../../../components/Head"
+import { Application } from "../../../components/Application"
+import type { PagePropsWithAuthentication } from "../../../tools/authentication"
 import {
   authenticationFromServerSide,
-  AuthenticationProvider
-} from '../../../tools/authentication'
-import { CreateGuild } from '../../../components/Application/CreateGuild'
-import { GuildsProvider } from '../../../contexts/Guilds'
+  AuthenticationProvider,
+} from "../../../tools/authentication"
+import { CreateGuild } from "../../../components/Application/CreateGuild"
+import { GuildsProvider } from "../../../contexts/Guilds"
 
 const CreateGuildPage: NextPage<PagePropsWithAuthentication> = (props) => {
   const { t } = useTranslation()
@@ -18,12 +18,12 @@ const CreateGuildPage: NextPage<PagePropsWithAuthentication> = (props) => {
     <AuthenticationProvider authentication={props.authentication}>
       <GuildsProvider>
         <Head
-          title={`Thream | ${t('application:create-a-guild')}`}
-          description={t('application:create-a-guild-description')}
+          title={`Thream | ${t("application:create-a-guild")}`}
+          description={t("application:create-a-guild-description")}
         />
         <Application
-          path='/application/guilds/create'
-          title={t('application:create-a-guild')}
+          path="/application/guilds/create"
+          title={t("application:create-a-guild")}
         >
           <CreateGuild />
         </Application>
@@ -33,7 +33,7 @@ const CreateGuildPage: NextPage<PagePropsWithAuthentication> = (props) => {
 }
 
 export const getServerSideProps = authenticationFromServerSide({
-  shouldBeAuthenticated: true
+  shouldBeAuthenticated: true,
 })
 
 export default CreateGuildPage
diff --git a/pages/application/guilds/join.tsx b/pages/application/guilds/join.tsx
index c201bbb..7f46c64 100644
--- a/pages/application/guilds/join.tsx
+++ b/pages/application/guilds/join.tsx
@@ -1,15 +1,15 @@
-import type { NextPage } from 'next'
-import useTranslation from 'next-translate/useTranslation'
+import type { NextPage } from "next"
+import useTranslation from "next-translate/useTranslation"
 
-import { Head } from '../../../components/Head'
-import { Application } from '../../../components/Application'
-import type { PagePropsWithAuthentication } from '../../../tools/authentication'
+import { Head } from "../../../components/Head"
+import { Application } from "../../../components/Application"
+import type { PagePropsWithAuthentication } from "../../../tools/authentication"
 import {
   authenticationFromServerSide,
-  AuthenticationProvider
-} from '../../../tools/authentication'
-import { JoinGuildsPublic } from '../../../components/Application/JoinGuildsPublic'
-import { GuildsProvider } from '../../../contexts/Guilds'
+  AuthenticationProvider,
+} from "../../../tools/authentication"
+import { JoinGuildsPublic } from "../../../components/Application/JoinGuildsPublic"
+import { GuildsProvider } from "../../../contexts/Guilds"
 
 const JoinGuildPage: NextPage<PagePropsWithAuthentication> = (props) => {
   const { t } = useTranslation()
@@ -18,12 +18,12 @@ const JoinGuildPage: NextPage<PagePropsWithAuthentication> = (props) => {
     <AuthenticationProvider authentication={props.authentication}>
       <GuildsProvider>
         <Head
-          title={`Thream | ${t('application:join-a-guild')}`}
-          description={t('application:join-a-guild-description')}
+          title={`Thream | ${t("application:join-a-guild")}`}
+          description={t("application:join-a-guild-description")}
         />
         <Application
-          path='/application/guilds/join'
-          title={t('application:join-a-guild')}
+          path="/application/guilds/join"
+          title={t("application:join-a-guild")}
         >
           <JoinGuildsPublic />
         </Application>
@@ -33,7 +33,7 @@ const JoinGuildPage: NextPage<PagePropsWithAuthentication> = (props) => {
 }
 
 export const getServerSideProps = authenticationFromServerSide({
-  shouldBeAuthenticated: true
+  shouldBeAuthenticated: true,
 })
 
 export default JoinGuildPage
diff --git a/pages/application/index.tsx b/pages/application/index.tsx
index 9b1696a..2f55c28 100644
--- a/pages/application/index.tsx
+++ b/pages/application/index.tsx
@@ -1,21 +1,21 @@
-import type { NextPage } from 'next'
+import type { NextPage } from "next"
 
-import { Head } from '../../components/Head'
-import { Application } from '../../components/Application'
-import { PopupGuild } from '../../components/Application/PopupGuild'
-import type { PagePropsWithAuthentication } from '../../tools/authentication'
+import { Head } from "../../components/Head"
+import { Application } from "../../components/Application"
+import { PopupGuild } from "../../components/Application/PopupGuild"
+import type { PagePropsWithAuthentication } from "../../tools/authentication"
 import {
   authenticationFromServerSide,
-  AuthenticationProvider
-} from '../../tools/authentication'
-import { GuildsProvider } from '../../contexts/Guilds'
+  AuthenticationProvider,
+} from "../../tools/authentication"
+import { GuildsProvider } from "../../contexts/Guilds"
 
 const ApplicationPage: NextPage<PagePropsWithAuthentication> = (props) => {
   return (
     <AuthenticationProvider authentication={props.authentication}>
       <GuildsProvider>
-        <Head title='Thream | Application' />
-        <Application path='/application' title='Application'>
+        <Head title="Thream | Application" />
+        <Application path="/application" title="Application">
           <PopupGuild />
         </Application>
       </GuildsProvider>
@@ -24,7 +24,7 @@ const ApplicationPage: NextPage<PagePropsWithAuthentication> = (props) => {
 }
 
 export const getServerSideProps = authenticationFromServerSide({
-  shouldBeAuthenticated: true
+  shouldBeAuthenticated: true,
 })
 
 export default ApplicationPage
diff --git a/pages/application/users/[userId]/index.tsx b/pages/application/users/[userId]/index.tsx
index a8118db..5b781cd 100644
--- a/pages/application/users/[userId]/index.tsx
+++ b/pages/application/users/[userId]/index.tsx
@@ -1,16 +1,16 @@
-import type { NextPage } from 'next'
+import type { NextPage } from "next"
 
-import { Head } from '../../../../components/Head'
-import { Application } from '../../../../components/Application'
-import type { PagePropsWithAuthentication } from '../../../../tools/authentication'
+import { Head } from "../../../../components/Head"
+import { Application } from "../../../../components/Application"
+import type { PagePropsWithAuthentication } from "../../../../tools/authentication"
 import {
   authenticationFromServerSide,
-  AuthenticationProvider
-} from '../../../../tools/authentication'
-import { UserProfile } from '../../../../components/Application/UserProfile'
-import { GuildsProvider } from '../../../../contexts/Guilds'
-import type { UserPublic } from '../../../../models/User'
-import type { Guild } from '../../../../models/Guild'
+  AuthenticationProvider,
+} from "../../../../tools/authentication"
+import { UserProfile } from "../../../../components/Application/UserProfile"
+import { GuildsProvider } from "../../../../contexts/Guilds"
+import type { UserPublic } from "../../../../models/User"
+import type { Guild } from "../../../../models/Guild"
 
 export interface UserProfilePageProps extends PagePropsWithAuthentication {
   user: UserPublic
@@ -35,18 +35,18 @@ const UserProfilePage: NextPage<UserProfilePageProps> = (props) => {
 export const getServerSideProps = authenticationFromServerSide({
   shouldBeAuthenticated: true,
   fetchData: async (context, api) => {
-    const userId = Number(context?.params?.['userId'])
+    const userId = Number(context?.params?.["userId"])
     if (Number.isNaN(userId)) {
       return {
-        notFound: true
+        notFound: true,
       }
     }
     const { data } = await api.get(`/users/${userId}`)
     return {
       user: data.user,
-      guilds: data.guilds
+      guilds: data.guilds,
     }
-  }
+  },
 })
 
 export default UserProfilePage
diff --git a/pages/application/users/settings.tsx b/pages/application/users/settings.tsx
index 6134cd5..af761e1 100644
--- a/pages/application/users/settings.tsx
+++ b/pages/application/users/settings.tsx
@@ -1,15 +1,15 @@
-import type { NextPage } from 'next'
-import useTranslation from 'next-translate/useTranslation'
+import type { NextPage } from "next"
+import useTranslation from "next-translate/useTranslation"
 
-import { Head } from '../../../components/Head'
-import { Application } from '../../../components/Application'
-import type { PagePropsWithAuthentication } from '../../../tools/authentication'
+import { Head } from "../../../components/Head"
+import { Application } from "../../../components/Application"
+import type { PagePropsWithAuthentication } from "../../../tools/authentication"
 import {
   authenticationFromServerSide,
-  AuthenticationProvider
-} from '../../../tools/authentication'
-import { UserSettings } from '../../../components/Application/UserSettings'
-import { GuildsProvider } from '../../../contexts/Guilds'
+  AuthenticationProvider,
+} from "../../../tools/authentication"
+import { UserSettings } from "../../../components/Application/UserSettings"
+import { GuildsProvider } from "../../../contexts/Guilds"
 
 const UserSettingsPage: NextPage<PagePropsWithAuthentication> = (props) => {
   const { t } = useTranslation()
@@ -17,10 +17,10 @@ const UserSettingsPage: NextPage<PagePropsWithAuthentication> = (props) => {
   return (
     <AuthenticationProvider authentication={props.authentication}>
       <GuildsProvider>
-        <Head title={`Thream | ${t('application:user-settings')}`} />
+        <Head title={`Thream | ${t("application:user-settings")}`} />
         <Application
-          path='/application/users/settings'
-          title={t('application:user-settings')}
+          path="/application/users/settings"
+          title={t("application:user-settings")}
         >
           <UserSettings />
         </Application>
@@ -30,7 +30,7 @@ const UserSettingsPage: NextPage<PagePropsWithAuthentication> = (props) => {
 }
 
 export const getServerSideProps = authenticationFromServerSide({
-  shouldBeAuthenticated: true
+  shouldBeAuthenticated: true,
 })
 
 export default UserSettingsPage
diff --git a/pages/authentication/forgot-password.tsx b/pages/authentication/forgot-password.tsx
index 2784e07..f5e09ce 100644
--- a/pages/authentication/forgot-password.tsx
+++ b/pages/authentication/forgot-password.tsx
@@ -1,26 +1,26 @@
-import type { NextPage } from 'next'
-import Link from 'next/link'
-import useTranslation from 'next-translate/useTranslation'
-import axios from 'axios'
-import { useForm } from 'react-component-form'
-import type { HandleUseFormCallback } from 'react-component-form'
+import type { NextPage } from "next"
+import Link from "next/link"
+import useTranslation from "next-translate/useTranslation"
+import axios from "axios"
+import { useForm } from "react-component-form"
+import type { HandleUseFormCallback } from "react-component-form"
 
-import { AuthenticationForm } from '../../components/Authentication'
-import { Head } from '../../components/Head'
-import { Header } from '../../components/Header'
-import { Main } from '../../components/design/Main'
-import type { FooterProps } from '../../components/Footer'
-import { Footer } from '../../components/Footer'
-import { Input } from '../../components/design/Input'
-import { Button } from '../../components/design/Button'
-import { FormState } from '../../components/design/FormState'
-import { authenticationFromServerSide } from '../../tools/authentication'
-import { userSchema } from '../../models/User'
-import { api } from '../../tools/api'
-import { useFormTranslation } from '../../hooks/useFormTranslation'
+import { AuthenticationForm } from "../../components/Authentication"
+import { Head } from "../../components/Head"
+import { Header } from "../../components/Header"
+import { Main } from "../../components/design/Main"
+import type { FooterProps } from "../../components/Footer"
+import { Footer } from "../../components/Footer"
+import { Input } from "../../components/design/Input"
+import { Button } from "../../components/design/Button"
+import { FormState } from "../../components/design/FormState"
+import { authenticationFromServerSide } from "../../tools/authentication"
+import { userSchema } from "../../models/User"
+import { api } from "../../tools/api"
+import { useFormTranslation } from "../../hooks/useFormTranslation"
 
 const schema = {
-  email: userSchema.email
+  email: userSchema.email,
 }
 
 const ForgotPassword: NextPage<FooterProps> = (props) => {
@@ -32,50 +32,50 @@ const ForgotPassword: NextPage<FooterProps> = (props) => {
 
   const onSubmit: HandleUseFormCallback<typeof schema> = async (
     formData,
-    formElement
+    formElement,
   ) => {
     try {
       await api.post(
         `/users/reset-password?redirectURI=${window.location.origin}/authentication/reset-password`,
-        formData
+        formData,
       )
       formElement.reset()
       return {
-        type: 'success',
-        message: 'authentication:success-forgot-password'
+        type: "success",
+        message: "authentication:success-forgot-password",
       }
     } catch (error) {
       if (axios.isAxiosError(error) && error.response?.status === 400) {
         return {
-          type: 'error',
-          message: 'errors:invalid-email'
+          type: "error",
+          message: "errors:invalid-email",
         }
       }
       return {
-        type: 'error',
-        message: 'errors:server-error'
+        type: "error",
+        message: "errors:server-error",
       }
     }
   }
 
   return (
     <>
-      <Head title={`Thream | ${t('authentication:forgot-password')}`} />
+      <Head title={`Thream | ${t("authentication:forgot-password")}`} />
       <Header />
       <Main>
         <AuthenticationForm onSubmit={handleUseForm(onSubmit)}>
-          <Input type='email' placeholder='Email' name='email' label='Email' />
-          <Button data-cy='submit' className='mt-6 w-full' type='submit'>
-            {t('authentication:submit')}
+          <Input type="email" placeholder="Email" name="email" label="Email" />
+          <Button data-cy="submit" className="mt-6 w-full" type="submit">
+            {t("authentication:submit")}
           </Button>
-          <p className='mt-3 font-headline text-sm text-green-800 hover:underline dark:text-green-400'>
-            <Link href='/authentication/signin'>
-              {t('authentication:already-know-password')}
+          <p className="mt-3 font-headline text-sm text-green-800 hover:underline dark:text-green-400">
+            <Link href="/authentication/signin">
+              {t("authentication:already-know-password")}
             </Link>
           </p>
         </AuthenticationForm>
         <FormState
-          id='message'
+          id="message"
           state={fetchState}
           message={
             message != null
@@ -92,10 +92,10 @@ const ForgotPassword: NextPage<FooterProps> = (props) => {
 export const getServerSideProps = authenticationFromServerSide({
   shouldBeAuthenticated: false,
   fetchData: async () => {
-    const { readPackage } = await import('read-pkg')
+    const { readPackage } = await import("read-pkg")
     const { version } = await readPackage()
     return { version }
-  }
+  },
 })
 
 export default ForgotPassword
diff --git a/pages/authentication/reset-password.tsx b/pages/authentication/reset-password.tsx
index c41b9c4..c302d0c 100644
--- a/pages/authentication/reset-password.tsx
+++ b/pages/authentication/reset-password.tsx
@@ -1,26 +1,26 @@
-import type { NextPage } from 'next'
-import { useRouter } from 'next/router'
-import useTranslation from 'next-translate/useTranslation'
-import axios from 'axios'
-import { useForm } from 'react-component-form'
-import type { HandleUseFormCallback } from 'react-component-form'
+import type { NextPage } from "next"
+import { useRouter } from "next/router"
+import useTranslation from "next-translate/useTranslation"
+import axios from "axios"
+import { useForm } from "react-component-form"
+import type { HandleUseFormCallback } from "react-component-form"
 
-import { Head } from '../../components/Head'
-import { Header } from '../../components/Header'
-import { FormState } from '../../components/design/FormState'
-import { Main } from '../../components/design/Main'
-import type { FooterProps } from '../../components/Footer'
-import { Footer } from '../../components/Footer'
-import { Input } from '../../components/design/Input'
-import { Button } from '../../components/design/Button'
-import { authenticationFromServerSide } from '../../tools/authentication'
-import { AuthenticationForm } from '../../components/Authentication'
-import { api } from '../../tools/api'
-import { userSchema } from '../../models/User'
-import { useFormTranslation } from '../../hooks/useFormTranslation'
+import { Head } from "../../components/Head"
+import { Header } from "../../components/Header"
+import { FormState } from "../../components/design/FormState"
+import { Main } from "../../components/design/Main"
+import type { FooterProps } from "../../components/Footer"
+import { Footer } from "../../components/Footer"
+import { Input } from "../../components/design/Input"
+import { Button } from "../../components/design/Button"
+import { authenticationFromServerSide } from "../../tools/authentication"
+import { AuthenticationForm } from "../../components/Authentication"
+import { api } from "../../tools/api"
+import { userSchema } from "../../models/User"
+import { useFormTranslation } from "../../hooks/useFormTranslation"
 
 const schema = {
-  password: userSchema.password
+  password: userSchema.password,
 }
 
 const ResetPassword: NextPage<FooterProps> = (props) => {
@@ -35,42 +35,42 @@ const ResetPassword: NextPage<FooterProps> = (props) => {
     try {
       await api.put(`/users/reset-password`, {
         ...formData,
-        temporaryToken: router.query['temporaryToken']
+        temporaryToken: router.query["temporaryToken"],
       })
-      await router.push('/authentication/signin')
+      await router.push("/authentication/signin")
       return null
     } catch (error) {
       if (axios.isAxiosError(error) && error.response?.status === 400) {
         return {
-          type: 'error',
-          message: 'errors:invalid'
+          type: "error",
+          message: "errors:invalid",
         }
       }
       return {
-        type: 'error',
-        message: 'errors:server-error'
+        type: "error",
+        message: "errors:server-error",
       }
     }
   }
 
   return (
     <>
-      <Head title={`Thream | ${t('authentication:reset-password')}`} />
+      <Head title={`Thream | ${t("authentication:reset-password")}`} />
       <Header />
       <Main>
         <AuthenticationForm onSubmit={handleUseForm(onSubmit)}>
           <Input
-            type='password'
-            placeholder='Password'
-            name='password'
-            label='Password'
+            type="password"
+            placeholder="Password"
+            name="password"
+            label="Password"
           />
-          <Button data-cy='submit' className='mt-6 w-full' type='submit'>
-            {t('authentication:submit')}
+          <Button data-cy="submit" className="mt-6 w-full" type="submit">
+            {t("authentication:submit")}
           </Button>
         </AuthenticationForm>
         <FormState
-          id='message'
+          id="message"
           state={fetchState}
           message={
             message != null
@@ -87,10 +87,10 @@ const ResetPassword: NextPage<FooterProps> = (props) => {
 export const getServerSideProps = authenticationFromServerSide({
   shouldBeAuthenticated: false,
   fetchData: async () => {
-    const { readPackage } = await import('read-pkg')
+    const { readPackage } = await import("read-pkg")
     const { version } = await readPackage()
     return { version }
-  }
+  },
 })
 
 export default ResetPassword
diff --git a/pages/authentication/signin.tsx b/pages/authentication/signin.tsx
index 9fc1d50..f693549 100644
--- a/pages/authentication/signin.tsx
+++ b/pages/authentication/signin.tsx
@@ -1,12 +1,12 @@
-import type { NextPage } from 'next'
-import useTranslation from 'next-translate/useTranslation'
+import type { NextPage } from "next"
+import useTranslation from "next-translate/useTranslation"
 
-import { Head } from '../../components/Head'
-import { Authentication } from '../../components/Authentication'
-import { Header } from '../../components/Header'
-import type { FooterProps } from '../../components/Footer'
-import { Footer } from '../../components/Footer'
-import { authenticationFromServerSide } from '../../tools/authentication'
+import { Head } from "../../components/Head"
+import { Authentication } from "../../components/Authentication"
+import { Header } from "../../components/Header"
+import type { FooterProps } from "../../components/Footer"
+import { Footer } from "../../components/Footer"
+import { authenticationFromServerSide } from "../../tools/authentication"
 
 const Signin: NextPage<FooterProps> = (props) => {
   const { version } = props
@@ -14,9 +14,9 @@ const Signin: NextPage<FooterProps> = (props) => {
 
   return (
     <>
-      <Head title={`Thream | ${t('authentication:signin')}`} />
+      <Head title={`Thream | ${t("authentication:signin")}`} />
       <Header />
-      <Authentication mode='signin' />
+      <Authentication mode="signin" />
       <Footer version={version} />
     </>
   )
@@ -25,10 +25,10 @@ const Signin: NextPage<FooterProps> = (props) => {
 export const getServerSideProps = authenticationFromServerSide({
   shouldBeAuthenticated: false,
   fetchData: async () => {
-    const { readPackage } = await import('read-pkg')
+    const { readPackage } = await import("read-pkg")
     const { version } = await readPackage()
     return { version }
-  }
+  },
 })
 
 export default Signin
diff --git a/pages/authentication/signup.tsx b/pages/authentication/signup.tsx
index c8ed5c6..a16bef5 100644
--- a/pages/authentication/signup.tsx
+++ b/pages/authentication/signup.tsx
@@ -1,12 +1,12 @@
-import type { NextPage } from 'next'
-import useTranslation from 'next-translate/useTranslation'
+import type { NextPage } from "next"
+import useTranslation from "next-translate/useTranslation"
 
-import { Head } from '../../components/Head'
-import { Authentication } from '../../components/Authentication'
-import { Header } from '../../components/Header'
-import type { FooterProps } from '../../components/Footer'
-import { Footer } from '../../components/Footer'
-import { authenticationFromServerSide } from '../../tools/authentication'
+import { Head } from "../../components/Head"
+import { Authentication } from "../../components/Authentication"
+import { Header } from "../../components/Header"
+import type { FooterProps } from "../../components/Footer"
+import { Footer } from "../../components/Footer"
+import { authenticationFromServerSide } from "../../tools/authentication"
 
 const Signup: NextPage<FooterProps> = (props) => {
   const { version } = props
@@ -14,9 +14,9 @@ const Signup: NextPage<FooterProps> = (props) => {
 
   return (
     <>
-      <Head title={`Thream | ${t('authentication:signup')}`} />
+      <Head title={`Thream | ${t("authentication:signup")}`} />
       <Header />
-      <Authentication mode='signup' />
+      <Authentication mode="signup" />
       <Footer version={version} />
     </>
   )
@@ -25,10 +25,10 @@ const Signup: NextPage<FooterProps> = (props) => {
 export const getServerSideProps = authenticationFromServerSide({
   shouldBeAuthenticated: false,
   fetchData: async () => {
-    const { readPackage } = await import('read-pkg')
+    const { readPackage } = await import("read-pkg")
     const { version } = await readPackage()
     return { version }
-  }
+  },
 })
 
 export default Signup
diff --git a/pages/index.tsx b/pages/index.tsx
index 4ebe9a1..36eade0 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,16 +1,16 @@
-import type { GetStaticProps, NextPage } from 'next'
-import Link from 'next/link'
-import Image from 'next/image'
-import Translation from 'next-translate/Trans'
-import useTranslation from 'next-translate/useTranslation'
+import type { GetStaticProps, NextPage } from "next"
+import Link from "next/link"
+import Image from "next/image"
+import Translation from "next-translate/Trans"
+import useTranslation from "next-translate/useTranslation"
 
-import { Head } from '../components/Head'
-import { Header } from '../components/Header'
-import { Main } from '../components/design/Main'
-import type { FooterProps } from '../components/Footer'
-import { Footer } from '../components/Footer'
-import { SocialMediaLink } from '../components/design/SocialMediaButton'
-import { ButtonLink } from '../components/design/Button'
+import { Head } from "../components/Head"
+import { Header } from "../components/Header"
+import { Main } from "../components/design/Main"
+import type { FooterProps } from "../components/Footer"
+import { Footer } from "../components/Footer"
+import { SocialMediaLink } from "../components/design/SocialMediaButton"
+import { ButtonLink } from "../components/design/Button"
 
 const Home: NextPage<FooterProps> = (props) => {
   const { t } = useTranslation()
@@ -21,49 +21,49 @@ const Home: NextPage<FooterProps> = (props) => {
       <Head />
       <Header />
       <Main>
-        <div className='flex w-4/5 flex-col items-center'>
-          <div className='max-w-xs'>
-            <Link href='/authentication/signup'>
+        <div className="flex w-4/5 flex-col items-center">
+          <div className="max-w-xs">
+            <Link href="/authentication/signup">
               <Image
                 quality={100}
                 width={351}
                 height={341}
-                src='/images/svg/design/home.svg'
+                src="/images/svg/design/home.svg"
                 alt={"Thream's chat app"}
                 priority
               />
             </Link>
           </div>
-          <div className='text-center'>
-            <h1 className='my-4 font-headline text-3xl font-medium text-green-800 dark:text-green-400'>
+          <div className="text-center">
+            <h1 className="my-4 font-headline text-3xl font-medium text-green-800 dark:text-green-400">
               Thream
             </h1>
             <div
-              className='max-w-lg font-paragraph text-lg'
-              data-cy='main-description'
+              className="max-w-lg font-paragraph text-lg"
+              data-cy="main-description"
             >
               <Translation
-                i18nKey='home:description'
+                i18nKey="home:description"
                 components={[
                   <strong
-                    className='font-bold text-green-800 dark:text-green-400'
-                    key='bold'
-                  />
+                    className="font-bold text-green-800 dark:text-green-400"
+                    key="bold"
+                  />,
                 ]}
               />
             </div>
-            <div className='mt-8 flex items-center justify-center space-x-4 text-center'>
-              <Link href='/authentication/signup' passHref legacyBehavior>
-                <ButtonLink data-cy='get-started'>
-                  {t('home:get-started')}
+            <div className="mt-8 flex items-center justify-center space-x-4 text-center">
+              <Link href="/authentication/signup" passHref legacyBehavior>
+                <ButtonLink data-cy="get-started">
+                  {t("home:get-started")}
                 </ButtonLink>
               </Link>
 
               <SocialMediaLink
-                socialMedia='GitHub'
-                href='https://github.com/Thream'
-                target='_blank'
-                rel='noopener noreferrer'
+                socialMedia="GitHub"
+                href="https://github.com/Thream"
+                target="_blank"
+                rel="noopener noreferrer"
               />
             </div>
           </div>
@@ -75,7 +75,7 @@ const Home: NextPage<FooterProps> = (props) => {
 }
 
 export const getStaticProps: GetStaticProps<FooterProps> = async () => {
-  const { readPackage } = await import('read-pkg')
+  const { readPackage } = await import("read-pkg")
   const { version } = await readPackage()
   return { props: { version } }
 }
diff --git a/plopfile.js b/plopfile.js
index fffa3db..dda0496 100644
--- a/plopfile.js
+++ b/plopfile.js
@@ -1,10 +1,10 @@
-const { componentGenerator } = require('./generators/component/index.js')
-const { languageGenerator } = require('./generators/language/index.js')
+const { componentGenerator } = require("./generators/component/index.js")
+const { languageGenerator } = require("./generators/language/index.js")
 
 module.exports = (
   /** @type {import('plop').NodePlopAPI} */
-  plop
+  plop,
 ) => {
-  plop.setGenerator('component', componentGenerator())
-  plop.setGenerator('language', languageGenerator(plop))
+  plop.setGenerator("component", componentGenerator())
+  plop.setGenerator("language", languageGenerator(plop))
 }
diff --git a/postcss.config.js b/postcss.config.js
index 85f717c..33ad091 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
     tailwindcss: {},
-    autoprefixer: {}
-  }
+    autoprefixer: {},
+  },
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 3bcb439..550646c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,36 +1,36 @@
 /** @type {import('tailwindcss').Config} */
 const tailwindConfig = {
   content: [
-    './pages/**/*.{js,ts,jsx,tsx}',
-    './components/**/*.{js,ts,jsx,tsx}'
+    "./pages/**/*.{js,ts,jsx,tsx}",
+    "./components/**/*.{js,ts,jsx,tsx}",
   ],
-  darkMode: 'class',
+  darkMode: "class",
   theme: {
     extend: {
       screens: {
-        xs: '380px'
+        xs: "380px",
       },
       colors: {
-        black: '#212121',
-        success: '#45C85A',
-        error: '#C84545'
+        black: "#212121",
+        success: "#45C85A",
+        error: "#C84545",
       },
       boxShadow: {
-        dark: '0px 1px 10px hsla(0, 0%, 100%, 0.2)',
-        light: '0px 1px 10px rgba(0, 0, 0, 0.25)',
-        darkFlag: '0px 1px 10px hsla(0, 0%, 100%, 0.2)',
-        lightFlag: '0px 1px 10px rgba(0, 0, 0, 0.25)',
-        green: '0 0 0 2px #27b05e',
-        success: '0 2px 8px rgba(70, 200, 92, 0.3)',
-        error: '0 2px 8px rgba(200, 69, 69, 0.5)'
+        dark: "0px 1px 10px hsla(0, 0%, 100%, 0.2)",
+        light: "0px 1px 10px rgba(0, 0, 0, 0.25)",
+        darkFlag: "0px 1px 10px hsla(0, 0%, 100%, 0.2)",
+        lightFlag: "0px 1px 10px rgba(0, 0, 0, 0.25)",
+        green: "0 0 0 2px #27b05e",
+        success: "0 2px 8px rgba(70, 200, 92, 0.3)",
+        error: "0 2px 8px rgba(200, 69, 69, 0.5)",
       },
       fontFamily: {
         headline: "'Montserrat', 'Arial', 'sans-serif'",
-        paragraph: "'Roboto', 'Arial', 'sans-serif'"
-      }
-    }
+        paragraph: "'Roboto', 'Arial', 'sans-serif'",
+      },
+    },
   },
-  plugins: []
+  plugins: [],
 }
 
 module.exports = tailwindConfig
diff --git a/tools/api.ts b/tools/api.ts
index 000ebed..9d6c659 100644
--- a/tools/api.ts
+++ b/tools/api.ts
@@ -1,17 +1,17 @@
-import axios from 'axios'
+import axios from "axios"
 
-export const API_VERSION = '1.2.9'
+export const API_VERSION = "1.2.9"
 
 export const API_DEFAULT_PORT = 8080
 
 export const API_URL =
-  process.env['NEXT_PUBLIC_API_URL'] != null
-    ? process.env['NEXT_PUBLIC_API_URL']
+  process.env["NEXT_PUBLIC_API_URL"] != null
+    ? process.env["NEXT_PUBLIC_API_URL"]
     : `http://127.0.0.1:${API_DEFAULT_PORT}`
 
 export const api = axios.create({
   baseURL: API_URL,
   headers: {
-    'Content-Type': 'application/json'
-  }
+    "Content-Type": "application/json",
+  },
 })
diff --git a/tools/authentication/Authentication.ts b/tools/authentication/Authentication.ts
index 4eedf89..76a4a5f 100644
--- a/tools/authentication/Authentication.ts
+++ b/tools/authentication/Authentication.ts
@@ -1,14 +1,14 @@
-import type { AxiosInstance } from 'axios'
-import axios from 'axios'
-import type { Socket } from 'socket.io-client'
-import { io } from 'socket.io-client'
-import { isUnauthorizedError } from '@thream/socketio-jwt'
+import type { AxiosInstance } from "axios"
+import axios from "axios"
+import type { Socket } from "socket.io-client"
+import { io } from "socket.io-client"
+import { isUnauthorizedError } from "@thream/socketio-jwt"
 
-import { API_URL } from '../api'
-import { cookies } from '../cookies'
-import type { Tokens } from '.'
-import { fetchRefreshToken } from './authenticationFromServerSide'
-import { clearCache } from '../cache'
+import { API_URL } from "../api"
+import { cookies } from "../cookies"
+import type { Tokens } from "."
+import { fetchRefreshToken } from "./authenticationFromServerSide"
+import { clearCache } from "../cache"
 
 export class Authentication {
   public tokens: Tokens
@@ -19,18 +19,20 @@ export class Authentication {
   constructor(tokens: Tokens, disableSocketIO: boolean = false) {
     this.tokens = tokens
     this.accessTokenAge = Date.now()
-    if (typeof window === 'undefined' || disableSocketIO) {
+    if (typeof window === "undefined" || disableSocketIO) {
       this.socket = undefined
     } else {
       this.socket = io(API_URL, {
-        auth: { token: `Bearer ${tokens.accessToken}` }
+        auth: { token: `Bearer ${tokens.accessToken}` },
       })
-      this.socket.on('connect', () => {
+      this.socket.on("connect", () => {
         console.log(
-          `Connected to socket with clientId: ${this.socket?.id ?? 'undefined'}`
+          `Connected to socket with clientId: ${
+            this.socket?.id ?? "undefined"
+          }`,
         )
       })
-      this.socket.on('connect_error', (error) => {
+      this.socket.on("connect_error", (error) => {
         if (isUnauthorizedError(error)) {
           fetchRefreshToken(this.tokens.refreshToken)
             .then(({ accessToken }) => {
@@ -46,8 +48,8 @@ export class Authentication {
     this.api = axios.create({
       baseURL: API_URL,
       headers: {
-        'Content-Type': 'application/json'
-      }
+        "Content-Type": "application/json",
+      },
     })
     this.api.interceptors.request.use(
       async (config) => {
@@ -55,7 +57,7 @@ export class Authentication {
           this.accessTokenAge + tokens.expiresIn > Date.now()
         if (!isValidAccessToken) {
           const { accessToken } = await fetchRefreshToken(
-            this.tokens.refreshToken
+            this.tokens.refreshToken,
           )
           this.setAccessToken(accessToken)
         }
@@ -65,7 +67,7 @@ export class Authentication {
       async (error) => {
         this.signout()
         return await Promise.reject(error)
-      }
+      },
     )
     this.api.interceptors.response.use(
       (response) => {
@@ -78,7 +80,7 @@ export class Authentication {
         error.config._retry = true
         try {
           const { accessToken } = await fetchRefreshToken(
-            this.tokens.refreshToken
+            this.tokens.refreshToken,
           )
           this.setAccessToken(accessToken)
           error.response.config.headers.Authorization = `${this.tokens.type} ${this.tokens.accessToken}`
@@ -87,7 +89,7 @@ export class Authentication {
           this.signout()
           return await Promise.reject(error)
         }
-      }
+      },
     )
   }
 
@@ -95,21 +97,21 @@ export class Authentication {
     this.tokens.accessToken = accessToken
     this.accessTokenAge = Date.now()
     const token = `${this.tokens.type} ${this.tokens.accessToken}`
-    if (typeof this?.socket?.auth !== 'function' && this.socket != null) {
-      this.socket.auth['token'] = token
+    if (typeof this?.socket?.auth !== "function" && this.socket != null) {
+      this.socket.auth["token"] = token
     }
   }
 
   public signout(): void {
-    cookies.remove('refreshToken')
+    cookies.remove("refreshToken")
     clearCache()
-    window.location.href = '/authentication/signin'
+    window.location.href = "/authentication/signin"
   }
 
   public async signoutServerSide(): Promise<void> {
     try {
-      await this.api.post('/users/signout', {
-        refreshToken: this.tokens.refreshToken
+      await this.api.post("/users/signout", {
+        refreshToken: this.tokens.refreshToken,
       })
     } catch {}
     this.signout()
@@ -117,13 +119,13 @@ export class Authentication {
 
   public async signoutAllDevicesServerSide(): Promise<void> {
     try {
-      await this.api.delete('/users/signout')
+      await this.api.delete("/users/signout")
     } catch {}
     this.signout()
   }
 
   public signin(): void {
     clearCache()
-    cookies.set('refreshToken', this.tokens.refreshToken)
+    cookies.set("refreshToken", this.tokens.refreshToken)
   }
 }
diff --git a/tools/authentication/AuthenticationContext.tsx b/tools/authentication/AuthenticationContext.tsx
index 952a69f..ee99152 100644
--- a/tools/authentication/AuthenticationContext.tsx
+++ b/tools/authentication/AuthenticationContext.tsx
@@ -1,11 +1,11 @@
-import { createContext, useState, useEffect, useMemo, useContext } from 'react'
-import { useTheme } from 'next-themes'
-import setLanguage from 'next-translate/setLanguage'
-import useTranslation from 'next-translate/useTranslation'
+import { createContext, useState, useEffect, useMemo, useContext } from "react"
+import { useTheme } from "next-themes"
+import setLanguage from "next-translate/setLanguage"
+import useTranslation from "next-translate/useTranslation"
 
-import type { PagePropsWithAuthentication } from '.'
-import { Authentication } from '.'
-import type { UserCurrent } from '../../models/User'
+import type { PagePropsWithAuthentication } from "."
+import { Authentication } from "."
+import type { UserCurrent } from "../../models/User"
 
 export interface AuthenticationValue {
   authentication: Authentication
@@ -15,7 +15,7 @@ export interface AuthenticationValue {
 
 const defaultAuthenticationContext: AuthenticationValue = {} as any
 const AuthenticationContext = createContext<AuthenticationValue>(
-  defaultAuthenticationContext
+  defaultAuthenticationContext,
 )
 
 export const AuthenticationProvider: React.FC<
@@ -42,15 +42,15 @@ export const AuthenticationProvider: React.FC<
 
   useEffect(() => {
     authentication.api
-      .put('/users/current/settings', { theme, language: lang })
+      .put("/users/current/settings", { theme, language: lang })
       .then(({ data: userCurrentSettings }) => {
         setUser((oldUser) => {
           return {
             ...oldUser,
             settings: {
               ...oldUser.settings,
-              ...userCurrentSettings.settings
-            }
+              ...userCurrentSettings.settings,
+            },
           }
         })
       })
diff --git a/tools/authentication/authenticationFromServerSide.ts b/tools/authentication/authenticationFromServerSide.ts
index b4fa226..ceac9cc 100644
--- a/tools/authentication/authenticationFromServerSide.ts
+++ b/tools/authentication/authenticationFromServerSide.ts
@@ -1,20 +1,20 @@
-import type { AxiosInstance, AxiosResponse } from 'axios'
-import type { GetServerSideProps, GetServerSidePropsContext } from 'next'
+import type { AxiosInstance, AxiosResponse } from "axios"
+import type { GetServerSideProps, GetServerSidePropsContext } from "next"
 
-import { api } from '../api'
-import { Cookies } from '../cookies'
-import type { RefreshTokenResponse, Tokens } from './index'
-import { Authentication } from './Authentication'
-import type { UserCurrent } from '../../models/User'
+import { api } from "../api"
+import { Cookies } from "../cookies"
+import type { RefreshTokenResponse, Tokens } from "./index"
+import { Authentication } from "./Authentication"
+import type { UserCurrent } from "../../models/User"
 
 export const fetchRefreshToken = async (
-  refreshToken: string
+  refreshToken: string,
 ): Promise<Tokens> => {
   const { data } = await api.post<RefreshTokenResponse>(
-    '/users/refresh-token',
+    "/users/refresh-token",
     {
-      refreshToken
-    }
+      refreshToken,
+    },
   )
   return { ...data, refreshToken }
 }
@@ -25,33 +25,33 @@ interface AuthenticationFromServerSideOptions {
   /** allows to fetch data server side with the authenticated user, the callback should returns the data that will be transfer to the component as props */
   fetchData?: (
     context: GetServerSidePropsContext,
-    api: AxiosInstance
+    api: AxiosInstance,
   ) => Promise<{ [key: string]: any }>
 }
 
 export const authenticationFromServerSide = (
-  options: AuthenticationFromServerSideOptions
+  options: AuthenticationFromServerSideOptions,
 ): GetServerSideProps => {
   const { shouldBeAuthenticated, fetchData } = options
 
   return async (context) => {
     const cookies = new Cookies(context.req.headers.cookie)
-    const refreshToken = cookies.get('refreshToken')
+    const refreshToken = cookies.get("refreshToken")
     let tokens: Tokens | null = null
     if (refreshToken != null) {
       try {
         tokens = await fetchRefreshToken(refreshToken)
       } catch {
-        cookies.remove('refreshToken')
+        cookies.remove("refreshToken")
       }
     }
     if (!shouldBeAuthenticated) {
       if (tokens != null) {
         return {
           redirect: {
-            destination: '/application',
-            permanent: false
-          }
+            destination: "/application",
+            permanent: false,
+          },
         }
       } else {
         let data: any = {}
@@ -67,9 +67,9 @@ export const authenticationFromServerSide = (
       if (tokens == null) {
         return {
           redirect: {
-            destination: '/authentication/signin',
-            permanent: false
-          }
+            destination: "/authentication/signin",
+            permanent: false,
+          },
         }
       } else {
         try {
@@ -78,7 +78,7 @@ export const authenticationFromServerSide = (
           const { data: currentUser } = await authentication.api.get<
             unknown,
             AxiosResponse<UserCurrent>
-          >('/users/current')
+          >("/users/current")
           if (fetchData != null) {
             data = await fetchData(context, authentication.api)
           }
@@ -86,11 +86,11 @@ export const authenticationFromServerSide = (
             return data
           }
           return {
-            props: { authentication: { tokens, ...currentUser }, ...data }
+            props: { authentication: { tokens, ...currentUser }, ...data },
           }
         } catch {
           return {
-            notFound: true
+            notFound: true,
           }
         }
       }
diff --git a/tools/authentication/index.ts b/tools/authentication/index.ts
index 16af662..8f7c9ae 100644
--- a/tools/authentication/index.ts
+++ b/tools/authentication/index.ts
@@ -1,11 +1,11 @@
-import type { UserCurrent } from '../../models/User'
+import type { UserCurrent } from "../../models/User"
 
 export interface RefreshTokenResponse {
   accessToken: string
 
   /** how long, in milliseconds, until the accessToken expires */
   expiresIn: number
-  type: 'Bearer'
+  type: "Bearer"
 }
 
 export interface Tokens extends RefreshTokenResponse {
@@ -21,13 +21,13 @@ export interface PagePropsWithAuthentication {
 
 export const isTokens = (data: { [key: string]: any }): data is Tokens => {
   return (
-    'accessToken' in data &&
-    'refreshToken' in data &&
-    'type' in data &&
-    'expiresIn' in data
+    "accessToken" in data &&
+    "refreshToken" in data &&
+    "type" in data &&
+    "expiresIn" in data
   )
 }
 
-export * from './Authentication'
-export * from './authenticationFromServerSide'
-export * from './AuthenticationContext'
+export * from "./Authentication"
+export * from "./authenticationFromServerSide"
+export * from "./AuthenticationContext"
diff --git a/tools/cache.ts b/tools/cache.ts
index 1b117bf..cc1091e 100644
--- a/tools/cache.ts
+++ b/tools/cache.ts
@@ -1,9 +1,9 @@
-import type { PaginationItem } from '../hooks/usePagination'
+import type { PaginationItem } from "../hooks/usePagination"
 
-export const GUILDS_CACHE_KEY = 'guilds' as const
-export const CHANNELS_CACHE_KEY = 'channels' as const
-export const MEMBERS_CACHE_KEY = 'members' as const
-export const MESSAGES_CACHE_KEY = 'messages' as const
+export const GUILDS_CACHE_KEY = "guilds" as const
+export const CHANNELS_CACHE_KEY = "channels" as const
+export const MEMBERS_CACHE_KEY = "members" as const
+export const MESSAGES_CACHE_KEY = "messages" as const
 
 export type CacheKey =
   | typeof GUILDS_CACHE_KEY
@@ -12,7 +12,7 @@ export type CacheKey =
   | `${number}-${typeof MESSAGES_CACHE_KEY}`
 
 export const getPaginationCache = <T extends PaginationItem>(
-  key: CacheKey
+  key: CacheKey,
 ): T[] => {
   const cache = sessionStorage.getItem(key)
   if (cache != null) {
@@ -28,7 +28,7 @@ export const getPaginationCache = <T extends PaginationItem>(
 
 export const savePaginationCache = <T extends PaginationItem>(
   key: CacheKey,
-  data: T[]
+  data: T[],
 ): void => {
   sessionStorage.setItem(key, JSON.stringify(data))
 }
diff --git a/tools/cookies.ts b/tools/cookies.ts
index fd37f15..f57156f 100644
--- a/tools/cookies.ts
+++ b/tools/cookies.ts
@@ -1,4 +1,4 @@
-import UniversalCookie from 'universal-cookie'
+import UniversalCookie from "universal-cookie"
 
 export class Cookies {
   /** how long in seconds, until the cookie expires (10 years) */
@@ -12,13 +12,13 @@ export class Cookies {
 
   set(name: string, value: string): void {
     this.universalCookie.set(name, value, {
-      path: '/',
-      maxAge: Cookies.COOKIE_MAX_AGE
+      path: "/",
+      maxAge: Cookies.COOKIE_MAX_AGE,
     })
   }
 
   remove(name: string): void {
-    this.universalCookie.remove(name, { path: '/' })
+    this.universalCookie.remove(name, { path: "/" })
   }
 
   get(name: string): string {
diff --git a/tools/handleSocketData.ts b/tools/handleSocketData.ts
index e69b45c..a7a78a6 100644
--- a/tools/handleSocketData.ts
+++ b/tools/handleSocketData.ts
@@ -1,6 +1,6 @@
-import type { SetItems } from '../hooks/usePagination'
-import type { CacheKey } from './cache'
-import { savePaginationCache } from './cache'
+import type { SetItems } from "../hooks/usePagination"
+import type { CacheKey } from "./cache"
+import { savePaginationCache } from "./cache"
 
 export interface Item {
   id: number
@@ -8,7 +8,7 @@ export interface Item {
 }
 
 export interface SocketData<T extends Item = Item> {
-  action: 'create' | 'update' | 'delete'
+  action: "create" | "update" | "delete"
   item: T
 }
 
@@ -21,19 +21,19 @@ export interface HandleSocketDataOptions<T extends Item = Item> {
 export type SocketListener = (data: SocketData) => void
 
 export const handleSocketData = <T extends Item = Item>(
-  options: HandleSocketDataOptions<T>
+  options: HandleSocketDataOptions<T>,
 ): void => {
   const { data, setItems, cacheKey } = options
-  console.log('socket.io data received: ', data)
+  console.log("socket.io data received: ", data)
 
   setItems((oldItems) => {
     const newItems = [...oldItems]
     switch (data.action) {
-      case 'create': {
+      case "create": {
         newItems.push(data.item)
         break
       }
-      case 'delete': {
+      case "delete": {
         const itemIndex = newItems.findIndex((item) => {
           return item.id === data.item.id
         })
@@ -42,14 +42,14 @@ export const handleSocketData = <T extends Item = Item>(
         }
         break
       }
-      case 'update': {
+      case "update": {
         const itemIndex = newItems.findIndex((item) => {
           return item.id === data.item.id
         })
         if (itemIndex !== -1) {
           newItems[itemIndex] = {
             ...newItems[itemIndex],
-            ...data.item
+            ...data.item,
           }
         }
         break