refactor: migrate eslint

Author: johnnyjoygh

web/.eslintrc.json

@@ -0,0 +1,34 @@
+import eslint from "@eslint/js";
+import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
+import tseslint from "typescript-eslint";
+
+export default [
+  ...tseslint.config(eslint.configs.recommended, tseslint.configs.recommended),
+  eslintPluginPrettierRecommended,
+  {
+    ignores: ["**/dist/**", "**/node_modules/**", "**/proto/**"],
+  },
+  {
+    rules: {
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": "error",
+      "@typescript-eslint/no-explicit-any": ["off"],
+      "react/react-in-jsx-scope": "off",
+      "react/jsx-no-target-blank": "off",
+      "no-restricted-syntax": [
+        "error",
+        {
+          selector:
+            "VariableDeclarator[init.callee.name='useTranslation'] > ObjectPattern > Property[key.name='t']:not([parent.declarations.0.init.callee.object.name='i18n'])",
+          message: "Destructuring 't' from useTranslation is not allowed. Please use the 'useTranslate' hook from '@/utils/i18n'.",
+        },
+      ],
+    },
+  },
+  {
+    files: ["src/utils/i18n.ts"],
+    rules: {
+      "no-restricted-syntax": "off",
+    },
+  },
+];

web/eslint.config.mjs

@@ -52,6 +52,7 @@
   "devDependencies": {
     "@bufbuild/buf": "^1.50.1",
     "@bufbuild/protobuf": "^2.2.3",
+    "@eslint/js": "^9.23.0",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/d3": "^7.4.3",
     "@types/katex": "^0.16.7",
@@ -63,15 +64,13 @@
     "@types/react-dom": "^18.3.5",
     "@types/textarea-caret": "^3.0.3",
     "@types/uuid": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
     "@vitejs/plugin-legacy": "^6.0.2",
     "@vitejs/plugin-react": "^4.3.4",
     "autoprefixer": "^10.4.21",
     "code-inspector-plugin": "^0.18.3",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.3",
+    "eslint": "^9.23.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.5",
     "eslint-plugin-react": "^7.37.4",
     "long": "^5.3.1",
     "nice-grpc-web": "^3.3.6",
@@ -80,6 +79,7 @@
     "protobufjs": "^7.4.0",
     "terser": "^5.39.0",
     "typescript": "^5.8.2",
+    "typescript-eslint": "^8.28.0",
     "vite": "^6.2.1"
   },
   "pnpm": {