diff --git a/package.json b/package.json
index bd96fb9..9ddae33 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "basic-frontend",
+  "name": "akatsuki-web",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -78,13 +78,142 @@
     "start": "node scripts/start.js",
     "build": "node scripts/build.js",
     "test": "node scripts/test.js",
-    "lint-fix": "yarn eslint --fix src/"
+    "lint-fix": "yarn eslint --fix src/",
+    "preinstall": "npx only-allow yarn"
   },
   "eslintConfig": {
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+      "ecmaVersion": "latest",
+      "sourceType": "module",
+      "ecmaFeatures": {
+        "jsx": true
+      }
+    },
+    "settings": {
+      "react": {
+        "version": "detect"
+      }
+    },
     "extends": [
       "react-app",
-      "react-app/jest"
-    ]
+      "react-app/jest",
+      "prettier",
+      "plugin:react/recommended",
+      "plugin:@typescript-eslint/recommended",
+      "plugin:import/recommended",
+      "plugin:react-hooks/recommended",
+      "plugin:prettier/recommended",
+      "plugin:import/typescript",
+      "plugin:react/jsx-runtime"
+    ],
+    "plugins": [
+      "check-file",
+      "simple-import-sort"
+    ],
+    "rules": {
+      "@typescript-eslint/no-explicit-any": "off",
+      "simple-import-sort/imports": "error",
+      "simple-import-sort/exports": "error",
+      "check-file/no-index": [
+        "warn"
+      ],
+      "react/jsx-sort-props": [
+        "error",
+        {
+          "callbacksLast": false,
+          "shorthandFirst": true,
+          "multiline": "ignore",
+          "ignoreCase": true,
+          "noSortAlphabetically": true,
+          "reservedFirst": true
+        }
+      ],
+      "import/no-default-export": "off",
+      "react/forbid-elements": [
+        "error",
+        {
+          "forbid": [
+            {
+              "element": "h1",
+              "message": "Use @materialui <Typography /> instead of <h1 />"
+            },
+            {
+              "element": "h2",
+              "message": "Use @materialui <Typography /> instead of <h2 />"
+            },
+            {
+              "element": "h3",
+              "message": "Use @materialui <Typography /> instead of <h3 />"
+            },
+            {
+              "element": "h4",
+              "message": "Use @materialui <Typography /> instead of <h4 />"
+            },
+            {
+              "element": "h5",
+              "message": "Use @materialui <Typography /> instead of <h5 />"
+            },
+            {
+              "element": "h6",
+              "message": "Use @materialui <Typography /> instead of <h5 />"
+            },
+            {
+              "element": "p",
+              "message": "Use @materialui <Typography /> instead of <p />"
+            },
+            {
+              "element": "div",
+              "message": "Use @materialui <Box /> instead of <div />"
+            },
+            {
+              "element": "grid",
+              "message": "Use @materialui <Grid /> instead of <grid />"
+            },
+            {
+              "element": "button",
+              "message": "Use @materialui <Button /> instead of <button />"
+            }
+          ]
+        }
+      ],
+      "react/jsx-pascal-case": [
+        "error",
+        {
+          "allowAllCaps": false,
+          "allowLeadingUnderscore": false,
+          "allowNamespace": false
+        }
+      ],
+      "react/jsx-boolean-value": [
+        "warn",
+        "never"
+      ],
+      "react/forbid-component-props": [
+        "error",
+        {
+          "forbid": [
+            "className",
+            "style"
+          ]
+        }
+      ],
+      "react/forbid-dom-props": [
+        "error",
+        {
+          "forbid": [
+            "className",
+            "style"
+          ]
+        }
+      ],
+      "import/no-duplicates": [
+        "error",
+        {
+          "prefer-inline": true
+        }
+      ]
+    }
   },
   "browserslist": {
     "production": [
@@ -102,6 +231,10 @@
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "dotenv-webpack": "^8.0.1",
     "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-check-file": "^2.8.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
     "prettier": "^3.3.2"
   },
   "jest": {
diff --git a/src/App.test.tsx b/src/App.test.tsx
index 744673e..562537f 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -1,5 +1,5 @@
-import React from "react"
 import { render, screen } from "@testing-library/react"
+
 import App from "./App"
 
 test("renders learn react link", () => {
diff --git a/src/App.tsx b/src/App.tsx
index 0db35cb..9d20a5b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,40 +1,41 @@
+import * as amplitude from "@amplitude/analytics-browser"
+import Box from "@mui/material/Box"
+import CssBaseline from "@mui/material/CssBaseline"
+import Stack from "@mui/material/Stack"
+import { createTheme, ThemeProvider } from "@mui/material/styles"
+import {
+  CategoryScale,
+  Chart as ChartJS,
+  Legend,
+  LinearScale,
+  LineElement,
+  PointElement,
+  Title,
+  Tooltip,
+} from "chart.js"
 import React from "react"
-import Navbar from "./components/Navbar"
 import {
   createBrowserRouter,
   createRoutesFromElements,
+  Outlet,
   Route,
   RouterProvider,
-  Outlet,
 } from "react-router-dom"
-import * as amplitude from '@amplitude/analytics-browser';
-import { HomePage } from "./pages/HomePage"
-import { createTheme, ThemeProvider } from "@mui/material/styles"
+
+import Footer from "./components/Footer"
+import Navbar from "./components/Navbar"
 import { IdentityContextProvider } from "./context/identity"
-import { RegisterPage } from "./pages/RegisterPage"
-import { LoginPage } from "./pages/LoginPage"
+import { AboutPage } from "./pages/AboutPage"
+import { ContactPage } from "./pages/ContactPage"
+import { HomePage } from "./pages/HomePage"
 import { LeaderboardsPage } from "./pages/LeaderboardsPage"
+import { LoginPage } from "./pages/LoginPage"
+import { PrivacyPolicyPage } from "./pages/PrivacyPolicyPage"
 import { ProfilePage } from "./pages/ProfilePage"
+import { RegisterPage } from "./pages/RegisterPage"
 import { SupportPage } from "./pages/SupportPage"
-import CssBaseline from "@mui/material/CssBaseline"
-import {
-  Chart as ChartJS,
-  CategoryScale,
-  LinearScale,
-  PointElement,
-  LineElement,
-  Title,
-  Tooltip,
-  Legend,
-} from "chart.js"
-import { AboutPage } from "./pages/AboutPage"
-import Footer from "./components/Footer"
-import Box from "@mui/material/Box"
-import Stack from "@mui/material/Stack"
 import { TeamPage } from "./pages/TeamPage"
-import { ContactPage } from "./pages/ContactPage"
 import { TermsOfServicePage } from "./pages/TermsOfServicePage"
-import { PrivacyPolicyPage } from "./pages/PrivacyPolicyPage"
 
 ChartJS.register(
   CategoryScale,
@@ -81,7 +82,7 @@ export default function App() {
   amplitude.init(process.env.REACT_APP_AMPLITUDE_API_KEY, {
     defaultTracking: true,
     minIdLength: 4,
-  });
+  })
 
   const theme = React.useMemo(
     () =>
diff --git a/src/adapters/akatsuki-api/authentication.ts b/src/adapters/akatsuki-api/authentication.ts
index 78db499..4b11b72 100644
--- a/src/adapters/akatsuki-api/authentication.ts
+++ b/src/adapters/akatsuki-api/authentication.ts
@@ -1,4 +1,5 @@
 import axios from "axios"
+
 import type { Identity } from "../../context/identity"
 
 interface AuthenticateRequest {
diff --git a/src/adapters/akatsuki-api/profileHistory.ts b/src/adapters/akatsuki-api/profileHistory.ts
index b9acaad..80c912c 100644
--- a/src/adapters/akatsuki-api/profileHistory.ts
+++ b/src/adapters/akatsuki-api/profileHistory.ts
@@ -1,4 +1,5 @@
 import axios from "axios"
+
 import { GameMode } from "../../gameModes"
 
 export enum ProfileHistoryType {
diff --git a/src/components/DestinationIcons.tsx b/src/components/DestinationIcons.tsx
index f875843..b11ec53 100644
--- a/src/components/DestinationIcons.tsx
+++ b/src/components/DestinationIcons.tsx
@@ -1,7 +1,7 @@
+import PublicIcon from "@mui/icons-material/Public"
 import { Box, Tooltip } from "@mui/material"
-import { getCountryName, getFlagUrl } from "../utils/countries"
 
-import PublicIcon from "@mui/icons-material/Public"
+import { getCountryName, getFlagUrl } from "../utils/countries"
 
 export const GlobalIcon = ({
   width,
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index e975a4c..f8d97b3 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,9 +1,10 @@
-import { Link } from "react-router-dom"
-import { FooterLogo } from "./images/logos/FooterLogo"
+import { Copyright, GitHub, Twitter } from "@mui/icons-material"
 import { Box, Container, Divider, Stack, Typography } from "@mui/material"
+import { Link } from "react-router-dom"
+
 import FooterBanner from "./images/banners/footer_banner.png"
-import { Copyright, GitHub, Twitter } from "@mui/icons-material"
 import { DiscordLogo } from "./images/logos/DiscordLogo"
+import { FooterLogo } from "./images/logos/FooterLogo"
 
 export default function Footer() {
   return (
@@ -55,6 +56,7 @@ export default function Footer() {
                 <Stack direction="column" spacing={2}>
                   <Link
                     to="/team"
+                    // eslint-disable-next-line react/forbid-component-props
                     style={{
                       color: "#FFFFFF",
                       textDecoration: "none",
@@ -66,6 +68,7 @@ export default function Footer() {
                   </Link>
                   <Link
                     to="/contact"
+                    // eslint-disable-next-line react/forbid-component-props
                     style={{
                       color: "#FFFFFF",
                       textDecoration: "none",
@@ -79,6 +82,7 @@ export default function Footer() {
                 <Stack direction="column" spacing={2}>
                   <Link
                     to="/privacy-policy"
+                    // eslint-disable-next-line react/forbid-component-props
                     style={{
                       color: "#FFFFFF",
                       textDecoration: "none",
@@ -90,6 +94,7 @@ export default function Footer() {
                   </Link>
                   <Link
                     to="/terms-of-service"
+                    // eslint-disable-next-line react/forbid-component-props
                     style={{
                       color: "#FFFFFF",
                       textDecoration: "none",
@@ -125,6 +130,7 @@ export default function Footer() {
                 </Link>
                 <Link
                   to={process.env.REACT_APP_GITHUB_ORG_URL}
+                  // eslint-disable-next-line react/forbid-component-props
                   style={{
                     color: "#FFFFFF",
                     textDecoration: "none",
@@ -134,6 +140,7 @@ export default function Footer() {
                 </Link>
                 <Link
                   to={process.env.REACT_APP_TWITTER_URL}
+                  // eslint-disable-next-line react/forbid-component-props
                   style={{
                     color: "#FFFFFF",
                     textDecoration: "none",
diff --git a/src/components/GamemodeSelectionBar.tsx b/src/components/GamemodeSelectionBar.tsx
index e3c6590..f54dbfd 100644
--- a/src/components/GamemodeSelectionBar.tsx
+++ b/src/components/GamemodeSelectionBar.tsx
@@ -1,10 +1,11 @@
+import { Stack } from "@mui/material"
 import Box from "@mui/material/Box"
-import { GameMode, isRealGameMode, RelaxMode } from "../gameModes"
 import Typography from "@mui/material/Typography"
-import { Stack } from "@mui/material"
-import { StandardGameModeIcon } from "./images/gamemode-icons/StandardGameModeIcon"
-import { ManiaGameModeIcon } from "./images/gamemode-icons/ManiaGameModeIcon"
+
+import { GameMode, isRealGameMode, RelaxMode } from "../gameModes"
 import { CatchGameModeIcon } from "./images/gamemode-icons/CatchGameModeIcon"
+import { ManiaGameModeIcon } from "./images/gamemode-icons/ManiaGameModeIcon"
+import { StandardGameModeIcon } from "./images/gamemode-icons/StandardGameModeIcon"
 import { TaikoGameModeIcon } from "./images/gamemode-icons/TaikoGameModeIcon"
 
 const GameModeSelector = ({
diff --git a/src/components/GlobalUserLeaderboard.tsx b/src/components/GlobalUserLeaderboard.tsx
index fd05435..636d362 100644
--- a/src/components/GlobalUserLeaderboard.tsx
+++ b/src/components/GlobalUserLeaderboard.tsx
@@ -1,24 +1,24 @@
-import TablePagination from "@mui/material/TablePagination"
-import { Link } from "react-router-dom"
 import {
-  Box,
   Alert,
-  Typography,
+  Box,
+  Grid,
   Skeleton,
   Stack,
+  Typography,
   useMediaQuery,
-  Grid,
   useTheme,
 } from "@mui/material"
+import TablePagination from "@mui/material/TablePagination"
 import { useEffect, useState } from "react"
+import { Link } from "react-router-dom"
+
 import {
   fetchLeaderboard,
   type LeaderboardResponse,
+  type LeaderboardUser,
 } from "../adapters/akatsuki-api/leaderboards"
-import { formatDecimal, formatNumber } from "../utils/formatting"
-
 import { GameMode, RelaxMode } from "../gameModes"
-import { type LeaderboardUser } from "../adapters/akatsuki-api/leaderboards"
+import { formatDecimal, formatNumber } from "../utils/formatting"
 import { FlagIcon } from "./DestinationIcons"
 
 const USER_RANK_BG_COLOR = "rgba(21, 18, 35, 1)"
@@ -52,6 +52,7 @@ const MobileLeaderboardUserCard = ({ user }: { user: LeaderboardUser }) => {
           <Typography variant="body1" ml={1}>
             <Link
               to={`/u/${user.id}`}
+              // eslint-disable-next-line react/forbid-component-props
               style={{
                 color: "#FFFFFF",
                 textDecoration: "none",
@@ -121,6 +122,7 @@ const LeaderboardUserCard = ({
           <Typography variant="body1" ml={1}>
             <Link
               to={`/u/${user.id}`}
+              // eslint-disable-next-line react/forbid-component-props
               style={{
                 color: "#FFFFFF",
                 textDecoration: "none",
@@ -290,7 +292,7 @@ export const GlobalUserLeaderboard = ({
           setPageSize(parseInt(event.target.value, 10))
           setPage(0)
         }}
-        labelDisplayedRows={({ from, to, count }) => {
+        labelDisplayedRows={({ from, to }) => {
           return `Results ${from}-${to}`
         }}
       />
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index ec35cee..4057c9a 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,30 +1,31 @@
+import * as amplitude from "@amplitude/analytics-browser"
+import { FavoriteOutlined } from "@mui/icons-material"
 import {
-  Typography,
+  Autocomplete,
+  Box,
   Button,
-  Stack,
   Container,
-  TextField,
+  debounce,
   Divider,
   IconButton,
-  Autocomplete,
-  debounce,
-  Box,
+  Stack,
+  TextField,
+  Typography,
 } from "@mui/material"
+import { useEffect, useMemo, useState } from "react"
 import { Link, useLocation, useNavigate } from "react-router-dom"
-import { FavoriteOutlined } from "@mui/icons-material"
-import * as amplitude from '@amplitude/analytics-browser';
-import {
-  removeIdentityFromLocalStorage,
-  useIdentityContext,
-} from "../context/identity"
+
 import { logout } from "../adapters/akatsuki-api/authentication"
-import { useEffect, useMemo, useState } from "react"
-import { AkatsukiLogo } from "./images/logos/AkatsukiLogo"
 import {
   searchUsers,
   SingleUserSearchResult,
 } from "../adapters/akatsuki-api/search"
+import {
+  removeIdentityFromLocalStorage,
+  useIdentityContext,
+} from "../context/identity"
 import { UserPrivileges } from "../privileges"
+import { AkatsukiLogo } from "./images/logos/AkatsukiLogo"
 
 const PAGES_WITH_VISIBLE_OUTLINE = ["/"]
 
@@ -117,7 +118,7 @@ export default function Navbar() {
                   </Box>
                 </Button>
               </Link>
-              <Divider orientation="vertical" flexItem />
+              <Divider flexItem orientation="vertical" />
               <Link to="/">
                 <Button sx={{ color: "white", textTransform: "none" }}>
                   <Typography variant="subtitle1">Home</Typography>
diff --git a/src/components/home/HomepageStatDisplay.tsx b/src/components/home/HomepageStatDisplay.tsx
index c9de25b..304c653 100644
--- a/src/components/home/HomepageStatDisplay.tsx
+++ b/src/components/home/HomepageStatDisplay.tsx
@@ -1,4 +1,5 @@
 import { Box, Stack, Typography } from "@mui/material"
+
 import { formatNumber } from "../../utils/formatting"
 
 export const HomepageStatDisplay = ({
@@ -13,13 +14,15 @@ export const HomepageStatDisplay = ({
   title: string
   value: number
   icon: JSX.Element
-  lessRoundedCorner: 'top-left' | 'bottom-left' | 'top-right' | 'bottom-right'
-  shadowDirection: 'top-left' | 'bottom-left' | 'top-right' | 'bottom-right'
-  justifyText: 'top' | 'bottom'
-  textAlign: 'left' | 'right'
+  lessRoundedCorner: "top-left" | "bottom-left" | "top-right" | "bottom-right"
+  shadowDirection: "top-left" | "bottom-left" | "top-right" | "bottom-right"
+  justifyText: "top" | "bottom"
+  textAlign: "left" | "right"
 }) => {
-  const CORNERS = ['top-left', 'top-right', 'bottom-right', 'bottom-left']
-  const borderRadius = CORNERS.map(corner => corner === lessRoundedCorner ? "27px" : "50px").join(' ')
+  const CORNERS = ["top-left", "top-right", "bottom-right", "bottom-left"]
+  const borderRadius = CORNERS.map((corner) =>
+    corner === lessRoundedCorner ? "27px" : "50px"
+  ).join(" ")
 
   const SHADOW_COLOR = "hsl(0deg 0% 0% / 0.2)"
   const shadowOffsetX = shadowDirection.endsWith("left") ? -20 : 20
@@ -36,7 +39,11 @@ export const HomepageStatDisplay = ({
       >
         {icon}
       </Box>
-      <Stack direction="column" justifyContent={justifyContent} textAlign={textAlign}>
+      <Stack
+        direction="column"
+        justifyContent={justifyContent}
+        textAlign={textAlign}
+      >
         <Typography variant="h4" fontWeight="lighter">
           {formatNumber(value)}
         </Typography>
@@ -46,4 +53,4 @@ export const HomepageStatDisplay = ({
       </Stack>
     </>
   )
-}
\ No newline at end of file
+}
diff --git a/src/components/images/logos/AkatsukiLogo.tsx b/src/components/images/logos/AkatsukiLogo.tsx
index 880709f..36374af 100644
--- a/src/components/images/logos/AkatsukiLogo.tsx
+++ b/src/components/images/logos/AkatsukiLogo.tsx
@@ -9,6 +9,7 @@ export const AkatsukiLogo = () => {
     >
       <mask
         id="mask0_1_130"
+        // eslint-disable-next-line react/forbid-dom-props
         style={{ maskType: "alpha" }}
         maskUnits="userSpaceOnUse"
         x="0"
diff --git a/src/components/images/logos/HomepageTextOutline.tsx b/src/components/images/logos/HomepageTextOutline.tsx
index afcf80d..4ddb7cf 100644
--- a/src/components/images/logos/HomepageTextOutline.tsx
+++ b/src/components/images/logos/HomepageTextOutline.tsx
@@ -7,6 +7,7 @@ export const HomepageTextOutline = () => {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
+      {/* eslint-disable-next-line react/forbid-dom-props */}
       <g style={{ mixBlendMode: "overlay" }}>
         <mask
           id="path-1-outside-1_79_3021"
diff --git a/src/components/profile/ProfileActivityDatesCard.tsx b/src/components/profile/ProfileActivityDatesCard.tsx
index 774565d..62ed19e 100644
--- a/src/components/profile/ProfileActivityDatesCard.tsx
+++ b/src/components/profile/ProfileActivityDatesCard.tsx
@@ -1,8 +1,9 @@
 import { Typography } from "@mui/material"
 import Stack from "@mui/material/Stack"
-import { UserFullResponse } from "../../adapters/akatsuki-api/users"
 import moment from "moment"
 
+import { UserFullResponse } from "../../adapters/akatsuki-api/users"
+
 export const ProfileActivityDatesCard = ({
   userProfile,
 }: {
diff --git a/src/components/profile/ProfileClanCard.tsx b/src/components/profile/ProfileClanCard.tsx
index 7a18615..de465e3 100644
--- a/src/components/profile/ProfileClanCard.tsx
+++ b/src/components/profile/ProfileClanCard.tsx
@@ -1,6 +1,7 @@
 import { Typography } from "@mui/material"
-import Stack from "@mui/material/Stack"
 import Box from "@mui/material/Box"
+import Stack from "@mui/material/Stack"
+
 import { UserClan } from "../../adapters/akatsuki-api/users"
 
 export const ProfileClanCard = ({ clan }: { clan: UserClan }) => {
diff --git a/src/components/profile/ProfileHistoryCard.tsx b/src/components/profile/ProfileHistoryCard.tsx
index a4e3a0b..a4dea89 100644
--- a/src/components/profile/ProfileHistoryCard.tsx
+++ b/src/components/profile/ProfileHistoryCard.tsx
@@ -1,9 +1,9 @@
-import { Typography, Alert, Button, Divider } from "@mui/material"
-import Stack from "@mui/material/Stack"
+import { Alert, Button, Divider, Typography } from "@mui/material"
 import Box from "@mui/material/Box"
+import Stack from "@mui/material/Stack"
 import { useEffect, useState } from "react"
-import { GameMode, RelaxMode } from "../../gameModes"
-import { UserFullResponse, UserStats } from "../../adapters/akatsuki-api/users"
+import { Line as LineChart } from "react-chartjs-2"
+
 import {
   captureTypeToDisplay,
   fetchUserProfileHistory,
@@ -11,9 +11,10 @@ import {
   ProfileHistoryResponse,
   ProfileHistoryType,
 } from "../../adapters/akatsuki-api/profileHistory"
-import { formatDecimal } from "../../utils/formatting"
-import { Line as LineChart } from "react-chartjs-2"
+import { UserFullResponse, UserStats } from "../../adapters/akatsuki-api/users"
+import { GameMode, RelaxMode } from "../../gameModes"
 import { modeToStatsIndex } from "../../scores"
+import { formatDecimal } from "../../utils/formatting"
 import { FlagIcon, GlobalIcon } from "../DestinationIcons"
 
 const getChartOptions = (chartType: ProfileHistoryType) => {
diff --git a/src/components/profile/ProfileIdentityCard.tsx b/src/components/profile/ProfileIdentityCard.tsx
index 9bb67e7..13a4a8a 100644
--- a/src/components/profile/ProfileIdentityCard.tsx
+++ b/src/components/profile/ProfileIdentityCard.tsx
@@ -1,6 +1,7 @@
-import { Typography, Avatar } from "@mui/material"
-import Stack from "@mui/material/Stack"
+import { Avatar, Typography } from "@mui/material"
 import Box from "@mui/material/Box"
+import Stack from "@mui/material/Stack"
+
 import { UserFullResponse } from "../../adapters/akatsuki-api/users"
 import { UserPrivileges } from "../../utils/privileges"
 import { FlagIcon } from "../DestinationIcons"
diff --git a/src/components/profile/ProfileLevelCard.tsx b/src/components/profile/ProfileLevelCard.tsx
index 54eb208..f3c7698 100644
--- a/src/components/profile/ProfileLevelCard.tsx
+++ b/src/components/profile/ProfileLevelCard.tsx
@@ -1,7 +1,8 @@
-import { Typography, LinearProgress } from "@mui/material"
+import { LinearProgress, Typography } from "@mui/material"
+import Box from "@mui/material/Box"
 import { linearProgressClasses } from "@mui/material/LinearProgress"
 import Stack from "@mui/material/Stack"
-import Box from "@mui/material/Box"
+
 import { formatDecimal } from "../../utils/formatting"
 import { LevelDisplayPolygon } from "../images/polygons/LevelDisplay"
 
diff --git a/src/components/profile/ProfileRelationshipCard.tsx b/src/components/profile/ProfileRelationshipCard.tsx
index d41d9ca..3ebd5ca 100644
--- a/src/components/profile/ProfileRelationshipCard.tsx
+++ b/src/components/profile/ProfileRelationshipCard.tsx
@@ -1,9 +1,10 @@
 import { Button, Typography } from "@mui/material"
-import Stack from "@mui/material/Stack"
 import Box from "@mui/material/Box"
-import { AddUserIcon } from "../images/icons/AddUserIcon"
+import Stack from "@mui/material/Stack"
+
 import { RelationshipType } from "../../adapters/akatsuki-api/userRelationships"
 import { useIdentityContext } from "../../context/identity"
+import { AddUserIcon } from "../images/icons/AddUserIcon"
 
 const getRelationshipColor = (relationship: RelationshipType) => {
   switch (relationship) {
diff --git a/src/components/profile/ProfileScoresCard.tsx b/src/components/profile/ProfileScoresCard.tsx
index 63be2fc..99d4fe3 100644
--- a/src/components/profile/ProfileScoresCard.tsx
+++ b/src/components/profile/ProfileScoresCard.tsx
@@ -1,23 +1,23 @@
-import { Link } from "react-router-dom"
-import { Typography, IconButton, Paper, TablePagination } from "@mui/material"
-import Stack from "@mui/material/Stack"
+import MoreVertIcon from "@mui/icons-material/MoreVert"
+import { IconButton, Paper, TablePagination, Typography } from "@mui/material"
 import Box from "@mui/material/Box"
+import Menu from "@mui/material/Menu"
+import MenuItem from "@mui/material/MenuItem"
+import Stack from "@mui/material/Stack"
 import { useEffect, useState } from "react"
-import { GameMode, getRelaxModeFromMods, RelaxMode } from "../../gameModes"
-import { formatDecimal, formatNumber } from "../../utils/formatting"
-import { calculateGrade, getGradeColor, remapSSForDisplay } from "../../scores"
+import { Link } from "react-router-dom"
+
 import {
   fetchUserScores,
   pinUnpinUserScore,
   UserScore,
   UserScoresResponse,
 } from "../../adapters/akatsuki-api/userScores"
-import { formatMods } from "../../utils/mods"
-import MoreVertIcon from "@mui/icons-material/MoreVert"
-
-import Menu from "@mui/material/Menu"
-import MenuItem from "@mui/material/MenuItem"
 import { useIdentityContext } from "../../context/identity"
+import { GameMode, getRelaxModeFromMods, RelaxMode } from "../../gameModes"
+import { calculateGrade, getGradeColor, remapSSForDisplay } from "../../scores"
+import { formatDecimal, formatNumber } from "../../utils/formatting"
+import { formatMods } from "../../utils/mods"
 
 const SONG_NAME_REGEX =
   /^(?<artist>[^-]+) - (?<songName>[^[]+) \[(?<version>.+)\]$/
@@ -33,6 +33,7 @@ const DownloadReplayMenuItem = ({
     <MenuItem key="download-replay" onClick={() => handleMenuClose()}>
       <Link
         to={`https://akatsuki.gg/web/replays/${score.id}`}
+        // eslint-disable-next-line react/forbid-component-props
         style={{
           color: "#FFFFFF",
           textDecoration: "none",
@@ -166,7 +167,7 @@ const ProfileScoreCard = (userScore: UserScore) => {
               // TODO: adjust this to work better on xs/sm devices
               maxWidth="15vw"
             >
-              <Typography variant="h6" noWrap={true}>
+              <Typography noWrap variant="h6">
                 {songName}&nbsp;
                 <Box component="span" fontWeight="lighter" fontSize="1rem">
                   by {artist}
@@ -320,7 +321,7 @@ export const ProfileScoresCard = ({
           setPageSize(parseInt(event.target.value, 10))
           setPage(0)
         }}
-        labelDisplayedRows={({ from, to, count }) => {
+        labelDisplayedRows={({ from, to }) => {
           return `Results ${from}-${to}`
         }}
       />
diff --git a/src/components/profile/ProfileStatsCard.tsx b/src/components/profile/ProfileStatsCard.tsx
index d953b6a..5554158 100644
--- a/src/components/profile/ProfileStatsCard.tsx
+++ b/src/components/profile/ProfileStatsCard.tsx
@@ -1,12 +1,13 @@
 import { Typography } from "@mui/material"
-import Stack from "@mui/material/Stack"
 import Box from "@mui/material/Box"
+import Stack from "@mui/material/Stack"
+
 import { UserStats } from "../../adapters/akatsuki-api/users"
-import { formatNumber, formatTimespan } from "../../utils/formatting"
 import {
   getGradeColor,
   remapSSForDisplay as getGradeDisplayName,
 } from "../../scores"
+import { formatNumber, formatTimespan } from "../../utils/formatting"
 
 const GradeCountDisplay = ({
   grade,
diff --git a/src/components/profile/ProfileTournamentBadgesCard.tsx b/src/components/profile/ProfileTournamentBadgesCard.tsx
index ba12f72..bde3af8 100644
--- a/src/components/profile/ProfileTournamentBadgesCard.tsx
+++ b/src/components/profile/ProfileTournamentBadgesCard.tsx
@@ -1,5 +1,6 @@
-import { Tooltip, Avatar } from "@mui/material"
+import { Avatar, Tooltip } from "@mui/material"
 import Stack from "@mui/material/Stack"
+
 import { UserTournamentBadge } from "../../adapters/akatsuki-api/users"
 
 const ProfileTournamentBadgeCard = ({
@@ -26,7 +27,7 @@ export const ProfileTournamentBadgesCard = ({
   badges: UserTournamentBadge[]
 }) => {
   return (
-    <Stack direction="row" spacing={1} flexWrap="wrap" mb={1} useFlexGap>
+    <Stack useFlexGap direction="row" spacing={1} flexWrap="wrap" mb={1}>
       {badges.map((tournamentBadge) => (
         <ProfileTournamentBadgeCard
           key={tournamentBadge.id}
diff --git a/src/components/profile/ProfileUserpageCard.tsx b/src/components/profile/ProfileUserpageCard.tsx
index dc68bb6..71eb19e 100644
--- a/src/components/profile/ProfileUserpageCard.tsx
+++ b/src/components/profile/ProfileUserpageCard.tsx
@@ -1,6 +1,7 @@
 import { UserFullResponse } from "../../adapters/akatsuki-api/users"
 
 export const ProfileUserpageCard = ({
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   userProfile,
 }: {
   userProfile: UserFullResponse
diff --git a/src/context/identity.tsx b/src/context/identity.tsx
index 90c7ff3..0963a84 100644
--- a/src/context/identity.tsx
+++ b/src/context/identity.tsx
@@ -1,4 +1,5 @@
 import React from "react"
+
 import { UserPrivileges } from "../privileges"
 
 const IDENTITY_CACHE_KEY = "identity"
diff --git a/src/index.tsx b/src/index.tsx
index 1794481..8a7848b 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,7 @@
+// eslint-disable-next-line check-file/no-index
 import React from "react"
 import ReactDOM from "react-dom/client"
+
 import App from "./App"
 import reportWebVitals from "./reportWebVitals"
 
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index fdc5061..01012ab 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,13 +1,15 @@
 import { Box, Button, Container, Grid, Stack, Typography } from "@mui/material"
+import { Link } from "react-router-dom"
+
 import { HomepageStatDisplay } from "../components/home/HomepageStatDisplay"
 import HomepageBanner from "../components/images/banners/homepage_banner.svg"
 import { HomepagePPIcon } from "../components/images/icons/HomepagePPIcon"
-import { HomepageUsersIcon } from "../components/images/icons/HomepageUsersIcon"
 import { HomepageScoresIcon } from "../components/images/icons/HomepageScoresIcon"
+import { HomepageUsersIcon } from "../components/images/icons/HomepageUsersIcon"
 import { WhiteoutAkatsukiLogo } from "../components/images/logos/WhiteoutAkatsukiLogo"
-import { Link } from "react-router-dom"
 
 export const HomePage = () => {
+  // TODO: fetch these from a backend API
   const totalPPEarned = 1_483_238
   const totalScoresSet = 92_383_238
   const totalUsersRegistered = 172_395
diff --git a/src/pages/LeaderboardsPage.tsx b/src/pages/LeaderboardsPage.tsx
index 659f021..6e70c04 100644
--- a/src/pages/LeaderboardsPage.tsx
+++ b/src/pages/LeaderboardsPage.tsx
@@ -1,12 +1,12 @@
 import { Box, Container, Stack, Typography } from "@mui/material"
+import Divider from "@mui/material/Divider"
+import { useState } from "react"
 
+import { GamemodeSelectionBar } from "../components/GamemodeSelectionBar"
 import { GlobalUserLeaderboard } from "../components/GlobalUserLeaderboard"
 import LeaderboardBanner from "../components/images/banners/leaderboard_banner.svg"
 import { LeaderboardIcon } from "../components/images/icons/LeaderboardIcon"
 import { GameMode, RelaxMode } from "../gameModes"
-import { useState } from "react"
-import Divider from "@mui/material/Divider"
-import { GamemodeSelectionBar } from "../components/GamemodeSelectionBar"
 
 export enum SortParam {
   Performance = "pp",
@@ -17,8 +17,9 @@ export const LeaderboardsPage = () => {
   const [gameMode, setGameMode] = useState(GameMode.Standard)
   const [relaxMode, setRelaxMode] = useState(RelaxMode.Vanilla)
   const [sortParam, setSortParam] = useState(SortParam.Performance)
-  const [country, setCountry] = useState<string | null>(null)
+  const [country] = useState<string | null>(null)
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const SortParamSelector = ({ targetSort }: { targetSort: SortParam }) => {
     const isSelected = sortParam === targetSort
     return (
@@ -67,9 +68,9 @@ export const LeaderboardsPage = () => {
                 <LeaderboardIcon />
               </Box>
               <Divider
+                flexItem
                 orientation="vertical"
                 variant="middle"
-                flexItem
                 sx={{ bgcolor: "#ffffff", opacity: "20%" }}
               />
               <Typography variant="body1" fontSize={25} fontWeight={300}>
diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx
index bb0a1cb..ab3d0b7 100644
--- a/src/pages/LoginPage.tsx
+++ b/src/pages/LoginPage.tsx
@@ -1,13 +1,14 @@
+import * as amplitude from "@amplitude/analytics-browser"
+import Alert from "@mui/material/Alert"
+import Button from "@mui/material/Button"
+import Stack from "@mui/material/Stack"
+import TextField from "@mui/material/TextField"
+import Typography from "@mui/material/Typography"
 import { useState } from "react"
+import { useNavigate } from "react-router-dom"
+
 import { authenticate } from "../adapters/akatsuki-api/authentication"
 import { useIdentityContext } from "../context/identity"
-import { useNavigate } from "react-router-dom"
-import Stack from "@mui/material/Stack"
-import Alert from "@mui/material/Alert"
-import Typography from "@mui/material/Typography"
-import TextField from "@mui/material/TextField"
-import Button from "@mui/material/Button"
-import * as amplitude from '@amplitude/analytics-browser';
 
 export const LoginPage = () => {
   const navigate = useNavigate()
diff --git a/src/pages/ProfilePage.tsx b/src/pages/ProfilePage.tsx
index 8236aea..871551a 100644
--- a/src/pages/ProfilePage.tsx
+++ b/src/pages/ProfilePage.tsx
@@ -1,36 +1,37 @@
-import { useParams } from "react-router-dom"
 import {
-  Typography,
   Alert,
+  Container,
   Divider,
+  Typography,
   useMediaQuery,
-  Container,
 } from "@mui/material"
-import DefaultProfileBanner from "../components/images/banners/default_profile.png"
-import Stack from "@mui/material/Stack"
 import Box from "@mui/material/Box"
-import { useEffect, useState } from "react"
-import { GameMode, RelaxMode } from "../gameModes"
-import { fetchUser, UserFullResponse } from "../adapters/akatsuki-api/users"
+import Stack from "@mui/material/Stack"
 import { useTheme } from "@mui/material/styles"
+import { useEffect, useState } from "react"
+import { useParams } from "react-router-dom"
+
 import { ProfileHistoryType } from "../adapters/akatsuki-api/profileHistory"
-import { modeToStatsIndex } from "../scores"
-import { ProfileIdentityCard } from "../components/profile/ProfileIdentityCard"
-import { ProfileActivityDatesCard } from "../components/profile/ProfileActivityDatesCard"
-import { ProfileRelationshipCard } from "../components/profile/ProfileRelationshipCard"
-import { GamemodeSelectionBar } from "../components/GamemodeSelectionBar"
-import { ProfileTournamentBadgesCard } from "../components/profile/ProfileTournamentBadgesCard"
-import { ProfileStatsCard } from "../components/profile/ProfileStatsCard"
-import { ProfileLevelCard } from "../components/profile/ProfileLevelCard"
-import { ProfileClanCard } from "../components/profile/ProfileClanCard"
-import { ProfileUserpageCard } from "../components/profile/ProfileUserpageCard"
-import { ProfileHistoryCard } from "../components/profile/ProfileHistoryCard"
-import { ProfileScoresCard } from "../components/profile/ProfileScoresCard"
 import {
   fetchUserFriendsWith,
   RelationshipType,
 } from "../adapters/akatsuki-api/userRelationships"
+import { fetchUser, UserFullResponse } from "../adapters/akatsuki-api/users"
+import { GamemodeSelectionBar } from "../components/GamemodeSelectionBar"
+import DefaultProfileBanner from "../components/images/banners/default_profile.png"
+import { ProfileActivityDatesCard } from "../components/profile/ProfileActivityDatesCard"
+import { ProfileClanCard } from "../components/profile/ProfileClanCard"
+import { ProfileHistoryCard } from "../components/profile/ProfileHistoryCard"
+import { ProfileIdentityCard } from "../components/profile/ProfileIdentityCard"
+import { ProfileLevelCard } from "../components/profile/ProfileLevelCard"
+import { ProfileRelationshipCard } from "../components/profile/ProfileRelationshipCard"
+import { ProfileScoresCard } from "../components/profile/ProfileScoresCard"
+import { ProfileStatsCard } from "../components/profile/ProfileStatsCard"
+import { ProfileTournamentBadgesCard } from "../components/profile/ProfileTournamentBadgesCard"
+import { ProfileUserpageCard } from "../components/profile/ProfileUserpageCard"
 import { useIdentityContext } from "../context/identity"
+import { GameMode, RelaxMode } from "../gameModes"
+import { modeToStatsIndex } from "../scores"
 
 export const ProfilePage = () => {
   const queryParams = useParams()
@@ -204,7 +205,7 @@ export const ProfilePage = () => {
             </Box>
           </Box>
 
-          {!isMobile && <Divider orientation="vertical" flexItem />}
+          {!isMobile && <Divider flexItem orientation="vertical" />}
 
           {/* Right Side (Profile History, Scores, etc.) */}
           <Box width={{ xs: "100%", sm: "66.67%" }}>
diff --git a/src/pages/RegisterPage.tsx b/src/pages/RegisterPage.tsx
index 4067088..c2e04f3 100644
--- a/src/pages/RegisterPage.tsx
+++ b/src/pages/RegisterPage.tsx
@@ -5,7 +5,7 @@ export const RegisterPage = () => {
 
   if (identity !== null) {
     // TODO: redirect to homepage
-    return <>You're already signed up!</>
+    return <>You&apos;re already signed up!</>
   }
 
   return <></>
diff --git a/src/scores.ts b/src/scores.ts
index d1aa70c..ead14a3 100644
--- a/src/scores.ts
+++ b/src/scores.ts
@@ -6,7 +6,7 @@ export enum SubmissionStatus {
   Best = 2,
 }
 
-export const getGradeColor = (grade: string, alpha: number = 1.0) => {
+export const getGradeColor = (grade: string, alpha = 1.0) => {
   let colorCode = "#000000"
   if (grade === "XH") {
     colorCode = "#e6e6e6"
@@ -59,8 +59,8 @@ export const calculateGrade = (
   switch (gameMode) {
     case GameMode.Standard:
     case GameMode.Taiko:
-      var ratio300 = num_300s / objectCount
-      var ratio50 = num_50s / objectCount
+      const ratio300 = num_300s / objectCount
+      const ratio50 = num_50s / objectCount
 
       if (ratio300 === 1) {
         return shouldUseSilverGrades ? "XH" : "X"
diff --git a/src/types.d.ts b/src/types.d.ts
index a434bd1..e09442f 100644
--- a/src/types.d.ts
+++ b/src/types.d.ts
@@ -1,7 +1,3 @@
-/// <reference types="node" />
-/// <reference types="react" />
-/// <reference types="react-dom" />
-
 declare namespace NodeJS {
   interface ProcessEnv {
     readonly NODE_ENV: "development" | "production" | "test"
diff --git a/src/utils/countries.ts b/src/utils/countries.ts
index 4043bb4..3c4b939 100644
--- a/src/utils/countries.ts
+++ b/src/utils/countries.ts
@@ -2,7 +2,7 @@ export const getFlagUrl = (country: string): string => {
   let url = "https://osu.ppy.sh/assets/images/flags/"
 
   for (let idx = 0; idx < country.length; idx++) {
-    let char = country.charCodeAt(idx)
+    const char = country.charCodeAt(idx)
     url += (char + 127397).toString(16)
     url += idx !== country.length - 1 ? "-" : ".svg"
   }
diff --git a/src/utils/mods.ts b/src/utils/mods.ts
index 2e1b188..080e901 100644
--- a/src/utils/mods.ts
+++ b/src/utils/mods.ts
@@ -38,7 +38,7 @@ export const formatMods = (mods: number): string => {
     return ""
   }
 
-  let activeMods: string[] = []
+  const activeMods: string[] = []
 
   if (mods & Mods.NoFail) {
     activeMods.push("NF")
diff --git a/yarn.lock b/yarn.lock
index eb4b063..ac3b339 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1894,6 +1894,11 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
+"@pkgr/core@^0.1.0":
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.1.1.tgz#1ec17e2edbec25c8306d424ecfbf13c7de1aaa31"
+  integrity sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==
+
 "@pmmmwh/react-refresh-webpack-plugin@^0.5.3":
   version "0.5.10"
   resolved "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz"
@@ -4395,6 +4400,11 @@ escodegen@^2.0.0:
   optionalDependencies:
     source-map "~0.6.1"
 
+eslint-config-prettier@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz#31af3d94578645966c082fcb71a5846d3c94867f"
+  integrity sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==
+
 eslint-config-react-app@^7.0.1:
   version "7.0.1"
   resolved "https://registry.npmjs.org/eslint-config-react-app/-/eslint-config-react-app-7.0.1.tgz"
@@ -4431,6 +4441,14 @@ eslint-module-utils@^2.7.4:
   dependencies:
     debug "^3.2.7"
 
+eslint-plugin-check-file@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-check-file/-/eslint-plugin-check-file-2.8.0.tgz#6f93f28b25376ca9a7b0d741ca56a726d59f8db7"
+  integrity sha512-FvvafMTam2WJYH9uj+FuMxQ1y+7jY3Z6P9T4j2214cH0FBxNzTcmeCiGTj1Lxp3mI6kbbgsXvmgewvf+llKYyw==
+  dependencies:
+    is-glob "^4.0.3"
+    micromatch "^4.0.5"
+
 eslint-plugin-flowtype@^8.0.3:
   version "8.0.3"
   resolved "https://registry.npmjs.org/eslint-plugin-flowtype/-/eslint-plugin-flowtype-8.0.3.tgz"
@@ -4489,6 +4507,14 @@ eslint-plugin-jsx-a11y@^6.5.1:
     object.fromentries "^2.0.6"
     semver "^6.3.0"
 
+eslint-plugin-prettier@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz#d1c8f972d8f60e414c25465c163d16f209411f95"
+  integrity sha512-gH3iR3g4JfF+yYPaJYkN7jEl9QbweL/YfkoRlNnuIEHEz1vHVlCmWOS+eGGiRuzHQXdJFCOTxRgvju9b8VUmrw==
+  dependencies:
+    prettier-linter-helpers "^1.0.0"
+    synckit "^0.9.1"
+
 eslint-plugin-react-hooks@^4.3.0:
   version "4.6.0"
   resolved "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz"
@@ -4515,6 +4541,11 @@ eslint-plugin-react@^7.27.1:
     semver "^6.3.0"
     string.prototype.matchall "^4.0.8"
 
+eslint-plugin-simple-import-sort@^12.1.1:
+  version "12.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-simple-import-sort/-/eslint-plugin-simple-import-sort-12.1.1.tgz#e64bfdaf91c5b98a298619aa634a9f7aa43b709e"
+  integrity sha512-6nuzu4xwQtE3332Uz0to+TxDQYRLTKRESSc2hefVT48Zc8JthmN23Gx9lnYhu0FtkRSL1oxny3kJ2aveVhmOVA==
+
 eslint-plugin-testing-library@^5.0.1:
   version "5.11.0"
   resolved "https://registry.npmjs.org/eslint-plugin-testing-library/-/eslint-plugin-testing-library-5.11.0.tgz"
@@ -4738,6 +4769,11 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
+fast-diff@^1.1.2:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
+  integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
+
 fast-glob@^3.2.12, fast-glob@^3.2.9:
   version "3.2.12"
   resolved "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz"
@@ -7695,6 +7731,13 @@ prelude-ls@~1.1.2:
   resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz"
   integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
 
+prettier-linter-helpers@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
+  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
+  dependencies:
+    fast-diff "^1.1.2"
+
 prettier@^3.3.2:
   version "3.3.3"
   resolved "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz"
@@ -8827,6 +8870,14 @@ symbol-tree@^3.2.4:
   resolved "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
+synckit@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.9.1.tgz#febbfbb6649979450131f64735aa3f6c14575c88"
+  integrity sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==
+  dependencies:
+    "@pkgr/core" "^0.1.0"
+    tslib "^2.6.2"
+
 tailwindcss@^3.0.2:
   version "3.3.2"
   resolved "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.2.tgz"
@@ -9024,6 +9075,11 @@ tslib@^2.0.3, tslib@^2.4.1:
   resolved "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz"
   integrity sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==
 
+tslib@^2.6.2:
+  version "2.6.3"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.3.tgz#0438f810ad7a9edcde7a241c3d80db693c8cbfe0"
+  integrity sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==
+
 tsutils@^3.21.0:
   version "3.21.0"
   resolved "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz"