Use the same version of eslint for the webview as for the cline package. (RooCodeInc#3940)

The webview and the cline package were using different version of eslint,
which makes it difficult to use custom rules because the webview version wants the rules as
ES modules, but the cline version wants commonJS modules.

Switch the webview to use the same version as the cline package.

Switch the webview eslint JS config to the json config file.

Author: sjf

webview-ui/.eslintrc.json

@@ -0,0 +1,31 @@
+{
+	"root": true,
+	"extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
+	"parser": "@typescript-eslint/parser",
+	"parserOptions": {
+		"ecmaVersion": 2020,
+		"sourceType": "module"
+	},
+	"plugins": ["@typescript-eslint", "react-hooks", "react-refresh"],
+	"env": {
+		"browser": true,
+		"es2020": true
+	},
+	"rules": {
+		"react-hooks/rules-of-hooks": "error",
+		// "react-refresh/only-export-components": [
+		//     "warn",
+		//     {
+		//         "allowConstantExport": true
+		//     }
+		// ],
+		"@typescript-eslint/no-unused-vars": "off",
+		"@typescript-eslint/no-explicit-any": "off",
+		"@typescript-eslint/no-empty-object-type": "off",
+		"no-case-declarations": "off",
+		"react-hooks/exhaustive-deps": "off",
+		"prefer-const": "off",
+		"no-extra-semi": "off"
+	},
+	"ignorePatterns": ["build"]
+}