lint and format

package.json

@@ -41,8 +41,16 @@
   "devDependencies": {
     "@next/bundle-analyzer": "^10.0.0",
     "@svgr/webpack": "^5.5.0",
+    "eslint": "^7.17.0",
+    "eslint-config-prettier": "^7.1.0",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-react": "^7.22.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
     "file-loader": "^6.0.0",
     "globby": "11.0.1",
+    "husky": "^4.3.7",
+    "lint-staged": "^10.5.3",
     "next-compose-plugins": "^2.2.1",
     "prettier": "2.2.1",
     "rehype": "11.0.0",
@@ -51,5 +59,18 @@
     "remark-stringify": "9.0.0",
     "unified": "9.2.0",
     "unist-util-visit": "2.0.3"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.+(js|jsx|ts|tsx)": [
+      "eslint --fix"
+    ],
+    "*.+(js|jsx|ts|tsx|json|css|md|mdx)": [
+      "prettier --write"
+    ]
   }
 }