Using prettier for linting

package.json

@@ -6,15 +6,12 @@
   "private": true,
   "scripts": {
     "react-scripts:start": "node scripts/start.js",
-    "react-scripts:build": "node scripts/build.js",
+    "react-scripts:build": "NODE_ENV=production node scripts/build.js",
     "react-scripts:eject": "node scripts/eject.js",
-    "dev": "webpack-dev-server --content-base static --mode development",
     "dev:wsl": "npm run dev -- --host 0.0.0.0",
-    "build": "NODE_ENV=production webpack --mode production",
     "test": "ava --verbose",
     "test-watch": "ava --watch",
-    "lint": "standard \"src/**/*.js\" \"src/**/*.jsx\" \"test/**/*.js\"",
-    "lint:fix": "npm run lint -- --fix"
+    "lint:fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}\""
   },
   "dependencies": {
     "@babel/core": "7.12.3",
@@ -48,6 +45,7 @@
     "file-loader": "6.1.1",
     "fs-extra": "^9.0.1",
     "html-webpack-plugin": "4.5.0",
+    "husky": "^4.3.5",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.0",
     "jest-circus": "26.6.0",
@@ -55,6 +53,7 @@
     "jest-watch-typeahead": "0.6.1",
     "joi": "^14.0.1",
     "leaflet": "^1.0.3",
+    "lint-staged": "^10.5.3",
     "marked": "^0.7.0",
     "mini-css-extract-plugin": "0.11.3",
     "moment": "^2.26.0",
@@ -66,6 +65,7 @@
     "postcss-normalize": "8.0.1",
     "postcss-preset-env": "6.7.0",
     "postcss-safe-parser": "5.0.2",
+    "prettier": "^2.2.1",
     "prompts": "2.4.0",
     "ramda": "^0.26.1",
     "react": "^16.13.1",
@@ -104,8 +104,15 @@
     "mini-css-extract-plugin": "^0.4.4",
     "mocha": "^5.2.0",
     "node-sass": "4.13.1",
-    "redux-devtools": "^3.4.0",
-    "standard": "^12.0.1"
+    "redux-devtools": "^3.4.0"
+  },
+  "lint-staged": {
+    "src/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
+      "prettier --write"
+    ],
+    "test/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
+      "prettier --write"
+    ]
   },
   "ava": {
     "files": [