chore: add JSX a11y and React Hooks rules to ESLint config

Author: arhamkhnz

eslint.config.js

@@ -5,6 +5,8 @@ import pluginReact from "eslint-plugin-react";
 import securityPlugin from "eslint-plugin-security";
 import globals from "globals";
 import tseslint from "typescript-eslint";
+import jsxA11y from "eslint-plugin-jsx-a11y";
+import reactHooks from 'eslint-plugin-react-hooks';
 
 /** @type {import('eslint').Linter.Config[]} */
 export default [
@@ -26,13 +28,15 @@ export default [
     plugins: {
       prettier: prettier,
       import: pluginImport,
-      security: securityPlugin,
+      security: securityPlugin
     },
   },
   pluginJs.configs.recommended,
   ...tseslint.configs.recommended,
   pluginReact.configs.flat.recommended,
   securityPlugin.configs.recommended,
+  jsxA11y.flatConfigs.recommended,
+  reactHooks.configs['recommended-latest'],
   {
     rules: {
       // Prettier integration rules

package-lock.json

@@ -52,8 +52,10 @@
     "autoprefixer": "^10.4.21",
     "eslint": "^9.22.0",
     "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.2.3",
     "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-security": "^3.0.1",
     "globals": "^16.0.0",
     "husky": "^8.0.3",