eslint added. lots of refactor

web/package.json

@@ -5,6 +5,7 @@
   "dependencies": {
     "@material-ui/core": "^4.11.4",
     "@material-ui/icons": "^4.11.2",
+    "clsx": "^1.1.1",
     "fontsource-roboto": "^4.0.0",
     "material-ui-image": "^3.3.2",
     "react": "^17.0.2",
@@ -17,12 +18,9 @@
     "build": "react-scripts build",
     "build-js": "npm run build && npx gulp",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app"
-    ]
+    "eject": "react-scripts eject",
+    "lint": "eslint --ext .js,.jsx src --color",
+    "fix": "eslint --ext .js,.jsx src --color --fix"
   },
   "browserslist": {
     "production": [
@@ -44,6 +42,9 @@
     "babel-minify": "^0.5.1",
     "babel-preset-minify": "^0.5.1",
     "eslint": "^7.27.0",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
     "gulp": "^4.0.2",
     "gulp-inline-source": "^4.0.0",
     "gulp-replace": "^1.1.3",