chore: find code with high complexity (#17679)

web/.vscode/extensions.json

 {
   "recommendations": [
     "bradlc.vscode-tailwindcss",
-    "firsttris.vscode-jest-runner"
+    "firsttris.vscode-jest-runner",
+    "kisstkondoros.vscode-codemetrics"
   ]
-}
+}

web/eslint.config.mjs

   // use `ESLINT_CONFIG_INSPECTOR=true pnpx @eslint/config-inspector` to check the config
   // ...process.env.ESLINT_CONFIG_INSPECTOR
   //   ? []
-  // TODO: remove this when upgrade to nextjs 15
-  // : fixupConfigRules(compat.extends('next')),
   {
     rules: {
       // performance issue, and not used.
   {
     // orignal config
     rules: {
+      'complexity': ['warn', { max: 10 }],
       // orignal ts/no-var-requires
       'ts/no-require-imports': 'off',
       'no-console': 'off',

web/package.json

     "fix": "next lint --fix",
     "eslint-fix": "eslint --cache --cache-location node_modules/.cache/eslint/.eslint-cache --fix",
     "eslint-fix-only-show-error": "eslint --cache --cache-location node_modules/.cache/eslint/.eslint-cache --fix --quiet",
+    "eslint-complexity": "eslint --rule 'complexity: [error, {max: 15}]' --quiet",
     "prepare": "cd ../ && node -e \"if (process.env.NODE_ENV !== 'production'){process.exit(1)} \" || husky ./web/.husky",
     "gen-icons": "node ./app/components/base/icons/script.mjs",
     "uglify-embed": "node ./bin/uglify-embed",