diff --git a/.prettierrc b/.prettierrc
index 1d5c2e7..91e57d5 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -6,5 +6,6 @@
   "tabWidth": 2,
   "useTabs": false,
   "jsxSingleQuote": false,
-  "arrowParens": "always"
+  "arrowParens": "always",
+  "plugins": ["prettier-plugin-tailwindcss"]
 }
diff --git a/package.json b/package.json
index d4da620..4c0193c 100644
--- a/package.json
+++ b/package.json
@@ -21,15 +21,17 @@
     "react-dom": "18.3.1"
   },
   "devDependencies": {
+    "@types/node": "22.7.4",
     "@types/react": "18.3.5",
     "@types/react-dom": "18.3.0",
     "@vitejs/plugin-react-swc": "3.7.0",
-    "@woohm402/eslint-config-react": "0.6.1",
+    "@woohm402/eslint-config-react": "0.7.1",
     "autoprefixer": "10.4.20",
     "eslint": "9.10.0",
     "knip": "5.30.2",
     "postcss": "8.4.45",
     "prettier": "3.3.3",
+    "prettier-plugin-tailwindcss": "0.6.9",
     "tailwindcss": "3.4.11",
     "typescript": "5.6.2",
     "vite": "5.4.5"
diff --git a/src/App.tsx b/src/App.tsx
index 77716cc..ea52917 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -11,7 +11,6 @@ import { useKeyPress } from '@/hooks/useKeyPress';
 import { loadGameState, saveGameState } from '@/utils/localStorage';
 import {
   addRandomBlock,
-  getCellColor,
   isGameLose,
   isGameWin,
   type Map2048,
@@ -50,7 +49,7 @@ export const App = () => {
   const newGameButton = (text: string) => {
     return (
       <button
-        className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
+        className="rounded bg-blue-500 px-4 py-2 font-bold text-white hover:bg-blue-700"
         onClick={newGameHandler}
       >
         {text}
@@ -91,13 +90,13 @@ export const App = () => {
   useKeyPress(keyPressHandler);
 
   return (
-    <div className="flex items-center justify-center h-dvh max-w-7xl p-8">
-      <div className="grid grid-flow-row gap-5 max-w-lg w-full">
+    <div className="flex h-dvh max-w-7xl items-center justify-center p-8">
+      <div className="grid w-full max-w-lg grid-flow-row gap-5">
         <Header score={score} bestScore={bestScore} />
         <GameInstructions newGameButton={newGameButton('New Game')} />
 
-        <div className="relative box-border w-full aspect-square p-4 bg-gray-400 rounded-lg">
-          <GameBoard map={map} getCellColor={getCellColor} />
+        <div className="relative box-border aspect-square w-full rounded-lg bg-gray-400 p-4">
+          <GameBoard map={map} />
           {/* Game Status Overlays */}
           {gameStatus === 'win' && (
             <GameStatusOverlay
diff --git a/src/components/GameBoard.tsx b/src/components/GameBoard.tsx
index cd16cd6..0a56b10 100644
--- a/src/components/GameBoard.tsx
+++ b/src/components/GameBoard.tsx
@@ -3,19 +3,14 @@ import { Tile } from './Tile';
 
 type GameBoardProps = {
   map: Map2048;
-  getCellColor: (value: number | null) => string;
 };
 
-export const GameBoard = ({ map, getCellColor }: GameBoardProps) => {
+export const GameBoard = ({ map }: GameBoardProps) => {
   return (
     <div className="grid grid-cols-4 grid-rows-4 gap-4">
       {map.map((row, rowIndex) =>
         row.map((cell, colIndex) => (
-          <Tile
-            key={`${rowIndex}-${colIndex}`}
-            value={cell}
-            getCellColor={getCellColor}
-          />
+          <Tile key={`${rowIndex}-${colIndex}`} value={cell} />
         )),
       )}
     </div>
diff --git a/src/components/GameInstructions.tsx b/src/components/GameInstructions.tsx
index f1f9e62..5e19671 100644
--- a/src/components/GameInstructions.tsx
+++ b/src/components/GameInstructions.tsx
@@ -6,7 +6,7 @@ type GameInstructionsProps = {
 
 export const GameInstructions = ({ newGameButton }: GameInstructionsProps) => {
   return (
-    <div className="grid grid-cols-4 gap-4 items-center">
+    <div className="grid grid-cols-4 items-center gap-4">
       <div className="col-span-3 text-left">
         <p>
           Join the tiles, get to <strong>2048!</strong>
diff --git a/src/components/GameStatusOverlay.tsx b/src/components/GameStatusOverlay.tsx
index 97edcfe..26a8164 100644
--- a/src/components/GameStatusOverlay.tsx
+++ b/src/components/GameStatusOverlay.tsx
@@ -10,16 +10,14 @@ export const GameStatusOverlay = ({
   newGameButton,
 }: GameStatusOverlayProps) => {
   const isWin = status === 'win';
-  const bgColor = isWin
-    ? 'bg-teal-300 bg-opacity-50'
-    : 'bg-red-300 bg-opacity-50';
+  const bgColor = `bg-overlay-${isWin ? 'win' : 'lose'}`;
   const message = isWin ? 'You Win!' : 'Game Over!';
 
   return (
     <div
-      className={`${bgColor} absolute inset-0 rounded-lg flex flex-col items-center justify-center`}
+      className={`${bgColor} absolute inset-0 flex flex-col items-center justify-center rounded-lg bg-opacity-50`}
     >
-      <p className="text-5xl font-extrabold mb-4">{message}</p>
+      <p className="mb-4 text-5xl font-extrabold">{message}</p>
       {newGameButton}
     </div>
   );
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 13cf946..53ebad1 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -5,19 +5,19 @@ type HeaderProps = {
 
 export const Header = ({ score, bestScore }: HeaderProps) => {
   return (
-    <div className="flex flex-col sm:flex-row justify-between items-center w-full space-y-2">
+    <div className="flex w-full flex-col items-center justify-between space-y-2 sm:flex-row">
       {/* Game Title */}
-      <div className="font-sans font-extrabold text-5xl">2048</div>
+      <div className="font-sans text-5xl font-extrabold">2048</div>
 
       {/* Score and Best Score Container */}
       <div className="flex space-x-4">
         {/* Score Block */}
-        <div className="flex flex-col items-center bg-gray-200 rounded-lg shadow-md p-4">
+        <div className="flex flex-col items-center rounded-lg bg-gray-200 p-4 shadow-md">
           <div className="text-sm font-semibold text-gray-700">SCORE</div>
           <div className="text-2xl font-bold text-gray-900">{score}</div>
         </div>
         {/* Best Score Block */}
-        <div className="flex flex-col items-center bg-gray-200 rounded-lg shadow-md p-4">
+        <div className="flex flex-col items-center rounded-lg bg-gray-200 p-4 shadow-md">
           <div className="text-sm font-semibold text-gray-700">BEST</div>
           <div className="text-2xl font-bold text-gray-900">{bestScore}</div>
         </div>
diff --git a/src/components/Tile.tsx b/src/components/Tile.tsx
index 9eea45b..25eaebe 100644
--- a/src/components/Tile.tsx
+++ b/src/components/Tile.tsx
@@ -1,13 +1,12 @@
 type TileProps = {
   value: number | null;
-  getCellColor: (value: number | null) => string;
 };
 
-export const Tile = ({ value, getCellColor }: TileProps) => {
+export const Tile = ({ value }: TileProps) => {
+  const colorName = `bg-tile-${value ?? 'empty'}`;
   return (
     <div
-      className={`aspect-square rounded flex items-center justify-center text-3xl font-extrabold 
-        ${getCellColor(value)} transition-colors duration-300`}
+      className={`flex aspect-square items-center justify-center rounded text-3xl font-extrabold ${colorName} transition-colors duration-300`}
     >
       {value}
     </div>
diff --git a/src/utils/Map2048.ts b/src/utils/Map2048.ts
index 284f8d8..c8ad08b 100644
--- a/src/utils/Map2048.ts
+++ b/src/utils/Map2048.ts
@@ -203,32 +203,3 @@ export const isGameLose = (map: Map2048): boolean => {
   });
   return !isMovable;
 };
-
-export const getCellColor = (value: Cell | undefined): string => {
-  switch (value) {
-    case 2:
-      return 'bg-blue-100';
-    case 4:
-      return 'bg-blue-200';
-    case 8:
-      return 'bg-green-200';
-    case 16:
-      return 'bg-green-300';
-    case 32:
-      return 'bg-yellow-200';
-    case 64:
-      return 'bg-yellow-300';
-    case 128:
-      return 'bg-orange-200';
-    case 256:
-      return 'bg-orange-300';
-    case 512:
-      return 'bg-red-200';
-    case 1024:
-      return 'bg-red-300';
-    case 2048:
-      return 'bg-purple-300';
-    default:
-      return 'bg-gray-300'; // Default color for empty cells or higher values
-  }
-};
diff --git a/tailwind.config.js b/tailwind.config.js
index ce0b7b5..d2dbe5e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,8 +1,29 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: ['./src/**/*.{js,jsx,ts,tsx}'],
+  darkMode: ['class'],
+  content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}'],
   theme: {
     extend: {
+      colors: {
+        tile: {
+          empty: 'hsl(216, 12.2%, 83.9%)',
+          2: 'hsl(214, 94.6%, 92.7%)',
+          4: 'hsl(213, 96.9%, 87.3%)',
+          8: 'hsl(141, 78.9%, 85.1%)',
+          16: 'hsl(142, 76.6%, 73.1%)',
+          32: 'hsl(53, 98.3%, 76.9%)',
+          64: 'hsl(50, 97.8%, 63.5%)',
+          128: 'hsl(32, 97.7%, 83.1%)',
+          256: 'hsl(31, 97.2%, 72.4%)',
+          512: 'hsl(0, 96.3%, 89.4%)',
+          1024: 'hsl(0, 93.5%, 81.8%)',
+          2048: 'hsl(269, 97.4%, 85.1%)',
+        },
+        overlay: {
+          win: 'hsl(171, 76.9%, 64.3%)',
+          lose: 'hsl(0, 93.5%, 81.8%)',
+        },
+      },
       keyframes: {
         zoomIn: {
           '0%': {
@@ -24,5 +45,11 @@ export default {
       },
     },
   },
+  safelist: [
+    {
+      pattern:
+        /bg-tile-(empty|2|4|8|16|32|64|128|256|512|1024|2048)|bg-overlay-(win|lose)/,
+    },
+  ],
   plugins: [],
 };
diff --git a/yarn.lock b/yarn.lock
index 276c134..4bbde3b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -173,15 +173,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint-community/eslint-plugin-eslint-comments@npm:4.3.0":
-  version: 4.3.0
-  resolution: "@eslint-community/eslint-plugin-eslint-comments@npm:4.3.0"
+"@eslint-community/eslint-plugin-eslint-comments@npm:4.4.0":
+  version: 4.4.0
+  resolution: "@eslint-community/eslint-plugin-eslint-comments@npm:4.4.0"
   dependencies:
     escape-string-regexp: "npm:^4.0.0"
     ignore: "npm:^5.2.4"
   peerDependencies:
     eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
-  checksum: 10c0/d468a44ae205659b48aa8a853b2f9c95622ba0a102984fc53621dce0cb00361e3395723947848cf3db3b4f25835e0db3c6725bdfce84d6b2944362c5025fc10e
+  checksum: 10c0/26ef5a2aea65ba9c7ee542f784af9cbc1627e167002fe6c908a36e7baed7d14df0af565d7d09745ce8a624c92bdcefbc5075007b61285e33e753879994c5cafc
   languageName: node
   linkType: hard
 
@@ -651,6 +651,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/node@npm:22.7.4":
+  version: 22.7.4
+  resolution: "@types/node@npm:22.7.4"
+  dependencies:
+    undici-types: "npm:~6.19.2"
+  checksum: 10c0/c22bf54515c78ff3170142c1e718b90e2a0003419dc2d55f79c9c9362edd590a6ab1450deb09ff6e1b32d1b4698da407930b16285e8be3a009ea6cd2695cac01
+  languageName: node
+  linkType: hard
+
 "@types/prop-types@npm:*":
   version: 15.7.12
   resolution: "@types/prop-types@npm:15.7.12"
@@ -677,89 +686,87 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/eslint-plugin@npm:7.16.1":
-  version: 7.16.1
-  resolution: "@typescript-eslint/eslint-plugin@npm:7.16.1"
+"@typescript-eslint/eslint-plugin@npm:8.5.0":
+  version: 8.5.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:8.5.0"
   dependencies:
     "@eslint-community/regexpp": "npm:^4.10.0"
-    "@typescript-eslint/scope-manager": "npm:7.16.1"
-    "@typescript-eslint/type-utils": "npm:7.16.1"
-    "@typescript-eslint/utils": "npm:7.16.1"
-    "@typescript-eslint/visitor-keys": "npm:7.16.1"
+    "@typescript-eslint/scope-manager": "npm:8.5.0"
+    "@typescript-eslint/type-utils": "npm:8.5.0"
+    "@typescript-eslint/utils": "npm:8.5.0"
+    "@typescript-eslint/visitor-keys": "npm:8.5.0"
     graphemer: "npm:^1.4.0"
     ignore: "npm:^5.3.1"
     natural-compare: "npm:^1.4.0"
     ts-api-utils: "npm:^1.3.0"
   peerDependencies:
-    "@typescript-eslint/parser": ^7.0.0
-    eslint: ^8.56.0
+    "@typescript-eslint/parser": ^8.0.0 || ^8.0.0-alpha.0
+    eslint: ^8.57.0 || ^9.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/3d0d8fa7e00dff4deb70f41432030e4e0e0bc1e4415ae7be969b77bb216fd0797507ed852baaf6d12f6ae022f69ac6356201f6b4129ddfd57b232bfc6715ac8a
+  checksum: 10c0/69ae7067e03d2d8d442e69d668235bdafd63b07229d0be27025eaad8aa468b5af8ac54627021e0e3a060df04ed1c39d1327a0b11469ac72405b52b74a79f402b
   languageName: node
   linkType: hard
 
-"@typescript-eslint/parser@npm:7.16.1":
-  version: 7.16.1
-  resolution: "@typescript-eslint/parser@npm:7.16.1"
+"@typescript-eslint/parser@npm:8.5.0":
+  version: 8.5.0
+  resolution: "@typescript-eslint/parser@npm:8.5.0"
   dependencies:
-    "@typescript-eslint/scope-manager": "npm:7.16.1"
-    "@typescript-eslint/types": "npm:7.16.1"
-    "@typescript-eslint/typescript-estree": "npm:7.16.1"
-    "@typescript-eslint/visitor-keys": "npm:7.16.1"
+    "@typescript-eslint/scope-manager": "npm:8.5.0"
+    "@typescript-eslint/types": "npm:8.5.0"
+    "@typescript-eslint/typescript-estree": "npm:8.5.0"
+    "@typescript-eslint/visitor-keys": "npm:8.5.0"
     debug: "npm:^4.3.4"
   peerDependencies:
-    eslint: ^8.56.0
+    eslint: ^8.57.0 || ^9.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/f0c731d9f22ccbcc2a15eb33376ae09cdcdcb4c69fcce425e8e7e5e3ccce51c4ee431d350109a02a09f40df81349c59eddd0264fe53a4194f326c0e0e2e3e83a
+  checksum: 10c0/509fdd605b86c7d025928f20e1035712c2fc268c34b1af84248ed0b53d699034f19caf98e085c5c758d3025e29939dd12eea427c72cae9e5ea79274364851f0a
   languageName: node
   linkType: hard
 
-"@typescript-eslint/scope-manager@npm:7.16.1":
-  version: 7.16.1
-  resolution: "@typescript-eslint/scope-manager@npm:7.16.1"
+"@typescript-eslint/scope-manager@npm:8.5.0":
+  version: 8.5.0
+  resolution: "@typescript-eslint/scope-manager@npm:8.5.0"
   dependencies:
-    "@typescript-eslint/types": "npm:7.16.1"
-    "@typescript-eslint/visitor-keys": "npm:7.16.1"
-  checksum: 10c0/5105edd927fd45097eb9c16f235ba48c2d9f2f3a3948fbdc4ffdc9a9fc5f130fa46c32d9188fe4bb303bd99508d7f0aad342c2ec0d9ad887aa1416dd54edeb66
+    "@typescript-eslint/types": "npm:8.5.0"
+    "@typescript-eslint/visitor-keys": "npm:8.5.0"
+  checksum: 10c0/868602f9324a6e15fcae017acd3b0832e9f2c8c8cd315667df37c2e7c765cda5fba7c4bede931f32cc04819ba97cf74a5fddb085c6f1c7993f1fb085ba126422
   languageName: node
   linkType: hard
 
-"@typescript-eslint/type-utils@npm:7.16.1":
-  version: 7.16.1
-  resolution: "@typescript-eslint/type-utils@npm:7.16.1"
+"@typescript-eslint/type-utils@npm:8.5.0":
+  version: 8.5.0
+  resolution: "@typescript-eslint/type-utils@npm:8.5.0"
   dependencies:
-    "@typescript-eslint/typescript-estree": "npm:7.16.1"
-    "@typescript-eslint/utils": "npm:7.16.1"
+    "@typescript-eslint/typescript-estree": "npm:8.5.0"
+    "@typescript-eslint/utils": "npm:8.5.0"
     debug: "npm:^4.3.4"
     ts-api-utils: "npm:^1.3.0"
-  peerDependencies:
-    eslint: ^8.56.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/7551566185ca372dbc3d53b8ab047ea7e2c50b25d9a9293d5163498fb87c4b16a585d267a4a99df57d70326754acf168aad726ee5e8b9c0d4e59f1b8653d951d
+  checksum: 10c0/675d3e41f938d16e9268fd33764a4e16b12a4a9817e61d5e2508a07fe6783c69ce9d05facc61822b5647c71d767929618ed37b8b93f423f7c2ccb62cfeb4343b
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:7.16.1":
-  version: 7.16.1
-  resolution: "@typescript-eslint/types@npm:7.16.1"
-  checksum: 10c0/5ab7bfcac81adb01672057270d0273da98dcf50d2add5819b4787b5973f6624d11ad33d6fb495f80fe628fefa3a5ed319b433ed57e9121e444cfc002e1e48625
+"@typescript-eslint/types@npm:8.5.0":
+  version: 8.5.0
+  resolution: "@typescript-eslint/types@npm:8.5.0"
+  checksum: 10c0/f0b666b5c001b9779bfd9e4c7d031843d07264429d5bcf5d636f26f96cd5d949a33f5d6a645b8d74b93daf565a468476a6a4935dd7135a200250fb03acbe4988
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:7.16.1":
-  version: 7.16.1
-  resolution: "@typescript-eslint/typescript-estree@npm:7.16.1"
+"@typescript-eslint/typescript-estree@npm:8.5.0":
+  version: 8.5.0
+  resolution: "@typescript-eslint/typescript-estree@npm:8.5.0"
   dependencies:
-    "@typescript-eslint/types": "npm:7.16.1"
-    "@typescript-eslint/visitor-keys": "npm:7.16.1"
+    "@typescript-eslint/types": "npm:8.5.0"
+    "@typescript-eslint/visitor-keys": "npm:8.5.0"
     debug: "npm:^4.3.4"
-    globby: "npm:^11.1.0"
+    fast-glob: "npm:^3.3.2"
     is-glob: "npm:^4.0.3"
     minimatch: "npm:^9.0.4"
     semver: "npm:^7.6.0"
@@ -767,31 +774,31 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/979269e9d42d75c0e49f47c7bb5e9554bd29041339c6fecfe5c76726699bce25132bef8b54210769e4f0abb858a278923340d3e4decc6551406e2c5ec065fe04
+  checksum: 10c0/f62f03d0c5dc57b2b54dbe1cbd027966f774f241279655f46c64145abb54b765176a0cd40447583ba56ada306181da9a82e39b777c78128e105e4ea98c609350
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:7.16.1":
-  version: 7.16.1
-  resolution: "@typescript-eslint/utils@npm:7.16.1"
+"@typescript-eslint/utils@npm:8.5.0":
+  version: 8.5.0
+  resolution: "@typescript-eslint/utils@npm:8.5.0"
   dependencies:
     "@eslint-community/eslint-utils": "npm:^4.4.0"
-    "@typescript-eslint/scope-manager": "npm:7.16.1"
-    "@typescript-eslint/types": "npm:7.16.1"
-    "@typescript-eslint/typescript-estree": "npm:7.16.1"
+    "@typescript-eslint/scope-manager": "npm:8.5.0"
+    "@typescript-eslint/types": "npm:8.5.0"
+    "@typescript-eslint/typescript-estree": "npm:8.5.0"
   peerDependencies:
-    eslint: ^8.56.0
-  checksum: 10c0/22fbf17eec064d1e67f2a4bf512f62d5369a22fe11226f043cbeb0fe79cd18006b04f933e5025f4e5c2f82047248dac52cc97199e495ad17d564084210099d17
+    eslint: ^8.57.0 || ^9.0.0
+  checksum: 10c0/0cb0bfdaf0da79d13c0d0379478eb14b5825d235873bc7181e70c4f6297fa1c74431ef730cbc2912fe1814dd8d46c6515ce22b39c57e8f03c337aa152fd49a4e
   languageName: node
   linkType: hard
 
-"@typescript-eslint/visitor-keys@npm:7.16.1":
-  version: 7.16.1
-  resolution: "@typescript-eslint/visitor-keys@npm:7.16.1"
+"@typescript-eslint/visitor-keys@npm:8.5.0":
+  version: 8.5.0
+  resolution: "@typescript-eslint/visitor-keys@npm:8.5.0"
   dependencies:
-    "@typescript-eslint/types": "npm:7.16.1"
+    "@typescript-eslint/types": "npm:8.5.0"
     eslint-visitor-keys: "npm:^3.4.3"
-  checksum: 10c0/060bc6770ba3ea271c6a844501f4dfee1b8842a0c405e60d2a258466b1b4e66086234a3fddac8745bb1a39a89eab29afeaf16133ad925bd426ac8fdb13fb7f94
+  checksum: 10c0/8b9e81968ad36e8af18ac17b63c4e0764612451ca085676c939b723549052243f63577d2706bc2da48174f11bf47587ab47e6e0b7c5b28d9f3c1ef7b9aad322d
   languageName: node
   linkType: hard
 
@@ -850,34 +857,35 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@woohm402/eslint-config-base@npm:0.7.1":
-  version: 0.7.1
-  resolution: "@woohm402/eslint-config-base@npm:0.7.1"
+"@woohm402/eslint-config-base@npm:0.8.0":
+  version: 0.8.0
+  resolution: "@woohm402/eslint-config-base@npm:0.8.0"
   dependencies:
-    "@eslint-community/eslint-plugin-eslint-comments": "npm:4.3.0"
+    "@eslint-community/eslint-plugin-eslint-comments": "npm:4.4.0"
+    "@eslint/js": "npm:9.10.0"
     eslint-plugin-simple-import-sort: "npm:12.1.1"
-    typescript-eslint: "npm:7.16.1"
+    typescript-eslint: "npm:8.5.0"
   peerDependencies:
     eslint: ^9.0.0
     typescript: ^5.0.0
-  checksum: 10c0/20c8eb9d0d8bcaf18eea8a225a5bdaed92658ab905eb8fef0cb9eef5722927bd52f3a7bb0cb3793bd402e6767c7ffc50d75428a90a77d1c938e09df09f3b85cc
+  checksum: 10c0/1c2d68b97b6b681148ddee6290eafcd764458afc76a19fe8890324bb87fcf40bc0a78d04ca0117ae91ca4a4b17f420f8e1192ce4c2d284d7f3e200fedc37e10a
   languageName: node
   linkType: hard
 
-"@woohm402/eslint-config-react@npm:0.6.1":
-  version: 0.6.1
-  resolution: "@woohm402/eslint-config-react@npm:0.6.1"
+"@woohm402/eslint-config-react@npm:0.7.1":
+  version: 0.7.1
+  resolution: "@woohm402/eslint-config-react@npm:0.7.1"
   dependencies:
     "@eslint/compat": "npm:1.1.1"
-    "@woohm402/eslint-config-base": "npm:0.7.1"
-    eslint-plugin-react: "npm:7.35.0"
+    "@woohm402/eslint-config-base": "npm:0.8.0"
+    eslint-plugin-react: "npm:7.36.1"
     eslint-plugin-react-hooks: "npm:4.6.2"
   peerDependencies:
     "@types/react": ^18.0.0
     eslint: ^9.0.0
     react: ^18.0.0
     typescript: ^5.0.0
-  checksum: 10c0/1c2d8a8d232bc90bd3c6e574f657fb1defc84c011cfb752855eedda38ce21dabaddac43ebf74d8ee6af6159e216d9aa7787dc739e9e8e20459d199a475637667
+  checksum: 10c0/492c24c739273eef529b7646ae7228186fd4d9debe8f6d2a7cf42cc69649739a342296d54921711f74e7b9f7b2378fa66f0057d0920f8c4fbeab4ed3225ba2a4
   languageName: node
   linkType: hard
 
@@ -1022,13 +1030,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array-union@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "array-union@npm:2.1.0"
-  checksum: 10c0/429897e68110374f39b771ec47a7161fc6a8fc33e196857c0a396dc75df0b5f65e4d046674db764330b6bb66b39ef48dd7c53b6a2ee75cfb0681e0c1a7033962
-  languageName: node
-  linkType: hard
-
 "array.prototype.findlast@npm:^1.2.5":
   version: 1.2.5
   resolution: "array.prototype.findlast@npm:1.2.5"
@@ -1430,15 +1431,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dir-glob@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "dir-glob@npm:3.0.1"
-  dependencies:
-    path-type: "npm:^4.0.0"
-  checksum: 10c0/dcac00920a4d503e38bb64001acb19df4efc14536ada475725e12f52c16777afdee4db827f55f13a908ee7efc0cb282e2e3dbaeeb98c0993dd93d1802d3bf00c
-  languageName: node
-  linkType: hard
-
 "dlv@npm:^1.1.3":
   version: 1.1.3
   resolution: "dlv@npm:1.1.3"
@@ -1764,9 +1756,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-react@npm:7.35.0":
-  version: 7.35.0
-  resolution: "eslint-plugin-react@npm:7.35.0"
+"eslint-plugin-react@npm:7.36.1":
+  version: 7.36.1
+  resolution: "eslint-plugin-react@npm:7.36.1"
   dependencies:
     array-includes: "npm:^3.1.8"
     array.prototype.findlast: "npm:^1.2.5"
@@ -1788,7 +1780,7 @@ __metadata:
     string.prototype.repeat: "npm:^1.0.0"
   peerDependencies:
     eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
-  checksum: 10c0/eedcc33de4b2cda91d56ae517a4f771a0c76da9c1e26c95543969012871381e11d4d6cffdf6fa8423036585c289eb3500f3f93fb1d314fb2624e0aa1e463305e
+  checksum: 10c0/8cb37f7fb351213bc44263580ff77627e14e27870fd81dae593e3de2826340b9bd8bbac7ae00fd5de69751a0660b2e51bd26760596f4ae85548f6b1bd76706e6
   languageName: node
   linkType: hard
 
@@ -1931,7 +1923,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-glob@npm:^3.2.9, fast-glob@npm:^3.3.0, fast-glob@npm:^3.3.2":
+"fast-glob@npm:^3.3.0, fast-glob@npm:^3.3.2":
   version: 3.3.2
   resolution: "fast-glob@npm:3.3.2"
   dependencies:
@@ -2176,20 +2168,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globby@npm:^11.1.0":
-  version: 11.1.0
-  resolution: "globby@npm:11.1.0"
-  dependencies:
-    array-union: "npm:^2.1.0"
-    dir-glob: "npm:^3.0.1"
-    fast-glob: "npm:^3.2.9"
-    ignore: "npm:^5.2.0"
-    merge2: "npm:^1.4.1"
-    slash: "npm:^3.0.0"
-  checksum: 10c0/b39511b4afe4bd8a7aead3a27c4ade2b9968649abab0a6c28b1a90141b96ca68ca5db1302f7c7bd29eab66bf51e13916b8e0a3d0ac08f75e1e84a39b35691189
-  languageName: node
-  linkType: hard
-
 "gopd@npm:^1.0.1":
   version: 1.0.1
   resolution: "gopd@npm:1.0.1"
@@ -2839,7 +2817,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"merge2@npm:^1.3.0, merge2@npm:^1.4.1":
+"merge2@npm:^1.3.0":
   version: 1.4.1
   resolution: "merge2@npm:1.4.1"
   checksum: 10c0/254a8a4605b58f450308fc474c82ac9a094848081bf4c06778200207820e5193726dc563a0d2c16468810516a5c97d9d3ea0ca6585d23c58ccfff2403e8dbbeb
@@ -3236,13 +3214,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-type@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "path-type@npm:4.0.0"
-  checksum: 10c0/666f6973f332f27581371efaf303fd6c272cc43c2057b37aa99e3643158c7e4b2626549555d88626e99ea9e046f82f32e41bbde5f1508547e9a11b149b52387c
-  languageName: node
-  linkType: hard
-
 "picocolors@npm:^1.0.0, picocolors@npm:^1.0.1":
   version: 1.1.0
   resolution: "picocolors@npm:1.1.0"
@@ -3384,6 +3355,64 @@ __metadata:
   languageName: node
   linkType: hard
 
+"prettier-plugin-tailwindcss@npm:0.6.9":
+  version: 0.6.9
+  resolution: "prettier-plugin-tailwindcss@npm:0.6.9"
+  peerDependencies:
+    "@ianvs/prettier-plugin-sort-imports": "*"
+    "@prettier/plugin-pug": "*"
+    "@shopify/prettier-plugin-liquid": "*"
+    "@trivago/prettier-plugin-sort-imports": "*"
+    "@zackad/prettier-plugin-twig-melody": "*"
+    prettier: ^3.0
+    prettier-plugin-astro: "*"
+    prettier-plugin-css-order: "*"
+    prettier-plugin-import-sort: "*"
+    prettier-plugin-jsdoc: "*"
+    prettier-plugin-marko: "*"
+    prettier-plugin-multiline-arrays: "*"
+    prettier-plugin-organize-attributes: "*"
+    prettier-plugin-organize-imports: "*"
+    prettier-plugin-sort-imports: "*"
+    prettier-plugin-style-order: "*"
+    prettier-plugin-svelte: "*"
+  peerDependenciesMeta:
+    "@ianvs/prettier-plugin-sort-imports":
+      optional: true
+    "@prettier/plugin-pug":
+      optional: true
+    "@shopify/prettier-plugin-liquid":
+      optional: true
+    "@trivago/prettier-plugin-sort-imports":
+      optional: true
+    "@zackad/prettier-plugin-twig-melody":
+      optional: true
+    prettier-plugin-astro:
+      optional: true
+    prettier-plugin-css-order:
+      optional: true
+    prettier-plugin-import-sort:
+      optional: true
+    prettier-plugin-jsdoc:
+      optional: true
+    prettier-plugin-marko:
+      optional: true
+    prettier-plugin-multiline-arrays:
+      optional: true
+    prettier-plugin-organize-attributes:
+      optional: true
+    prettier-plugin-organize-imports:
+      optional: true
+    prettier-plugin-sort-imports:
+      optional: true
+    prettier-plugin-style-order:
+      optional: true
+    prettier-plugin-svelte:
+      optional: true
+  checksum: 10c0/370b1d67063a6ff15b0b7fd5d6687bef587aa4be0c856e7f743d5016037ff25d0d69c6aa8c6cecf1355676962aeca52089dc28d063540fb030bcd326a07f47f8
+  languageName: node
+  linkType: hard
+
 "prettier@npm:3.3.3":
   version: 3.3.3
   resolution: "prettier@npm:3.3.3"
@@ -3705,17 +3734,19 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "seminar-2024-frontend-template@workspace:."
   dependencies:
+    "@types/node": "npm:22.7.4"
     "@types/react": "npm:18.3.5"
     "@types/react-dom": "npm:18.3.0"
     "@vercel/analytics": "npm:1.3.1"
     "@vercel/speed-insights": "npm:1.0.12"
     "@vitejs/plugin-react-swc": "npm:3.7.0"
-    "@woohm402/eslint-config-react": "npm:0.6.1"
+    "@woohm402/eslint-config-react": "npm:0.7.1"
     autoprefixer: "npm:10.4.20"
     eslint: "npm:9.10.0"
     knip: "npm:5.30.2"
     postcss: "npm:8.4.45"
     prettier: "npm:3.3.3"
+    prettier-plugin-tailwindcss: "npm:0.6.9"
     react: "npm:18.3.1"
     react-dom: "npm:18.3.1"
     tailwindcss: "npm:3.4.11"
@@ -3810,13 +3841,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"slash@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "slash@npm:3.0.0"
-  checksum: 10c0/e18488c6a42bdfd4ac5be85b2ced3ccd0224773baae6ad42cfbb9ec74fc07f9fa8396bd35ee638084ead7a2a0818eb5e7151111544d4731ce843019dab4be47b
-  languageName: node
-  linkType: hard
-
 "smart-buffer@npm:^4.2.0":
   version: 4.2.0
   resolution: "smart-buffer@npm:4.2.0"
@@ -4199,19 +4223,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript-eslint@npm:7.16.1":
-  version: 7.16.1
-  resolution: "typescript-eslint@npm:7.16.1"
+"typescript-eslint@npm:8.5.0":
+  version: 8.5.0
+  resolution: "typescript-eslint@npm:8.5.0"
   dependencies:
-    "@typescript-eslint/eslint-plugin": "npm:7.16.1"
-    "@typescript-eslint/parser": "npm:7.16.1"
-    "@typescript-eslint/utils": "npm:7.16.1"
-  peerDependencies:
-    eslint: ^8.56.0
+    "@typescript-eslint/eslint-plugin": "npm:8.5.0"
+    "@typescript-eslint/parser": "npm:8.5.0"
+    "@typescript-eslint/utils": "npm:8.5.0"
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/293af275e79d3ece210471c24c807f44d6c82896b99f59dfa3be6fc4ef9cbbc2e8737cec83f70fb416450c4adf3b27a4bee5791e7e06be3fe89cf8a05dda1779
+  checksum: 10c0/dd92e8f5fb50bb05810a1a37a4bbb6f60761295b121f6118bc027686ebc1b3ba9e4248ab5223ed4753e1320ef6329dd2e53e8160fa4463264277f307fefefd62
   languageName: node
   linkType: hard
 
@@ -4247,6 +4269,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"undici-types@npm:~6.19.2":
+  version: 6.19.8
+  resolution: "undici-types@npm:6.19.8"
+  checksum: 10c0/078afa5990fba110f6824823ace86073b4638f1d5112ee26e790155f481f2a868cc3e0615505b6f4282bdf74a3d8caad715fd809e870c2bb0704e3ea6082f344
+  languageName: node
+  linkType: hard
+
 "unique-filename@npm:^3.0.0":
   version: 3.0.0
   resolution: "unique-filename@npm:3.0.0"