[lint][x]: setup eslint + prettier

package.json

@@ -13,7 +13,9 @@
     "cypress:ci": "cypress run --config video=false",
     "e2e": "cypress run",
     "format": "prettier --single-quote --write .",
-    "pre-commit": "echo 'formating your changes.....' && prettier --single-quote --write"
+    "pre-commit": "yarn lint:fix && prettier --single-quote --write",
+    "lint": "eslint . --ext .ts,.tsx",
+    "lint:fix": "yarn lint -- --fix"
   },
   "dependencies": {
     "@apollo/client": "^3.0.2",
@@ -44,10 +46,18 @@
     "@testing-library/react": "^10.0.4",
     "@types/jest": "^25.2.3",
     "@types/react": "^16.9.35",
+    "@typescript-eslint/eslint-plugin": "^3.8.0",
+    "@typescript-eslint/parser": "^3.8.0",
     "autoprefixer": "^9.8.6",
     "babel-jest": "^26.0.1",
     "babel-plugin-graphql-tag": "^2.5.0",
     "cypress": "^4.8.0",
+    "eslint": "^7.6.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-jsx-a11y": "^6.3.1",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-react": "^7.20.5",
+    "eslint-plugin-react-hooks": "^4.0.8",
     "husky": ">=4",
     "jest": "^26.1.0",
     "lint-staged": ">=10",
@@ -56,7 +66,7 @@
     "postcss-cli": "^7.1.1",
     "postcss-import": "^12.0.1",
     "postcss-preset-env": "6.7.0",
-    "prettier": "2.0.5",
+    "prettier": "^2.0.5",
     "react-test-renderer": "^16.13.1",
     "tailwindcss": "^1.4.6",
     "typescript": "^3.9.3"