fix: improve react code based on @eslint-react plugin

Add some TODO for some legacy code

Author: ivan-dalmet

.eslintrc.json

@@ -5,6 +5,7 @@
     "next/core-web-vitals",
     "plugin:storybook/recommended"
   ],
+  "plugins": ["@eslint-react/eslint-plugin"],
   "rules": {
     "react/no-unescaped-entities": "off",
     "@typescript-eslint/no-unused-vars": [
@@ -18,6 +19,10 @@
     "sonarjs/prefer-immediate-return": "warn"
   },
   "overrides": [
+    {
+      "files": ["**/*.{ts,tsx}"],
+      "extends": ["plugin:@eslint-react/recommended-legacy"]
+    },
     {
       "files": ["./src/**/*.*"],
       "rules": {

package.json

@@ -107,6 +107,7 @@
     "@babel/eslint-parser": "7.24.7",
     "@babel/parser": "7.24.7",
     "@chakra-ui/cli": "2.4.1",
+    "@eslint-react/eslint-plugin": "1.14.3",
     "@next/eslint-plugin-next": "14.2.4",
     "@playwright/test": "1.45.1",
     "@storybook/addon-actions": "8.1.11",