Merge pull request #589 from irais-valenzuela/adding-prettier-and-esl…

…int-frontend-588

Adding prettier and eslint to frontend

frontend/eslint.config.mjs

@@ -0,0 +1,56 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginReact from "eslint-plugin-react";
+import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
+import eslintPluginTailwindcss from "eslint-plugin-tailwindcss";
+import eslintPluginReactHooks from "eslint-plugin-react-hooks";
+import eslintPluginJsxA11y from "eslint-plugin-jsx-a11y";
+
+export default [
+  { files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"] },
+  {
+    languageOptions: {
+      globals: globals.browser,
+      parser: "@typescript-eslint/parser",
+    },
+  },
+  {
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+  },
+  {
+    rules: {
+      "no-unused-vars": "warn",
+      "no-console": "warn",
+      indent: ["error", 2],
+      "no-irregular-whitespace": "error",
+      "prettier/prettier": "error",
+      "react/no-unescaped-entities": "off",
+      "@typescript-eslint/no-unused-vars": ["error"],
+      "tailwindcss/no-contradicting-classname": "error",
+      "tailwindcss/no-unnecessary-arbitrary-value": "error",
+      "tailwindcss/classnames-order": "error",
+      "react-hooks/rules-of-hooks": "error",
+      "react-hooks/exhaustive-deps": "warn",
+      "jsx-a11y/alt-text": "error",
+    },
+  },
+  {
+    ignores: ["node_modules/", "*.config.js", "tests/__mocks__/*"],
+  },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
+  eslintPluginPrettierRecommended,
+  {
+    plugins: {
+      tailwindcss: eslintPluginTailwindcss,
+      "react-hooks": eslintPluginReactHooks,
+      "jsx-a11y": eslintPluginJsxA11y,
+    },
+  },
+];