diff --git a/.gitignore b/.gitignore
index 2c8e1d7..f9ef1ee 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 node_modules/
 .next/
 out/
+/.vs
 public/
diff --git a/package-lock.json b/package-lock.json
index 5c161d9..40db109 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,4401 +1,8 @@
 {
   "name": "nextClient",
   "version": "1.0.0",
-  "lockfileVersion": 2,
+  "lockfileVersion": 1,
   "requires": true,
-  "packages": {
-    "": {
-      "name": "nextClient",
-      "version": "1.0.0",
-      "license": "ISC",
-      "dependencies": {
-        "eslint-plugin-react": "^7.21.5",
-        "next": "^10.0.3",
-        "react": "^16.13.0",
-        "react-dom": "^16.13.0",
-        "react-snowfall": "^1.0.2",
-        "unfetch": "^4.1.0"
-      }
-    },
-    "node_modules/@babel/code-frame": {
-      "version": "7.12.11",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
-      "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
-      "dependencies": {
-        "@babel/highlight": "^7.10.4"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.12.11",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz",
-      "integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw=="
-    },
-    "node_modules/@babel/highlight": {
-      "version": "7.12.13",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.12.13.tgz",
-      "integrity": "sha512-kocDQvIbgMKlWxXe9fof3TQ+gkIPOUSEYhJjqUjvKMez3krV7vbzYCDq39Oj11UAVK7JqPVGQPlgE85dPNlQww==",
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.12.11",
-        "chalk": "^2.0.0",
-        "js-tokens": "^4.0.0"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
-    },
-    "node_modules/@babel/highlight/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.12.5",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.5.tgz",
-      "integrity": "sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==",
-      "dependencies": {
-        "regenerator-runtime": "^0.13.4"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.8.3.tgz",
-      "integrity": "sha512-jBD+G8+LWpMBBWvVcdr4QysjUE4mU/syrhN17o1u3gx0/WzJB1kwiVZAXRtWbsIPOwW8pF/YJV5+nmetPzepXg==",
-      "dependencies": {
-        "esutils": "^2.0.2",
-        "lodash": "^4.17.13",
-        "to-fast-properties": "^2.0.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.3.0.tgz",
-      "integrity": "sha512-1JTKgrOKAHVivSvOYw+sJOunkBjUOvjqWk1DPja7ZFhIS2mX/4EgTT8M7eTK9jrKhL/FvXXEbQwIs3pg1xp3dg==",
-      "peer": true,
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.1.1",
-        "espree": "^7.3.0",
-        "globals": "^12.1.0",
-        "ignore": "^4.0.6",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^3.13.1",
-        "lodash": "^4.17.20",
-        "minimatch": "^3.0.4",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/@hapi/accept": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@hapi/accept/-/accept-5.0.1.tgz",
-      "integrity": "sha512-fMr4d7zLzsAXo28PRRQPXR1o2Wmu+6z+VY1UzDp0iFo13Twj8WePakwXBiqn3E1aAlTpSNzCXdnnQXFhst8h8Q==",
-      "dependencies": {
-        "@hapi/boom": "9.x.x",
-        "@hapi/hoek": "9.x.x"
-      }
-    },
-    "node_modules/@hapi/boom": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@hapi/boom/-/boom-9.1.1.tgz",
-      "integrity": "sha512-VNR8eDbBrOxBgbkddRYIe7+8DZ+vSbV6qlmaN2x7eWjsUjy2VmQgChkOKcVZIeupEZYj+I0dqNg430OhwzagjA==",
-      "dependencies": {
-        "@hapi/hoek": "9.x.x"
-      }
-    },
-    "node_modules/@hapi/hoek": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.1.1.tgz",
-      "integrity": "sha512-CAEbWH7OIur6jEOzaai83jq3FmKmv4PmX1JYfs9IrYcGEVI/lyL1EXJGCj7eFVJ0bg5QR8LMxBlEtA+xKiLpFw=="
-    },
-    "node_modules/@next/env": {
-      "version": "10.0.7",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-10.0.7.tgz",
-      "integrity": "sha512-/vnz2SL/mk3Tei58WfRtVnvz5xHmAqcBmZL5sTBEy1CZG6OtZGNx0qAFCjtVkeJ5m1Bh4Ut+WFh/RF333wx8Sg=="
-    },
-    "node_modules/@next/polyfill-module": {
-      "version": "10.0.7",
-      "resolved": "https://registry.npmjs.org/@next/polyfill-module/-/polyfill-module-10.0.7.tgz",
-      "integrity": "sha512-HxqzRpoSgmZP0kRIWwH+e0SgtAXqJ0VkYtwWcsQFED8+xF4Eqn+7Twyp4uE6hutC8gr8IFSFqH+DEYhRtg1ltQ=="
-    },
-    "node_modules/@next/react-dev-overlay": {
-      "version": "10.0.7",
-      "resolved": "https://registry.npmjs.org/@next/react-dev-overlay/-/react-dev-overlay-10.0.7.tgz",
-      "integrity": "sha512-yq71MDHVqN2N+IqOvZDiFsMpQrBcymrdpTx1ShhAADX7cWQvW4dhcIir4BbfrS10vS1LLz/3a8uKZkGdNoJj3w==",
-      "dependencies": {
-        "@babel/code-frame": "7.12.11",
-        "anser": "1.4.9",
-        "chalk": "4.0.0",
-        "classnames": "2.2.6",
-        "css.escape": "1.5.1",
-        "data-uri-to-buffer": "3.0.1",
-        "platform": "1.3.6",
-        "shell-quote": "1.7.2",
-        "source-map": "0.8.0-beta.0",
-        "stacktrace-parser": "0.1.10",
-        "strip-ansi": "6.0.0"
-      },
-      "peerDependencies": {
-        "react": "^16.9.0 || ^17",
-        "react-dom": "^16.9.0 || ^17"
-      }
-    },
-    "node_modules/@next/react-dev-overlay/node_modules/chalk": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.0.0.tgz",
-      "integrity": "sha512-N9oWFcegS0sFr9oh1oz2d7Npos6vNoWW9HvtCg5N1KRFpUhaAhvTv5Y58g880fZaEYSNm3qDz8SU1UrGvp+n7A==",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/@next/react-refresh-utils": {
-      "version": "10.0.7",
-      "resolved": "https://registry.npmjs.org/@next/react-refresh-utils/-/react-refresh-utils-10.0.7.tgz",
-      "integrity": "sha512-d/71vtQglv6m7sh4W1O9drc2hYti7UnAdEXfBLZAS354g2S80lvCRGIhbDrMx4w0rpShoxBIZboE2++LihAESg==",
-      "peerDependencies": {
-        "react-refresh": "0.8.3",
-        "webpack": "^4 || ^5"
-      },
-      "peerDependenciesMeta": {
-        "webpack": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@opentelemetry/api": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/@opentelemetry/api/-/api-0.14.0.tgz",
-      "integrity": "sha512-L7RMuZr5LzMmZiQSQDy9O1jo0q+DaLy6XpYJfIGfYSfoJA5qzYwUP3sP1uMIQ549DvxAgM3ng85EaPTM/hUHwQ==",
-      "dependencies": {
-        "@opentelemetry/context-base": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/@opentelemetry/context-base": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/@opentelemetry/context-base/-/context-base-0.14.0.tgz",
-      "integrity": "sha512-sDOAZcYwynHFTbLo6n8kIbLiVF3a3BLkrmehJUyEbT9F+Smbi47kLGS2gG2g0fjBLR/Lr1InPD7kXL7FaTqEkw==",
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-      "peer": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.1.tgz",
-      "integrity": "sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng==",
-      "peer": true,
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "peer": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/anser": {
-      "version": "1.4.9",
-      "resolved": "https://registry.npmjs.org/anser/-/anser-1.4.9.tgz",
-      "integrity": "sha512-AI+BjTeGt2+WFk4eWcqbQ7snZpDBt8SaLlj0RT2h5xfdWaiy51OjYvqwMrNzJLGy8iOAL6nKDITWO+rd4MkYEA=="
-    },
-    "node_modules/ansi-colors": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
-      "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
-      "peer": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
-      "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz",
-      "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==",
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/aproba": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
-      "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
-      "optional": true
-    },
-    "node_modules/are-we-there-yet": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
-      "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
-      "optional": true,
-      "dependencies": {
-        "delegates": "^1.0.0",
-        "readable-stream": "^2.0.6"
-      }
-    },
-    "node_modules/are-we-there-yet/node_modules/readable-stream": {
-      "version": "2.3.7",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
-      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
-      "optional": true,
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/are-we-there-yet/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "optional": true
-    },
-    "node_modules/are-we-there-yet/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "optional": true,
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "peer": true,
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
-      }
-    },
-    "node_modules/array-flatten": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-3.0.0.tgz",
-      "integrity": "sha512-zPMVc3ZYlGLNk4mpK1NzP2wg0ml9t7fUgDsayR5Y5rSzxQilzR9FGu/EH2jQOcKSAeAfWeylyW8juy3OkWRvNA==",
-      "optional": true
-    },
-    "node_modules/array-includes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.2.tgz",
-      "integrity": "sha512-w2GspexNQpx+PutG3QpT437/BenZBj0M/MZGn5mzv/MofYqo0xmRHzn4lFsoDlWJ+THYsGJmFlW68WlDFx7VRw==",
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.18.0-next.1",
-        "get-intrinsic": "^1.0.1",
-        "is-string": "^1.0.5"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flatmap": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.2.4.tgz",
-      "integrity": "sha512-r9Z0zYoxqHz60vvQbWEdXIEtCwHF0yxaWfno9qzXeNHvfyl3BZqygmGzb84dsubyaXLH4husF+NFgMSdpZhk2Q==",
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.18.0-next.1",
-        "function-bind": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/asn1.js": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
-      "integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
-      "dependencies": {
-        "bn.js": "^4.0.0",
-        "inherits": "^2.0.1",
-        "minimalistic-assert": "^1.0.0",
-        "safer-buffer": "^2.1.0"
-      }
-    },
-    "node_modules/asn1.js/node_modules/bn.js": {
-      "version": "4.11.9",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
-      "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
-    },
-    "node_modules/assert": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.0.tgz",
-      "integrity": "sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==",
-      "dependencies": {
-        "object-assign": "^4.1.1",
-        "util": "0.10.3"
-      }
-    },
-    "node_modules/assert/node_modules/inherits": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.1.tgz",
-      "integrity": "sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE="
-    },
-    "node_modules/assert/node_modules/util": {
-      "version": "0.10.3",
-      "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
-      "integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",
-      "dependencies": {
-        "inherits": "2.0.1"
-      }
-    },
-    "node_modules/ast-types": {
-      "version": "0.13.2",
-      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.2.tgz",
-      "integrity": "sha512-uWMHxJxtfj/1oZClOxDEV1sQ1HCDkA4MG8Gr69KKeBjEVH0R84WlejZ0y2DcwyBlpAEMltmVYkVgqfLFb2oyiA==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/astral-regex": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
-      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/babel-plugin-syntax-jsx": {
-      "version": "6.18.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
-      "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY="
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
-      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
-      "peer": true
-    },
-    "node_modules/base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/big.js": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/binary-extensions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/bl": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
-      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
-      "optional": true,
-      "dependencies": {
-        "buffer": "^5.5.0",
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.4.0"
-      }
-    },
-    "node_modules/bn.js": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.1.3.tgz",
-      "integrity": "sha512-GkTiFpjFtUzU9CbMeJ5iazkCzGL3jrhzerzZIuqLABjbwRaFt33I9tUdSNryIptM+RxDet6OKm2WnLXzW51KsQ=="
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "peer": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dependencies": {
-        "fill-range": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/brorand": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
-      "integrity": "sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8="
-    },
-    "node_modules/browserify-aes": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
-      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
-      "dependencies": {
-        "buffer-xor": "^1.0.3",
-        "cipher-base": "^1.0.0",
-        "create-hash": "^1.1.0",
-        "evp_bytestokey": "^1.0.3",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
-    "node_modules/browserify-cipher": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
-      "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
-      "dependencies": {
-        "browserify-aes": "^1.0.4",
-        "browserify-des": "^1.0.0",
-        "evp_bytestokey": "^1.0.0"
-      }
-    },
-    "node_modules/browserify-des": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
-      "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
-      "dependencies": {
-        "cipher-base": "^1.0.1",
-        "des.js": "^1.0.0",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.1.2"
-      }
-    },
-    "node_modules/browserify-rsa": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
-      "integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
-      "dependencies": {
-        "bn.js": "^5.0.0",
-        "randombytes": "^2.0.1"
-      }
-    },
-    "node_modules/browserify-sign": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.1.tgz",
-      "integrity": "sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==",
-      "dependencies": {
-        "bn.js": "^5.1.1",
-        "browserify-rsa": "^4.0.1",
-        "create-hash": "^1.2.0",
-        "create-hmac": "^1.1.7",
-        "elliptic": "^6.5.3",
-        "inherits": "^2.0.4",
-        "parse-asn1": "^5.1.5",
-        "readable-stream": "^3.6.0",
-        "safe-buffer": "^5.2.0"
-      }
-    },
-    "node_modules/browserify-zlib": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
-      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
-      "dependencies": {
-        "pako": "~1.0.5"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.16.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.1.tgz",
-      "integrity": "sha512-UXhDrwqsNcpTYJBTZsbGATDxZbiVDsx6UjpmRUmtnP10pr8wAYr5LgFoEFw9ixriQH2mv/NX2SfGzE/o8GndLA==",
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001173",
-        "colorette": "^1.2.1",
-        "electron-to-chromium": "^1.3.634",
-        "escalade": "^3.1.1",
-        "node-releases": "^1.1.69"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/browserslist"
-      }
-    },
-    "node_modules/buffer": {
-      "version": "5.6.0",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.6.0.tgz",
-      "integrity": "sha512-/gDYp/UtU0eA1ys8bOs9J6a+E/KWIY+DZ+Q2WESNUA0jFRsJOc0SNUO6xJ5SGA1xueg3NL65W6s+NY5l9cunuw==",
-      "dependencies": {
-        "base64-js": "^1.0.2",
-        "ieee754": "^1.1.4"
-      }
-    },
-    "node_modules/buffer-xor": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
-      "integrity": "sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk="
-    },
-    "node_modules/builtin-status-codes": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
-      "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug="
-    },
-    "node_modules/bytes": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
-      "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
-      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-      "dependencies": {
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "peer": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001189",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001189.tgz",
-      "integrity": "sha512-BSfxClP/UWCD0RX1h1L+vLDexNSJY7SfOtbJtW10bcnatfj3BcoietUFYNwWreOCk+SNvGUaNapGqUNPiGAiSA=="
-    },
-    "node_modules/chalk": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-      "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-      "peer": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/chokidar": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.1.tgz",
-      "integrity": "sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==",
-      "dependencies": {
-        "anymatch": "~3.1.1",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.0",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.5.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.1"
-      }
-    },
-    "node_modules/chownr": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-      "optional": true
-    },
-    "node_modules/cipher-base": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
-      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
-      "dependencies": {
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
-    "node_modules/classnames": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz",
-      "integrity": "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q=="
-    },
-    "node_modules/code-point-at": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
-      "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
-      "optional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/color": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/color/-/color-3.1.3.tgz",
-      "integrity": "sha512-xgXAcTHa2HeFCGLE9Xs/R82hujGtu9Jd9x4NW3T34+OMs7VoPsjwzRczKHvTAHeJwWFwX5j15+MgAppE8ztObQ==",
-      "optional": true,
-      "dependencies": {
-        "color-convert": "^1.9.1",
-        "color-string": "^1.5.4"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
-    "node_modules/color-string": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.4.tgz",
-      "integrity": "sha512-57yF5yt8Xa3czSEW1jfQDE79Idk0+AkN/4KWad6tbdxUmAs3MvjxlWSWD4deYytcRfoZ9nhKyFl1kj5tBvidbw==",
-      "optional": true,
-      "dependencies": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
-    "node_modules/color/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "optional": true,
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/color/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
-      "optional": true
-    },
-    "node_modules/colorette": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.1.tgz",
-      "integrity": "sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw=="
-    },
-    "node_modules/commondir": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
-      "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs="
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
-      "peer": true
-    },
-    "node_modules/console-browserify": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
-      "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA=="
-    },
-    "node_modules/console-control-strings": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
-      "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
-      "optional": true
-    },
-    "node_modules/constants-browserify": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
-      "integrity": "sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U="
-    },
-    "node_modules/convert-source-map": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
-      "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
-      "dependencies": {
-        "safe-buffer": "~5.1.1"
-      }
-    },
-    "node_modules/convert-source-map/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-    },
-    "node_modules/core-util-is": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
-      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
-    },
-    "node_modules/create-ecdh": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
-      "integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
-      "dependencies": {
-        "bn.js": "^4.1.0",
-        "elliptic": "^6.5.3"
-      }
-    },
-    "node_modules/create-ecdh/node_modules/bn.js": {
-      "version": "4.11.9",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
-      "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
-    },
-    "node_modules/create-hash": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
-      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
-      "dependencies": {
-        "cipher-base": "^1.0.1",
-        "inherits": "^2.0.1",
-        "md5.js": "^1.3.4",
-        "ripemd160": "^2.0.1",
-        "sha.js": "^2.4.0"
-      }
-    },
-    "node_modules/create-hmac": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
-      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
-      "dependencies": {
-        "cipher-base": "^1.0.3",
-        "create-hash": "^1.1.0",
-        "inherits": "^2.0.1",
-        "ripemd160": "^2.0.0",
-        "safe-buffer": "^5.0.1",
-        "sha.js": "^2.4.8"
-      }
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "peer": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/crypto-browserify": {
-      "version": "3.12.0",
-      "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
-      "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
-      "dependencies": {
-        "browserify-cipher": "^1.0.0",
-        "browserify-sign": "^4.0.0",
-        "create-ecdh": "^4.0.0",
-        "create-hash": "^1.1.0",
-        "create-hmac": "^1.1.0",
-        "diffie-hellman": "^5.0.0",
-        "inherits": "^2.0.1",
-        "pbkdf2": "^3.0.3",
-        "public-encrypt": "^4.0.0",
-        "randombytes": "^2.0.0",
-        "randomfill": "^1.0.3"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/css.escape": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
-      "integrity": "sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s="
-    },
-    "node_modules/cssnano-preset-simple": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/cssnano-preset-simple/-/cssnano-preset-simple-1.2.2.tgz",
-      "integrity": "sha512-gtvrcRSGtP3hA/wS8mFVinFnQdEsEpm3v4I/s/KmNjpdWaThV/4E5EojAzFXxyT5OCSRPLlHR9iQexAqKHlhGQ==",
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001179",
-        "postcss": "^7.0.32"
-      }
-    },
-    "node_modules/cssnano-preset-simple/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cssnano-preset-simple/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cssnano-preset-simple/node_modules/chalk/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cssnano-preset-simple/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/cssnano-preset-simple/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
-    },
-    "node_modules/cssnano-preset-simple/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cssnano-preset-simple/node_modules/postcss": {
-      "version": "7.0.35",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
-      "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
-      "dependencies": {
-        "chalk": "^2.4.2",
-        "source-map": "^0.6.1",
-        "supports-color": "^6.1.0"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/cssnano-preset-simple/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/cssnano-preset-simple/node_modules/supports-color": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-      "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/cssnano-simple": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/cssnano-simple/-/cssnano-simple-1.2.2.tgz",
-      "integrity": "sha512-4slyYc1w4JhSbhVX5xi9G0aQ42JnRyPg+7l7cqoNyoIDzfWx40Rq3JQZnoAWDu60A4AvKVp9ln/YSUOdhDX68g==",
-      "dependencies": {
-        "cssnano-preset-simple": "1.2.2",
-        "postcss": "^7.0.32"
-      }
-    },
-    "node_modules/cssnano-simple/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cssnano-simple/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cssnano-simple/node_modules/chalk/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cssnano-simple/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/cssnano-simple/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
-    },
-    "node_modules/cssnano-simple/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cssnano-simple/node_modules/postcss": {
-      "version": "7.0.35",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
-      "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
-      "dependencies": {
-        "chalk": "^2.4.2",
-        "source-map": "^0.6.1",
-        "supports-color": "^6.1.0"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/cssnano-simple/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/cssnano-simple/node_modules/supports-color": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-      "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/data-uri-to-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-3.0.1.tgz",
-      "integrity": "sha512-WboRycPNsVw3B3TL559F7kuBUM4d8CgMEvk6xEJlOp7OBPjt6G7z8WMWlD2rOFZLk6OYfFIUGsCOWzcQH9K2og==",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/debug": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
-      "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
-      "peer": true,
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/decompress-response": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
-      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
-      "optional": true,
-      "dependencies": {
-        "mimic-response": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/deep-extend": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
-      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
-      "optional": true,
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
-      "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
-      "peer": true
-    },
-    "node_modules/define-properties": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
-      "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
-      "dependencies": {
-        "object-keys": "^1.0.12"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/delegates": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
-      "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
-      "optional": true
-    },
-    "node_modules/depd": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
-      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/des.js": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
-      "integrity": "sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==",
-      "dependencies": {
-        "inherits": "^2.0.1",
-        "minimalistic-assert": "^1.0.0"
-      }
-    },
-    "node_modules/detect-libc": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
-      "integrity": "sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=",
-      "optional": true,
-      "bin": {
-        "detect-libc": "bin/detect-libc.js"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/diffie-hellman": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
-      "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
-      "dependencies": {
-        "bn.js": "^4.1.0",
-        "miller-rabin": "^4.0.0",
-        "randombytes": "^2.0.0"
-      }
-    },
-    "node_modules/diffie-hellman/node_modules/bn.js": {
-      "version": "4.11.9",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
-      "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
-    },
-    "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "peer": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/domain-browser": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
-      "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==",
-      "engines": {
-        "node": ">=0.4",
-        "npm": ">=1.2"
-      }
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.3.669",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.669.tgz",
-      "integrity": "sha512-VNj10fmGC6SbE7s4tKG7y2OopVXYoTIfjE1MetflPd77KmeRuHtkl+HYsfF00BGg5hyaorTUn6lTToEHaciOSw=="
-    },
-    "node_modules/elliptic": {
-      "version": "6.5.4",
-      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
-      "integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==",
-      "dependencies": {
-        "bn.js": "^4.11.9",
-        "brorand": "^1.1.0",
-        "hash.js": "^1.0.0",
-        "hmac-drbg": "^1.0.1",
-        "inherits": "^2.0.4",
-        "minimalistic-assert": "^1.0.1",
-        "minimalistic-crypto-utils": "^1.0.1"
-      }
-    },
-    "node_modules/elliptic/node_modules/bn.js": {
-      "version": "4.11.9",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
-      "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
-    },
-    "node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "peer": true
-    },
-    "node_modules/emojis-list": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
-      "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/end-of-stream": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
-      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
-      "optional": true,
-      "dependencies": {
-        "once": "^1.4.0"
-      }
-    },
-    "node_modules/enquirer": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
-      "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
-      "peer": true,
-      "dependencies": {
-        "ansi-colors": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/es-abstract": {
-      "version": "1.18.0-next.2",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0-next.2.tgz",
-      "integrity": "sha512-Ih4ZMFHEtZupnUh6497zEL4y2+w8+1ljnCyaTa+adcoafI1GOvMwFlDjBLfWR7y9VLfrjRJe9ocuHY1PSR9jjw==",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "es-to-primitive": "^1.2.1",
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.0.2",
-        "has": "^1.0.3",
-        "has-symbols": "^1.0.1",
-        "is-callable": "^1.2.2",
-        "is-negative-zero": "^2.0.1",
-        "is-regex": "^1.1.1",
-        "object-inspect": "^1.9.0",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.2",
-        "string.prototype.trimend": "^1.0.3",
-        "string.prototype.trimstart": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.20.0.tgz",
-      "integrity": "sha512-qGi0CTcOGP2OtCQBgWZlQjcTuP0XkIpYFj25XtRTQSHC+umNnp7UMshr2G8SLsRFYDdAPFeHOsiteadmMH02Yw==",
-      "peer": true,
-      "dependencies": {
-        "@babel/code-frame": "7.12.11",
-        "@eslint/eslintrc": "^0.3.0",
-        "ajv": "^6.10.0",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.0.1",
-        "doctrine": "^3.0.0",
-        "enquirer": "^2.3.5",
-        "eslint-scope": "^5.1.1",
-        "eslint-utils": "^2.1.0",
-        "eslint-visitor-keys": "^2.0.0",
-        "espree": "^7.3.1",
-        "esquery": "^1.4.0",
-        "esutils": "^2.0.2",
-        "file-entry-cache": "^6.0.0",
-        "functional-red-black-tree": "^1.0.1",
-        "glob-parent": "^5.0.0",
-        "globals": "^12.1.0",
-        "ignore": "^4.0.6",
-        "import-fresh": "^3.0.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "js-yaml": "^3.13.1",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash": "^4.17.20",
-        "minimatch": "^3.0.4",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.1",
-        "progress": "^2.0.0",
-        "regexpp": "^3.1.0",
-        "semver": "^7.2.1",
-        "strip-ansi": "^6.0.0",
-        "strip-json-comments": "^3.1.0",
-        "table": "^6.0.4",
-        "text-table": "^0.2.0",
-        "v8-compile-cache": "^2.0.3"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-plugin-react": {
-      "version": "7.22.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.22.0.tgz",
-      "integrity": "sha512-p30tuX3VS+NWv9nQot9xIGAHBXR0+xJVaZriEsHoJrASGCJZDJ8JLNM0YqKqI0AKm6Uxaa1VUHoNEibxRCMQHA==",
-      "dependencies": {
-        "array-includes": "^3.1.1",
-        "array.prototype.flatmap": "^1.2.3",
-        "doctrine": "^2.1.0",
-        "has": "^1.0.3",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "object.entries": "^1.1.2",
-        "object.fromentries": "^2.0.2",
-        "object.values": "^1.1.1",
-        "prop-types": "^15.7.2",
-        "resolve": "^1.18.1",
-        "string.prototype.matchall": "^4.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "peer": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/eslint-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
-      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
-      "peer": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      }
-    },
-    "node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-      "peer": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz",
-      "integrity": "sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==",
-      "peer": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/espree": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz",
-      "integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==",
-      "peer": true,
-      "dependencies": {
-        "acorn": "^7.4.0",
-        "acorn-jsx": "^5.3.1",
-        "eslint-visitor-keys": "^1.3.0"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/espree/node_modules/eslint-visitor-keys": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-      "peer": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/esprima": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "peer": true,
-      "bin": {
-        "esparse": "bin/esparse.js",
-        "esvalidate": "bin/esvalidate.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
-      "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
-      "peer": true,
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esquery/node_modules/estraverse": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
-      "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
-      "peer": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "peer": true,
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esrecurse/node_modules/estraverse": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
-      "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
-      "peer": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "peer": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/etag": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/events": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.2.0.tgz",
-      "integrity": "sha512-/46HWwbfCX2xTawVfkKLGxMifJYQBWMwY1mjywRtb4c9x8l5NP3KoJtnIOiL1hfdRkIuYhETxQlo62IF8tcnlg==",
-      "engines": {
-        "node": ">=0.8.x"
-      }
-    },
-    "node_modules/evp_bytestokey": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
-      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
-      "dependencies": {
-        "md5.js": "^1.3.4",
-        "safe-buffer": "^5.1.1"
-      }
-    },
-    "node_modules/expand-template": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
-      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
-      "optional": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "peer": true
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "peer": true
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
-      "peer": true
-    },
-    "node_modules/file-entry-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.0.tgz",
-      "integrity": "sha512-fqoO76jZ3ZnYrXLDRxBR1YvOvc0k844kcOg40bgsPrE25LAb/PDqTY+ho64Xh2c8ZXgIKldchCFHczG2UVRcWA==",
-      "peer": true,
-      "dependencies": {
-        "flat-cache": "^3.0.4"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-cache-dir": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.1.tgz",
-      "integrity": "sha512-t2GDMt3oGC/v+BMwzmllWDuJF/xcDtE5j/fCGbqDD7OLuJkj0cfh1YSA5VKPvwMeLFLNDBkwOKZ2X85jGLVftQ==",
-      "dependencies": {
-        "commondir": "^1.0.1",
-        "make-dir": "^3.0.2",
-        "pkg-dir": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
-      }
-    },
-    "node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/flat-cache": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
-      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
-      "peer": true,
-      "dependencies": {
-        "flatted": "^3.1.0",
-        "rimraf": "^3.0.2"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.1.1.tgz",
-      "integrity": "sha512-zAoAQiudy+r5SvnSw3KJy5os/oRJYHzrzja/tBDqrZtNhUw8bt6y8OBzMWcjWr+8liV8Eb6yOhw8WZ7VFZ5ZzA==",
-      "peer": true
-    },
-    "node_modules/fs-constants": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
-      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
-      "optional": true
-    },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
-      "peer": true
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
-    },
-    "node_modules/functional-red-black-tree": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
-      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
-      "peer": true
-    },
-    "node_modules/gauge": {
-      "version": "2.7.4",
-      "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
-      "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
-      "optional": true,
-      "dependencies": {
-        "aproba": "^1.0.3",
-        "console-control-strings": "^1.0.0",
-        "has-unicode": "^2.0.0",
-        "object-assign": "^4.1.0",
-        "signal-exit": "^3.0.0",
-        "string-width": "^1.0.1",
-        "strip-ansi": "^3.0.1",
-        "wide-align": "^1.1.0"
-      }
-    },
-    "node_modules/gauge/node_modules/ansi-regex": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-      "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
-      "optional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/gauge/node_modules/strip-ansi": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-      "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-      "optional": true,
-      "dependencies": {
-        "ansi-regex": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
-      "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
-      "dependencies": {
-        "function-bind": "^1.1.1",
-        "has": "^1.0.3",
-        "has-symbols": "^1.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/github-from-package": {
-      "version": "0.0.0",
-      "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
-      "integrity": "sha1-l/tdlr/eiXMxPyDoKI75oWf6ZM4=",
-      "optional": true
-    },
-    "node_modules/glob": {
-      "version": "7.1.6",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
-      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
-      "peer": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
-      "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
-    },
-    "node_modules/globals": {
-      "version": "12.4.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
-      "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
-      "peer": true,
-      "dependencies": {
-        "type-fest": "^0.8.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/graceful-fs": {
-      "version": "4.2.6",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz",
-      "integrity": "sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ=="
-    },
-    "node_modules/has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dependencies": {
-        "function-bind": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz",
-      "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-unicode": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
-      "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
-      "optional": true
-    },
-    "node_modules/hash-base": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
-      "integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
-      "dependencies": {
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.6.0",
-        "safe-buffer": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/hash.js": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
-      "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "minimalistic-assert": "^1.0.1"
-      }
-    },
-    "node_modules/he": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "bin": {
-        "he": "bin/he"
-      }
-    },
-    "node_modules/hmac-drbg": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
-      "integrity": "sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=",
-      "dependencies": {
-        "hash.js": "^1.0.3",
-        "minimalistic-assert": "^1.0.0",
-        "minimalistic-crypto-utils": "^1.0.1"
-      }
-    },
-    "node_modules/http-errors": {
-      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz",
-      "integrity": "sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==",
-      "dependencies": {
-        "depd": "~1.1.2",
-        "inherits": "2.0.4",
-        "setprototypeof": "1.1.1",
-        "statuses": ">= 1.5.0 < 2",
-        "toidentifier": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/https-browserify": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
-      "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM="
-    },
-    "node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/ieee754": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/ignore": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
-      "peer": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "peer": true,
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
-      "peer": true,
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-      "peer": true,
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-    },
-    "node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-      "optional": true
-    },
-    "node_modules/internal-slot": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
-      "integrity": "sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==",
-      "dependencies": {
-        "get-intrinsic": "^1.1.0",
-        "has": "^1.0.3",
-        "side-channel": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-arrayish": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-      "optional": true
-    },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-callable": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.3.tgz",
-      "integrity": "sha512-J1DcMe8UYTBSrKezuIUTUwjXsho29693unXM2YhJUTR2txK/eG47bvNa/wipPFmZFgr/N6f1GA66dv0mEyTIyQ==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.2.0.tgz",
-      "integrity": "sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==",
-      "dependencies": {
-        "has": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-date-object": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.2.tgz",
-      "integrity": "sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
-      "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
-      "optional": true,
-      "dependencies": {
-        "number-is-nan": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
-      "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.1.tgz",
-      "integrity": "sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-regex": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.2.tgz",
-      "integrity": "sha512-axvdhb5pdhEVThqJzYXwMlVuZwC+FF2DpcOhTS+y/8jVq4trxyPgfcwIxIKiyeuLlSQYKkmUaPQJ8ZE4yNKXDg==",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-symbols": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-string": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.5.tgz",
-      "integrity": "sha512-buY6VNRjhQMiF1qWDouloZlQbRhDPCebwxSjxMjxgemYT46YMd2NR0/H+fBhEfWX4A/w9TBJ+ol+okqJKFE6vQ==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-symbol": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.3.tgz",
-      "integrity": "sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==",
-      "dependencies": {
-        "has-symbols": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
-      "peer": true
-    },
-    "node_modules/isobject": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
-      "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
-      "dependencies": {
-        "isarray": "1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/jest-worker": {
-      "version": "24.9.0",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-24.9.0.tgz",
-      "integrity": "sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==",
-      "dependencies": {
-        "merge-stream": "^2.0.0",
-        "supports-color": "^6.1.0"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/jest-worker/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/jest-worker/node_modules/supports-color": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-      "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-    },
-    "node_modules/js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-      "peer": true,
-      "dependencies": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "peer": true
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
-      "peer": true
-    },
-    "node_modules/json5": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "json5": "lib/cli.js"
-      }
-    },
-    "node_modules/jsx-ast-utils": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.2.0.tgz",
-      "integrity": "sha512-EIsmt3O3ljsU6sot/J4E1zDRxfBNrhjyf/OKjlydwgEimQuznlM4Wv7U+ueONJMyEn1WRE0K8dhi3dVAXYT24Q==",
-      "dependencies": {
-        "array-includes": "^3.1.2",
-        "object.assign": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "peer": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/line-column": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/line-column/-/line-column-1.0.2.tgz",
-      "integrity": "sha1-0lryk2tvSEkXKzEuR5LR2Ye8NKI=",
-      "dependencies": {
-        "isarray": "^1.0.0",
-        "isobject": "^2.0.0"
-      }
-    },
-    "node_modules/loader-utils": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
-      "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
-      "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^2.0.0",
-        "json5": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/lodash": {
-      "version": "4.17.20",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
-      "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA=="
-    },
-    "node_modules/lodash.sortby": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
-      "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg="
-    },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      },
-      "bin": {
-        "loose-envify": "cli.js"
-      }
-    },
-    "node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/make-dir": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
-      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
-      "dependencies": {
-        "semver": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/make-dir/node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/md5.js": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
-      "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
-      "dependencies": {
-        "hash-base": "^3.0.0",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.1.2"
-      }
-    },
-    "node_modules/merge-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w=="
-    },
-    "node_modules/miller-rabin": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
-      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
-      "dependencies": {
-        "bn.js": "^4.0.0",
-        "brorand": "^1.0.1"
-      },
-      "bin": {
-        "miller-rabin": "bin/miller-rabin"
-      }
-    },
-    "node_modules/miller-rabin/node_modules/bn.js": {
-      "version": "4.11.9",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
-      "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
-    },
-    "node_modules/mimic-response": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
-      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
-      "optional": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/minimalistic-assert": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
-      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A=="
-    },
-    "node_modules/minimalistic-crypto-utils": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
-      "integrity": "sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo="
-    },
-    "node_modules/minimatch": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
-      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
-      "peer": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/minimist": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
-    },
-    "node_modules/mkdirp-classic": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
-      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
-      "optional": true
-    },
-    "node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "peer": true
-    },
-    "node_modules/nanoid": {
-      "version": "3.1.20",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.20.tgz",
-      "integrity": "sha512-a1cQNyczgKbLX9jwbS/+d7W8fX/RfgYR7lVWwWOGIPNgK2m0MWvrGF6/m4kk6U3QcFMnZf3RIhL0v2Jgh/0Uxw==",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/napi-build-utils": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz",
-      "integrity": "sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==",
-      "optional": true
-    },
-    "node_modules/native-url": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/native-url/-/native-url-0.3.4.tgz",
-      "integrity": "sha512-6iM8R99ze45ivyH8vybJ7X0yekIcPf5GgLV5K0ENCbmRcaRIDoj37BC8iLEmaaBfqqb8enuZ5p0uhY+lVAbAcA==",
-      "dependencies": {
-        "querystring": "^0.2.0"
-      }
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
-      "peer": true
-    },
-    "node_modules/next": {
-      "version": "10.0.7",
-      "resolved": "https://registry.npmjs.org/next/-/next-10.0.7.tgz",
-      "integrity": "sha512-We0utmwwfkvO12eLyUZd3tX9VLDE3FPpOaHpH3kqKdUTxJzUKt8FLBXCTm0mwsTKW5XColWG8mJvz2OLu3+3QA==",
-      "dependencies": {
-        "@babel/runtime": "7.12.5",
-        "@hapi/accept": "5.0.1",
-        "@next/env": "10.0.7",
-        "@next/polyfill-module": "10.0.7",
-        "@next/react-dev-overlay": "10.0.7",
-        "@next/react-refresh-utils": "10.0.7",
-        "@opentelemetry/api": "0.14.0",
-        "ast-types": "0.13.2",
-        "browserslist": "4.16.1",
-        "buffer": "5.6.0",
-        "caniuse-lite": "^1.0.30001179",
-        "chalk": "2.4.2",
-        "chokidar": "3.5.1",
-        "crypto-browserify": "3.12.0",
-        "cssnano-simple": "1.2.2",
-        "etag": "1.8.1",
-        "find-cache-dir": "3.3.1",
-        "jest-worker": "24.9.0",
-        "native-url": "0.3.4",
-        "node-fetch": "2.6.1",
-        "node-html-parser": "1.4.9",
-        "node-libs-browser": "^2.2.1",
-        "p-limit": "3.1.0",
-        "path-browserify": "1.0.1",
-        "pnp-webpack-plugin": "1.6.4",
-        "postcss": "8.1.7",
-        "process": "0.11.10",
-        "prop-types": "15.7.2",
-        "raw-body": "2.4.1",
-        "react-is": "16.13.1",
-        "react-refresh": "0.8.3",
-        "stream-browserify": "3.0.0",
-        "styled-jsx": "3.3.2",
-        "use-subscription": "1.5.1",
-        "vm-browserify": "1.1.2",
-        "watchpack": "2.0.0-beta.13"
-      },
-      "bin": {
-        "next": "dist/bin/next"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "optionalDependencies": {
-        "sharp": "0.26.3"
-      },
-      "peerDependencies": {
-        "fibers": ">= 3.1.0",
-        "node-sass": "^4.0.0 || ^5.0.0",
-        "react": "^16.6.0 || ^17",
-        "react-dom": "^16.6.0 || ^17",
-        "sass": "^1.3.0"
-      },
-      "peerDependenciesMeta": {
-        "fibers": {
-          "optional": true
-        },
-        "node-sass": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/next/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/next/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/next/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/next/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
-    },
-    "node_modules/next/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/next/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/node-abi": {
-      "version": "2.19.3",
-      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-2.19.3.tgz",
-      "integrity": "sha512-9xZrlyfvKhWme2EXFKQhZRp1yNWT/uI1luYPr3sFl+H4keYY4xR+1jO7mvTTijIsHf1M+QDe9uWuKeEpLInIlg==",
-      "optional": true,
-      "dependencies": {
-        "semver": "^5.4.1"
-      }
-    },
-    "node_modules/node-abi/node_modules/semver": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-      "optional": true,
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/node-addon-api": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.1.0.tgz",
-      "integrity": "sha512-flmrDNB06LIl5lywUz7YlNGZH/5p0M7W28k8hzd9Lshtdh1wshD2Y+U4h9LD6KObOy1f+fEVdgprPrEymjM5uw==",
-      "optional": true
-    },
-    "node_modules/node-fetch": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.1.tgz",
-      "integrity": "sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==",
-      "engines": {
-        "node": "4.x || >=6.0.0"
-      }
-    },
-    "node_modules/node-html-parser": {
-      "version": "1.4.9",
-      "resolved": "https://registry.npmjs.org/node-html-parser/-/node-html-parser-1.4.9.tgz",
-      "integrity": "sha512-UVcirFD1Bn0O+TSmloHeHqZZCxHjvtIeGdVdGMhyZ8/PWlEiZaZ5iJzR189yKZr8p0FXN58BUeC7RHRkf/KYGw==",
-      "dependencies": {
-        "he": "1.2.0"
-      }
-    },
-    "node_modules/node-libs-browser": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
-      "integrity": "sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==",
-      "dependencies": {
-        "assert": "^1.1.1",
-        "browserify-zlib": "^0.2.0",
-        "buffer": "^4.3.0",
-        "console-browserify": "^1.1.0",
-        "constants-browserify": "^1.0.0",
-        "crypto-browserify": "^3.11.0",
-        "domain-browser": "^1.1.1",
-        "events": "^3.0.0",
-        "https-browserify": "^1.0.0",
-        "os-browserify": "^0.3.0",
-        "path-browserify": "0.0.1",
-        "process": "^0.11.10",
-        "punycode": "^1.2.4",
-        "querystring-es3": "^0.2.0",
-        "readable-stream": "^2.3.3",
-        "stream-browserify": "^2.0.1",
-        "stream-http": "^2.7.2",
-        "string_decoder": "^1.0.0",
-        "timers-browserify": "^2.0.4",
-        "tty-browserify": "0.0.0",
-        "url": "^0.11.0",
-        "util": "^0.11.0",
-        "vm-browserify": "^1.0.1"
-      }
-    },
-    "node_modules/node-libs-browser/node_modules/buffer": {
-      "version": "4.9.2",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
-      "integrity": "sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==",
-      "dependencies": {
-        "base64-js": "^1.0.2",
-        "ieee754": "^1.1.4",
-        "isarray": "^1.0.0"
-      }
-    },
-    "node_modules/node-libs-browser/node_modules/path-browserify": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.1.tgz",
-      "integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ=="
-    },
-    "node_modules/node-libs-browser/node_modules/readable-stream": {
-      "version": "2.3.7",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
-      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/node-libs-browser/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-    },
-    "node_modules/node-libs-browser/node_modules/stream-browserify": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
-      "integrity": "sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==",
-      "dependencies": {
-        "inherits": "~2.0.1",
-        "readable-stream": "^2.0.2"
-      }
-    },
-    "node_modules/node-libs-browser/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/node-releases": {
-      "version": "1.1.70",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.70.tgz",
-      "integrity": "sha512-Slf2s69+2/uAD79pVVQo8uSiC34+g8GWY8UH2Qtqv34ZfhYrxpYpfzs9Js9d6O0mbDmALuxaTlplnBTnSELcrw=="
-    },
-    "node_modules/noop-logger": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/noop-logger/-/noop-logger-0.1.1.tgz",
-      "integrity": "sha1-lKKxYzxPExdVMAfYlm/Q6EG2pMI=",
-      "optional": true
-    },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npmlog": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
-      "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
-      "optional": true,
-      "dependencies": {
-        "are-we-there-yet": "~1.1.2",
-        "console-control-strings": "~1.1.0",
-        "gauge": "~2.7.3",
-        "set-blocking": "~2.0.0"
-      }
-    },
-    "node_modules/number-is-nan": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
-      "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
-      "optional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.9.0.tgz",
-      "integrity": "sha512-i3Bp9iTqwhaLZBxGkRfo5ZbE07BQRT7MGu8+nNgwW9ItGp1TzCTw2DLEoWwjClxBjOFI/hWljTAmYGCEwmtnOw==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.assign": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz",
-      "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==",
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3",
-        "has-symbols": "^1.0.1",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.entries": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.3.tgz",
-      "integrity": "sha512-ym7h7OZebNS96hn5IJeyUmaWhaSM4SVtAPPfNLQEI2MYWCO2egsITb9nab2+i/Pwibx+R0mtn+ltKJXRSeTMGg==",
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.18.0-next.1",
-        "has": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.fromentries": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.3.tgz",
-      "integrity": "sha512-IDUSMXs6LOSJBWE++L0lzIbSqHl9KDCfff2x/JSEIDtEUavUnyMYC2ZGay/04Zq4UT8lvd4xNhU4/YHKibAOlw==",
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.18.0-next.1",
-        "has": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.values": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.2.tgz",
-      "integrity": "sha512-MYC0jvJopr8EK6dPBiO8Nb9mvjdypOachO5REGk6MXzujbBrAisKo3HmdEI6kZDL6fC31Mwee/5YbtMebixeag==",
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.18.0-next.1",
-        "has": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
-      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
-      "peer": true,
-      "dependencies": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.3"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/os-browserify": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
-      "integrity": "sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc="
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/p-locate/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pako": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
-      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "peer": true,
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/parse-asn1": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
-      "integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
-      "dependencies": {
-        "asn1.js": "^5.2.0",
-        "browserify-aes": "^1.0.0",
-        "evp_bytestokey": "^1.0.0",
-        "pbkdf2": "^3.0.3",
-        "safe-buffer": "^5.1.1"
-      }
-    },
-    "node_modules/path-browserify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
-      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g=="
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
-      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw=="
-    },
-    "node_modules/pbkdf2": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.1.tgz",
-      "integrity": "sha512-4Ejy1OPxi9f2tt1rRV7Go7zmfDQ+ZectEQz3VGUQhgq62HtIRPDyG/JtnwIxs6x3uNMwo2V7q1fMvKjb+Tnpqg==",
-      "dependencies": {
-        "create-hash": "^1.1.2",
-        "create-hmac": "^1.1.4",
-        "ripemd160": "^2.0.1",
-        "safe-buffer": "^5.0.1",
-        "sha.js": "^2.4.8"
-      },
-      "engines": {
-        "node": ">=0.12"
-      }
-    },
-    "node_modules/picomatch": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
-      "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pkg-dir": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-      "dependencies": {
-        "find-up": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/platform": {
-      "version": "1.3.6",
-      "resolved": "https://registry.npmjs.org/platform/-/platform-1.3.6.tgz",
-      "integrity": "sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg=="
-    },
-    "node_modules/pnp-webpack-plugin": {
-      "version": "1.6.4",
-      "resolved": "https://registry.npmjs.org/pnp-webpack-plugin/-/pnp-webpack-plugin-1.6.4.tgz",
-      "integrity": "sha512-7Wjy+9E3WwLOEL30D+m8TSTF7qJJUJLONBnwQp0518siuMxUQUbgZwssaFX+QKlZkjHZcw/IpZCt/H0srrntSg==",
-      "dependencies": {
-        "ts-pnp": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.1.7",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.1.7.tgz",
-      "integrity": "sha512-llCQW1Pz4MOPwbZLmOddGM9eIJ8Bh7SZ2Oj5sxZva77uVaotYDsYTch1WBTNu7fUY0fpWp0fdt7uW40D4sRiiQ==",
-      "dependencies": {
-        "colorette": "^1.2.1",
-        "line-column": "^1.0.2",
-        "nanoid": "^3.1.16",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/prebuild-install": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-6.0.1.tgz",
-      "integrity": "sha512-7GOJrLuow8yeiyv75rmvZyeMGzl8mdEX5gY69d6a6bHWmiPevwqFw+tQavhK0EYMaSg3/KD24cWqeQv1EWsqDQ==",
-      "optional": true,
-      "dependencies": {
-        "detect-libc": "^1.0.3",
-        "expand-template": "^2.0.3",
-        "github-from-package": "0.0.0",
-        "minimist": "^1.2.3",
-        "mkdirp-classic": "^0.5.3",
-        "napi-build-utils": "^1.0.1",
-        "node-abi": "^2.7.0",
-        "noop-logger": "^0.1.1",
-        "npmlog": "^4.0.1",
-        "pump": "^3.0.0",
-        "rc": "^1.2.7",
-        "simple-get": "^3.0.3",
-        "tar-fs": "^2.0.0",
-        "tunnel-agent": "^0.6.0",
-        "which-pm-runs": "^1.0.0"
-      },
-      "bin": {
-        "prebuild-install": "bin.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/prebuild-install/node_modules/decompress-response": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-4.2.1.tgz",
-      "integrity": "sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==",
-      "optional": true,
-      "dependencies": {
-        "mimic-response": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/prebuild-install/node_modules/mimic-response": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-2.1.0.tgz",
-      "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==",
-      "optional": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/prebuild-install/node_modules/simple-get": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-3.1.0.tgz",
-      "integrity": "sha512-bCR6cP+aTdScaQCnQKbPKtJOKDp/hj9EDLJo3Nw4y1QksqaovlW/bnptB6/c1e+qmNIDHRK+oXFDdEqBT8WzUA==",
-      "optional": true,
-      "dependencies": {
-        "decompress-response": "^4.2.0",
-        "once": "^1.3.1",
-        "simple-concat": "^1.0.0"
-      }
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "peer": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/process": {
-      "version": "0.11.10",
-      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
-      "engines": {
-        "node": ">= 0.6.0"
-      }
-    },
-    "node_modules/process-nextick-args": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
-    },
-    "node_modules/progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "peer": true,
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/prop-types": {
-      "version": "15.7.2",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
-      "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
-      "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.8.1"
-      }
-    },
-    "node_modules/public-encrypt": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
-      "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
-      "dependencies": {
-        "bn.js": "^4.1.0",
-        "browserify-rsa": "^4.0.0",
-        "create-hash": "^1.1.0",
-        "parse-asn1": "^5.0.0",
-        "randombytes": "^2.0.1",
-        "safe-buffer": "^5.1.2"
-      }
-    },
-    "node_modules/public-encrypt/node_modules/bn.js": {
-      "version": "4.11.9",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.9.tgz",
-      "integrity": "sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw=="
-    },
-    "node_modules/pump": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
-      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
-      "optional": true,
-      "dependencies": {
-        "end-of-stream": "^1.1.0",
-        "once": "^1.3.1"
-      }
-    },
-    "node_modules/punycode": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-      "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4="
-    },
-    "node_modules/querystring": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.1.tgz",
-      "integrity": "sha512-wkvS7mL/JMugcup3/rMitHmd9ecIGd2lhFhK9N3UUQ450h66d1r3Y9nvXzQAW1Lq+wyx61k/1pfKS5KuKiyEbg==",
-      "engines": {
-        "node": ">=0.4.x"
-      }
-    },
-    "node_modules/querystring-es3": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
-      "integrity": "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=",
-      "engines": {
-        "node": ">=0.4.x"
-      }
-    },
-    "node_modules/randombytes": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-      "dependencies": {
-        "safe-buffer": "^5.1.0"
-      }
-    },
-    "node_modules/randomfill": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
-      "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
-      "dependencies": {
-        "randombytes": "^2.0.5",
-        "safe-buffer": "^5.1.0"
-      }
-    },
-    "node_modules/raw-body": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.1.tgz",
-      "integrity": "sha512-9WmIKF6mkvA0SLmA2Knm9+qj89e+j1zqgyn8aXGd7+nAduPoqgI9lO57SAZNn/Byzo5P7JhXTyg9PzaJbH73bA==",
-      "dependencies": {
-        "bytes": "3.1.0",
-        "http-errors": "1.7.3",
-        "iconv-lite": "0.4.24",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/rc": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
-      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
-      "optional": true,
-      "dependencies": {
-        "deep-extend": "^0.6.0",
-        "ini": "~1.3.0",
-        "minimist": "^1.2.0",
-        "strip-json-comments": "~2.0.1"
-      },
-      "bin": {
-        "rc": "cli.js"
-      }
-    },
-    "node_modules/rc/node_modules/strip-json-comments": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
-      "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
-      "optional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react": {
-      "version": "16.14.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
-      "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-dom": {
-      "version": "16.14.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
-      "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2",
-        "scheduler": "^0.19.1"
-      },
-      "peerDependencies": {
-        "react": "^16.14.0"
-      }
-    },
-    "node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-    },
-    "node_modules/react-refresh": {
-      "version": "0.8.3",
-      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz",
-      "integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-snowfall": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/react-snowfall/-/react-snowfall-1.0.2.tgz",
-      "integrity": "sha512-wmKa7Vhl26Ixo5hBp3lgM9z7o43itLv7LF7IuuD0vZPh3TclfM2wokujQb/gg5Ml2c6r6hyU7WXmvMg63TkhtA==",
-      "peerDependencies": {
-        "react": "^16.8",
-        "react-dom": "^16.8"
-      }
-    },
-    "node_modules/readable-stream": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/readdirp": {
-      "version": "3.5.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz",
-      "integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/regenerator-runtime": {
-      "version": "0.13.7",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
-      "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew=="
-    },
-    "node_modules/regexp.prototype.flags": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.3.1.tgz",
-      "integrity": "sha512-JiBdRBq91WlY7uRJ0ds7R+dU02i6LKi8r3BuQhNXn+kmeLN+EfHhfjqMRis1zJxnlu88hq/4dx0P2OP3APRTOA==",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/regexpp": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz",
-      "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==",
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      }
-    },
-    "node_modules/require-from-string": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/resolve": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
-      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
-      "dependencies": {
-        "is-core-module": "^2.2.0",
-        "path-parse": "^1.0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "peer": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "peer": true,
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/ripemd160": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
-      "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
-      "dependencies": {
-        "hash-base": "^3.0.0",
-        "inherits": "^2.0.1"
-      }
-    },
-    "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
-    },
-    "node_modules/scheduler": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
-      "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1"
-      }
-    },
-    "node_modules/semver": {
-      "version": "7.3.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.4.tgz",
-      "integrity": "sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/set-blocking": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
-      "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
-      "optional": true
-    },
-    "node_modules/setimmediate": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
-      "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU="
-    },
-    "node_modules/setprototypeof": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz",
-      "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw=="
-    },
-    "node_modules/sha.js": {
-      "version": "2.4.11",
-      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
-      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
-      "dependencies": {
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      },
-      "bin": {
-        "sha.js": "bin.js"
-      }
-    },
-    "node_modules/sharp": {
-      "version": "0.26.3",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.26.3.tgz",
-      "integrity": "sha512-NdEJ9S6AMr8Px0zgtFo1TJjMK/ROMU92MkDtYn2BBrDjIx3YfH9TUyGdzPC+I/L619GeYQc690Vbaxc5FPCCWg==",
-      "hasInstallScript": true,
-      "optional": true,
-      "dependencies": {
-        "array-flatten": "^3.0.0",
-        "color": "^3.1.3",
-        "detect-libc": "^1.0.3",
-        "node-addon-api": "^3.0.2",
-        "npmlog": "^4.1.2",
-        "prebuild-install": "^6.0.0",
-        "semver": "^7.3.2",
-        "simple-get": "^4.0.0",
-        "tar-fs": "^2.1.1",
-        "tunnel-agent": "^0.6.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "peer": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shell-quote": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz",
-      "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg=="
-    },
-    "node_modules/side-channel": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "get-intrinsic": "^1.0.2",
-        "object-inspect": "^1.9.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/signal-exit": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
-      "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
-      "optional": true
-    },
-    "node_modules/simple-concat": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
-      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "optional": true
-    },
-    "node_modules/simple-get": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.0.tgz",
-      "integrity": "sha512-ZalZGexYr3TA0SwySsr5HlgOOinS4Jsa8YB2GJ6lUNAazyAu4KG/VmzMTwAt2YVXzzVj8QmefmAonZIK2BSGcQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "optional": true,
-      "dependencies": {
-        "decompress-response": "^6.0.0",
-        "once": "^1.3.1",
-        "simple-concat": "^1.0.0"
-      }
-    },
-    "node_modules/simple-swizzle": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
-      "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=",
-      "optional": true,
-      "dependencies": {
-        "is-arrayish": "^0.3.1"
-      }
-    },
-    "node_modules/slice-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-      "peer": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-      }
-    },
-    "node_modules/slice-ansi/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.8.0-beta.0",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
-      "integrity": "sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==",
-      "dependencies": {
-        "whatwg-url": "^7.0.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
-      "peer": true
-    },
-    "node_modules/stacktrace-parser": {
-      "version": "0.1.10",
-      "resolved": "https://registry.npmjs.org/stacktrace-parser/-/stacktrace-parser-0.1.10.tgz",
-      "integrity": "sha512-KJP1OCML99+8fhOHxwwzyWrlUuVX5GQ0ZpJTd1DFXhdkrvg1szxfHhawXUZ3g9TkXORQd4/WG68jMlQZ2p8wlg==",
-      "dependencies": {
-        "type-fest": "^0.7.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/stacktrace-parser/node_modules/type-fest": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.7.1.tgz",
-      "integrity": "sha512-Ne2YiiGN8bmrmJJEuTWTLJR32nh/JdL1+PSicowtNb0WFpn59GK8/lfD61bVtzguz7b3PBt74nxpv/Pw5po5Rg==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/statuses": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
-      "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/stream-browserify": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-3.0.0.tgz",
-      "integrity": "sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==",
-      "dependencies": {
-        "inherits": "~2.0.4",
-        "readable-stream": "^3.5.0"
-      }
-    },
-    "node_modules/stream-http": {
-      "version": "2.8.3",
-      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.8.3.tgz",
-      "integrity": "sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==",
-      "dependencies": {
-        "builtin-status-codes": "^3.0.0",
-        "inherits": "^2.0.1",
-        "readable-stream": "^2.3.6",
-        "to-arraybuffer": "^1.0.0",
-        "xtend": "^4.0.0"
-      }
-    },
-    "node_modules/stream-http/node_modules/readable-stream": {
-      "version": "2.3.7",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
-      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/stream-http/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-    },
-    "node_modules/stream-http/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
-    "node_modules/string-hash": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz",
-      "integrity": "sha1-6Kr8CsGFW0Zmkp7X3RJ1311sgRs="
-    },
-    "node_modules/string-width": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
-      "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
-      "optional": true,
-      "dependencies": {
-        "code-point-at": "^1.0.0",
-        "is-fullwidth-code-point": "^1.0.0",
-        "strip-ansi": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/string-width/node_modules/ansi-regex": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-      "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
-      "optional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/string-width/node_modules/strip-ansi": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-      "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-      "optional": true,
-      "dependencies": {
-        "ansi-regex": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/string.prototype.matchall": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.3.tgz",
-      "integrity": "sha512-OBxYDA2ifZQ2e13cP82dWFMaCV9CGF8GzmN4fljBVw5O5wep0lu4gacm1OL6MjROoUnB8VbkWRThqkV2YFLNxw==",
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.18.0-next.1",
-        "has-symbols": "^1.0.1",
-        "internal-slot": "^1.0.2",
-        "regexp.prototype.flags": "^1.3.0",
-        "side-channel": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimend": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.3.tgz",
-      "integrity": "sha512-ayH0pB+uf0U28CtjlLvL7NaohvR1amUvVZk+y3DYb0Ey2PUV5zPkkKy9+U1ndVEIXO8hNg18eIv9Jntbii+dKw==",
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimstart": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.3.tgz",
-      "integrity": "sha512-oBIBUy5lea5tt0ovtOFiEQaBkoBBkyJhZXzJYrSmDo5IUUqbOPvVezuRs/agBIdZ2p2Eo1FD6bD9USyBLfl3xg==",
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "define-properties": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
-      "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
-      "dependencies": {
-        "ansi-regex": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/styled-jsx": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-3.3.2.tgz",
-      "integrity": "sha512-daAkGd5mqhbBhLd6jYAjYBa9LpxYCzsgo/f6qzPdFxVB8yoGbhxvzQgkC0pfmCVvW3JuAEBn0UzFLBfkHVZG1g==",
-      "dependencies": {
-        "@babel/types": "7.8.3",
-        "babel-plugin-syntax-jsx": "6.18.0",
-        "convert-source-map": "1.7.0",
-        "loader-utils": "1.2.3",
-        "source-map": "0.7.3",
-        "string-hash": "1.1.3",
-        "stylis": "3.5.4",
-        "stylis-rule-sheet": "0.0.10"
-      },
-      "peerDependencies": {
-        "react": "15.x.x || 16.x.x || 17.x.x"
-      }
-    },
-    "node_modules/styled-jsx/node_modules/source-map": {
-      "version": "0.7.3",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
-      "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/stylis": {
-      "version": "3.5.4",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-3.5.4.tgz",
-      "integrity": "sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q=="
-    },
-    "node_modules/stylis-rule-sheet": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/stylis-rule-sheet/-/stylis-rule-sheet-0.0.10.tgz",
-      "integrity": "sha512-nTbZoaqoBnmK+ptANthb10ZRZOGC+EmTLLUxeYIuHNkEKcmKgXX1XWKkUBT2Ac4es3NybooPe0SmvKdhKJZAuw==",
-      "peerDependencies": {
-        "stylis": "^3.5.0"
-      }
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/table": {
-      "version": "6.0.7",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.0.7.tgz",
-      "integrity": "sha512-rxZevLGTUzWna/qBLObOe16kB2RTnnbhciwgPbMMlazz1yZGVEgnZK762xyVdVznhqxrfCeBMmMkgOOaPwjH7g==",
-      "peer": true,
-      "dependencies": {
-        "ajv": "^7.0.2",
-        "lodash": "^4.17.20",
-        "slice-ansi": "^4.0.0",
-        "string-width": "^4.2.0"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/table/node_modules/ajv": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-7.1.1.tgz",
-      "integrity": "sha512-ga/aqDYnUy/o7vbsRTFhhTsNeXiYb5JWDIcRIeZfwRNCefwjNTVYCGdGSUrEmiu3yDK3vFvNbgJxvrQW4JXrYQ==",
-      "peer": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/table/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/table/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "peer": true
-    },
-    "node_modules/table/node_modules/string-width": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
-      "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
-      "peer": true,
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/tar-fs": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
-      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
-      "optional": true,
-      "dependencies": {
-        "chownr": "^1.1.1",
-        "mkdirp-classic": "^0.5.2",
-        "pump": "^3.0.0",
-        "tar-stream": "^2.1.4"
-      }
-    },
-    "node_modules/tar-stream": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
-      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
-      "optional": true,
-      "dependencies": {
-        "bl": "^4.0.3",
-        "end-of-stream": "^1.4.1",
-        "fs-constants": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^3.1.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
-      "peer": true
-    },
-    "node_modules/timers-browserify": {
-      "version": "2.0.12",
-      "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
-      "integrity": "sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==",
-      "dependencies": {
-        "setimmediate": "^1.0.4"
-      },
-      "engines": {
-        "node": ">=0.6.0"
-      }
-    },
-    "node_modules/to-arraybuffer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
-      "integrity": "sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M="
-    },
-    "node_modules/to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/toidentifier": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
-      "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==",
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
-    "node_modules/tr46": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
-      "integrity": "sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=",
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/tr46/node_modules/punycode": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/ts-pnp": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/ts-pnp/-/ts-pnp-1.2.0.tgz",
-      "integrity": "sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==",
-      "engines": {
-        "node": ">=6"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/tty-browserify": {
-      "version": "0.0.0",
-      "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
-      "integrity": "sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY="
-    },
-    "node_modules/tunnel-agent": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
-      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
-      "optional": true,
-      "dependencies": {
-        "safe-buffer": "^5.0.1"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "peer": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/type-fest": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/unfetch": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
-      "integrity": "sha512-F9p7yYCn6cIW9El1zi0HI6vqpeIvBsr3dSuRO6Xuppb1u5rXpCPmMvLSyECLhybr9isec8Ohl0hPekMVrEinDA=="
-    },
-    "node_modules/unpipe": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "peer": true,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/uri-js/node_modules/punycode": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-      "peer": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/url": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz",
-      "integrity": "sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=",
-      "dependencies": {
-        "punycode": "1.3.2",
-        "querystring": "0.2.0"
-      }
-    },
-    "node_modules/url/node_modules/punycode": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz",
-      "integrity": "sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0="
-    },
-    "node_modules/url/node_modules/querystring": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
-      "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=",
-      "engines": {
-        "node": ">=0.4.x"
-      }
-    },
-    "node_modules/use-subscription": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/use-subscription/-/use-subscription-1.5.1.tgz",
-      "integrity": "sha512-Xv2a1P/yReAjAbhylMfFplFKj9GssgTwN7RlcTxBujFQcloStWNDQdc4g4NRWH9xS4i/FDk04vQBptAXoF3VcA==",
-      "dependencies": {
-        "object-assign": "^4.1.1"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0"
-      }
-    },
-    "node_modules/util": {
-      "version": "0.11.1",
-      "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz",
-      "integrity": "sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==",
-      "dependencies": {
-        "inherits": "2.0.3"
-      }
-    },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
-    },
-    "node_modules/util/node_modules/inherits": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
-    },
-    "node_modules/v8-compile-cache": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz",
-      "integrity": "sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==",
-      "peer": true
-    },
-    "node_modules/vm-browserify": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
-      "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ=="
-    },
-    "node_modules/watchpack": {
-      "version": "2.0.0-beta.13",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.0.0-beta.13.tgz",
-      "integrity": "sha512-ZEFq2mx/k5qgQwgi6NOm+2ImICb8ngAkA/rZ6oyXZ7SgPn3pncf+nfhYTCrs3lmHwOxnPtGLTOuFLfpSMh1VMA==",
-      "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webidl-conversions": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
-      "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg=="
-    },
-    "node_modules/whatwg-url": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
-      "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
-      "dependencies": {
-        "lodash.sortby": "^4.7.0",
-        "tr46": "^1.0.1",
-        "webidl-conversions": "^4.0.2"
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "peer": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/which-pm-runs": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.0.0.tgz",
-      "integrity": "sha1-Zws6+8VS4LVd9rd4DKdGFfI60cs=",
-      "optional": true
-    },
-    "node_modules/wide-align": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
-      "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
-      "optional": true,
-      "dependencies": {
-        "string-width": "^1.0.2 || 2"
-      }
-    },
-    "node_modules/word-wrap": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
-      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
-    },
-    "node_modules/xtend": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-      "engines": {
-        "node": ">=0.4"
-      }
-    },
-    "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    }
-  },
   "dependencies": {
     "@babel/code-frame": {
       "version": "7.12.11",
@@ -4405,6 +12,95 @@
         "@babel/highlight": "^7.10.4"
       }
     },
+    "@babel/generator": {
+      "version": "7.13.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.13.9.tgz",
+      "integrity": "sha512-mHOOmY0Axl/JCTkxTU6Lf5sWOg/v8nUa+Xkt4zMTftX0wqmb6Sh7J8gvcehBw7q0AhrhAR+FDacKjCZ2X8K+Sw==",
+      "requires": {
+        "@babel/types": "^7.13.0",
+        "jsesc": "^2.5.1",
+        "source-map": "^0.5.0"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
+          "integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
+        }
+      }
+    },
+    "@babel/helper-function-name": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.13.tgz",
+      "integrity": "sha512-TZvmPn0UOqmvi5G4vvw0qZTpVptGkB1GL61R6lKvrSdIxGm5Pky7Q3fpKiIkQCAtRCBUwB0PaThlx9vebCDSwA==",
+      "requires": {
+        "@babel/helper-get-function-arity": "^7.12.13",
+        "@babel/template": "^7.12.13",
+        "@babel/types": "^7.12.13"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
+          "integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
+      }
+    },
+    "@babel/helper-get-function-arity": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.13.tgz",
+      "integrity": "sha512-DjEVzQNz5LICkzN0REdpD5prGoidvbdYk1BVgRUOINaWJP2t6avB27X1guXK1kXNrX0WMfsrm1A/ZBthYuIMQg==",
+      "requires": {
+        "@babel/types": "^7.12.13"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
+          "integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
+      }
+    },
+    "@babel/helper-split-export-declaration": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.13.tgz",
+      "integrity": "sha512-tCJDltF83htUtXx5NLcaDqRmknv652ZWCHyoTETf1CXYJdPC7nohZohjUgieXhv0hTJdRf2FjDueFehdNucpzg==",
+      "requires": {
+        "@babel/types": "^7.12.13"
+      },
+      "dependencies": {
+        "@babel/types": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
+          "integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
+      }
+    },
     "@babel/helper-validator-identifier": {
       "version": "7.12.11",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz",
@@ -4466,6 +162,11 @@
         }
       }
     },
+    "@babel/parser": {
+      "version": "7.13.10",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.10.tgz",
+      "integrity": "sha512-0s7Mlrw9uTWkYua7xWr99Wpk2bnGa0ANleKfksYAES8LpWH4gW1OUr42vqKNf0us5UQNfru2wPqMqRITzq/SIQ=="
+    },
     "@babel/runtime": {
       "version": "7.12.5",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.5.tgz",
@@ -4474,6 +175,77 @@
         "regenerator-runtime": "^0.13.4"
       }
     },
+    "@babel/template": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.13.tgz",
+      "integrity": "sha512-/7xxiGA57xMo/P2GVvdEumr8ONhFOhfgq2ihK3h1e6THqzTAkHbkXgB0xI9yeTfIUoH3+oAeHhqm/I43OTbbjA==",
+      "requires": {
+        "@babel/code-frame": "^7.12.13",
+        "@babel/parser": "^7.12.13",
+        "@babel/types": "^7.12.13"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.13.tgz",
+          "integrity": "sha512-HV1Cm0Q3ZrpCR93tkWOYiuYIgLxZXZFVG2VgK+MBWjUqZTundupbfx2aXarXuw5Ko5aMcjtJgbSs4vUGBS5v6g==",
+          "requires": {
+            "@babel/highlight": "^7.12.13"
+          }
+        },
+        "@babel/types": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
+          "integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
+      }
+    },
+    "@babel/traverse": {
+      "version": "7.13.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.13.0.tgz",
+      "integrity": "sha512-xys5xi5JEhzC3RzEmSGrs/b3pJW/o87SypZ+G/PhaE7uqVQNv/jlmVIBXuoh5atqQ434LfXV+sf23Oxj0bchJQ==",
+      "requires": {
+        "@babel/code-frame": "^7.12.13",
+        "@babel/generator": "^7.13.0",
+        "@babel/helper-function-name": "^7.12.13",
+        "@babel/helper-split-export-declaration": "^7.12.13",
+        "@babel/parser": "^7.13.0",
+        "@babel/types": "^7.13.0",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0",
+        "lodash": "^4.17.19"
+      },
+      "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.12.13",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.13.tgz",
+          "integrity": "sha512-HV1Cm0Q3ZrpCR93tkWOYiuYIgLxZXZFVG2VgK+MBWjUqZTundupbfx2aXarXuw5Ko5aMcjtJgbSs4vUGBS5v6g==",
+          "requires": {
+            "@babel/highlight": "^7.12.13"
+          }
+        },
+        "@babel/types": {
+          "version": "7.13.0",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
+          "integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
+          "requires": {
+            "@babel/helper-validator-identifier": "^7.12.11",
+            "lodash": "^4.17.19",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "globals": {
+          "version": "11.12.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+          "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="
+        }
+      }
+    },
     "@babel/types": {
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.8.3.tgz",
@@ -4484,24 +256,6 @@
         "to-fast-properties": "^2.0.0"
       }
     },
-    "@eslint/eslintrc": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.3.0.tgz",
-      "integrity": "sha512-1JTKgrOKAHVivSvOYw+sJOunkBjUOvjqWk1DPja7ZFhIS2mX/4EgTT8M7eTK9jrKhL/FvXXEbQwIs3pg1xp3dg==",
-      "peer": true,
-      "requires": {
-        "ajv": "^6.12.4",
-        "debug": "^4.1.1",
-        "espree": "^7.3.0",
-        "globals": "^12.1.0",
-        "ignore": "^4.0.6",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^3.13.1",
-        "lodash": "^4.17.20",
-        "minimatch": "^3.0.4",
-        "strip-json-comments": "^3.1.1"
-      }
-    },
     "@hapi/accept": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/@hapi/accept/-/accept-5.0.1.tgz",
@@ -4566,8 +320,7 @@
     "@next/react-refresh-utils": {
       "version": "10.0.7",
       "resolved": "https://registry.npmjs.org/@next/react-refresh-utils/-/react-refresh-utils-10.0.7.tgz",
-      "integrity": "sha512-d/71vtQglv6m7sh4W1O9drc2hYti7UnAdEXfBLZAS354g2S80lvCRGIhbDrMx4w0rpShoxBIZboE2++LihAESg==",
-      "requires": {}
+      "integrity": "sha512-d/71vtQglv6m7sh4W1O9drc2hYti7UnAdEXfBLZAS354g2S80lvCRGIhbDrMx4w0rpShoxBIZboE2++LihAESg=="
     },
     "@opentelemetry/api": {
       "version": "0.14.0",
@@ -4582,42 +335,11 @@
       "resolved": "https://registry.npmjs.org/@opentelemetry/context-base/-/context-base-0.14.0.tgz",
       "integrity": "sha512-sDOAZcYwynHFTbLo6n8kIbLiVF3a3BLkrmehJUyEbT9F+Smbi47kLGS2gG2g0fjBLR/Lr1InPD7kXL7FaTqEkw=="
     },
-    "acorn": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-      "peer": true
-    },
-    "acorn-jsx": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.1.tgz",
-      "integrity": "sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng==",
-      "peer": true,
-      "requires": {}
-    },
-    "ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "peer": true,
-      "requires": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      }
-    },
     "anser": {
       "version": "1.4.9",
       "resolved": "https://registry.npmjs.org/anser/-/anser-1.4.9.tgz",
       "integrity": "sha512-AI+BjTeGt2+WFk4eWcqbQ7snZpDBt8SaLlj0RT2h5xfdWaiy51OjYvqwMrNzJLGy8iOAL6nKDITWO+rd4MkYEA=="
     },
-    "ansi-colors": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
-      "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
-      "peer": true
-    },
     "ansi-regex": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
@@ -4688,15 +410,6 @@
         }
       }
     },
-    "argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "peer": true,
-      "requires": {
-        "sprintf-js": "~1.0.2"
-      }
-    },
     "array-flatten": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-3.0.0.tgz",
@@ -4773,23 +486,31 @@
       "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.2.tgz",
       "integrity": "sha512-uWMHxJxtfj/1oZClOxDEV1sQ1HCDkA4MG8Gr69KKeBjEVH0R84WlejZ0y2DcwyBlpAEMltmVYkVgqfLFb2oyiA=="
     },
-    "astral-regex": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
-      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
-      "peer": true
+    "babel-eslint": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
+      "integrity": "sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==",
+      "requires": {
+        "@babel/code-frame": "^7.0.0",
+        "@babel/parser": "^7.7.0",
+        "@babel/traverse": "^7.7.0",
+        "@babel/types": "^7.7.0",
+        "eslint-visitor-keys": "^1.0.0",
+        "resolve": "^1.12.0"
+      },
+      "dependencies": {
+        "eslint-visitor-keys": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ=="
+        }
+      }
     },
     "babel-plugin-syntax-jsx": {
       "version": "6.18.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
       "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY="
     },
-    "balanced-match": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
-      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
-      "peer": true
-    },
     "base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -4821,16 +542,6 @@
       "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.1.3.tgz",
       "integrity": "sha512-GkTiFpjFtUzU9CbMeJ5iazkCzGL3jrhzerzZIuqLABjbwRaFt33I9tUdSNryIptM+RxDet6OKm2WnLXzW51KsQ=="
     },
-    "brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "peer": true,
-      "requires": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
     "braces": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
@@ -4956,27 +667,11 @@
         "get-intrinsic": "^1.0.2"
       }
     },
-    "callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "peer": true
-    },
     "caniuse-lite": {
       "version": "1.0.30001189",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001189.tgz",
       "integrity": "sha512-BSfxClP/UWCD0RX1h1L+vLDexNSJY7SfOtbJtW10bcnatfj3BcoietUFYNwWreOCk+SNvGUaNapGqUNPiGAiSA=="
     },
-    "chalk": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-      "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-      "peer": true,
-      "requires": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      }
-    },
     "chokidar": {
       "version": "3.5.1",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.1.tgz",
@@ -5078,12 +773,6 @@
       "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
       "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs="
     },
-    "concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
-      "peer": true
-    },
     "console-browserify": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
@@ -5161,17 +850,6 @@
         "sha.js": "^2.4.8"
       }
     },
-    "cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "peer": true,
-      "requires": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      }
-    },
     "crypto-browserify": {
       "version": "3.12.0",
       "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
@@ -5364,7 +1042,6 @@
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
       "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
-      "peer": true,
       "requires": {
         "ms": "2.1.2"
       }
@@ -5384,12 +1061,6 @@
       "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
       "optional": true
     },
-    "deep-is": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
-      "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
-      "peer": true
-    },
     "define-properties": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
@@ -5441,15 +1112,6 @@
         }
       }
     },
-    "doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "peer": true,
-      "requires": {
-        "esutils": "^2.0.2"
-      }
-    },
     "domain-browser": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
@@ -5481,12 +1143,6 @@
         }
       }
     },
-    "emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "peer": true
-    },
     "emojis-list": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
@@ -5501,15 +1157,6 @@
         "once": "^1.4.0"
       }
     },
-    "enquirer": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
-      "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
-      "peer": true,
-      "requires": {
-        "ansi-colors": "^4.1.1"
-      }
-    },
     "es-abstract": {
       "version": "1.18.0-next.2",
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0-next.2.tgz",
@@ -5551,51 +1198,6 @@
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
     },
-    "eslint": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.20.0.tgz",
-      "integrity": "sha512-qGi0CTcOGP2OtCQBgWZlQjcTuP0XkIpYFj25XtRTQSHC+umNnp7UMshr2G8SLsRFYDdAPFeHOsiteadmMH02Yw==",
-      "peer": true,
-      "requires": {
-        "@babel/code-frame": "7.12.11",
-        "@eslint/eslintrc": "^0.3.0",
-        "ajv": "^6.10.0",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.0.1",
-        "doctrine": "^3.0.0",
-        "enquirer": "^2.3.5",
-        "eslint-scope": "^5.1.1",
-        "eslint-utils": "^2.1.0",
-        "eslint-visitor-keys": "^2.0.0",
-        "espree": "^7.3.1",
-        "esquery": "^1.4.0",
-        "esutils": "^2.0.2",
-        "file-entry-cache": "^6.0.0",
-        "functional-red-black-tree": "^1.0.1",
-        "glob-parent": "^5.0.0",
-        "globals": "^12.1.0",
-        "ignore": "^4.0.6",
-        "import-fresh": "^3.0.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "js-yaml": "^3.13.1",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash": "^4.17.20",
-        "minimatch": "^3.0.4",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.1",
-        "progress": "^2.0.0",
-        "regexpp": "^3.1.0",
-        "semver": "^7.2.1",
-        "strip-ansi": "^6.0.0",
-        "strip-json-comments": "^3.1.0",
-        "table": "^6.0.4",
-        "text-table": "^0.2.0",
-        "v8-compile-cache": "^2.0.3"
-      }
-    },
     "eslint-plugin-react": {
       "version": "7.22.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.22.0.tgz",
@@ -5624,104 +1226,6 @@
         }
       }
     },
-    "eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "peer": true,
-      "requires": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      }
-    },
-    "eslint-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
-      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
-      "peer": true,
-      "requires": {
-        "eslint-visitor-keys": "^1.1.0"
-      },
-      "dependencies": {
-        "eslint-visitor-keys": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-          "peer": true
-        }
-      }
-    },
-    "eslint-visitor-keys": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz",
-      "integrity": "sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==",
-      "peer": true
-    },
-    "espree": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz",
-      "integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==",
-      "peer": true,
-      "requires": {
-        "acorn": "^7.4.0",
-        "acorn-jsx": "^5.3.1",
-        "eslint-visitor-keys": "^1.3.0"
-      },
-      "dependencies": {
-        "eslint-visitor-keys": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-          "peer": true
-        }
-      }
-    },
-    "esprima": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "peer": true
-    },
-    "esquery": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
-      "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
-      "peer": true,
-      "requires": {
-        "estraverse": "^5.1.0"
-      },
-      "dependencies": {
-        "estraverse": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
-          "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
-          "peer": true
-        }
-      }
-    },
-    "esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "peer": true,
-      "requires": {
-        "estraverse": "^5.2.0"
-      },
-      "dependencies": {
-        "estraverse": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
-          "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
-          "peer": true
-        }
-      }
-    },
-    "estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "peer": true
-    },
     "esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -5752,33 +1256,6 @@
       "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
       "optional": true
     },
-    "fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "peer": true
-    },
-    "fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "peer": true
-    },
-    "fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
-      "peer": true
-    },
-    "file-entry-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.0.tgz",
-      "integrity": "sha512-fqoO76jZ3ZnYrXLDRxBR1YvOvc0k844kcOg40bgsPrE25LAb/PDqTY+ho64Xh2c8ZXgIKldchCFHczG2UVRcWA==",
-      "peer": true,
-      "requires": {
-        "flat-cache": "^3.0.4"
-      }
-    },
     "fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -5806,34 +1283,12 @@
         "path-exists": "^4.0.0"
       }
     },
-    "flat-cache": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
-      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
-      "peer": true,
-      "requires": {
-        "flatted": "^3.1.0",
-        "rimraf": "^3.0.2"
-      }
-    },
-    "flatted": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.1.1.tgz",
-      "integrity": "sha512-zAoAQiudy+r5SvnSw3KJy5os/oRJYHzrzja/tBDqrZtNhUw8bt6y8OBzMWcjWr+8liV8Eb6yOhw8WZ7VFZ5ZzA==",
-      "peer": true
-    },
     "fs-constants": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
       "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
       "optional": true
     },
-    "fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
-      "peer": true
-    },
     "fsevents": {
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
@@ -5845,12 +1300,6 @@
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
     },
-    "functional-red-black-tree": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
-      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
-      "peer": true
-    },
     "gauge": {
       "version": "2.7.4",
       "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
@@ -5900,20 +1349,6 @@
       "integrity": "sha1-l/tdlr/eiXMxPyDoKI75oWf6ZM4=",
       "optional": true
     },
-    "glob": {
-      "version": "7.1.6",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
-      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
-      "peer": true,
-      "requires": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      }
-    },
     "glob-parent": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
@@ -5927,15 +1362,6 @@
       "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
       "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
     },
-    "globals": {
-      "version": "12.4.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
-      "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
-      "peer": true,
-      "requires": {
-        "type-fest": "^0.8.1"
-      }
-    },
     "graceful-fs": {
       "version": "4.2.6",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz",
@@ -6029,38 +1455,6 @@
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
       "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
     },
-    "ignore": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
-      "peer": true
-    },
-    "import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "peer": true,
-      "requires": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      }
-    },
-    "imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
-      "peer": true
-    },
-    "inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-      "peer": true,
-      "requires": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
     "inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
@@ -6173,12 +1567,6 @@
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
       "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
     },
-    "isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
-      "peer": true
-    },
     "isobject": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
@@ -6216,27 +1604,10 @@
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
     },
-    "js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-      "peer": true,
-      "requires": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
-      }
-    },
-    "json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "peer": true
-    },
-    "json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
-      "peer": true
+    "jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA=="
     },
     "json5": {
       "version": "1.0.1",
@@ -6255,16 +1626,6 @@
         "object.assign": "^4.1.2"
       }
     },
-    "levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "peer": true,
-      "requires": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      }
-    },
     "line-column": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/line-column/-/line-column-1.0.2.tgz",
@@ -6314,6 +1675,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "optional": true,
       "requires": {
         "yallist": "^4.0.0"
       }
@@ -6380,15 +1742,6 @@
       "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
       "integrity": "sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo="
     },
-    "minimatch": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
-      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
-      "peer": true,
-      "requires": {
-        "brace-expansion": "^1.1.7"
-      }
-    },
     "minimist": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
@@ -6403,8 +1756,7 @@
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "peer": true
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "nanoid": {
       "version": "3.1.20",
@@ -6425,12 +1777,6 @@
         "querystring": "^0.2.0"
       }
     },
-    "natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
-      "peer": true
-    },
     "next": {
       "version": "10.0.7",
       "resolved": "https://registry.npmjs.org/next/-/next-10.0.7.tgz",
@@ -6737,24 +2083,11 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "optional": true,
       "requires": {
         "wrappy": "1"
       }
     },
-    "optionator": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
-      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
-      "peer": true,
-      "requires": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.3"
-      }
-    },
     "os-browserify": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
@@ -6796,15 +2129,6 @@
       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
       "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
     },
-    "parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "peer": true,
-      "requires": {
-        "callsites": "^3.0.0"
-      }
-    },
     "parse-asn1": {
       "version": "5.1.6",
       "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
@@ -6827,18 +2151,6 @@
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="
     },
-    "path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
-      "peer": true
-    },
-    "path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "peer": true
-    },
     "path-parse": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
@@ -6951,12 +2263,6 @@
         }
       }
     },
-    "prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "peer": true
-    },
     "process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
@@ -6967,12 +2273,6 @@
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
     },
-    "progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "peer": true
-    },
     "prop-types": {
       "version": "15.7.2",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
@@ -7110,8 +2410,7 @@
     "react-snowfall": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/react-snowfall/-/react-snowfall-1.0.2.tgz",
-      "integrity": "sha512-wmKa7Vhl26Ixo5hBp3lgM9z7o43itLv7LF7IuuD0vZPh3TclfM2wokujQb/gg5Ml2c6r6hyU7WXmvMg63TkhtA==",
-      "requires": {}
+      "integrity": "sha512-wmKa7Vhl26Ixo5hBp3lgM9z7o43itLv7LF7IuuD0vZPh3TclfM2wokujQb/gg5Ml2c6r6hyU7WXmvMg63TkhtA=="
     },
     "readable-stream": {
       "version": "3.6.0",
@@ -7145,18 +2444,6 @@
         "define-properties": "^1.1.3"
       }
     },
-    "regexpp": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz",
-      "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==",
-      "peer": true
-    },
-    "require-from-string": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "peer": true
-    },
     "resolve": {
       "version": "1.20.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
@@ -7166,21 +2453,6 @@
         "path-parse": "^1.0.6"
       }
     },
-    "resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "peer": true
-    },
-    "rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "peer": true,
-      "requires": {
-        "glob": "^7.1.3"
-      }
-    },
     "ripemd160": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
@@ -7213,6 +2485,7 @@
       "version": "7.3.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.4.tgz",
       "integrity": "sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==",
+      "optional": true,
       "requires": {
         "lru-cache": "^6.0.0"
       }
@@ -7260,21 +2533,6 @@
         "tunnel-agent": "^0.6.0"
       }
     },
-    "shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "peer": true,
-      "requires": {
-        "shebang-regex": "^3.0.0"
-      }
-    },
-    "shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "peer": true
-    },
     "shell-quote": {
       "version": "1.7.2",
       "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz",
@@ -7322,25 +2580,6 @@
         "is-arrayish": "^0.3.1"
       }
     },
-    "slice-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-      "peer": true,
-      "requires": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "dependencies": {
-        "is-fullwidth-code-point": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-          "peer": true
-        }
-      }
-    },
     "source-map": {
       "version": "0.8.0-beta.0",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
@@ -7349,12 +2588,6 @@
         "whatwg-url": "^7.0.0"
       }
     },
-    "sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
-      "peer": true
-    },
     "stacktrace-parser": {
       "version": "0.1.10",
       "resolved": "https://registry.npmjs.org/stacktrace-parser/-/stacktrace-parser-0.1.10.tgz",
@@ -7425,14 +2658,6 @@
         }
       }
     },
-    "string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "requires": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
     "string-hash": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz",
@@ -7498,6 +2723,14 @@
         "define-properties": "^1.1.3"
       }
     },
+    "string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "requires": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
     "strip-ansi": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
@@ -7506,12 +2739,6 @@
         "ansi-regex": "^5.0.0"
       }
     },
-    "strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "peer": true
-    },
     "styled-jsx": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-3.3.2.tgz",
@@ -7542,8 +2769,7 @@
     "stylis-rule-sheet": {
       "version": "0.0.10",
       "resolved": "https://registry.npmjs.org/stylis-rule-sheet/-/stylis-rule-sheet-0.0.10.tgz",
-      "integrity": "sha512-nTbZoaqoBnmK+ptANthb10ZRZOGC+EmTLLUxeYIuHNkEKcmKgXX1XWKkUBT2Ac4es3NybooPe0SmvKdhKJZAuw==",
-      "requires": {}
+      "integrity": "sha512-nTbZoaqoBnmK+ptANthb10ZRZOGC+EmTLLUxeYIuHNkEKcmKgXX1XWKkUBT2Ac4es3NybooPe0SmvKdhKJZAuw=="
     },
     "supports-color": {
       "version": "7.2.0",
@@ -7553,55 +2779,6 @@
         "has-flag": "^4.0.0"
       }
     },
-    "table": {
-      "version": "6.0.7",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.0.7.tgz",
-      "integrity": "sha512-rxZevLGTUzWna/qBLObOe16kB2RTnnbhciwgPbMMlazz1yZGVEgnZK762xyVdVznhqxrfCeBMmMkgOOaPwjH7g==",
-      "peer": true,
-      "requires": {
-        "ajv": "^7.0.2",
-        "lodash": "^4.17.20",
-        "slice-ansi": "^4.0.0",
-        "string-width": "^4.2.0"
-      },
-      "dependencies": {
-        "ajv": {
-          "version": "7.1.1",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-7.1.1.tgz",
-          "integrity": "sha512-ga/aqDYnUy/o7vbsRTFhhTsNeXiYb5JWDIcRIeZfwRNCefwjNTVYCGdGSUrEmiu3yDK3vFvNbgJxvrQW4JXrYQ==",
-          "peer": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.1",
-            "json-schema-traverse": "^1.0.0",
-            "require-from-string": "^2.0.2",
-            "uri-js": "^4.2.2"
-          }
-        },
-        "is-fullwidth-code-point": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-          "peer": true
-        },
-        "json-schema-traverse": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-          "peer": true
-        },
-        "string-width": {
-          "version": "4.2.0",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
-          "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
-          "peer": true,
-          "requires": {
-            "emoji-regex": "^8.0.0",
-            "is-fullwidth-code-point": "^3.0.0",
-            "strip-ansi": "^6.0.0"
-          }
-        }
-      }
-    },
     "tar-fs": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
@@ -7627,12 +2804,6 @@
         "readable-stream": "^3.1.1"
       }
     },
-    "text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
-      "peer": true
-    },
     "timers-browserify": {
       "version": "2.0.12",
       "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
@@ -7698,21 +2869,6 @@
         "safe-buffer": "^5.0.1"
       }
     },
-    "type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "peer": true,
-      "requires": {
-        "prelude-ls": "^1.2.1"
-      }
-    },
-    "type-fest": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-      "peer": true
-    },
     "unfetch": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
@@ -7723,23 +2879,6 @@
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
       "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw="
     },
-    "uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "peer": true,
-      "requires": {
-        "punycode": "^2.1.0"
-      },
-      "dependencies": {
-        "punycode": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-          "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-          "peer": true
-        }
-      }
-    },
     "url": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz",
@@ -7789,12 +2928,6 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
     },
-    "v8-compile-cache": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz",
-      "integrity": "sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==",
-      "peer": true
-    },
     "vm-browserify": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
@@ -7824,15 +2957,6 @@
         "webidl-conversions": "^4.0.2"
       }
     },
-    "which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "peer": true,
-      "requires": {
-        "isexe": "^2.0.0"
-      }
-    },
     "which-pm-runs": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.0.0.tgz",
@@ -7848,16 +2972,11 @@
         "string-width": "^1.0.2 || 2"
       }
     },
-    "word-wrap": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
-      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
-      "peer": true
-    },
     "wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+      "optional": true
     },
     "xtend": {
       "version": "4.0.2",
@@ -7867,7 +2986,8 @@
     "yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "optional": true
     },
     "yocto-queue": {
       "version": "0.1.0",
diff --git a/package.json b/package.json
index 7525929..4a7a69a 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "babel-eslint": "^10.1.0",
     "eslint-plugin-react": "^7.21.5",
     "next": "^10.0.3",
     "react": "^16.13.0",
diff --git a/src/components/Button.js b/src/components/Button.js
index 8cda1d4..944060d 100644
--- a/src/components/Button.js
+++ b/src/components/Button.js
@@ -1,13 +1,12 @@
+import React from 'react'
 import styles from './button.module.css'
 
-export default function Button (props) {
+export default function Button(props) {
   return (
     <div>
       <center>
         <a href={props.href}>
-          <div className={styles.ircLink}>
-            {props.text}
-          </div>
+          <div className={styles.button}>{props.text}</div>
         </a>
       </center>
     </div>
diff --git a/src/components/LoadingIndicator.module.css b/src/components/LoadingIndicator.module.css
index 4638be8..59bba69 100644
--- a/src/components/LoadingIndicator.module.css
+++ b/src/components/LoadingIndicator.module.css
@@ -1,6 +1,6 @@
 .load {
   border: 4px solid #f3f3f3;
-  border-top: 4px solid #99f;
+  border-top: 4px solid var(--text-color);
   border-radius: 50%;
   width: 20px;
   height: 20px;
diff --git a/src/components/Question.js b/src/components/Question.js
index 549d512..a8b30dd 100644
--- a/src/components/Question.js
+++ b/src/components/Question.js
@@ -1,33 +1,41 @@
-import React, { PureComponent } from 'react'
+import React from 'react'
 
-class Question extends PureComponent {
-  render () {
-    const { question } = this.props
-
-    let qdata = question.data
-    if (typeof qdata === 'object' && qdata.type === 'simple') {
-      qdata = ''
-    }
-    if (qdata) {
-      try {
-        qdata = JSON.stringify(qdata)
-      } catch (e) {}
-    }
-
-    return (
-      <div className='questionContainer'>
-        <div className='question'>
-          {question.Q}
-        </div>
-        <div className='answer'>
-          {question.A}
-        </div>
-        <div className='data'>
-          {qdata || null}
-        </div>
-      </div>
-    )
-  }
+function highlightText(text, toHighlight) {
+  const re = new RegExp(toHighlight, 'gi')
+  return text.replace(re, `<mark>${toHighlight}</mark>`)
 }
 
-export default Question
+export default function Question({ question, searchTerm }) {
+  let qdata = question.data
+  if (typeof qdata === 'object' && qdata.type === 'simple') {
+    qdata = ''
+  }
+  if (qdata) {
+    try {
+      qdata = JSON.stringify(qdata)
+    } catch (e) {
+      //
+    }
+  }
+
+  const questionText = searchTerm
+    ? highlightText(question.Q, searchTerm)
+    : question.Q
+  const answerText = searchTerm
+    ? highlightText(question.A, searchTerm)
+    : question.A
+
+  return (
+    <div className="questionContainer">
+      <div
+        className="question"
+        dangerouslySetInnerHTML={{ __html: questionText }}
+      ></div>
+      <div
+        className="answer"
+        dangerouslySetInnerHTML={{ __html: answerText }}
+      ></div>
+      <div className="data">{qdata || null}</div>
+    </div>
+  )
+}
diff --git a/src/components/QuestionSearchResult.js b/src/components/QuestionSearchResult.js
index 7c89312..201fe03 100644
--- a/src/components/QuestionSearchResult.js
+++ b/src/components/QuestionSearchResult.js
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react'
+import React from 'react'
 
 import Questions from './Questions.js'
 
@@ -8,77 +8,74 @@ const countReducer = (acc, subj) => {
   return acc + subj.Questions.length
 }
 
-class QuestionSearchResult extends PureComponent {
-  render() {
-    const { data, searchTerm } = this.props
+export default function QuestionSearchResult({ data, searchTerm }) {
+  let subjs = []
+  let results = -1
 
-    let subjs = []
-    let results = -1
-
-    if (searchTerm) {
-      subjs = data.reduce((acc, subj) => {
-        const resultQuestions = subj.Questions.reduce((qacc, question) => {
-          const keys = ['Q', 'A', 'data']
-          keys.some((key) => {
-            if (typeof question[key] !== 'string') {
-              return false
-            }
-            if (
-              question[key] &&
-              question[key].toLowerCase().includes(searchTerm.toLowerCase())
-            ) {
-              qacc.push(question)
-              return true
-            }
-          })
-          return qacc
-        }, [])
-        if (resultQuestions.length > 0) {
-          acc.push({
-            Name: subj.Name,
-            Questions: resultQuestions,
-          })
-        }
-        return acc
+  if (searchTerm) {
+    subjs = data.reduce((acc, subj) => {
+      const resultQuestions = subj.Questions.reduce((qacc, question) => {
+        const keys = ['Q', 'A', 'data']
+        keys.some((key) => {
+          if (typeof question[key] !== 'string') {
+            return false
+          }
+          if (
+            question[key] &&
+            question[key].toLowerCase().includes(searchTerm.toLowerCase())
+          ) {
+            qacc.push(question)
+            return true
+          }
+        })
+        return qacc
       }, [])
-      results = subjs.reduce(countReducer, 0)
-    } else {
-      results = data.reduce(countReducer, 0)
-    }
+      if (resultQuestions.length > 0) {
+        acc.push({
+          Name: subj.Name,
+          Questions: resultQuestions,
+        })
+      }
+      return acc
+    }, [])
+    results = subjs.reduce(countReducer, 0)
+  } else {
+    results = data.reduce(countReducer, 0)
+  }
 
-    const renderCount = () => {
-      return (
-        <div>
+  const renderCount = () => {
+    return (
+      <div className="resultContainer">
+        {results === 0 && (
           <div>
-            {searchTerm ? '' : 'Kezdj el írni kereséshez! '}
-            {searchTerm
-              ? `${results} találat, ${subjs.length} tárgyból`
-              : `Keresés ${results} kérdés és ${data.length} tárgyból`}
+            {`${results} találat. Az általad keresett kifejezés nem található, 
+          próbáld bővíteni a keresési feltételt!`}
           </div>
-          {results === 0 && (
-            <div>
-              {
-                'Pontos egyezést keres a kereső, próbálj kisebb részletre keresni'
-              }
-            </div>
-          )}
-        </div>
-      )
-    }
+        )}
+        {results > 0 && <div>{`${results} találat.`}</div>}
+      </div>
+    )
+  }
 
-    if (results > constants.maxQuestionsToRender) {
-      return renderCount()
-    } else {
-      return (
-        <div>
-          <div>{renderCount()}</div>
-          <div>
-            <Questions subjs={subjs} />
+  if (results > constants.maxQuestionsToRender) {
+    return (
+      <div>
+        {searchTerm ? (
+          <div className="resultContainer">
+            Szűkítsd a keresési feltételeket a találatok megjelenítéséhez!
           </div>
+        ) : null}
+        <hr />
+      </div>
+    )
+  } else {
+    return (
+      <div>
+        <div>{renderCount()}</div>
+        <div>
+          <Questions subjs={subjs} searchTerm={searchTerm} />
         </div>
-      )
-    }
+      </div>
+    )
   }
 }
-
-export default QuestionSearchResult
diff --git a/src/components/Questions.js b/src/components/Questions.js
index b2107cf..beda762 100644
--- a/src/components/Questions.js
+++ b/src/components/Questions.js
@@ -5,22 +5,22 @@ import Question from './Question.js'
 import styles from './Questions.module.css'
 
 class Questions extends PureComponent {
-  render () {
-    const { subjs } = this.props
+  render() {
+    const { subjs, searchTerm } = this.props
 
     return (
       <div>
+        <hr />
         {subjs.map((subj, i) => {
           return (
-            <div key={i}>
-              <div className={styles.subjName}>
-                {subj.Name}
-              </div>
-              { subj.Questions.map((question, i) => {
+            <div className={styles.questionBg} key={i}>
+              <div className={styles.subjName}>{subj.Name}</div>
+              {subj.Questions.map((question, i) => {
                 return (
                   <Question
                     key={i}
                     question={question}
+                    searchTerm={searchTerm}
                   />
                 )
               })}
diff --git a/src/components/Questions.module.css b/src/components/Questions.module.css
index 3c0472d..78254f8 100644
--- a/src/components/Questions.module.css
+++ b/src/components/Questions.module.css
@@ -1,7 +1,14 @@
 .subjName {
   font-size: 24px;
-  background-color: #9999ff;
+  font-weight: 600;
+  background-color: var(--text-color);
   color: black;
+  margin-top: 25px;
   padding: 10px;
   word-wrap: break-word;
 }
+
+.questionBg {
+  background-color: #1b1b1c;
+  padding-bottom: 5px;
+}
\ No newline at end of file
diff --git a/src/components/Subject.js b/src/components/Subject.js
index 8235b5e..cd88281 100644
--- a/src/components/Subject.js
+++ b/src/components/Subject.js
@@ -3,26 +3,19 @@ import React, { PureComponent } from 'react'
 import Question from './Question.js'
 
 class Subject extends PureComponent {
-  render () {
+  render() {
     const { subj } = this.props
 
     if (subj) {
       return (
-        <div >
+        <div>
           {subj.Questions.map((question, i) => {
-            return (
-              <Question
-                key={i}
-                question={question}
-              />
-            )
+            return <Question key={i} question={question} />
           })}
         </div>
       )
     } else {
-      return (
-        <div />
-      )
+      return <div />
     }
   }
 }
diff --git a/src/components/SubjectSelector.js b/src/components/SubjectSelector.js
index 3918c99..735add3 100644
--- a/src/components/SubjectSelector.js
+++ b/src/components/SubjectSelector.js
@@ -1,10 +1,10 @@
 import styles from './SubjectSelector.module.css'
 
-export default function SubjectSelector (props) {
+export default function SubjectSelector(props) {
   const { activeSubjName, searchTerm, data, onSubjSelect } = props
 
   return (
-    <div className='subjectSelector'>
+    <div className="subjectSelector">
       {data.map((subj, i) => {
         if (!subj.Name.toLowerCase().includes(searchTerm.toLowerCase())) {
           return null
@@ -12,16 +12,15 @@ export default function SubjectSelector (props) {
 
         return (
           <div
-            className={activeSubjName === subj.Name
-              ? 'subjItem activeSubjItem'
-              : 'subjItem'
+            className={
+              activeSubjName === subj.Name
+                ? 'subjItem activeSubjItem'
+                : 'subjItem'
             }
             key={i}
             onClick={() => onSubjSelect(subj.Name)}
           >
-            <span className={styles.subjName}>
-              {subj.Name}
-            </span>
+            <span className={styles.subjName}>{subj.Name}</span>
             <span className={styles.questionCount}>
               [ {subj.Questions.length} ]
             </span>
diff --git a/src/components/button.module.css b/src/components/button.module.css
index 2f6e5e4..20d1ad0 100644
--- a/src/components/button.module.css
+++ b/src/components/button.module.css
@@ -1,4 +1,4 @@
-.ircLink {
+.button {
   background-color: #9999ff;
   border: none;
   color: white;
diff --git a/src/components/comments.js b/src/components/comments.js
index 3500f00..89f1763 100644
--- a/src/components/comments.js
+++ b/src/components/comments.js
@@ -22,14 +22,14 @@ function CommentInput({ onSubmit, onCancel }) {
             onSubmit(val)
           }}
         >
-          Submit
+          Küldés
         </span>
         <span
           onClick={() => {
             onCancel()
           }}
         >
-          Cancel
+          Bezárás
         </span>
       </div>
     </div>
@@ -45,8 +45,8 @@ function Comment({ comment, index, onComment, onDelete, onReact, uid }) {
   const commentStyle = admin
     ? styles.adminComment
     : own
-    ? styles.ownComment
-    : ''
+      ? styles.ownComment
+      : ''
 
   return (
     <div className={styles.comment}>
@@ -63,25 +63,27 @@ function Comment({ comment, index, onComment, onDelete, onReact, uid }) {
             </div>
             <div>User #{user}</div>
           </div>
-          <div>{date}</div>
+          <div className={styles.commentDate}>{date}</div>
         </div>
         <div className={`${!displayed && styles.hidden}`}>
           <div className={styles.commentText}> {content}</div>
           <div className={'actions'}>
             <span
+              className={styles.reply_bttn}
               onClick={() => {
                 setCommenting(true)
               }}
             >
-              Reply...
+              Válasz...
             </span>
             {own && (
               <span
+                className={styles.delete_bttn}
                 onClick={() => {
                   onDelete([index])
                 }}
               >
-                Delete
+                Törlés
               </span>
             )}
             <ReactButton
@@ -179,11 +181,12 @@ export default function Comments({
           {commentCount !== 0 ? (
             <div className={'actions'}>
               <span
+                className={styles.comment_bttn}
                 onClick={() => {
                   setAddingNewComment(true)
                 }}
               >
-                New comment
+                Új komment
               </span>
             </div>
           ) : null}
@@ -191,7 +194,7 @@ export default function Comments({
             <CommentInput
               onSubmit={(e) => {
                 if (!e) {
-                  alert('Írj be valamit, hogy kommentelhess...')
+                  alert('Írj be valamit a szövegdobozba, hogy kommentelhess!')
                   return
                 }
                 setAddingNewComment(false)
@@ -207,18 +210,19 @@ export default function Comments({
           ) : null}
         </Modal>
       ) : null}
-      <div className={'actions'}>
-        <span
-          onClick={() => {
-            setCommentsShowing(true)
-            if (commentCount === 0) {
-              setAddingNewComment(true)
-            }
-          }}
-        >
+      <div
+        className={'actions'}
+        onClick={() => {
+          setCommentsShowing(true)
+          if (commentCount === 0) {
+            setAddingNewComment(true)
+          }
+        }}
+      >
+        <span className={styles.comment_bttn}>
           {commentCount === 0
-            ? 'New comment'
-            : `Show ${commentCount} comment${commentCount > 1 ? 's' : ''}`}
+            ? 'Új komment'
+            : `Kommentek mutatása (${commentCount})`}
         </span>
       </div>
     </div>
diff --git a/src/components/comments.module.css b/src/components/comments.module.css
index 91e3a12..d8b54e2 100644
--- a/src/components/comments.module.css
+++ b/src/components/comments.module.css
@@ -1,21 +1,58 @@
+.comment_bttn {
+  font-size: 15px;
+  padding-top: 4px !important;
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
+}
+
+.comment_bttn:hover {
+  transition: width 0.5s, height 0.5s, ease-out 0.5s;
+  color: gainsboro;
+}
+
+.reply_bttn {
+  font-size: 15px;
+  margin-top: 14.5px !important;
+  margin-left: 6px !important;
+  padding-top: 4px !important;
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
+}
+
+.reply_bttn:hover {
+  transition: width 0.5s, height 0.5s, ease-out 0.5s;
+  color: gainsboro;
+}
+
+.delete_bttn {
+  font-size: 15px;
+  margin-top: 14.5px !important;
+  margin-left: 6px !important;
+  padding-top: 4px !important;
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
+}
+
+.delete_bttn:hover {
+  transition: width 0.5s, height 0.5s, ease-out 0.5s;
+  color: gainsboro;
+}
+
 .comment {
-  margin-left: 25px;
+  margin-left: 10px;
+  margin-right: 30px;
   padding: 8px 0px;
 }
 
 .commentData {
   padding: 5px 2px;
-  border-left: 2px solid var(--text-color);
-  border-radius: 3px;
+  border-left: 3px solid azure;
 }
 
-.commentData:hover {
-  background-color: var(--hoover-color);
+.commentDate {
+  text-align: right;
 }
 
 .commentHeader {
   display: flex;
-  justify-content: space-between;
+  /*justify-content: space-between;*/
 }
 
 .commentHeader > div {
@@ -38,7 +75,7 @@
 }
 
 .ownComment {
-  border-left: 2px solid green;
+  border-left: 5px dotted azure;
 }
 
 .showHide {
@@ -58,5 +95,5 @@
 }
 
 .adminComment {
-  border-left: 2px solid yellow;
+  border-left: 3px solid gold;
 }
diff --git a/src/components/composer.js b/src/components/composer.js
index e9fc533..a2c73ef 100644
--- a/src/components/composer.js
+++ b/src/components/composer.js
@@ -4,37 +4,23 @@ import Modal from './modal'
 
 import styles from './composer.module.css'
 
-function FileUploader({ onChange }) {
-  return (
-    <div className={styles.inputArea}>
-      <div className={styles.textTitle}>Fájl csatolása</div>
-      <input
-        className={styles.fileInput}
-        type="file"
-        name="file"
-        onChange={onChange}
-      />
-    </div>
-  )
-}
-
 export default function Composer({ onSubmit }) {
   const [editorShowing, setEditorShowing] = useState(false)
   const [val, setVal] = useState('')
-  const [type, setType] = useState('public')
   const [title, setTitle] = useState('')
-  const [file, setFile] = useState()
 
   return (
     <>
-      <div
-        onClick={() => {
-          setEditorShowing(true)
-        }}
-        className={styles.new}
-      >
-        Új bejegyzés / feedback
-      </div>
+      <center>
+        <div
+          onClick={() => {
+            setEditorShowing(true)
+          }}
+          className={styles.new}
+        >
+          Bejegyzés írása...
+        </div>
+      </center>
       {editorShowing && (
         <Modal
           closeClick={() => {
@@ -42,73 +28,39 @@ export default function Composer({ onSubmit }) {
           }}
         >
           <div className={styles.container}>
-            {type !== 'private' && (
-              <input
-                placeholder={'Téma'}
-                value={title}
-                onChange={(e) => {
-                  setTitle(e.target.value)
-                }}
-              />
-            )}
+            <input
+              placeholder={'Téma...'}
+              required
+              value={title}
+              onChange={(e) => {
+                setTitle(e.target.value)
+              }}
+            />
             <textarea
-              placeholder={'...'}
+              placeholder={'Írj ide valamit...'}
+              required
               value={val}
               onChange={(e) => {
                 setVal(e.target.value)
               }}
             />
-            {type === 'private' && (
-              <FileUploader
-                onChange={(e) => {
-                  setFile(e.target.files[0])
-                }}
-              />
-            )}
-            <div className={styles.typeSelector}>
-              <div>Post típusa:</div>
-              <div title="Minden felhasználó látja főoldalon, és tudnak rá válaszolni">
-                <input
-                  onChange={(e) => {
-                    setType(e.target.value)
-                  }}
-                  type="radio"
-                  name="type"
-                  value="public"
-                  defaultChecked
-                />
-                Publikus
-              </div>
-              <div title="Csak a weboldal üzemeltetője látja">
-                <input
-                  onChange={(e) => {
-                    setType(e.target.value)
-                  }}
-                  type="radio"
-                  name="type"
-                  value="private"
-                />
-                Privát
-              </div>
-              <div className={styles.tip}>
-                (Tartsd egered opciókra több infóért)
-              </div>
-            </div>
-            <div className={'actions'}>
+            <div className={styles.composerAction}>
               <span
                 onClick={() => {
-                  onSubmit(type, title, val, file)
+                  if (!title) {
+                    alert('Üres a tartalom!')
+                    return
+                  }
+                  if (!val) {
+                    alert('Üres a téma!')
+                    return
+                  }
+
+                  onSubmit(title, val)
                   setEditorShowing(false)
                 }}
               >
-                Post
-              </span>
-              <span
-                onClick={() => {
-                  setEditorShowing(false)
-                }}
-              >
-                Cancel
+                Posztolás
               </span>
             </div>
           </div>
diff --git a/src/components/composer.module.css b/src/components/composer.module.css
index 9bdf88b..743d7bd 100644
--- a/src/components/composer.module.css
+++ b/src/components/composer.module.css
@@ -1,32 +1,97 @@
 .container {
   display: flex;
   flex-flow: column;
+  max-width: 400px;
+  width: 900px;
 }
 
 .container > input,
 .container > textarea {
   margin: 5px 0px;
   padding: 4px;
+  width: 97%;
+  border-color: #5d5f61;
+  background-color: #1f2021;
+  border-radius: 5px;
+  font-size: 15px;
+}
+
+.container > textarea {
+  margin-left: 1px;
+  width: 99%;
+  resize: none;
 }
 
 .typeSelector {
+  display: inline-flex;
+  text-align: center;
+  margin-left: 6px;
+}
+
+.typeSelector > div {
   display: flex;
-  align-items: center;
 }
 
 .tip {
-  font-size: 10px;
-  margin: 0px 10px;
+  font-size: 11px;
+  font-style: italic;
+  text-align: center;
+  margin: 15px 0px 2px 2px;
 }
 
 .new {
+  display: flex;
+  justify-content: center;
+  margin: 10px 0px;
+  height: 19px;
+  width: 30%;
+  display: flex;
+  background-color: var(--hoover-color);
+  border: none;
+  color: var(--text-color);
   padding: 10px;
-  text-align: center;
-  border: 2px dashed var(--text-color);
-  border-radius: 3px;
+  font-size: 15px;
+  margin: 8px;
   cursor: pointer;
+  text-shadow: 1px 1px 8px black;
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
+  text-align: center;
+  text-decoration: none;
 }
 
 .new:hover {
-  background-color: var(--hoover-color);
+  text-shadow: 2px 2px 8px black;
+  transition: width 0.5s, height 0.5s, ease-out 0.5s;
+  background-color: var(--text-color);
+  font-weight: bold;
+  color: black;
+}
+
+.composerAction {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36%;
+  height: 100%;
+}
+
+.composerAction > span {
+  margin: 2px 2px;
+  padding: 0px 10px;
+  border: 1px solid #444;
+  border-radius: 5px;
+  cursor: pointer;
+  user-select: none;
+  font-size: 15px;
+  margin-top: 14.5px !important;
+  padding-top: 4px !important;
+  transform: translate(109%, 10%);
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
+}
+
+.composerAction > span:hover {
+  background-color: var(--hoover-color);
+  transition: width 0.5s, height 0.5s, ease-out 0.5s;
+  color: var(--text-color);
+  text-shadow: 2px 1.5px 10px black;
 }
diff --git a/src/components/dbSelector.module.css b/src/components/dbSelector.module.css
index 5c247a9..16952f7 100644
--- a/src/components/dbSelector.module.css
+++ b/src/components/dbSelector.module.css
@@ -1,23 +1,33 @@
 .container {
   display: flex;
   flex-flow: column;
-
+  margin-top: 8px;
+  margin-bottom: 0px;
+  margin-right: 22%;
+  margin-left: 22%;
   padding: 5px;
 }
 
 .listItem {
   display: flex;
   justify-content: center;
-
-  padding: 5px;
+  text-align: center;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  margin: 3px;
   cursor: pointer;
-  color: white;
+  color: #a1a1a1;
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
 }
 
 .listItem:hover {
   background-color: var(--hoover-color);
+  transition: width 0.5s, height 0.5s, ease-out 0.5s;
+  text-shadow: 2px 1.5px 10px black;
+  color: var(--text-color);
 }
 
 .text {
   text-align: center;
+  color: gainsboro;
 }
diff --git a/src/components/externalLinkIcon.js b/src/components/externalLinkIcon.js
new file mode 100644
index 0000000..73c1aab
--- /dev/null
+++ b/src/components/externalLinkIcon.js
@@ -0,0 +1,22 @@
+import React from 'react'
+
+export default function ExternalLinkIcon({ size }) {
+  return (
+    <span style={{ margin: '4px', display: 'inline-block' }}>
+      <svg
+        width={size}
+        height={size}
+        viewBox={`0 0 24 24`}
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      >
+        <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
+        <polyline points="15 3 21 3 21 9"></polyline>
+        <line x1="10" y1="14" x2="21" y2="3"></line>
+      </svg>
+    </span>
+  )
+}
diff --git a/src/components/feedbackArea.js b/src/components/feedbackArea.js
new file mode 100644
index 0000000..0dcd6e8
--- /dev/null
+++ b/src/components/feedbackArea.js
@@ -0,0 +1,106 @@
+import React, { useState } from 'react'
+
+import styles from './feedbackArea.module.css'
+import constants from '../constants.json'
+
+function FileUploader({ onChange }) {
+  return (
+    <div className={styles.inputArea}>
+      <div className={styles.textTitle}>Fájl csatolása</div>
+      <input
+        className={styles.fileInput}
+        type="file"
+        name="file"
+        onChange={onChange}
+      />
+    </div>
+  )
+}
+
+function submitFeedback(from, content, file) {
+  return new Promise((resolve) => {
+    const promises = [
+      fetch(constants.apiUrl + 'postfeedback', {
+        method: 'POST',
+        credentials: 'include',
+        headers: {
+          Accept: 'application/json',
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          content: content,
+          from: from,
+        }),
+      }).then((res) => {
+        return res.json()
+      }),
+    ]
+
+    if (file) {
+      const formData = new FormData() // eslint-disable-line
+      formData.append('file', file)
+
+      promises.push(
+        fetch(constants.apiUrl + 'postfeedbackfile', {
+          method: 'POST',
+          credentials: 'include',
+          headers: {
+            Accept: 'application/json',
+          },
+          body: formData,
+        }).then((res) => {
+          return res.json()
+        })
+      )
+    }
+
+    Promise.all(promises).then((res) => {
+      resolve(res)
+    })
+  })
+}
+
+export default function FeedbackArea({ from, allowFile }) {
+  const [feedback, setFeedback] = useState('')
+  const [file, setFile] = useState()
+
+  return (
+    <div className={styles.inputArea}>
+      <center>
+        <textarea
+          placeholder={'Ide kezdhetsz el írni...'}
+          onChange={(event) => setFeedback(event.target.value)}
+          value={feedback}
+          className={styles.contactFeedback}
+        />
+        {allowFile && (
+          <div className={styles.fileContainer}>
+            <FileUploader
+              onChange={(e) => {
+                setFile(e.target.files[0])
+              }}
+            />
+          </div>
+        )}
+      </center>
+      <center>
+        <div className={`${styles.send} buttonContainer`}>
+          <div
+            onClick={() => {
+              if (feedback) {
+                submitFeedback(from, feedback, file).then(() => {
+                  alert('Üzenet elküldve!')
+                  setFeedback('')
+                })
+              } else {
+                alert('Üresen hagytad az üzenet szövegének helyét!')
+              }
+            }}
+          >
+            Küldés
+          </div>
+        </div>
+      </center>
+    </div>
+  )
+}
diff --git a/src/components/feedbackArea.module.css b/src/components/feedbackArea.module.css
new file mode 100644
index 0000000..bdaf3fd
--- /dev/null
+++ b/src/components/feedbackArea.module.css
@@ -0,0 +1,25 @@
+.contactFeedback {
+  color: var(--text-color);
+  background-color: var(--background-color);
+  font-size: 14px;
+  width: 600px;
+  box-sizing: border-box;
+  height: 150px;
+  resize: none;
+  margin-top: 15px;
+  padding: 5px;
+}
+
+.send {
+  width: 20%;
+  margin-bottom: 60px;
+}
+
+.inputArea {
+  display: block;
+}
+
+.fileContainer {
+  width: 400px;
+  margin: 5px;
+}
diff --git a/src/components/layout.js b/src/components/layout.js
index cecb0e7..641f033 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -9,27 +9,120 @@ import tabs from '../data/tabs.json'
 import constants from '../constants.json'
 import BB from './b.js'
 
+import styles from './layout.module.css'
+
 const renderSnow = () => {
   const date = new Date()
   // if its december, and date is more than 5
   return date.getMonth() === 11 && date.getDate() > 5
 }
 
+function Donate() {
+  return (
+    <div>
+      <div className={styles.modalHead}>Donate</div>
+      <div style={{ textAlign: 'justify', margin: '8px' }}>
+        Paypalen és Patreonon látszódik a neved, de Patreonon könnyen meg lehet
+        változtatni. Ha név nélkül szeretnél adakozni, akkor írd át egy
+        nickname-re. De akárhova adakozol, a neved sehova se lesz kiadva, és nem
+        látja 3. személy.
+      </div>
+      <div className={styles.donateLogoContainer}>
+        <a
+          href={`${constants.siteUrl}patreon`}
+          target="_blank"
+          rel="noreferrer"
+        >
+          <img
+            style={{
+              border: 'none',
+              margin: '15px',
+            }}
+            src={`${constants.siteUrl}img/patreon-logo.png`}
+          />
+        </a>
+        <a href={`${constants.siteUrl}donate`} target="_blank" rel="noreferrer">
+          <img
+            style={{
+              border: 'none',
+              margin: '15px',
+            }}
+            src={`${constants.siteUrl}img/paypal-logo.png`}
+          />
+        </a>
+      </div>
+    </div>
+  )
+}
+
+function MessageButton({
+  userSpecificMotd,
+  setShowMotdModal,
+  refetchGlobalData,
+}) {
+  return (
+    <div className="msgs">
+      <div
+        onClick={() => {
+          if (!userSpecificMotd) {
+            return
+          }
+          setShowMotdModal(true)
+          if (userSpecificMotd.seen) {
+            return
+          }
+          fetch(constants.apiUrl + 'infos', {
+            method: 'POST',
+            credentials: 'include',
+            headers: {
+              Accept: 'application/json',
+              'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+              userSpecificMotdSeen: true,
+            }),
+          })
+            .then((resp) => {
+              return resp.json()
+            })
+            .then(() => {
+              refetchGlobalData()
+            })
+        }}
+        style={{ cursor: userSpecificMotd ? 'pointer' : 'default' }}
+        title={
+          userSpecificMotd && !userSpecificMotd.seen ? 'Új üzeneted van!' : ''
+        }
+      >
+        {userSpecificMotd && !userSpecificMotd.seen ? '📬' : '📭'}
+      </div>
+    </div>
+  )
+}
+
 export default function Layout({
   children,
-  route,
+  router,
   globalData,
   refetchGlobalData,
 }) {
-  let href = route
   const [sidebarOpen, setSidebarOpen] = useState(true)
   const [windowSize, setWindowSize] = useState([100, 200])
   const [showMotdModal, setShowMotdModal] = useState(false)
+  const [donateShowing, setDonateShowing] = useState(false)
   const [showNewMsgModal, setShowNewMsgModal] = useState(true)
 
   const userId = globalData.userId
   const userSpecificMotd = globalData.userSpecificMotd
 
+  useEffect(
+    () => {
+      setDonateShowing(!!router.query.donate)
+    },
+    [router.query.donate]
+  )
+
+  let href = router.route
   if (href === '/' || href === '') {
     href = 'index'
   }
@@ -80,23 +173,33 @@ export default function Layout({
             <div />
           </span>
           <div className="sidebarheader">
-            <img
-              style={{ maxWidth: '100%' }}
-              src={`${constants.siteUrl}img/frylabs-logo_small_transparent.png`}
-              alt="Frylabs"
-            />
+            <Link href="/">
+              <a>
+                <img
+                  style={{
+                    maxWidth: '100%',
+                    border: 'none',
+                    margin: '1px',
+                  }}
+                  src={`${
+                    constants.siteUrl
+                  }img/frylabs-logo_small_transparent.png`}
+                  alt="FryLabs"
+                />
+              </a>
+            </Link>
           </div>
         </div>
         {sidebarOpen ? (
           <>
-            <div id="sideBarLinks" className="sidebarLinks">
+            <div id="sideBarLinks" className={styles.sidebarLinks}>
               {Object.keys(tabs).map((key) => {
                 const item = tabs[key]
                 return (
                   <Link href={item.href} key={key}>
                     <a
                       onClick={closeSideBar}
-                      className={href.includes(key) ? 'active' : undefined}
+                      className={href.includes(key) ? styles.active : undefined}
                       id={item.id || undefined}
                     >
                       {item.text}
@@ -105,68 +208,26 @@ export default function Layout({
                 )
               })}
               <a
-                href={`/dataeditor`}
-                onClick={closeSideBar}
-                target="_blank"
-                rel="noreferrer"
-                title={
-                  'Kérdések szerkesztése, törlése, beküldése, és kitöltetlen tesztek'
-                }
-              >
-                Kérdés szerkesztő / kitöltetlen tesztek
-              </a>
-              <a
-                href={`/donate`}
-                className="donate"
-                onClick={closeSideBar}
-                target="_blank"
-                rel="noreferrer"
+                onClick={() => {
+                  closeSideBar()
+                  setDonateShowing(true)
+                }}
               >
                 Donate
               </a>
             </div>
-            <div className="userStatus">
-              <div className="msgs">
-                <div
-                  onClick={() => {
-                    if (!userSpecificMotd) {
-                      return
-                    }
-                    setShowMotdModal(true)
-                    if (userSpecificMotd.seen) {
-                      return
-                    }
-                    fetch(constants.apiUrl + 'infos', {
-                      method: 'POST',
-                      credentials: 'include',
-                      headers: {
-                        Accept: 'application/json',
-                        'Content-Type': 'application/json',
-                      },
-                      body: JSON.stringify({
-                        userSpecificMotdSeen: true,
-                      }),
-                    })
-                      .then((resp) => {
-                        return resp.json()
-                      })
-                      .then(() => {
-                        refetchGlobalData()
-                      })
-                  }}
-                  style={{ cursor: userSpecificMotd ? 'pointer' : 'default' }}
-                  title={
-                    userSpecificMotd && !userSpecificMotd.seen
-                      ? "You've got Mail!"
-                      : ''
-                  }
-                >
-                  {userSpecificMotd && !userSpecificMotd.seen ? '📬' : '📭'}
-                </div>
-                <div title="User ID">UID: {userId || '...'}</div>
+            <div className={'userStatus'}>
+              <MessageButton
+                userSpecificMotd={userSpecificMotd}
+                setShowMotdModal={setShowMotdModal}
+                refetchGlobalData={refetchGlobalData}
+              />
+              <div className={'uid'} title="User ID">
+                UID: {userId || '...'}
               </div>
               <div
-                className="logout"
+                className={'logout'}
+                title="Kijelentkezés"
                 onClick={() => {
                   fetch(constants.apiUrl + 'logout', {
                     method: 'GET',
@@ -182,31 +243,38 @@ export default function Layout({
                 Logout
               </div>
             </div>
-            {showMotdModal ? (
-              <Modal
-                closeClick={() => {
-                  setShowMotdModal(false)
-                }}
-              >
-                <div style={{ textAlign: 'center' }}>Üzenet admintól:</div>
-                <div
-                  dangerouslySetInnerHTML={{ __html: userSpecificMotd.msg }}
-                />
-              </Modal>
-            ) : null}
           </>
         ) : null}
       </div>
-      <div className="content">{children}</div>
+      {donateShowing ? (
+        <Modal
+          closeClick={() => {
+            setDonateShowing(false)
+          }}
+        >
+          <Donate />
+        </Modal>
+      ) : null}
+      {showMotdModal ? (
+        <Modal
+          closeClick={() => {
+            setShowMotdModal(false)
+          }}
+        >
+          <div style={{ textAlign: 'center' }}>Üzenet admintól:</div>
+          <div dangerouslySetInnerHTML={{ __html: userSpecificMotd.msg }} />
+        </Modal>
+      ) : null}
       {userSpecificMotd && !userSpecificMotd.seen && showNewMsgModal ? (
         <Modal
           closeClick={() => {
             setShowNewMsgModal(false)
           }}
         >
-          Új üzeneted van, kattints 📬-ra bal alul megtekintéséhez!
+          Új üzeneted van, kattints a 📬-ra bal alul a megtekintéséhez!
         </Modal>
       ) : null}
+      <div className="content">{children}</div>
       <BB />
     </div>
   )
diff --git a/src/components/layout.module.css b/src/components/layout.module.css
new file mode 100644
index 0000000..9df817b
--- /dev/null
+++ b/src/components/layout.module.css
@@ -0,0 +1,49 @@
+.modalHead {
+  text-align: center;
+  font-size: 22px;
+  font-weight: 700;
+  padding-top: 0px;
+  margin-top: 0px;
+  padding-bottom: 20px;
+  letter-spacing: 3px;
+}
+
+.donateLogoContainer {
+  display: flex;
+  justify-content: center;
+}
+
+.donateLogoContainer img {
+  max-width: 100px;
+  margin: 5px;
+  border-radius: 5px;
+}
+
+.sidebarLinks > * {
+  display: block;
+  text-align: center;
+  color: black;
+  font-size: 108%;
+  padding: 14px;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  text-decoration: none;
+  color: var(--bright-color);
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
+  cursor: pointer;
+}
+
+.sidebarLinks a.active {
+  border: 0.5px solid var(--text-color);
+  color: white;
+  text-shadow: 2px 2px 8px black;
+  font-weight: bold;
+}
+
+.sidebarLinks a:hover:not(.active) {
+  background-color: var(--text-color);
+  color: black;
+  font-weight: bold;
+  text-shadow: 2px 2px 8px black;
+  transition: width 0.5s, height 0.5s, ease-out 0.5s;
+}
diff --git a/src/components/modal.module.css b/src/components/modal.module.css
index 19aa27e..99f68fc 100644
--- a/src/components/modal.module.css
+++ b/src/components/modal.module.css
@@ -12,7 +12,9 @@
   display: flex;
   align-items: stretch;
   max-height: 80%;
-  width: 80%;
+  width: 50%;
+  max-width: 52%;
+  width: auto;
   position: fixed;
   background: var(--background-color);
   height: auto;
@@ -20,24 +22,27 @@
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 8px;
-
-  padding: 20px 30px;
-  cursor: auto;
+  padding-top: 38px;
+  padding-bottom: 25px;
+  padding-right: 14px;
+  padding-left: 16px;
+  cursor: default;
 }
 
 .close {
   cursor: pointer;
-  font-size: 18px;
-  position: absolute;
-
-  top: 10px;
+  font-size: 16.5px;
+  position: fixed;
+  top: 5px;
   right: 10px;
+  margin-bottom: 10px;
+  text-align: right;
   display: inline;
 }
 
 .children {
   max-height: 100%;
   width: 100%;
-  overflow-y: scroll;
-  overflow-x: hidden;
+  overflow-y: auto;
+  overflow-x: auto;
 }
diff --git a/src/components/newsEntry.js b/src/components/newsEntry.js
index 8a37d40..499c7db 100644
--- a/src/components/newsEntry.js
+++ b/src/components/newsEntry.js
@@ -17,13 +17,17 @@ export default function NewsEntry({
   const { reacts, title, content, user, comments, date, admin } = newsItem
 
   return (
-    <div>
-      <div className={`${styles.newsContainer} ${admin && styles.adminPost}`}>
+    <div className={styles.newsRoot}>
+      <div
+        className={`${styles.newsContainer} ${admin &&
+          styles.adminPost}  ${!admin && styles.userPost}  ${uid == user &&
+          styles.ownPost} ${uid == user && admin && styles.adminPost}`}
+      >
         <div className={styles.newsHeader}>
           <div className={styles.newsTitle}>{title}</div>
-          <div className={styles.user}>
+          <div className={styles.userinfo}>
             <div>User #{user}</div>
-            <div className={styles.newsDate}>{date}</div>
+            <div className={styles.newsDate}> @ {date}</div>
           </div>
         </div>
         {admin ? (
@@ -38,11 +42,12 @@ export default function NewsEntry({
       <div className={'actions'}>
         {uid === user ? (
           <span
+            className={styles.delete_bttn}
             onClick={() => {
               onPostDelete()
             }}
           >
-            Delete
+            Törlés
           </span>
         ) : null}
         <ReactButton
@@ -62,8 +67,6 @@ export default function NewsEntry({
         onDelete={onDelete}
         comments={comments}
       />
-      <hr />
-      <hr />
     </div>
   )
 }
diff --git a/src/components/newsEntry.module.css b/src/components/newsEntry.module.css
index 960b94a..09f57c2 100644
--- a/src/components/newsEntry.module.css
+++ b/src/components/newsEntry.module.css
@@ -1,32 +1,51 @@
 .newsBody {
-  margin: 0px 5px;
-  font-size: 18px;
+  margin: 0px 12px;
   color: #fff;
   white-space: pre-line;
+  text-align: justify;
 }
 
 .newsTitle {
-  font-size: 20px;
+  font-size: 25px;
   color: var(--text-color);
-  margin: 0px 5px;
+  margin: 0px 11px;
+  padding-bottom: 10px;
 }
 
 .newsDate {
-  margin: 0px 5px;
+  margin-right: 12px;
+  margin-left: 14px;
 }
 
 .newsContainer {
   margin: 5px 5px;
 }
 
+.delete_bttn {
+  font-size: 15px;
+  margin-top: 12px !important;
+  margin-left: 2px !important;
+  margin-right: 5px !important;
+  padding-top: 4px !important;
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
+}
+
 .adminPost {
-  border-left: 2px solid yellow;
-  border-radius: 5px;
+  border-left: 4px solid var(--text-color);
+}
+
+.userPost {
+  border-left: 4px solid azure;
+}
+
+.ownPost {
+  border-left: 4px dotted azure;
 }
 
 .newsContainer img {
   max-width: 100%;
   min-width: 200px;
+  border: 2px solid white;
 }
 
 .newsHeader {
@@ -35,7 +54,17 @@
   align-items: center;
 }
 
-.user {
+.userinfo {
   display: flex;
   align-items: center;
+  margin-bottom: 12px;
+}
+
+.newsRoot {
+  background-color: var(--dark-color);
+  margin-left: 8px;
+  margin-right: 8px;
+  margin-bottom: 16px;
+  margin-top: 16px;
+  padding: 10px;
 }
diff --git a/src/components/reactButton.js b/src/components/reactButton.js
index 44708a1..c16cddb 100644
--- a/src/components/reactButton.js
+++ b/src/components/reactButton.js
@@ -23,7 +23,7 @@ function useOutsideAlerter(ref, action) {
 function ExistingReacts({ existingReacts, onClick, uid }) {
   return (
     <div className={styles.reactionContainer}>
-      <div>React</div>
+      <div className={styles.react_bttn}>Reakció</div>
       {existingReacts &&
         Object.keys(existingReacts).map((key) => {
           const currReact = existingReacts[key]
@@ -33,7 +33,7 @@ function ExistingReacts({ existingReacts, onClick, uid }) {
           }
           return (
             <div
-              title={currReact.join(', ')}
+              title={`'${key}': ${currReact.join(', ')}`}
               className={`${currReact.includes(uid) && styles.reacted}`}
               key={key}
               onClick={(e) => {
diff --git a/src/components/reactButton.module.css b/src/components/reactButton.module.css
index cce9089..15407fc 100644
--- a/src/components/reactButton.module.css
+++ b/src/components/reactButton.module.css
@@ -1,6 +1,8 @@
 .reactionContainer {
   display: flex;
   flex-wrap: wrap;
+  margin-top: 15px !important;
+  margin: 4px 2px;
 }
 
 .reactionContainer > input {
@@ -20,10 +22,13 @@
   border-radius: 6px;
   cursor: pointer;
   user-select: none;
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
 }
 
 .reactionContainer > div:hover {
   background-color: var(--hoover-color);
+  color: gainsboro;
+  transition: width 0.5s, height 0.5s, ease-out 0.5s;
 }
 
 .break {
@@ -32,9 +37,20 @@
 }
 
 .reacted {
-  color: yellow;
+  background-color: var(--text-color);
+  color: black;
+}
+
+.reacted:hover {
+  background-color: #96810b !important;
+  color: #42423e !important;
 }
 
 .reactContainer {
   display: inline-block;
 }
+
+.react_bttn {
+  font-size: 15px;
+  padding-top: 3px !important;
+}
diff --git a/src/components/sidebar.js b/src/components/sidebar.js
deleted file mode 100644
index 14dd8df..0000000
--- a/src/components/sidebar.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react'
-
-import styles from './sidebar.module.css'
-
-export default function Sidebar(props) {
-  const { onClose } = props
-  return (
-    <div className={styles.container}>
-      <div
-        className={styles.closeBorder}
-        onClick={() => {
-          onClose()
-        }}
-      >
-        {'⏩'}
-      </div>
-      <div className={styles.content}>{props.children}</div>
-    </div>
-  )
-}
diff --git a/src/components/sidebar.module.css b/src/components/sidebar.module.css
deleted file mode 100644
index 9311c00..0000000
--- a/src/components/sidebar.module.css
+++ /dev/null
@@ -1,31 +0,0 @@
-.container {
-  background-color: var(--background-color);
-  border-left: 3px solid #99f;
-  top: 0;
-  right: 0px;
-  height: 100%;
-  width: 400px;
-  max-width: 100%;
-  position: fixed;
-
-  display: flex;
-}
-
-.closeBorder {
-  font-size: 14px;
-  padding: 2px;
-  cursor: pointer;
-  display: flex;
-  flex-flow: column;
-  justify-content: center;
-  color: white;
-  background-color: #222;
-}
-
-.closeBorder:hover {
-  background-color: #333;
-}
-
-.content {
-  width: 100%;
-}
diff --git a/src/components/sleep.js b/src/components/sleep.js
index bf349ab..276d783 100644
--- a/src/components/sleep.js
+++ b/src/components/sleep.js
@@ -1,6 +1,6 @@
 import constants from '../constants.json'
 
-export default function Sleep (props) {
+export default function Sleep(props) {
   const hours = new Date().getHours()
   if (hours < 4 || hours > 23) {
     return (
@@ -9,9 +9,11 @@ export default function Sleep (props) {
           <img
             style={{
               margin: '10px',
-              width: '300px'
+              width: '300px',
+              border: '2px solid white',
             }}
             src={constants.siteUrl + 'img/aludni.jpeg'}
+            title="Ezt a képet azert látod, mert ilyenkor már igazán nem ezen az oldalon kellene járnod"
           />
         </center>
       </div>
diff --git a/src/components/todoStuff/todo.module.css b/src/components/todoStuff/todo.module.css
index 79f61a5..056c723 100644
--- a/src/components/todoStuff/todo.module.css
+++ b/src/components/todoStuff/todo.module.css
@@ -3,20 +3,7 @@
   padding: 4px;
 }
 
-.groupContainer {
-  display: flex;
-}
-
-.group {
-  padding: 8px 16px;
-  cursor: pointer;
-  user-select: none;
-}
-
-.group:hover {
-  background-color: #333;
-}
-
-.selectedGroup {
-  background-color: #444;
+.todoButtons {
+  height: 38px;
+  text-wrap: normal; 
 }
diff --git a/src/components/todoStuff/todoBoard.module.css b/src/components/todoStuff/todoBoard.module.css
index 7e603fa..5b4d0d4 100644
--- a/src/components/todoStuff/todoBoard.module.css
+++ b/src/components/todoStuff/todoBoard.module.css
@@ -11,6 +11,7 @@
 
 .categoryName {
   text-align: center;
+  margin-top: 85px !important;
   margin: 5px 0px;
   font-size: 16px;
   font-weight: bold;
diff --git a/src/components/todoStuff/todoCard.js b/src/components/todoStuff/todoCard.js
index 7dd8313..7901bf0 100644
--- a/src/components/todoStuff/todoCard.js
+++ b/src/components/todoStuff/todoCard.js
@@ -11,7 +11,7 @@ export default function TodoCard(props) {
     <div
       className={styles.card}
       style={{
-        border: `2px solid ${group || '#99f'}`,
+        border: `1px solid ${categories[category].color || '#f2cb05'}`,
       }}
       onClick={() => {
         onClick(props.cardData)
@@ -27,7 +27,7 @@ export default function TodoCard(props) {
             backgroundColor: categories[category].color,
             color: 'white',
             borderRadius: '2px',
-            padding: '0px 2px',
+            padding: '3px',
           }}
         >
           {categories[category].name}
@@ -35,9 +35,9 @@ export default function TodoCard(props) {
       </div>
       <div className={styles.numbers}>
         <div className={`${voted && styles.voted}`}>
-          <div>{`Votes: ${votes.length}`}</div>
+          <div>{`Szavazatok: ${votes.length}`}</div>
         </div>
-        <div>{points}</div>
+        <div>{`Nehézség: ${points}`}</div>
       </div>
     </div>
   )
diff --git a/src/components/todoStuff/todoCard.module.css b/src/components/todoStuff/todoCard.module.css
index c015768..73271cc 100644
--- a/src/components/todoStuff/todoCard.module.css
+++ b/src/components/todoStuff/todoCard.module.css
@@ -1,12 +1,14 @@
 .card {
-  border-radius: 2px;
-  padding: 5px;
-  margin: 6px 3px;
+  border-radius: 5px;
+  padding: 7px;
+  margin: 8px 4px;
   cursor: pointer;
+  background-color: #171616;
 }
 
 .voted {
-  color: #cf9;
+  color: var(--text-color);
+  font-weight: 600;
 }
 
 .card:hover {
@@ -15,7 +17,7 @@
 }
 
 .card > div {
-  margin: 5px 0px;
+  margin: 6px 4px;
 }
 
 .description {
@@ -25,7 +27,7 @@
 }
 
 .category {
-  font-size: 10px;
+  font-size: 12px;
   white-space: nowrap;
 }
 
@@ -39,6 +41,6 @@
 }
 
 .id {
-  margin: 0px 3px;
+  margin: 1px 6px 1px 1px;
   color: #999;
 }
diff --git a/src/components/todoStuff/todoRow.js b/src/components/todoStuff/todoRow.js
index 13ad19a..6c8eee2 100644
--- a/src/components/todoStuff/todoRow.js
+++ b/src/components/todoStuff/todoRow.js
@@ -6,6 +6,8 @@ export default function TodoRow(props) {
   const { categories, userId, onClick } = props
   const { name, category, votes, id, group } = props.rowData
   const voted = votes.includes(userId)
+  const borderColor =
+    categories[category].borderColor || categories[category].color
 
   return (
     <div
@@ -14,7 +16,8 @@ export default function TodoRow(props) {
       }}
       className={styles.row}
       style={{
-        border: `2px solid ${group || '#99f'}`,
+        border: `2px dashed ${borderColor || 'white'}`,
+        borderRadius: '3px',
       }}
     >
       <div className={styles.id}>{`#${id}`}</div>
@@ -23,11 +26,11 @@ export default function TodoRow(props) {
         <div
           style={{
             wordBreak: 'break-all',
-            fontSize: '10px',
+            fontSize: '12px',
             backgroundColor: categories[category].color,
             color: 'white',
             borderRadius: '2px',
-            padding: '0px 2px',
+            padding: '3px',
           }}
         >
           {categories[category].name}
@@ -35,7 +38,7 @@ export default function TodoRow(props) {
       </div>
       <div
         className={`${styles.votes} ${voted && styles.voted}`}
-      >{`Votes: ${votes.length}`}</div>
+      >{`Szavazatok: ${votes.length}`}</div>
     </div>
   )
 }
diff --git a/src/components/todoStuff/todoRow.module.css b/src/components/todoStuff/todoRow.module.css
index 1e8c573..472b6c8 100644
--- a/src/components/todoStuff/todoRow.module.css
+++ b/src/components/todoStuff/todoRow.module.css
@@ -1,10 +1,9 @@
 .row {
-  display: flex;
-  border: 2px solid #99f;
-  border-radius: 2px;
-  padding: 5px;
-  margin: 6px 3px;
+  border-radius: 5px;
+  padding: 7px;
+  margin: 8px 4px;
   cursor: pointer;
+  background-color: #171616;
 }
 
 .row:hover {
@@ -13,12 +12,12 @@
 }
 
 .row > div {
-  margin: 0px 5px;
+  margin: 6px 4px;
 }
 
 .id {
   flex: 0 20px;
-  margin: 0px 3px;
+  margin: 1px 6px 1px 1px;
   color: #999;
 }
 
@@ -30,10 +29,14 @@
 }
 
 .votes {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
 }
 
 .voted {
-  color: #cf9;
+  color: var(--text-color);
+  font-weight: 600;
 }
 
 .catName {
diff --git a/src/components/todoStuff/todoSidebar.js b/src/components/todoStuff/todoSidebar.js
index f3d3976..3afbeca 100644
--- a/src/components/todoStuff/todoSidebar.js
+++ b/src/components/todoStuff/todoSidebar.js
@@ -25,18 +25,18 @@ export default function Todos({
   // TODO: hide vote button if not voteable
   return (
     <div className={styles.container}>
-      <div className={styles.name}>
+      <div className={styles.title}>
         <span className={styles.id}>#{id}</span>
-        {name}
+        <div className={'subtitle'} style={{ textAlign: 'left' }}>
+          {name}
+        </div>
         <span
           style={{
-            margin: '0px 5px',
-            fontSize: '10px',
             backgroundColor: categories[category].color,
             color: 'white',
+            fontSize: '12px',
             borderRadius: '2px',
-            padding: '0px 2px',
-            whiteSpace: 'nowrap',
+            padding: '3px',
           }}
         >
           {categories[category].name}
@@ -45,7 +45,7 @@ export default function Todos({
       <hr />
       {group && (
         <div className={styles.row}>
-          <div>Csoport:</div>
+          <div style={{ color: group }}>Csoport:</div>
           <div style={{ color: group }}>
             {namedGroups[group] ? namedGroups[group].name : group}
           </div>
@@ -64,31 +64,47 @@ export default function Todos({
         <div>{votes.length}</div>
       </div>
       {gitlink && (
-        <div className={styles.row}>
-          <a href={gitlink} target={'_blank'} rel={'noreferrer'}>
-            Git link
-          </a>
-        </div>
+        <center>
+          <div>
+            <a
+              href={gitlink}
+              style={{ textDecoration: 'none' }}
+              target={'_blank'}
+              rel={'noreferrer'}
+            >
+              Git link
+            </a>
+          </div>
+        </center>
       )}
       <hr />
       {description && (
         <>
-          <div className={styles.title}>Leírás</div>
-          <div dangerouslySetInnerHTML={{ __html: description }} />
+          <div className={'subtitle'} style={{ textAlign: 'left' }}>
+            Leírás
+          </div>
+          <div
+            className={styles.description}
+            dangerouslySetInnerHTML={{ __html: description }}
+          />
           <hr />
         </>
       )}
-      <div className={styles.category}></div>
+      <div className={styles.category} />
       {voteable && (
-        <div
-          className={`${styles.button} ${votes.includes(userId) &&
-            styles.voted}`}
-          onClick={() => {
-            voteOn(card)
-          }}
-        >
-          {votes.includes(userId) ? 'Szavazat visszavonása' : 'Szavazás'}
-        </div>
+        <center>
+          <div className={'buttonContainer'} style={{ width: '40%' }}>
+            <div
+              className={`${styles.button} ${votes.includes(userId) &&
+                styles.voted}`}
+              onClick={() => {
+                voteOn(card)
+              }}
+            >
+              {votes.includes(userId) ? 'Szavazat visszavonása' : 'Szavazás'}
+            </div>
+          </div>
+        </center>
       )}
     </div>
   )
diff --git a/src/components/todoStuff/todoSidebar.module.css b/src/components/todoStuff/todoSidebar.module.css
index 8159b96..194bc21 100644
--- a/src/components/todoStuff/todoSidebar.module.css
+++ b/src/components/todoStuff/todoSidebar.module.css
@@ -9,14 +9,17 @@
 }
 
 .title {
-  color: #99f;
+  color: var(--text-color);
   font-size: 18px;
 }
 
-.name {
-  color: #99f;
+.title {
+  color: var(--text-color);
   font-size: 20px;
-  margin: 20px 0px;
+  margin: 5px 0px;
+}
+
+.name {
 }
 
 .category {
@@ -25,18 +28,26 @@
 }
 
 .id {
-  font-size: 16px;
+  font-size: 20px;
   margin: 0px 3px;
   color: #999;
 }
 
+.description {
+  overflow-x: auto;
+  overflow-y: auto;
+  max-height: calc(38vh);
+  margin: 5px;
+}
+
 .row {
   display: flex;
   justify-content: space-between;
+  margin: 2px 10px;
 }
 
 .button {
-  border: 2px solid #99f;
+  border: 2px solid var(--text-color);
   border-radius: 3px;
   text-align: center;
   cursor: pointer;
diff --git a/src/components/todoStuff/todoTable.js b/src/components/todoStuff/todoTable.js
index dcff74e..eafc314 100644
--- a/src/components/todoStuff/todoTable.js
+++ b/src/components/todoStuff/todoTable.js
@@ -20,29 +20,31 @@ export default function TodoBoard(props) {
           return (
             <div className={styles.container} key={key}>
               <div className={styles.title}>{table.name}</div>
-              {tableCards.map((card, i) => {
-                const shouldHide =
-                  card.state !== key ||
-                  (selectedGroup !== null &&
-                    selectedGroup !== 'uncat' &&
-                    card.group !== selectedGroup) ||
-                  (selectedGroup === 'uncat' && card.group !== undefined)
+              <div className={styles.scroll}>
+                {tableCards.map((card, i) => {
+                  const shouldHide =
+                    card.state !== key ||
+                    (selectedGroup !== null &&
+                      selectedGroup !== 'uncat' &&
+                      card.group !== selectedGroup) ||
+                    (selectedGroup === 'uncat' && card.group !== undefined)
 
-                if (shouldHide) {
-                  return null
-                }
+                  if (shouldHide) {
+                    return null
+                  }
 
-                return (
-                  <TodoRow
-                    onClick={onClick}
-                    key={i}
-                    type={key}
-                    rowData={card}
-                    userId={userId}
-                    categories={categories}
-                  />
-                )
-              })}
+                  return (
+                    <TodoRow
+                      onClick={onClick}
+                      key={i}
+                      type={key}
+                      rowData={card}
+                      userId={userId}
+                      categories={categories}
+                    />
+                  )
+                })}
+              </div>
             </div>
           )
         })}
diff --git a/src/components/todoStuff/todoTable.module.css b/src/components/todoStuff/todoTable.module.css
index 524aeeb..3e2481f 100644
--- a/src/components/todoStuff/todoTable.module.css
+++ b/src/components/todoStuff/todoTable.module.css
@@ -11,6 +11,8 @@
 
 .container {
   flex-direction: column;
+  margin-top: 30px;
+  margin-bottom: 50px;
 }
 
 .title {
@@ -18,3 +20,9 @@
   font-size: 20px;
   font-weight: bold;
 }
+
+.scroll {
+  max-height: 500px;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
diff --git a/src/components/todoStuff/todos.js b/src/components/todoStuff/todos.js
index 22069f7..6f43944 100644
--- a/src/components/todoStuff/todos.js
+++ b/src/components/todoStuff/todos.js
@@ -4,11 +4,9 @@ import LoadingIndicator from '../LoadingIndicator.js'
 import TodoBoard from './todoBoard.js'
 import TodoTable from './todoTable.js'
 import TodoSidebar from './todoSidebar.js'
-
-import Sidebar from '../sidebar.js'
+import Modal from '../modal.js'
 
 import styles from './todo.module.css'
-// import styles from './todos.module.css'
 import constants from '../../constants.json'
 
 const byVotes = (a, b) => {
@@ -26,7 +24,6 @@ export default function Todos() {
   const [selectedGroup, setSelectedGroup] = useState(null)
 
   useEffect(() => {
-    console.info('Fetching todos')
     fetch(`${constants.apiUrl}todos`, {
       credentials: 'include',
     })
@@ -96,13 +93,14 @@ export default function Todos() {
     const sg = namedGroups[selectedGroup]
     return (
       <>
-        <div className={styles.groupContainer}>
+        <div className={'buttonContainer'}>
           {groups.map((group) => {
             const namedGroup = namedGroups[group]
             return (
               <div
-                className={`${styles.group} ${group === selectedGroup &&
-                  styles.selectedGroup}`}
+                className={`${'buttonContainer'}, ${
+                  styles.todoButtons
+                } ${group === selectedGroup && 'activeButton'}`}
                 key={group}
                 onClick={() => {
                   setSelectedGroup(group)
@@ -113,8 +111,9 @@ export default function Todos() {
             )
           })}
           <div
-            className={`${styles.group} ${'uncat' === selectedGroup &&
-              styles.selectedGroup}`}
+            className={`${'buttonContainer'}, ${
+              styles.todoButtons
+            } ${'uncat' === selectedGroup && 'activeButton'}`}
             onClick={() => {
               setSelectedGroup('uncat')
             }}
@@ -122,7 +121,8 @@ export default function Todos() {
             {'Kategorizálatlan'}
           </div>
           <div
-            className={styles.group}
+            className={`${'buttonContainer'}, ${styles.todoButtons} ${null ===
+              selectedGroup && 'activeButton'}`}
             onClick={() => {
               setSelectedGroup(null)
             }}
@@ -140,8 +140,8 @@ export default function Todos() {
   return (
     <div>
       {sidebarCard && (
-        <Sidebar
-          onClose={() => {
+        <Modal
+          closeClick={() => {
             setSidebarCard(null)
           }}
         >
@@ -165,15 +165,10 @@ export default function Todos() {
                 })
             }}
           />
-        </Sidebar>
+        </Modal>
       )}
       {renderGrouper()}
-      <div
-        style={{
-          // width: '100%',
-          marginRight: sidebarCard ? 380 : 0,
-        }}
-      >
+      <div>
         <TodoBoard
           columns={cols}
           cards={bCards}
diff --git a/src/constants.json b/src/constants.json
index 09a2c16..8650745 100644
--- a/src/constants.json
+++ b/src/constants.json
@@ -1,7 +1,6 @@
 {
   "siteUrl": "https://qmining.frylabs.net/",
   "apiUrl": "https://api.frylabs.net/",
-  "devApiUrl": "http://localhost:8080/",
   "mobileWindowWidth": 700,
   "maxQuestionsToRender": 250
 }
diff --git a/src/data/helps.json b/src/data/helps.json
index 9da4768..1220b1f 100644
--- a/src/data/helps.json
+++ b/src/data/helps.json
@@ -1,8 +1,5 @@
 {
-  "header": [
-    "Miben",
-    "Hogy"
-  ],
+  "header": ["Miben", "Hogy"],
   "rows": {
     "feedbacker": {
       "name": "Visszajelzésben",
diff --git a/src/data/links.json b/src/data/links.json
deleted file mode 100644
index e096826..0000000
--- a/src/data/links.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "install": {
-    "href": "/install",
-    "text": "Install"
-  },
-  "allqr": {
-    "href": "/allqr.txt",
-    "text": "Összes kérdés TXT"
-  },
-  "data": {
-    "href": "/data.json",
-    "text": "Összes kérdés JSON"
-  },
-  "irc": {
-    "href": "/irc?index",
-    "text": "IRC chat"
-  },
-  "dataeditor": {
-    "href": "/dataeditor?index",
-    "text": "Dataeditor"
-  }
-}
diff --git a/src/data/tabs.json b/src/data/tabs.json
index e633e07..4c0077f 100644
--- a/src/data/tabs.json
+++ b/src/data/tabs.json
@@ -1,26 +1,34 @@
 {
   "index": {
     "href": "/",
-    "text": "Home"
+    "text": "Főoldal"
   },
-  "manual": {
-    "href": "/manual",
-    "text": "Manual"
+  "script": {
+    "href": "/script",
+    "text": "Script"
   },
   "allQuestions": {
     "href": "/allQuestions",
     "text": "Kérdések és tárgyak"
   },
-  "pwRequest": {
-    "href": "/pwRequest",
-    "text": "Jelszó kérés"
-  },
   "contribute": {
     "href": "/contribute",
-    "text": "Todos, contribute"
+    "text": "Teendők"
   },
   "ranklist": {
     "href": "/ranklist",
     "text": "Ranklista"
+  },
+  "pwRequest": {
+    "href": "/pwRequest",
+    "text": "Jelszó generálás"
+  },
+  "faq": {
+    "href": "/faq",
+    "text": "GYIK"
+  },
+  "contact": {
+    "href": "/contact",
+    "text": "Kapcsolat"
   }
 }
diff --git a/src/defaultStyles.css b/src/defaultStyles.css
index f52c246..a8ac185 100644
--- a/src/defaultStyles.css
+++ b/src/defaultStyles.css
@@ -1,25 +1,43 @@
 :root {
-  --text-color: #9999ff;
-  --primary-color: #9999ff;
+  --text-color: #f2cb05;
+  --primary-color: #f2cb05;
   --bright-color: #f2f2f2;
   --background-color: #222426;
-  --hoover-color: #202020;
+  --hoover-color: #393939;
+  --dark-color: #191919;
 }
 
+@import url('https://fonts.googleapis.com/css2?family=Kameron&family=Overpass+Mono:wght@300;400&display=swap');
+
 body {
-  font: normal 14px Verdana;
+  font-family: 'Kameron', serif;
+  font-family: 'Overpass Mono', monospace;
   color: #999999;
+  cursor: default;
+}
+
+img {
+  margin: 10px;
+  border: 2px solid white;
+}
+
+li {
+  padding: 2px 0px;
 }
 
 a {
   color: white;
 }
 
+a:hover {
+  color: #c1c1c1;
+}
+
 textarea {
   color: var(--text-color);
   background-color: var(--background-color);
   box-sizing: border-box;
-  height: 120px;
+  height: 140px;
   width: 100%;
   border: 1px solid #666;
   border-radius: 3px;
@@ -28,8 +46,16 @@ textarea {
 input {
   color: var(--text-color);
   background-color: var(--background-color);
+  border: 1px solid #666;
+  border-radius: 5px;
+  width: 80%;
+  font-family: inherit;
   border: 1px solid #444;
-  border-radius: 3px;
+  width: 98%;
+}
+
+input:focus {
+  border: 0px solid #444;
 }
 
 .link {
@@ -45,7 +71,6 @@ input {
 .sidebar {
   display: flex;
   flex-direction: column;
-
   margin: 0;
   padding: 0;
   width: 200px;
@@ -57,25 +82,7 @@ input {
 
 .content {
   margin-left: 200px;
-  padding: 1px 16px;
-}
-
-.sidebarLinks a {
-  display: block;
-  color: black;
-  padding: 16px;
-  text-decoration: none;
-  color: var(--bright-color);
-}
-
-.sidebarLinks a.active {
-  background-color: var(--text-color);
-  color: black;
-}
-
-.sidebarLinks a:hover:not(.active) {
-  background-color: #555;
-  color: white;
+  padding: 1px 15px;
 }
 
 .menuicon div {
@@ -99,7 +106,11 @@ input {
   align-items: center;
   flex-wrap: nowrap;
   position: relative;
-  margin: 10px;
+  overflow: hidden;
+  padding-top: 15px;
+  padding-bottom: 17px;
+  padding-right: 2px;
+  padding-left: 2px;
 }
 
 @media screen and (max-width: 700px) {
@@ -108,9 +119,11 @@ input {
     height: auto;
     position: relative;
   }
+
   .sidebar a {
     float: left;
   }
+
   div.content {
     margin-left: 0;
   }
@@ -139,6 +152,7 @@ input {
     position: absolute;
     left: 50%;
     top: 50%;
+    padding-top: 20px;
     transform: translateX(-50%) translateY(-50%);
   }
 
@@ -153,8 +167,10 @@ input {
   }
 
   .rtfmImage {
+    text-align: center;
     display: flex;
     justify-content: center;
+    border: 2px solid white;
     width: 100%;
   }
 
@@ -164,19 +180,25 @@ input {
   }
 }
 
+.endofpage {
+  padding-bottom: 20px;
+}
+
 .questionContainer {
-  margin: 10px;
+  margin: 6px;
+  padding: 10px;
 }
 
 .questionContainer:hover {
-  background-color: var(--hoover-color);
+  background-color: #141414;
+  color: var(--text-color);
 }
 
 .question {
   word-wrap: break-word;
   font-weight: bold;
   font-size: 17px;
-  color: #ffffff;
+  color: gainsboro;
 }
 
 .answer {
@@ -193,7 +215,6 @@ input {
 .loadingindicator {
   text-align: center;
   vertical-align: middle;
-
   color: #fff;
   font-size: 30px;
 }
@@ -203,16 +224,22 @@ input {
 }
 
 .subjectSelector {
-  overflow: scroll;
-  height: 350px;
+  overflow: auto;
+  height: auto;
+  max-height: 250px;
   margin: 10px;
+  padding: 5px;
+  padding-right: 10px;
+  padding-left: 8px;
+  background-color: #141414;
 }
 
 .subjItem {
   font-size: 18px;
   padding: 3px;
+  padding-top: 5px;
+  margin-top: 4px;
   cursor: pointer;
-  float: 1;
   display: flex;
   justify-content: space-between;
 }
@@ -227,47 +254,83 @@ input {
   color: white;
 }
 
-.donate {
-  background-color: #222a26;
-}
-
 .rtfmImage {
+  text-align: center;
   justify-content: center;
   margin: 0px 10px;
 }
 
+.warning {
+  color: red;
+  font-weight: 100;
+  font-size: 17.5px;
+}
+
+#manualWarn {
+  font-size: 14px;
+}
+
+.manual_img {
+  padding: 20px 2px;
+}
+
+.subtitle {
+  color: var(--text-color);
+  font-size: 23px;
+  text-align: center;
+  font-weight: 100;
+  margin: 0px;
+  padding-top: 8px;
+}
+
+.pageHeader {
+  background-color: var(--text-color);
+  height: 45px;
+  max-width: 100%;
+  color: black !important;
+  margin: 5px 0px 0px 0px;
+}
+
+.pageHeader > h1 {
+  padding-top: 6px;
+  letter-spacing: 7px;
+  text-align: center;
+  margin: 0px;
+}
+
 .manualUsage {
+  margin-top: 5px;
   display: flex;
 }
 
-select {
-  cursor: pointer;
-  width: 100%;
-  max-width: 100%;
-  height: 30px;
-}
-
-select:hover {
-  border: 1px solid #99f;
+.manualBody {
+  text-align: justify;
 }
 
 .userStatus {
   display: flex;
   margin-top: auto;
   margin-bottom: 20px;
-
+  background-color: #373737;
   align-items: center;
+  text-align: center;
   justify-content: space-between;
 }
 
 .msgs {
-  display: flex;
-  align-items: center;
+  font-size: 15px;
+}
+
+.uid {
+  font-size: 14px;
+  margin-right: 10px;
 }
 
 .logout {
-  padding: 7px;
+  padding: 6px;
+  margin-right: 7px;
   cursor: pointer;
+  font-size: 15.5px;
 }
 
 .logout:hover {
@@ -275,11 +338,13 @@ select:hover {
 }
 
 .msgs :first-child {
-  font-size: 35px;
+  font-size: 27px;
+  margin-left: 4px;
 }
 
 .msgs > div {
-  margin: 0px 5px;
+  padding: 2px 6px;
+  font-size: 13.5px;
 }
 
 .actions {
@@ -299,3 +364,114 @@ select:hover {
 .actions > span:hover {
   background-color: var(--hoover-color);
 }
+
+.buttonContainer {
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  margin: 10px 0px;
+  height: 50px;
+}
+
+.buttonContainer > * {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  background-color: var(--hoover-color);
+  border: none;
+  color: var(--text-color);
+  padding: 5px 15px;
+  font-weight: bold;
+  font-size: 15px;
+  margin: 8px 5px 2px 5px;
+  cursor: pointer;
+  text-shadow: 1px 1px 8px black;
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
+  user-select: none;
+  cursor: pointer;
+  text-align: center;
+  text-decoration: none;
+}
+
+.buttonContainer > *:hover {
+  text-shadow: 2px 2px 8px black;
+  transition: width 0.5s, height 0.5s, ease-out 0.5s;
+  background-color: var(--text-color);
+  color: black;
+}
+
+.buttonContainer > .activeButton {
+  background-color: var(--text-color);
+  color: black;
+}
+
+select {
+  cursor: pointer;
+  width: 100%;
+  max-width: 100%;
+  height: 30px;
+}
+
+select:hover {
+  border: 1px solid #f2cb05;
+}
+
+.checkbContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 10px 0px 0px 0px;
+}
+
+.checkbContainer > input {
+  width: 5%;
+  background-color: #9c9c98;
+  color: azure;
+  font-family: inherit;
+  margin-bottom: 5px;
+}
+
+.selectContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.selectContainer > select,
+.selectContainer > input {
+  width: 20%;
+  border-radius: 5px;
+  border: 1.5px solid white;
+  background-color: #9c9c98;
+  color: azure;
+  font-family: inherit;
+  margin: 6px 0px;
+}
+
+.selectContainer > select:hover,
+.selectContainer > select:active {
+  border: 2px solid var(--text-color);
+}
+
+.selectContainer > div {
+  padding: 0px 5px;
+  margin-right: 8px;
+}
+
+.description {
+  padding-top: 1px;
+  padding-bottom: 5px;
+  font-size: inherit;
+  color: inherit;
+  text-align: center;
+  margin: 10px;
+}
+
+.resultContainer {
+  color: gainsboro;
+  font-size: 18px;
+  display: flex;
+  justify-content: center;
+  margin-top: 8px;
+}
diff --git a/src/pages/404.js b/src/pages/404.js
index c07144b..afd11fc 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -1,8 +1,15 @@
-export default function Custom404 () {
+export default function Custom404() {
   return (
     <center>
       <h1>404</h1>
-      <iframe width='660' height='465' src='https://www.youtube-nocookie.com/embed/GOzwOeONBhQ' frameBorder='0' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' allowFullScreen />
+      <iframe
+        width="660"
+        height="465"
+        src="https://www.youtube-nocookie.com/embed/GOzwOeONBhQ"
+        frameBorder="0"
+        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+        allowFullScreen
+      />
     </center>
   )
 }
diff --git a/src/pages/_app.js b/src/pages/_app.js
index 18161cb..3098e4f 100644
--- a/src/pages/_app.js
+++ b/src/pages/_app.js
@@ -40,7 +40,7 @@ function MyApp({ Component, pageProps, router }) {
 
   return (
     <Layout
-      route={router.route}
+      router={router}
       globalData={globalData}
       refetchGlobalData={getGlobalProps}
     >
diff --git a/src/pages/_document.js b/src/pages/_document.js
index 5e43ea1..d730a08 100644
--- a/src/pages/_document.js
+++ b/src/pages/_document.js
@@ -1,16 +1,16 @@
 import Document, { Html, Head, Main, NextScript } from 'next/document'
 
 class MyDocument extends Document {
-  static async getInitialProps (ctx) {
+  static async getInitialProps(ctx) {
     const initialProps = await Document.getInitialProps(ctx)
     return { ...initialProps }
   }
 
-  render () {
+  render() {
     return (
       <Html>
         <Head />
-        <body bgcolor='#222426'>
+        <body bgcolor="#222426">
           <Main />
           <NextScript />
         </body>
diff --git a/src/pages/_error.js b/src/pages/_error.js
index e68897c..e135e8c 100644
--- a/src/pages/_error.js
+++ b/src/pages/_error.js
@@ -1,9 +1,16 @@
-function Error ({ statusCode }) {
+function Error({ statusCode }) {
   const render404 = () => {
     return (
       <center>
         <h1>404</h1>
-        <iframe width='100%' height='465' src='https://www.youtube-nocookie.com/embed/GOzwOeONBhQ' frameBorder='0' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' allowFullScreen />
+        <iframe
+          width="100%"
+          height="465"
+          src="https://www.youtube-nocookie.com/embed/GOzwOeONBhQ"
+          frameBorder="0"
+          allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen
+        />
       </center>
     )
   }
diff --git a/src/pages/allQuestions.js b/src/pages/allQuestions.js
index 6335750..6516b3d 100644
--- a/src/pages/allQuestions.js
+++ b/src/pages/allQuestions.js
@@ -6,6 +6,7 @@ import QuestionSearchResult from '../components/QuestionSearchResult.js'
 import Subject from '../components/Subject.js'
 import SubjectSelector from '../components/SubjectSelector.js'
 import Sleep from '../components/sleep'
+import ExternalLinkIcon from '../components/externalLinkIcon'
 
 import styles from './allQuestions.module.css'
 
@@ -74,8 +75,10 @@ export default function AllQuestions({ router }) {
   const [searchTerm, setSearchTerm] = useState('')
   const [activeSubjName, setActiveSubjName] = useState('')
   const [dbs, setDbs] = useState(null)
+  const [selectedDb, setSelectedDb] = useState('')
   const [data, setData] = useState(null)
   const [fetchingData, setFetchingData] = useState(false)
+
   const subjectCount = data ? data.length : 0
   const questionCount = data ? data.reduce(countReducer, 0) : 0
 
@@ -87,6 +90,7 @@ export default function AllQuestions({ router }) {
     const querySearch = router.query.question
       ? decodeURIComponent(router.query.question)
       : ''
+
     console.log(querySearch)
 
     fetchDbs().then((res) => {
@@ -98,40 +102,65 @@ export default function AllQuestions({ router }) {
     if (dbs) {
       return (
         <>
-          <select
-            className={styles.select}
-            defaultValue={-1}
-            onChange={(event) => {
-              const key = event.target.value
-              setData(null)
-              setFetchingData(true)
-              if (key === 'all') {
-                fetchAllData(dbs).then((res) => {
-                  setData(mergeData(res))
-                  setFetchingData(false)
-                })
-              } else {
-                fetchData(dbs[key]).then((res) => {
-                  setData(res.data)
-                  setFetchingData(false)
-                })
-              }
-            }}
-          >
-            <option disabled value={-1}>
-              {' -- Válassz egy kérdés adatbázist -- '}
-            </option>
-            {dbs.map((db, i) => {
-              return (
-                <option value={i} key={db.path}>
-                  {db.name}
-                </option>
-              )
-            })}
-            <option value={'all'} key={'all'}>
-              {'All'}
-            </option>
-          </select>
+          <div className={'pageHeader'}>
+            <h1>Kérdések és tárgyak</h1>
+          </div>
+          <Sleep />
+          <div className={'description'}>
+            Ezen az oldalon tudsz manuálisan keresni a kérdések és a tárgyak
+            között, vagy ellenőrizni, hogy egy adott tárgy szerepel-e a kérdés-
+            és tárgyadatbázisban. Ezen kívül a kérdéseket le is töltheted
+            offline használatra. (txt formátumban)
+          </div>
+          <center>
+            <div className={`buttonContainer ${styles.dataEditor}`}>
+              <div
+                onClick={() => {
+                  window.open(`${constants.siteUrl}dataeditor`, '_blank')
+                }}
+              >
+                Kérdés szerkesztő
+                <ExternalLinkIcon size={15} />
+              </div>
+            </div>
+          </center>
+          <div className={'selectContainer'}>
+            <select
+              defaultValue={-1}
+              onChange={(event) => {
+                const key = event.target.value
+                setData(null)
+                setFetchingData(true)
+                if (key === 'all') {
+                  setSelectedDb(key)
+                  fetchAllData(dbs).then((res) => {
+                    setData(mergeData(res))
+                    setFetchingData(false)
+                  })
+                } else {
+                  setSelectedDb(dbs[key].name)
+                  fetchData(dbs[key]).then((res) => {
+                    setData(res.data)
+                    setFetchingData(false)
+                  })
+                }
+              }}
+            >
+              <option disabled value={-1}>
+                {' Válassz egy adatbázist!'}
+              </option>
+              {dbs.map((db, i) => {
+                return (
+                  <option value={i} key={db.path}>
+                    {db.name}
+                  </option>
+                )
+              })}
+              <option value={'all'} key={'all'}>
+                {'Összes kérdés'}
+              </option>
+            </select>
+          </div>
         </>
       )
     } else {
@@ -148,31 +177,28 @@ export default function AllQuestions({ router }) {
 
     return (
       <div>
-        <Head>
-          <title>Tárgyak - Qmining | Frylabs.net</title>
-        </Head>
         {data ? (
           <>
-            <div className={styles.searchContainer}>
-              <input
-                autoFocus
-                placeholder="Keresés..."
-                className={styles.searchBar}
-                type="text"
-                value={searchTerm}
-                onChange={(event) => {
-                  setSearchTerm(event.target.value)
-                }}
-              />
-              <button
-                onClick={() => {
-                  setSearchTerm('')
-                }}
-                className={styles.clearButton}
-              >
-                X
-              </button>
-            </div>
+            <center>
+              <div className={styles.searchContainer}>
+                <input
+                  placeholder="Kezdj el írni a kereséshez..."
+                  type="text"
+                  value={searchTerm}
+                  onChange={(event) => {
+                    setSearchTerm(event.target.value)
+                  }}
+                />
+                <button
+                  onClick={() => {
+                    setSearchTerm('')
+                  }}
+                  className={styles.clearButton}
+                >
+                  X
+                </button>
+              </div>
+            </center>
             <hr />
             <SubjectSelector
               data={data}
@@ -182,10 +208,9 @@ export default function AllQuestions({ router }) {
                 setActiveSubjName(subjName)
               }}
             />
-            <hr />
-            <div>{/*{qCount} kérdés, {sCount} tárgy */}</div>
-            <Sleep />
+
             <div>
+              <hr />
               <Subject subj={currSubj} />
             </div>
           </>
@@ -197,16 +222,11 @@ export default function AllQuestions({ router }) {
   const renderQuestionBrowser = () => {
     return (
       <div>
-        <Head>
-          <title>Qmining - Kérdés keresés | Frylabs.net</title>
-        </Head>
         {data ? (
           <>
             <div className={styles.searchContainer}>
               <input
-                autoFocus
-                placeholder="Keresés..."
-                className={styles.searchBar}
+                placeholder="Kezdj el írni a kereséshez..."
                 type="text"
                 value={searchTerm}
                 onChange={(event) => {
@@ -228,7 +248,6 @@ export default function AllQuestions({ router }) {
                 X
               </button>
             </div>
-            <hr />
             <div>
               <QuestionSearchResult data={data} searchTerm={searchTerm} />
             </div>
@@ -240,23 +259,43 @@ export default function AllQuestions({ router }) {
 
   return (
     <div>
-      {dbs ? (
+      <Head>
+        <title>Kérdések és tárgyak - Qmining | Frylabs.net</title>
+      </Head>
+      {dbs ? <>{renderDbSelector()}</> : <LoadingIndicator />}
+      {dbs && data ? (
         <>
-          {renderDbSelector()}
-          {data && `${questionCount} kérdés, ${subjectCount} tárgy`}
-          <div className={styles.typeSelector}>
+          <div className={styles.info}>
+            {`Összesen ${questionCount} kérdés, ${subjectCount} tárgyból`}
+          </div>
+          <div className={'buttonContainer'}>
             <div
-              className={!subjectsShowing ? styles.activeTypeSelector : ''}
+              className={!subjectsShowing ? 'activeButton' : ''}
               onClick={() => setSubjectsShowing(false)}
             >
               Kérdések
             </div>
             <div
-              className={subjectsShowing ? styles.activeTypeSelector : ''}
+              className={subjectsShowing ? 'activeButton' : ''}
               onClick={() => setSubjectsShowing(true)}
             >
               Tárgyak
             </div>
+            <a
+              onClick={() => {
+                if (selectedDb === 'all') {
+                  window.open(`${constants.apiUrl}allqr.txt`, '_blank')
+                } else {
+                  window.open(
+                    `${constants.apiUrl}allqr.txt?db=${selectedDb}`,
+                    '_blank'
+                  )
+                }
+              }}
+            >
+              {'Kérdések letöltése'}
+              <ExternalLinkIcon size={15} />
+            </a>
           </div>
           {fetchingData ? (
             <LoadingIndicator />
@@ -268,9 +307,9 @@ export default function AllQuestions({ router }) {
             </div>
           )}
         </>
-      ) : (
+      ) : fetchingData ? (
         <LoadingIndicator />
-      )}
+      ) : null}
     </div>
   )
 }
diff --git a/src/pages/allQuestions.module.css b/src/pages/allQuestions.module.css
index f67d0b7..6e3c780 100644
--- a/src/pages/allQuestions.module.css
+++ b/src/pages/allQuestions.module.css
@@ -1,47 +1,29 @@
-.searchBar {
-  margin: 10px;
-  color: white;
-  background-color: #222426;
-  border: none;
-  font-size: 18px;
-  flex-grow: 1;
-}
-
 .searchContainer {
   width: 100%;
   display: flex;
+  justify-content: center;
+  margin-left: 10px;
+  padding-top: 10px;
+  padding-bottom: 2px;
 }
 
 .clearButton {
-  width: 80px;
+  width: 50px;
   background-color: var(--background-color);
   color: white;
-  font-size: 23px;
+  font-size: 18px;
   cursor: pointer;
   border: none;
+  margin-left: 10px;
 }
 
-.typeSelector {
-  margin: 10px 0px;
-  height: 50px;
-  display: flex;
+.info {
+  text-align: center;
+  font-style: italic;
+  padding-top: 5px;
 }
 
-.typeSelector div {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-
-  font-size: 18px;
-  color: #fff;
-  cursor: pointer;
-}
-
-.typeSelector div:hover {
-  background-color: #333;
-}
-
-.activeTypeSelector {
-  background-color: #444;
+.dataEditor {
+  margin-bottom: 25px;
+  width: 25%;
 }
diff --git a/src/pages/contact.js b/src/pages/contact.js
new file mode 100644
index 0000000..8754db2
--- /dev/null
+++ b/src/pages/contact.js
@@ -0,0 +1,87 @@
+import React, { useState, useEffect } from 'react'
+import Head from 'next/head'
+
+import FeedbackArea from '../components/feedbackArea'
+import constants from '../constants.json'
+import LoadingIndicator from '../components/LoadingIndicator'
+
+import Sleep from '../components/sleep'
+
+import styles from './contact.module.css'
+
+export default function Contact() {
+  const [contacts, setContacts] = useState()
+
+  useEffect(() => {
+    fetch(constants.apiUrl + 'contacts.json', {
+      method: 'GET',
+      credentials: 'include',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+      },
+    })
+      .then((res) => {
+        return res.json()
+      })
+      .then((res) => {
+        setContacts(res)
+      })
+  }, [])
+
+  return (
+    <div>
+      <Head>
+        <title>Kapcsolat - Qmining | Frylabs.net</title>
+      </Head>
+      <div className={'pageHeader'}>
+        <h1>Kapcsolat</h1>
+      </div>
+      <br />
+      <Sleep />
+      <br />
+      <div>
+        <div className={'subtitle'}>Üzenet küldése</div>
+        <div className={styles.text}>
+          Weboldalon keresztüli üzenetküldés az adminnak (feedback). A válasz a
+          bal alsó postaládába (📬 ikon) fog érkezni.
+        </div>
+      </div>
+      <FeedbackArea from={'contact'} allowFile />
+      <div className={styles.container}>
+        {contacts ? (
+          <>
+            <div>
+              <div className={'subtitle'}>Alternatív módok</div>
+              <div className={styles.text}>
+                Az alábbi módokat is nyugodtan használhatod, a nevedet, e-mail
+                címedet, illetve semmilyen egyéb adatot nem adok ki harmadik fél
+                számára. (egyedül én fogom látni)
+              </div>
+            </div>
+            <div className={styles.contactsContainer}>
+              {Object.keys(contacts).map((key) => {
+                const { description, value, href } = contacts[key]
+                return (
+                  <div key={key}>
+                    <div>{description}</div>
+                    {href ? (
+                      <a target="blank" rel="noreferrer" href={href}>
+                        {' '}
+                        {value}{' '}
+                      </a>
+                    ) : (
+                      <div>{value}</div>
+                    )}
+                  </div>
+                )
+              })}
+            </div>
+          </>
+        ) : (
+          <LoadingIndicator />
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/src/pages/contact.module.css b/src/pages/contact.module.css
new file mode 100644
index 0000000..3a23637
--- /dev/null
+++ b/src/pages/contact.module.css
@@ -0,0 +1,48 @@
+.container {
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+}
+
+.contactsContainer {
+  margin: 5px;
+  max-width: 900px;
+}
+
+.contactsContainer > * {
+  text-decoration: none;
+  color: gainsboro;
+  padding-top: 10px;
+  display: flex;
+}
+
+.contactsContainer > * > * {
+  padding: 5px;
+}
+
+.contactsContainer > * > *:nth-child(1) {
+  flex: 1;
+}
+
+.contactsContainer > * > *:nth-child(2) {
+  flex: 0 150px;
+}
+
+.text {
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  text-align: center;
+  padding-top: 8px;
+  padding-right: 100px;
+  padding-left: 100px;
+}
+
+.text > div:nth-child(1) {
+  font-size: 20px;
+  color: var(--text-color);
+}
+
+.contactTable {
+  border-spacing: 15px;
+}
diff --git a/src/pages/contribute.js b/src/pages/contribute.js
index a20d28e..85c6b00 100644
--- a/src/pages/contribute.js
+++ b/src/pages/contribute.js
@@ -3,116 +3,98 @@ import Head from 'next/head'
 
 import Sleep from '../components/sleep'
 import Todos from '../components/todoStuff/todos'
+import FeedbackArea from '../components/feedbackArea'
+import Modal from '../components/modal'
 
 import constants from '../constants.json'
 import styles from './contribute.module.css'
 import repos from '../data/repos.json'
 
 export default function contribute() {
-  const [newTask, setNewTask] = useState('')
-
-  const submitNewTask = async () => {
-    if (!newTask) {
-      return
-    }
-
-    fetch(constants.apiUrl + 'postfeedback', {
-      method: 'POST',
-      credentials: 'include',
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        newTask: newTask,
-        from: 'contribute',
-      }),
-    })
-      .then((resp) => {
-        return resp.json()
-      })
-      .then((resp) => {
-        if (resp.success) {
-          alert('Elküldve')
-          setNewTask('')
-        } else {
-          alert('Hiba küldés közben')
-        }
-      })
-      .catch((err) => {
-        alert('Hiba küldés közben')
-        console.error(err)
-      })
-  }
-
-  const renderNewTaskArea = () => {
-    return (
-      <div className={styles.inputArea}>
-        <textarea
-          onChange={(event) => setNewTask(event.target.value)}
-          value={newTask || ''}
-          className={styles.feedback}
-        />
-        <button className={styles.button} onClick={submitNewTask}>
-          Küldés
-        </button>
-      </div>
-    )
-  }
+  const [showFeedback, setShowFeedback] = useState(false)
 
   return (
-    <div>
+    <div className={'endofpage'}>
       <Head>
-        <title>Qmining - Todos | Frylabs.net</title>
+        <title>Todos - Qmining | Frylabs.net</title>
       </Head>
-      <div className={styles.description}>
-        Egy kártyára kattintva nézheted meg a részleteket, vagy szavazhatsz.
-        Minél több szavazat érkezik egy kártyára, annál magasabb lesz a
-        pioritása. Jobb alsó szám minél több, annál nehezebb a feladat. A Done
-        oszlopban lévő feladatok kész vannak, de különböző okok miat még nem
-        lettek kiadva frissítésként. Ami az In Prod táblázatban van az van kint.
-        <br />
-        {
-          'Ha olyan taskot látsz amiben tudnál és szeretnél segíteni, akkor írj '
-        }
-        <a
-          href="http://qmining.frylabs.net/irc?contribute"
-          target="_blank"
-          rel="noreferrer"
-        >
-          {'IRC'}
-        </a>
-        -n, és útbaigazítalak.
+      <div className={'pageHeader'}>
+        <h1>Teendők</h1>
       </div>
-      <div className={styles.description}>
-        Itt írhatsz új todo-ra ötleteket, vagy jelezhetsz hogy egyikben
-        segítenél
+      <Sleep />
+      <div className={'description'}>
+        <p>
+          Ezen az oldalon új ötleteket adhatsz hozzá megvalósításra a teendők
+          listájához.
+        </p>
+        <p>
+          Emellet ha hozzáértő vagy, adott feladatok megvalósításában is
+          segíthetsz. (lásd: <a href="#gitrepo">lentebb</a>)
+          <br /> Ha egy kártyára kattintasz, a megjelenő ablakban láthatod annak
+          részleteit, illetve{' '}
+          <b>
+            <i>szavazhatsz</i>
+          </b>{' '}
+          is a feladatra, annak érdekében, hogy minél hamarabb megvalósulhasson.
+          Minél több szavazat érkezik egy kártyára, annál magasabb lesz a
+          prioritása. (értsd: a legtöbb szavazatot kapó kártya teendője lesz
+          legelőször megvalósítva)
+          <br /> A kurzort az oszlopcímekre mozgatva, további információkat
+          olvashatsz a kategóriák tulajdonságairól.
+        </p>
       </div>
-      {renderNewTaskArea()}
+      <center>
+        <div className={`buttonContainer ${styles.newTaskButton}`}>
+          <div
+            onClick={() => {
+              setShowFeedback(true)
+            }}
+          >
+            Új feladat
+          </div>
+        </div>
+      </center>
+      <br />
       <hr />
       <Todos />
-      <Sleep />
       <hr />
-      <div className={styles.title}>Git repos</div>
-      <hr />
-      <hr />
-      <div className={styles.repos}>
+      <div className={'subtitle'}>
+        <b>Git repos</b>
+      </div>
+      <div className={styles.repos} style={{ float: 'left' }} id={'gitrepo'}>
         {Object.keys(repos.repos).map((key) => {
           let repo = repos.repos[key]
           return (
-            <a key={key} href={repo.href}>
-              {repo.description}
-            </a>
+            <div key={key}>
+              <ul>
+                <li>
+                  <a key={key} href={repo.href}>
+                    {repo.description}
+                  </a>
+                </li>
+              </ul>
+            </div>
           )
         })}
-        <hr />
       </div>
-      <div style={{ textAlign: 'center' }}>
+      <div
+        style={{ textAlign: 'right', marginRight: '100px', marginTop: '25px' }}
+      >
         <img
-          style={{ maxWidth: '100%', width: '400px' }}
+          style={{ maxWidth: '100%', width: '320px' }}
           src={`${constants.siteUrl}img/bug.png`}
         />
       </div>
+      <hr />
+      {showFeedback && (
+        <Modal
+          closeClick={() => {
+            setShowFeedback(false)
+          }}
+        >
+          <FeedbackArea from={'contribute'} />
+        </Modal>
+      )}
     </div>
   )
 }
diff --git a/src/pages/contribute.module.css b/src/pages/contribute.module.css
index b3e2a02..a85b170 100644
--- a/src/pages/contribute.module.css
+++ b/src/pages/contribute.module.css
@@ -1,10 +1,3 @@
-.description {
-  font-size: 15px;
-  color: white;
-  text-align: center;
-  margin: 10px;
-}
-
 .warning {
   color: white;
   padding: 10px;
@@ -12,34 +5,28 @@
   text-align: center;
 }
 
-.feedback {
-  color: var(--text-color);
-  background-color: var(--background-color);
-  font-size: 14px;
-  width: 100%;
-  box-sizing: border-box;
-  height: 60px;
-}
-
-.button {
-  background-color: var(--text-color);
-  border: none;
-  padding: 5px 15px;
-  margin: 5px;
-  color: white;
-  width: 200px;
-}
-
-.inputArea {
-  display: flex;
-}
-
 .title {
-  color: #9999ff;
+  color: var(--text-color);
   font-size: 30px;
   text-align: center;
 }
 
+.repos {
+  margin-top: 6%;
+  margin-left: 10%;
+}
+
 .repos a {
   margin: 0px 5px;
+  text-decoration: none;
+}
+
+.newTaskButton {
+  width: 25%;
+}
+
+.imgContainer {
+  float: right;
+  text-align: right;
+  padding-right: 50px;
 }
diff --git a/src/pages/faq.js b/src/pages/faq.js
new file mode 100644
index 0000000..5af33c6
--- /dev/null
+++ b/src/pages/faq.js
@@ -0,0 +1,290 @@
+import React, { useState, useEffect } from 'react'
+
+import Sleep from '../components/sleep'
+import Head from 'next/head'
+
+function PasswordSection() {
+  return (
+    <>
+      <div className={'manualBody'}>
+        <p>
+          Ha ezt olvasod valszeg már neked is van. Azért lett bevezetve, hogy
+          nagyjából zárt legyen a felhasználók köre.
+        </p>
+        <ul>
+          <li>Minden felhasználónak más jelszava van.</li>
+          <li>
+            Elvileg elég csak 1 szer beírnod, és többet nem kell, de{' '}
+            <b>mentsd le biztos helyre a jelszót, hogy később is meglegyen</b>!
+            Ha többször kell megadnod, akkor az bug lesz. Ilyenkor ezt{' '}
+            <a
+              href="http://qmining.frylabs.net/feedback?man"
+              target="_blank"
+              rel="noreferrer"
+            >
+              jelentsd
+            </a>
+            .
+          </li>
+          <li>
+            <i>
+              Jelenleg nincs elfelejtett jelszó funkció, ha elfelejted, akkor az
+              örökre eltűnik!
+            </i>
+          </li>
+          <li>
+            Ha van jelszavad akkor <b>bizonyos határok között</b> te is{' '}
+            <a
+              href="https://qmining.frylabs.net/pwRequest?man"
+              target="_blank"
+              rel="noreferrer"
+            >
+              tudsz generálni
+            </a>{' '}
+            másoknak (ncore style).
+          </li>
+          <li>
+            Saját jelszavadat ne oszd meg, mivel egyszerre egy helyen lehetsz
+            belépve, máshol automatikusan ki leszel jelentkeztetve. (meg minek,
+            ha tudsz adni másoknak az előző pont alapján)
+          </li>
+          <li>
+            Mivel senkinek sincs felhasználóneve, csak egy UserID (amit bal alul
+            találsz), így az egész teljesen anonim. Emiatt a jelszavakat nem
+            lehet megváltoztatni, hogy a szükséges komplexitás megmaradjon.
+          </li>
+        </ul>
+      </div>
+      <hr />
+    </>
+  )
+}
+
+function FAQSection() {
+  return (
+    <>
+      <div className={'manualBody'}>
+        <ul>
+          <li>
+            <b>
+              Olyan helyeken fut le a script, ahol nem kellene, vagy
+              ideiglenesen ki akarod kapcsolni;
+            </b>
+            <br />
+            <i>
+              Tampermonkey bővitmény ikon -{'>'} click -{'>'} a scriptet
+              kapcsold ki. Csak ne felejtsd el visszakapcsolni ;)
+            </i>
+          </li>
+          <br />
+          <li>
+            <b>
+              Túl nagy a kérdést és a választ megjelenítő ablak, nem tudok a
+              válaszra kattintani;
+            </b>
+            <br />
+            <i>
+              A felugró ablakot ha minden jól megy akkor a szélénél fogva tudod
+              mozgatni, vagy egeret rajtatartva a görgővel tudod állítani az
+              áttetszőségét, vagy be tudod zárni jobb felül X-el, vagy egér
+              középső gombbal.
+            </i>
+          </li>
+          <br />
+          <li>
+            <b>Gombok, %-ok, számok;</b>
+            <br />
+            <img
+              style={{ maxWidth: '90%' }}
+              src="img/6.png"
+              alt="img"
+              className={'manual_img'}
+            />
+          </li>
+        </ul>
+      </div>
+      <hr />
+    </>
+  )
+}
+
+function RiskSection() {
+  return (
+    <>
+      <ul>
+        <li>
+          <b>Bármikor észrevehetik hogy használod a scriptet</b>
+          <br />
+          A weboldalt már kevésbé, de úgy nem menti el a kérdéseket a script,
+          mert nem fut. Később manuálisan is be lehet majd küldeni
+          kérdés-válaszokat.
+          <p />
+          A script shadow-root hoz teszi hozzá az összes megjelenített
+          elementet, így ezeket szinte lehetetlen detektálni. A moodle
+          semmiféleképpen nem látja, hogy milyen más oldalak vannak megnyitva a
+          böngésződben. Nem látja az XMLHttp requesteket se, amit a script
+          végez. Egy Matomo nevű script látja hogy milyen oldalarka navigálsz a
+          moodle-ről, de a script nem linkekkel irányít át, hanem javascript
+          eseménnyel, amit nem tud nyomon követni.
+          <p />
+          Aztán ki tudja ténylegesen hogy lehet
+        </li>
+        <li>
+          <b>Bármikor leállhat a szerver</b>
+          <br />
+          És akkor nem bírod megnézni a válaszokat. Erre van az{' '}
+          <a
+            href="http://qmining.frylabs.net/allqr.txt?man"
+            target="_blank"
+            rel="noreferrer"
+          >
+            {' '}
+            összes kérdés TXT
+          </a>
+        </li>
+        <li>
+          <b>Akármelyik válasz rossz lehet</b>
+          <br />
+          Pl.: ha a script rosszul menti le, vagy rossz kérdésre ad választ
+        </li>
+      </ul>
+      <hr />
+    </>
+  )
+}
+
+function WebsiteSaveSection() {
+  return (
+    <>
+      <p>
+        Ha hibát észlesz, kérlek jelents. Hogy a hibákat a saját gépemen
+        reprodukálni tudjam, és könnyen ki bírjam javítani, sokszor jól jön, ha
+        egy lementett weboldalt megkapok, amin a hiba történik. Így lehet
+        menteni egy oldalt:
+      </p>
+      <center>
+        <img
+          style={{ maxWidth: '90%' }}
+          src="img/websitesave.png"
+          alt="img"
+          className={'manual_img'}
+        />
+        <br />
+        <a href="/feedback" rel="noreferrer">
+          Ide tudod feltölteni
+        </a>
+      </center>
+      <p>
+        Mivel nincs hozzáférésem semmilyen egyetemi oldalhoz, így csak így tudom
+        hatékonyan tesztelni a scriptet. Ezért hatalmas segítség ha feltöltöd
+        azt az oldalt amin hibával találkozol.
+      </p>
+      <hr />
+    </>
+  )
+}
+
+function ScriptReinstallSection() {
+  return (
+    <>
+      <p>
+        Jelenleg két helyről lehet telepíteni a scriptet: greasyforkról és a
+        weboldalról. A greasyforkos telepítési lehetőség meg fog szűnni, így ha
+        onnan telepítetted, akkor nem lesznek frissítések elérhetők (amik nagyon
+        fontosak (de tényleg)). Ezért a következő rövid manővert kellene
+        végrehajtani, hogy minden zökkenőmentesen menjen:
+      </p>
+      <ul>
+        <li>Böngésző bővítményeidnél kattints a tampermonkey-ra</li>
+        <li>Válaszd ki alulról második opciót, ami dashboard néven fut</li>
+        <li>
+          Ekkor új tabban felugranak telepített scriptjeid. Keresd meg a
+          Moodle/Elearning/KMOOC test help-et, és a sor végén kattints a kuka
+          gombra
+        </li>
+        <li>Ha megkérdezi mondd neki, hogy biztos törölni akarod</li>
+        <li>
+          Ezután simán kattints{' '}
+          <a
+            href="http://qmining.frylabs.net/install?man"
+            target="_blank"
+            rel="noreferrer"
+          >
+            ide
+          </a>{' '}
+          a script újratelepítéséhez a weboldalról.
+        </li>
+        <li>
+          Kész! Lehet megkérdezi újra, hogy elérheti-e a szervert, de azt csak
+          egyszer. Szokásos módon engedélyezd, hogy le bírja kérni a helyes
+          válaszokat
+        </li>
+      </ul>
+      Ezzel semmi adat nem vész el, régi jelszó ugyanolyan jó marad (csak ne
+      felejtsd azt el)
+      <hr />
+    </>
+  )
+}
+
+const pages = {
+  faq: { name: 'GYIK', component: FAQSection },
+  pw: { name: 'Jelszavak', component: PasswordSection },
+  risk: { name: 'Kockázatok', component: RiskSection },
+  websitedl: { name: 'Weboldal letöltése', component: WebsiteSaveSection },
+  reinstall: {
+    name: 'Script újratelepítése',
+    component: ScriptReinstallSection,
+  },
+}
+
+export default function FAQ({ router }) {
+  const [currPage, setCurrPage] = useState(pages.faq)
+
+  const renderCurrPage = (page) => {
+    if (page) {
+      return <page.component />
+    } else {
+      return null
+    }
+  }
+
+  useEffect(() => {
+    if (router.query.tab) {
+      setCurrPage(pages[router.query.tab])
+    }
+  }, [router.query.tab])
+
+  return (
+    <div>
+      <Head>
+        <title>GYIK - Qmining | Frylabs.net</title>
+      </Head>
+      <div className={'pageHeader'}>
+        <h1>Gyakran Ismételt Kérdések</h1>
+      </div>
+      <br />
+      <Sleep />
+      <br />
+      <div className={'buttonContainer'}>
+        {Object.keys(pages).map((key) => {
+          const page = pages[key]
+          return (
+            <div
+              className={`${page === currPage && 'activeButton'}`}
+              key={key}
+              onClick={() => {
+                setCurrPage(page)
+              }}
+            >
+              {page.name}
+            </div>
+          )
+        })}
+      </div>
+      {renderCurrPage(currPage)}
+
+      <p className={'endofpage'} />
+    </div>
+  )
+}
diff --git a/src/pages/index.js b/src/pages/index.js
index 9bdd676..cbbea42 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,33 +1,30 @@
 import React, { useState, useEffect } from 'react'
 import fetch from 'unfetch'
 import Head from 'next/head'
-import Link from 'next/link'
 
 import LoadingIndicator from '../components/LoadingIndicator'
 import Sleep from '../components/sleep'
 import NewsEntry from '../components/newsEntry'
 import Composer from '../components/composer'
-import DbSelector from '../components/dbSelector.js'
 
 import styles from './index.module.css'
 import constants from '../constants.json'
 
-const links = {
-  install: {
-    href: '/install',
-    text: 'Install',
-  },
-  irc: {
-    href: '/irc',
-    text: 'IRC chat',
-  },
-}
+const forumPostPerPage = 5
+const frontpageForumName = 'frontpage'
 
-function fetchNews() {
+function fetchForum(from) {
   return new Promise((resolve) => {
-    fetch(`${constants.apiUrl}news.json`, {
-      credentials: 'include',
-    })
+    fetch(
+      `${
+        constants.apiUrl
+      }forumEntries?forumName=${frontpageForumName}&getContent=true${
+        from ? `&from=${from}` : ''
+      }&count=${forumPostPerPage}`,
+      {
+        credentials: 'include',
+      }
+    )
       .then((resp) => {
         return resp.json()
       })
@@ -47,6 +44,7 @@ function addPost(title, content) {
         'Content-Type': 'application/json',
       },
       body: JSON.stringify({
+        forumName: frontpageForumName,
         title: title,
         content: content,
       }),
@@ -60,234 +58,226 @@ function addPost(title, content) {
   })
 }
 
-function postFeedback(content, file) {
-  const postText = (file) => {
-    return new Promise((resolve) => {
-      fetch(constants.apiUrl + 'postfeedback', {
-        method: 'POST',
-        credentials: 'include',
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-          content: content,
-          file: file ? file.name : null,
-        }),
-      })
-        .then((res) => {
-          return res.json()
-        })
-        .then((res) => {
-          resolve(res)
-        })
-    })
-  }
-
-  return new Promise((resolve) => {
-    if (file) {
-      const formData = new FormData() // eslint-disable-line
-      formData.append('file', file)
-
-      fetch(constants.apiUrl + 'postfeedbackfile', {
-        method: 'POST',
-        credentials: 'include',
-        headers: {
-          Accept: 'application/json',
-        },
-        body: formData,
-      })
-        .then((res) => {
-          return res.json()
-        })
-        .then((fileres) => {
-          postText(file).then((textres) => {
-            resolve({ fileres, textres })
-          })
-        })
+function updateForumPost(forum, postKey, postData) {
+  return Object.keys(forum).reduce((acc, key) => {
+    const entry = forum[key]
+    if (key === postKey) {
+      acc = {
+        ...acc,
+        [key]: postData,
+      }
     } else {
-      postText().then((res) => {
-        resolve(res)
-      })
+      acc = {
+        ...acc,
+        [key]: entry,
+      }
     }
-  })
+    return acc
+  }, {})
 }
 
 export default function Index({ globalData }) {
   const userId = globalData.userId
   const motd = globalData.motd
   const [news, setNews] = useState(null)
-  const [allQrSelector, setAllQrSelector] = useState(null)
-  // const userSpecificMotd = props.globalData.userSpecificMotd
+  const [nextEntryKey, setNextEntryKey] = useState()
 
   useEffect(() => {
-    console.info('Fetching news.json')
-    fetchNews().then((res) => {
-      setNews(res)
+    fetchForum().then((res) => {
+      const { entries, nextKey } = res
+      setNextEntryKey(nextKey)
+      setNews(entries)
     })
   }, [])
 
   const renderNews = () => {
     if (news) {
-      let newsItems = Object.keys(news)
-        .map((key) => {
-          let newsEntryData = news[key]
-          return (
-            <NewsEntry
-              onPostDelete={() => {
-                fetch(constants.apiUrl + 'rmPost', {
-                  method: 'POST',
-                  credentials: 'include',
-                  headers: {
-                    Accept: 'application/json',
-                    'Content-Type': 'application/json',
-                  },
-                  body: JSON.stringify({
-                    newsKey: key,
-                  }),
+      let newsItems = Object.keys(news).map((postKey) => {
+        let newsEntryData = news[postKey]
+        return (
+          <NewsEntry
+            onPostDelete={() => {
+              fetch(constants.apiUrl + 'rmPost', {
+                method: 'POST',
+                credentials: 'include',
+                headers: {
+                  Accept: 'application/json',
+                  'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                  forumName: frontpageForumName,
+                  postKey: postKey,
+                }),
+              })
+                .then((res) => {
+                  return res.json()
                 })
-                  .then((res) => {
-                    return res.json()
-                  })
-                  .then((res) => {
-                    if (res.status === 'fail') {
-                      alert(res.msg)
-                    } else {
-                      setNews(res.news)
-                    }
-                  })
-              }}
-              onNewsReact={({ reaction, isDelete }) => {
-                fetch(constants.apiUrl + 'react', {
-                  method: 'POST',
-                  credentials: 'include',
-                  headers: {
-                    Accept: 'application/json',
-                    'Content-Type': 'application/json',
-                  },
-                  body: JSON.stringify({
-                    reaction: reaction,
-                    newsKey: key,
-                    isDelete: isDelete,
-                  }),
+                .then((res) => {
+                  const { success, msg } = res
+                  if (success) {
+                    setNews(
+                      Object.keys(news).reduce((acc, key) => {
+                        const entry = news[key]
+                        if (key !== postKey) {
+                          acc = {
+                            ...acc,
+                            [key]: entry,
+                          }
+                        }
+                        return acc
+                      }, {})
+                    )
+                  } else {
+                    alert(msg)
+                  }
                 })
-                  .then((res) => {
-                    return res.json()
-                  })
-                  .then((res) => {
-                    console.log(res)
-                    setNews(res.news)
-                  })
-              }}
-              onCommentReact={({ path, reaction, isDelete }) => {
-                fetch(constants.apiUrl + 'react', {
-                  method: 'POST',
-                  credentials: 'include',
-                  headers: {
-                    Accept: 'application/json',
-                    'Content-Type': 'application/json',
-                  },
-                  body: JSON.stringify({
-                    type: 'reaction',
-                    newsKey: key,
-                    path: path,
-                    reaction: reaction,
-                    isDelete: isDelete,
-                  }),
+            }}
+            onNewsReact={({ reaction, isDelete }) => {
+              fetch(constants.apiUrl + 'react', {
+                method: 'POST',
+                credentials: 'include',
+                headers: {
+                  Accept: 'application/json',
+                  'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                  reaction: reaction,
+                  postKey: postKey,
+                  isDelete: isDelete,
+                  forumName: frontpageForumName,
+                }),
+              })
+                .then((res) => {
+                  return res.json()
                 })
-                  .then((res) => {
-                    return res.json()
-                  })
-                  .then((res) => {
-                    setNews(res.news)
-                  })
-              }}
-              onDelete={(path) => {
-                fetch(constants.apiUrl + 'comment', {
-                  method: 'POST',
-                  credentials: 'include',
-                  headers: {
-                    Accept: 'application/json',
-                    'Content-Type': 'application/json',
-                  },
-                  body: JSON.stringify({
-                    type: 'delete',
-                    path: path,
-                    newsKey: key,
-                  }),
+                .then((res) => {
+                  setNews(res.news)
                 })
-                  .then((res) => {
-                    return res.json()
-                  })
-                  .then((res) => {
-                    if (res.status === 'fail') {
-                      alert(res.msg)
-                    } else {
-                      setNews(res.news)
-                    }
-                  })
-              }}
-              onComment={(path, content) => {
-                fetch(constants.apiUrl + 'comment', {
-                  method: 'POST',
-                  credentials: 'include',
-                  headers: {
-                    Accept: 'application/json',
-                    'Content-Type': 'application/json',
-                  },
-                  body: JSON.stringify({
-                    type: 'add',
-                    path: path,
-                    content: content,
-                    newsKey: key,
-                  }),
+            }}
+            onCommentReact={({ path, reaction, isDelete }) => {
+              fetch(constants.apiUrl + 'react', {
+                method: 'POST',
+                credentials: 'include',
+                headers: {
+                  Accept: 'application/json',
+                  'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                  type: 'reaction',
+                  postKey: postKey,
+                  path: path,
+                  reaction: reaction,
+                  isDelete: isDelete,
+                  forumName: frontpageForumName,
+                }),
+              })
+                .then((res) => {
+                  return res.json()
                 })
-                  .then((res) => {
-                    return res.json()
-                  })
-                  .then((res) => {
-                    setNews(res.news)
-                  })
-              }}
-              uid={userId}
-              key={key}
-              newsKey={key}
-              newsItem={newsEntryData}
-            />
-          )
-        })
-        .reverse()
+                .then((res) => {
+                  const { success, postData, msg } = res
+                  if (success) {
+                    setNews(updateForumPost(news, postKey, postData))
+                  } else {
+                    alert(msg)
+                  }
+                })
+            }}
+            onDelete={(path) => {
+              fetch(constants.apiUrl + 'comment', {
+                method: 'POST',
+                credentials: 'include',
+                headers: {
+                  Accept: 'application/json',
+                  'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                  type: 'delete',
+                  path: path,
+                  postKey: postKey,
+                  forumName: frontpageForumName,
+                }),
+              })
+                .then((res) => {
+                  return res.json()
+                })
+                .then((res) => {
+                  const { success, postData, msg } = res
+                  if (success) {
+                    setNews(updateForumPost(news, postKey, postData))
+                  } else {
+                    alert(msg)
+                  }
+                })
+            }}
+            onComment={(path, content) => {
+              fetch(constants.apiUrl + 'comment', {
+                method: 'POST',
+                credentials: 'include',
+                headers: {
+                  Accept: 'application/json',
+                  'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                  type: 'add',
+                  path: path,
+                  content: content,
+                  postKey: postKey,
+                  forumName: frontpageForumName,
+                }),
+              })
+                .then((res) => {
+                  return res.json()
+                })
+                .then((res) => {
+                  const { success, postData, msg } = res
+                  if (success) {
+                    setNews(updateForumPost(news, postKey, postData))
+                  } else {
+                    alert(msg)
+                  }
+                })
+            }}
+            uid={userId}
+            key={postKey}
+            newsKey={postKey}
+            newsItem={newsEntryData}
+          />
+        )
+      })
 
       return (
         <div>
-          <div className={styles.title}>Forum</div>
+          <div className={styles.title}>Fórum/Hírek</div>
           <hr />
           <Composer
-            onSubmit={(type, title, content, file) => {
-              if (!content) {
-                alert('Üres a tartalom!')
-                return
-              }
-              console.log(type, title, content, file)
-              if (type === 'private') {
-                postFeedback(content, file).then(
-                  (/* { fileres, textres } */) => {
-                    alert('Privát visszajelzés elküldve!')
-                  }
-                )
-              } else {
-                if (!title) {
-                  alert('Üres a téma!')
-                  return
+            onSubmit={(title, content) => {
+              addPost(title, content).then((res) => {
+                const { success, newPostKey, newEntry, msg } = res
+                if (success) {
+                  setNews({ [newPostKey]: newEntry, ...news })
+                } else {
+                  alert(msg)
                 }
-                addPost(title, content).then((res) => {
-                  setNews(res.news)
-                })
-              }
+              })
             }}
           />
-          <hr />
           <div>{newsItems}</div>
+          {nextEntryKey && (
+            <div
+              className={styles.loadMoreButton}
+              onClick={() => {
+                fetchForum(nextEntryKey).then((res) => {
+                  console.log(res)
+                  const { entries, nextKey } = res
+                  setNextEntryKey(nextKey)
+                  setNews({ ...news, ...entries })
+                })
+              }}
+            >
+              Több bejegyzés betöltése
+            </div>
+          )}
         </div>
       )
     } else {
@@ -297,9 +287,8 @@ export default function Index({ globalData }) {
 
   const renderMotd = () => {
     return (
-      <div>
+      <div className={styles.motd_body}>
         <div className={styles.title}>MOTD</div>
-        <hr />
         {motd ? (
           <div
             className={styles.motd}
@@ -312,94 +301,15 @@ export default function Index({ globalData }) {
     )
   }
 
-  // const renderUserSpecificMotd = () => {
-  //   return (
-  //     <div>
-  //       <hr />
-  //       <div className={styles.subtitle}>Üzenet admintól:</div>
-  //       {userSpecificMotd ? (
-  //         <div
-  //           className={styles.motd}
-  //           dangerouslySetInnerHTML={{ __html: userSpecificMotd.msg }}
-  //         />
-  //       ) : (
-  //         <div>...</div>
-  //       )}
-  //     </div>
-  //   )
-  // }
-
-  const renderDbSelector = () => {
-    if (allQrSelector) {
-      return (
-        <DbSelector
-          text={`Válaszd ki melyik adatbázist szeretnéd letölteni (${allQrSelector}):`}
-          showAll={allQrSelector === 'txt'}
-          closeClick={() => {
-            setAllQrSelector(null)
-          }}
-          onDbSelect={(selectedDb) => {
-            if (allQrSelector === 'txt') {
-              if (selectedDb === 'all') {
-                window.open(`${constants.apiUrl}allqr.txt`, '_blank')
-              } else {
-                window.open(
-                  `${constants.apiUrl}allqr.txt?db=${selectedDb.name}`,
-                  '_blank'
-                )
-              }
-            } else if (allQrSelector === 'json') {
-              window.open(`${constants.apiUrl}${selectedDb.path}`, '_blank')
-            }
-          }}
-        />
-      )
-    } else {
-      return null
-    }
-  }
-
   return (
     <div>
       <Head>
         <title>Qmining | Frylabs.net</title>
       </Head>
-      <div className={styles.buttonContainer}>
-        {Object.keys(links).map((key) => {
-          let link = links[key]
-          return (
-            <Link key={key} href={link.href}>
-              <a className={styles.button} target="_blank">
-                {link.text}
-              </a>
-            </Link>
-          )
-        })}
-        <a
-          onClick={() => {
-            setAllQrSelector('txt')
-          }}
-          className={styles.button}
-        >
-          {'Összes kérdés TXT'}
-        </a>
-        <a
-          onClick={() => {
-            setAllQrSelector('json')
-          }}
-          className={styles.button}
-        >
-          {'Összes kérdés JSON'}
-        </a>
-      </div>
-      <hr />
       {renderMotd()}
       {/*{userSpecificMotd && renderUserSpecificMotd()} */}
-      <hr />
-      <hr />
       <Sleep />
       {renderNews()}
-      {renderDbSelector()}
     </div>
   )
 }
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index bab4ce3..b5f7f9b 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -1,27 +1,5 @@
-.buttonContainer {
-  display: flex;
-}
-
-.button {
-  color: white;
-  background-color: #303030;
-  margin: 2px;
-  padding: 10px 5px;
-  text-align: center;
-  font-size: 16px;
-  cursor: pointer;
-  word-wrap: break-word;
-  text-decoration: none;
-
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  user-select: none;
-}
-
-.button:hover {
-  background-color: #555;
+.hr {
+  width: 100%;
 }
 
 .motd {
@@ -30,20 +8,54 @@
   margin: 5px;
 }
 
+.itemContainer {
+  width: 100%;
+  margin: 20px 5px;
+  background-color: var(--hoover-color);
+}
+
+.newsBody {
+  margin: 0px 5px;
+  padding: 10px 14px;
+  font-size: 17px;
+  color: #fff;
+  text-align: justify;
+}
+
+.motd_body {
+  border: 2px dashed var(--text-color);
+  padding-top: 13px;
+  padding-bottom: 15px;
+  padding-left: 5px;
+  padding-right: 5px;
+  margin-top: 18px;
+  margin-bottom: 30px;
+  margin-left: 5px;
+  margin-right: 5px;
+  font-size: 8px;
+}
+
 .title {
-  color: #9999ff;
-  font-size: 30px;
+  color: var(--text-color);
+  font-size: 32px;
   text-align: center;
+  letter-spacing: 2.5px;
 }
 
 .subtitle {
-  color: #9999ff;
+  color: var(--text-color);
   font-size: 20px;
   text-align: center;
 }
 
+.newsTitle {
+  color: var(--text-color);
+  font-size: 28px;
+  padding-left: 17px;
+}
+
 .question {
-  font-weight: 'bold';
+  font-weight: bold;
   font-size: 16px;
   color: #fff;
   margin: 0px 5px;
@@ -53,7 +65,32 @@
   margin: 0px 5px;
 }
 
+.itemNumber {
+  color: #a7a7a7;
+  margin: 0px 5px;
+  font-size: 22px;
+  padding-top: 12px;
+  padding-left: 13px;
+  padding-bottom: 3px;
+}
+
 .repos {
   display: flex;
   flex-direction: column;
 }
+
+.loadMoreButton {
+  text-align: center;
+  background-color: var(--dark-color);
+  margin-left: 8px;
+  margin-right: 8px;
+  margin-bottom: 16px;
+  margin-top: 16px;
+  padding: 10px;
+
+  cursor: pointer;
+}
+
+.loadMoreButton:hover {
+  background-color: var(--hoover-color);
+}
diff --git a/src/pages/manual.js b/src/pages/manual.js
deleted file mode 100644
index 38ab7f2..0000000
--- a/src/pages/manual.js
+++ /dev/null
@@ -1,320 +0,0 @@
-import React from 'react'
-
-import Sleep from '../components/sleep'
-import Head from 'next/head'
-
-export default function Manual() {
-  return <div>{renderMaual()}</div>
-}
-
-function renderMaual() {
-  return (
-    <div>
-      <Head>
-        <title>Manual - Qmining | Frylabs.net</title>
-      </Head>
-      <center>
-        <h1>Manual</h1>
-      </center>
-      <hr />
-      <hr />
-      <Sleep />
-      <center>
-        Ez a userscript Moodle/Elearnig/KMOOC tesztek megoldása során segítséget
-        jelenít meg.
-        <h2>
-          Ha az oldalt vagy a scriptet használod: akármikor észrevehetik,
-          leállhat a szerver, és rossz lehet az összes válasz
-        </h2>
-        Valószínűleg semmi baj nem lesz, de én szóltam. Ha ez iránt aggódsz,
-        olvasd el a kockázatok részt
-      </center>
-      <hr />
-      <hr />
-      <center>
-        <h1>Userscript használata</h1>
-      </center>
-      <hr />
-      <hr />
-      <div className={'manualUsage'}>
-        <div>
-          <ul>
-            <li>
-              Tölts le egy userscript futtató kiegészítőt a böngésződhöz:{' '}
-              <a
-                href="https://www.tampermonkey.net/"
-                target="_blank"
-                rel="noreferrer"
-              >
-                Tampermonkey
-              </a>
-            </li>
-            <li>
-              <a
-                href="http://qmining.frylabs.net/install?man"
-                target="_blank"
-                rel="noreferrer"
-              >
-                Weboldalról
-              </a>{' '}
-              rakd fel a scriptet
-            </li>
-            <li>
-              Script majd udvariasan megkéri, hogy hagy beszélgessen a
-              szerverrel, mert mással nem tud, ezt engedélyezd.
-            </li>
-            <li>
-              Ezután:
-              <ul>
-                <li>
-                  Teszt oldalon a kérdésre a választ kell látnod felül egy
-                  felugró ablakszerűben
-                </li>
-                <li>
-                  Teszt ellenőrzés oldalon a script beküldi a szervernek a
-                  helyes válaszokat, az lementi az új kérdéseket, amik ezután
-                  azonnal elérhetők lesznek
-                </li>
-              </ul>
-            </li>
-          </ul>
-          Egyéb fontos tudnivalók:
-          <ul>
-            <li>
-              Ezt ments sokszor akár minden nap:{' '}
-              <a
-                href="http://qmining.frylabs.net/allqr.txt?man"
-                target="_blank"
-                rel="noreferrer"
-              >
-                {' '}
-                Összes kérdés TXT
-              </a>{' '}
-              (ha elszállna a szerver)
-            </li>
-            <li>
-              <a
-                href="https://qmining.frylabs.net/allQuestions.html"
-                target="_blank"
-                rel="noreferrer"
-              >
-                Összes kérdés oldal
-              </a>
-              , ahol manuál tudsz keresni ha valami gáz lenne a scriptel
-            </li>
-          </ul>
-          <p /> Egyéb funkciók:
-          <ul>
-            <li>
-              Ha esetleg videókat nézel, akkor spaceval lehet play/pausolni, és
-              jobbra/balra gombbal ugrani a videóban.
-            </li>
-          </ul>
-        </div>
-        <div className={'rtfmImage'}>
-          <img
-            style={{ maxWidth: '100%', minWidth: '200px' }}
-            src="img/rtfm.jpg"
-            alt="img"
-          />
-        </div>
-      </div>
-      <hr />
-      <hr />
-      <center>
-        <h1>Jelszavak</h1>
-      </center>
-      <hr />
-      <hr />
-      Ha ezt olvasod valszeg már van neked egy. Azért lett bevezetve, hogy
-      nagyjából zárt legyen a felhasználók köre
-      <ul>
-        <li>Minden felhasználónak más jelszava van</li>
-        <li>
-          Elvileg elég csak 1 szer beírnod, és nem kell többet, de{' '}
-          <b>mentsd le biztos helyre a jelszót, hogy később is meglegyen!</b> Ha
-          többször kell akkor az bug,{' '}
-          <a
-            href="http://qmining.frylabs.net/feedback?man"
-            target="_blank"
-            rel="noreferrer"
-          >
-            és szólj
-          </a>
-        </li>
-        <li>
-          <b>
-            Jelenleg nincs elfelejtett jelszó funkció, ha elfelejted akkor az
-            örökre eltűnik!
-          </b>
-        </li>
-        <li>
-          Ha van jelszavad akkor bizonyos határok között{' '}
-          <a
-            href="https://qmining.frylabs.net/pwRequest?man"
-            target="_blank"
-            rel="noreferrer"
-          >
-            te is tudsz generálni másoknak
-          </a>
-          (ncore style).
-        </li>
-        <li>
-          Saját jelszavad ne oszd meg, belépésnél máshonnan azonnal ki leszel
-          jelentkeztetve, és minek ha tudsz adni amúgy is
-        </li>
-        <li>
-          Mivel felhasználóneved nincs, így teljesen anoním az egész. Ez miatt
-          jelszót nem lehet megváltoztatni, hogy a szükséges komplexitás
-          megmaradjon
-        </li>
-      </ul>
-      <hr />
-      <hr />
-      <center>
-        <h1>Gyakran előforduló kérdések</h1>
-      </center>
-      <hr />
-      <hr />
-      <ul>
-        <li>
-          <b>
-            Olyan helyeken fut le a script, ahol nem kellene, vagy ideiglenesen
-            ki akarod kapcsolni
-          </b>
-          <br /> Tampermonkey bővitmény ikon -{'>'} click -{'>'} scriptet
-          kapcsold ki. Csak ne felejtsd visszakapcsolni ;)
-        </li>
-        <p />
-        <li>
-          <b>
-            Túl nagy a kérdést és a választ megjelenítő ablak, nem tudok a
-            válaszra kattintani
-          </b>
-          <br /> Zommolj ki egy kicsit, vagy kapcsold ki addig a scriptet.
-          Továbbá középső egérgombra kattintva rá el bírod tüntetni az ablakot,
-          amíg újra nem töltöd az oldalt, vagy másikra ugrasz.
-        </li>
-        <p />
-        <li>
-          <b>Gombok, %-ok, számok</b>
-          <br />
-          <img style={{ maxWidth: '100%' }} src="img/6.png" alt="img" />
-        </li>
-        <p />
-      </ul>
-      <hr />
-      <hr />
-      <center>
-        <h1>Kockázatok</h1>
-      </center>
-      <hr />
-      <hr />
-      <ul>
-        <li>
-          <b>Bármikor észrevehetik hogy használod a scriptet</b>
-          <br />
-          A weboldalt már kevésbé, de úgy nem menti el a kérdéseket a script,
-          mert nem fut. Később manuálisan is be lehet majd küldeni
-          kérdés-válaszokat.
-          <p />
-          Ha arra nem veszik a fáradságot, hogy a kérdéseket lecseréljék akkor
-          valószínűleg arra se hogy userscript futását detektáló kódot rakjanak
-          a weboldalra. A{' '}
-          <a href="https://moodle.org/" target="_blank" rel="noreferrer">
-            Moodle
-          </a>{' '}
-          egy nyílt forráskódú, valószínűleg self-hosted rendszer. Valószínűleg
-          az egyetem egy ezer éves debian szerverén fut, amihez senki se mer
-          nyúlni, nemhogy a moodle-t frissítse valaki.
-          <p />
-          A script shadow-root hoz teszi hozzá az összes megjelenített
-          elementet, így ezeket szinte lehetetlen detektálni. A moodle
-          semmiféleképpen nem látja, hogy milyen más oldalak vannak megnyitva a
-          böngésződben. Nem látja az XMLHttp requesteket se, amit a script
-          végez. Egy Matomo nevű script látja hogy milyen oldalarka navigálsz a
-          moodle-ről, de a script nem linkekkel irányít át, hanem javascript
-          eseménnyel, amit nem tud nyomon követni.
-          <p />
-          Aztán ki tudja ténylegesen hogy lehet
-        </li>
-        <li>
-          <b>Bármikor leállhat a szerver</b>
-          <br />
-          És akkor nem bírod megnézni a válaszokat. Erre van az{' '}
-          <a
-            href="http://qmining.frylabs.net/allqr.txt?man"
-            target="_blank"
-            rel="noreferrer"
-          >
-            {' '}
-            összes kérdés TXT
-          </a>
-        </li>
-        <li>
-          <b>Akármelyik válasz rossz lehet</b>
-          <br />
-          Pl.: ha a script rosszul menti le, vagy rossz kérdésre ad választ
-        </li>
-      </ul>
-      <hr />
-      <hr />
-      <center>
-        <h1>Egyéb</h1>
-      </center>
-      <hr />
-      <hr />
-      <h2 id="sitesave">Weboldal lementése</h2>
-      Hogy a hibákat a saját gépemen reprodukálni tudjam, és könnyen ki bírjam
-      javítani sokszor jól jön ha egy lementett weboldalt megkapok. Így lehet
-      letölteni egy oldalt:
-      <img style={{ maxWidth: '100%' }} src="img/websitesave.png" alt="img" />
-      <br />
-      <a
-        href="http://qmining.frylabs.net/feedback?man"
-        target="_blank"
-        rel="noreferrer"
-      >
-        Ide tudod feltölteni
-      </a>
-      <br />
-      Mivel nincs hozzáférésem semmilyen egyetemi oldalhoz, így csak így tudom
-      hatékonyan tesztelni a scriptet. Ezért hatalmas segítség ha feltöltöd azt
-      az oldalt amin hibával találkozol.
-      <hr />
-      <h2 id="scriptreinstall">Script újratelepítése</h2>
-      Jelenleg két helyről lehet telepíteni a scriptet: greasyforkról és a
-      weboldalról. A greasyforkos telepítési lehetőség meg fog szűnni, így ha
-      onnan telepítetted, akkor nem lesznek frissítések elérhetők (amik nagyon
-      fontosak (de tényleg)). Ezért a következő rövid manővert kellene
-      végrehajtani, hogy minden zökkenőmentesen menjen:
-      <ul>
-        <li>Böngésző bővítményeidnél kattints a tampermonkey-ra</li>
-        <li>Válaszd ki alulról második opciót, ami dashboard néven fut</li>
-        <li>
-          Ekkor új tabban felugranak telepített scriptjeid. Keresd meg a
-          Moodle/Elearning/KMOOC test help-et, és a sor végén kattints a kuka
-          gombra
-        </li>
-        <li>Ha megkérdezi mondd neki, hogy biztos törölni akarod</li>
-        <li>
-          Ezután simán kattints{' '}
-          <a
-            href="http://qmining.frylabs.net/install?man"
-            target="_blank"
-            rel="noreferrer"
-          >
-            ide a script újratelepítéséhez a weboldalról.
-          </a>
-        </li>
-        <li>
-          Kész! Lehet megkérdezi újra, hogy elérheti-e a szervert, de azt csak
-          egyszer. Szokásos módon engedélyezd, hogy le bírja kérni a helyes
-          válaszokat
-        </li>
-      </ul>
-      Ezzel semmi adat nem vész el, régi jelszó ugyanolyan jó marad (csak ne
-      felejtsd azt el)
-    </div>
-  )
-}
diff --git a/src/pages/pwRequest.js b/src/pages/pwRequest.js
index 87c4f37..46d98bc 100644
--- a/src/pages/pwRequest.js
+++ b/src/pages/pwRequest.js
@@ -1,45 +1,29 @@
 import React, { useState, useEffect } from 'react'
 import fetch from 'unfetch'
 import Head from 'next/head'
+import Link from 'next/link'
+import Sleep from '../components/sleep'
 
 import styles from './pwRequest.module.css'
 import constants from '../constants.json'
 
-export default function PwRequest(props) {
-  const [result, setResult] = useState([])
-  const [remaining, setRemaining] = useState('...')
-  const [requestedPWS, setRequestedPWS] = useState('...')
-  const [createDate, setCreateDate] = useState('...')
-
-  const [addPwPerDay, setAddPwPerDay] = useState('...')
-  const [daysAfterUserGetsPWs, setDaysAfterUserGetsPWs] = useState('...')
-  const [maxPWCount, setMaxPWCount] = useState('...')
-  const [addPWCount, setAddPWCount] = useState('...')
-  const [dayDiff, setDayDiff] = useState('...')
-
-  useEffect(() => {
-    console.info('Fetching avaible pws')
+function fetchAvailablePWS() {
+  return new Promise((resolve) => {
     fetch(`${constants.apiUrl}avaiblePWS`, {
       credentials: 'include',
     })
       .then((resp) => {
         return resp.json()
       })
-      .then((data) => {
-        setRemaining(data.avaiblePWS)
-        setCreateDate(data.userCreated)
-        setRequestedPWS(data.requestedPWS)
-
-        setAddPwPerDay(data.addPWPerDay)
-        setAddPWCount(data.addPWCount)
-        setDaysAfterUserGetsPWs(data.daysAfterUserGetsPWs)
-        setMaxPWCount(data.maxPWCount)
-        setDayDiff(data.dayDiff)
+      .then((res) => {
+        resolve(res)
       })
-  }, [])
+  })
+}
 
-  const handleSubmit = async () => {
-    const rawResponse = await fetch(constants.apiUrl + 'getpw', {
+function requestPw() {
+  return new Promise((resolve) => {
+    fetch(constants.apiUrl + 'getpw', {
       method: 'POST',
       credentials: 'include',
       headers: {
@@ -48,85 +32,135 @@ export default function PwRequest(props) {
       },
       body: JSON.stringify({}),
     })
-    try {
-      rawResponse
-        .json()
-        .then((resp) => {
-          if (resp.result === 'success') {
-            setResult([...result, resp.pw])
-            setRemaining(resp.remaining)
-            setRequestedPWS(resp.requestedPWS)
-          } else if (resp.result === 'success') {
-            setResult(['Nem vagy bejelentkezve!']) // this should never happpen
-          } else {
-            setResult([
-              ...result,
-              'Jelszó kérési lehetőségeid elfogytak, nézz vissza később',
-            ])
-            setRemaining(0)
-          }
-        })
-        .catch((e) => {
-          setResult([...result, 'Szerver oldali hiba!'])
-          console.error(e)
-        })
-    } catch (e) {
-      setResult([...result, 'Szerver oldali hiba!'])
-      console.error(e)
-    }
-  }
+      .then((res) => {
+        return res.json()
+      })
+      .then((res) => {
+        resolve(res)
+      })
+  })
+}
+
+export default function PwRequest({ globalData }) {
+  const userId = globalData.userId || '...'
+  const [result, setResult] = useState([])
+  const [data, setData] = useState({
+    userCreated: '...',
+    availablePWS: '...',
+    requestedPWS: '...',
+    maxPWCount: '...',
+    daysAfterUserGetsPWs: '...',
+    addPWPerDay: '...',
+    addPWCount: '...',
+    dayDiff: '...',
+    userCount: '...',
+  })
+
+  const {
+    userCreated,
+    availablePWS,
+    requestedPWS,
+    maxPWCount,
+    daysAfterUserGetsPWs,
+    addPWPerDay,
+    addPWCount,
+    dayDiff,
+    userCount,
+  } = data
+
+  useEffect(() => {
+    fetchAvailablePWS().then((data) => {
+      setData(data)
+    })
+  }, [])
 
   return (
-    // TODO: újrafogalmazás, remove hány nap után kapnak új jelszót először
     <div>
       <Head>
-        <title>Jelszó kérés - Qmining | Frylabs.net</title>
+        <title>Jelszó generálás - Qmining | Frylabs.net</title>
       </Head>
-      <div id="form">
-        <div className={styles.text}>
-          Itt új jelszavakat tudsz kérni új felhasználóknak. Közös
-          jelszóhasználat nem ajánlott, mert ha valaki belép azzal a jelszóval
-          amit te használsz akkor téged kiléptet mindenhonnan. Szerintem van
-          elég jelszó hogy ne kelljen közös
-        </div>
-        <div className={styles.text}>
-          Új felhasználóknak
-          <span>{' ' + daysAfterUserGetsPWs + ' '}</span>
-          napot kell várni, míg kapnak lehetőséget jelszó generálásra.
-        </div>
-        <div className={styles.text}>
-          <span>{' ' + addPwPerDay + ' '}</span>
-          naponta
-          <span>{' ' + addPWCount + ' '}</span>
-          új lehetőség van jelszót generálni, maximum
-          <span>{' ' + maxPWCount + ' '}</span>
-          lehetőség gyűlhet össze
-        </div>
-        <div className={styles.text}>
-          Még kérhető jelszavak:
-          <span>{' ' + remaining}</span>. Felhasználó létrehozva:
-          <span>{' ' + createDate}</span>,<span>{' ' + dayDiff + ' '}</span>
-          napja. Eddig
-          <span>{' ' + requestedPWS + ' '}</span>
-          jelszót kértél.
-        </div>
-        <div className={styles.buttonContainer}>
-          <div onClick={handleSubmit} className={styles.button}>
-            Jelszó kérése
-          </div>
-        </div>
-        {result ? (
-          <div className={styles.pwContainer}>
-            {result.map((r, i) => {
-              return (
-                <div key={i} className={styles.pw}>
-                  {i + 1}.: {r}
-                </div>
-              )
-            })}
-          </div>
-        ) : null}
+      <div className={'pageHeader'}>
+        <h1>Jelszó generálás</h1>
       </div>
+      <center>
+        <Sleep />
+        <div id="form">
+          <div className={styles.text}>
+            <p className={styles.descrip}>
+              Minden felhasználó egyedi jelszót kap. Ne használjatok többen egy
+              jelszót, mert egy idő után -biztonsági okokból- kidob a rendszer,
+              ha ugyan az a felhasználó több helyen is belépve marad. A
+              jelszavakról bővebben a{' '}
+              <Link href="/faq?tab=pw">
+                <a>GYIK</a>
+              </Link>{' '}
+              vonatkozó részében olvashatsz.
+            </p>
+          </div>
+          <div className={styles.text}>
+            Minden <span>{' ' + daysAfterUserGetsPWs + ' '}</span> napnál
+            régebbi felhasználó generálhat magának{' '}
+            <span>{' ' + maxPWCount + 'db '}</span> jelszót. Miután lekértél{' '}
+            <span>{' ' + maxPWCount + 'db'}</span>-ot, a lehetőségeid nem
+            fogytak el, ismét lesz módod további{' '}
+            <span>{' ' + maxPWCount + 'db'}</span>-ot kérni, összességében
+            korlátlan mennyiségben. Az egyszerre rendelkezésre álló lehetőségeid
+            számát lentebb látod, ez maximum egyszerre{' '}
+            <span>{' ' + maxPWCount + 'db '}</span> lehet. Ezt követően{' '}
+            <span>{' ' + addPWPerDay + ' '}</span>
+            naponta kapsz további <span>{' ' + addPWCount + ' '}</span> új
+            lehetőséget generálásra, amíg a lehetőségeid száma ismét el nem éri
+            a <span>{' ' + maxPWCount + 'db'}</span>-ot. Eddig
+            <span>{' ' + requestedPWS + ' '}</span>
+            jelszót kértél le, vagyis jelen pillanatban
+            <span>{' ' + (availablePWS - requestedPWS) + 'db '}</span>
+            jelszót generálhatsz még.
+            <br />
+            <br />A jelenleg bejelentkezett felhasználó{' '}
+            <span>{' ' + dayDiff + ' '}</span>
+            napos,{' '}
+            <span>
+              {userCreated ? new Date(userCreated).toLocaleString() : '...'}
+            </span>
+            -kor lett létrehozva.
+            <br />
+            Az oldalnak jelenleg
+            <span>{' ' + userCount + ' '}</span>
+            felhasználója van.
+          </div>
+          <div className={`buttonContainer ${styles.pwButton}`}>
+            <div
+              onClick={() => {
+                requestPw().then((res) => {
+                  setData(res)
+                  if (res.success) {
+                    setResult([...result, res.pw])
+                  } else {
+                    setResult([
+                      ...result,
+                      'Jelszó kérési lehetőségeid elfogytak, nézz vissza később',
+                    ])
+                  }
+                })
+              }}
+            >
+              Jelszó kérése
+            </div>
+          </div>
+
+          {result ? (
+            <div className={styles.pwContainer}>
+              {result.map((res, i) => {
+                return (
+                  <div key={i} className={styles.pw}>
+                    {i + 1}.: {res}
+                  </div>
+                )
+              })}
+            </div>
+          ) : null}
+        </div>
+      </center>
     </div>
   )
 }
diff --git a/src/pages/pwRequest.module.css b/src/pages/pwRequest.module.css
index 2ca83ba..e29649e 100644
--- a/src/pages/pwRequest.module.css
+++ b/src/pages/pwRequest.module.css
@@ -1,33 +1,23 @@
-.buttonContainer {
-  padding: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.button {
-  cursor: pointer;
-  text-align: center;
-  background-color: var(--text-color);
-  border: none;
-  padding: 10px 30px;
-  color: white;
-  width: 200px;
-}
-
 .text {
-  text-align: center;
   font-size: 18px;
   color: white;
   padding: 10px;
 }
 
+.descrip {
+  color: #acabab;
+  font-weight: bold;
+  padding-top: 4%;
+  padding-bottom: 4%;
+  font-size: 20px;
+}
+
 .pw {
   margin: 10px;
 }
 
 .pwContainer {
-  font-family: "Courier New", Courier, monospace;
+  font-family: 'Courier New', Courier, monospace;
   text-align: center;
   font-size: 24px;
   color: white;
@@ -42,3 +32,7 @@
 .text span {
   color: var(--text-color);
 }
+
+.pwButton {
+  width: 20% !important;
+}
diff --git a/src/pages/ranklist.js b/src/pages/ranklist.js
index 6068c63..4c4e454 100644
--- a/src/pages/ranklist.js
+++ b/src/pages/ranklist.js
@@ -85,20 +85,22 @@ function sortDataBy(data, key) {
   })
 }
 
-export default function RankList() {
+export default function RankList({ globalData }) {
+  const userId = globalData.userId
   const [ranklist, setRanklist] = useState(null)
   const [selfUserId, setSelfUserId] = useState('...')
   const [key, setKey] = useState('newQuestions')
   const [since, setSince] = useState('all')
-  const [sum, setSum] = useState({})
+  const [sum, setSum] = useState()
+  const [ownEntryOnTop, setOwnEntryOnTop] = useState(false)
 
   const getList = () => {
-    setSum({})
+    setSum()
     setRanklist(null)
     getListFromServer(since)
       .then((data) => {
         setRanklist(data.list || [])
-        setSum(data.sum || {})
+        setSum(data.sum)
         if (data.selfuserId) {
           setSelfUserId(data.selfuserId)
         }
@@ -112,11 +114,22 @@ export default function RankList() {
     getList()
   }, [])
 
-  useEffect(() => {
-    getList()
-  }, [since])
+  useEffect(
+    () => {
+      getList()
+    },
+    [since]
+  )
 
-  const list = ranklist && sortDataBy(ranklist, key)
+  const list =
+    ranklist &&
+    sortDataBy(ranklist, key).reduce((acc, entry, i) => {
+      if (entry.userId === userId && ownEntryOnTop) {
+        return [{ rank: i, ...entry }, ...acc]
+      } else {
+        return [...acc, { rank: i, ...entry }]
+      }
+    }, [])
 
   const updateSince = (keyword) => {
     setSince(keyword)
@@ -127,82 +140,119 @@ export default function RankList() {
       <Head>
         <title>Ranklista - Qmining | Frylabs.net</title>
       </Head>
-      <div>
-        <div
-          className={styles.infoText}
-        >{`A felhasználó ID-d: #${selfUserId}`}</div>
-        <div className={styles.text}>
-          Az adatok kb 2020. április eleje óta vannak gyűjtve, és azonnal
-          frissülnek.
-        </div>
-        <Sleep />
-        <div className={styles.sinceTable}>
-          <div className={styles.sinceHeaderRow}>
-            {Object.keys(sinceOptions).map((key) => {
-              const val = sinceOptions[key]
-              return (
-                <div
-                  key={key}
-                  className={`${styles.clickable} ${key === since &&
-                    styles.selected}`}
-                  onClick={() => {
-                    updateSince(key)
-                  }}
-                >
-                  {val.name}
-                </div>
-              )
-            })}
+      <div className={styles.container}>
+        <div>
+          <center>
+            <div className={'pageHeader'}>
+              <h1>Ranklista</h1>
+            </div>
+          </center>
+          <div
+            className={styles.infoText}
+          >{`A felhasználó ID-d: #${selfUserId}`}</div>
+          <div className={styles.text}>
+            <p>
+              Az adatok kb 2020. április eleje óta vannak gyűjtve, és azonnal
+              frissülnek.
+            </p>
+          </div>
+          <Sleep />
+          <div className={'selectContainer'}>
+            <div>Megjelenítés: </div>
+            <select
+              onChange={(e) => {
+                updateSince(e.target.value)
+              }}
+            >
+              {Object.keys(sinceOptions).map((key) => {
+                const val = sinceOptions[key]
+                return (
+                  <option key={key} value={key}>
+                    {val.name}
+                  </option>
+                )
+              })}
+            </select>
+          </div>
+          <div className={'selectContainer'}>
+            <div>Rendezés: </div>
+            <select
+              value={key}
+              onChange={(e) => {
+                setKey(e.target.value)
+              }}
+            >
+              {Object.keys(selectOptions).map((key) => {
+                const val = selectOptions[key]
+                return (
+                  <option key={key} value={key}>
+                    {val.name}
+                  </option>
+                )
+              })}
+            </select>
+          </div>
+          <div className={'checkbContainer'}>
+            <div>Saját hely mutatása felül:</div>
+            <input
+              type="checkbox"
+              checked={ownEntryOnTop}
+              onChange={(e) => {
+                setOwnEntryOnTop(e.target.checked)
+              }}
+            />
           </div>
         </div>
-        <div className={styles.table}>
-          <div className={styles.headerRow}>
-            <div>{'Rank'}</div>
-            <div>{'Felhasználó ID'}</div>
-            {Object.keys(selectOptions).map((listKey) => {
-              const val = selectOptions[listKey]
-              return (
-                <div
-                  className={`${styles.clickable} ${listKey === key &&
-                    styles.selected}`}
-                  key={listKey}
-                  onClick={() => {
-                    setKey(listKey)
-                  }}
-                >
-                  {val.name}
-                </div>
-              )
-            })}
-          </div>
-          <div className={`${styles.row} ${styles.sumrow}`}>
-            <div />
-            <div>{'Összesen'}</div>
-            <div>{sum.newQuestions}</div>
-            <div>{sum.allQuestions}</div>
-            <div>{sum.count}</div>
-          </div>
-          {list ? (
-            list.map((listItem, i) => {
-              return (
-                <div
-                  className={`${styles.row} ${listItem.userId === selfUserId &&
-                    styles.selfRow}`}
-                  key={i}
-                >
-                  <div>{i + 1}</div>
-                  <div>{'#' + listItem.userId}</div>
-                  {Object.keys(selectOptions).map((listKey) => {
-                    const val = listItem[listKey]
-                    return <div key={listKey}>{val}</div>
-                  })}
-                </div>
-              )
-            })
-          ) : (
-            <LoadingIndicator />
-          )}
-        </div>
+        {sum && list ? (
+          <>
+            <div className={`${styles.sumRow}`}>
+              <div />
+              <div>
+                <b>{'Összesen: '}</b>
+              </div>
+              <div>{sum.newQuestions.toLocaleString('hu')}</div>
+              <div>{sum.allQuestions.toLocaleString('hu')}</div>
+              <div>{sum.count.toLocaleString('hu')}</div>
+            </div>
+            <div className={styles.headerRow}>
+              <div>
+                <b>{'Rank'}</b>
+              </div>
+              <div>{'Felhasználó ID'}</div>
+              {Object.keys(selectOptions).map((listKey) => {
+                const val = selectOptions[listKey]
+                return (
+                  <div
+                    className={`${listKey === key && styles.selected}`}
+                    key={listKey}
+                  >
+                    {val.name}
+                  </div>
+                )
+              })}
+            </div>
+            <div className={styles.table}>
+              {list.map((listItem, i) => {
+                return (
+                  <div
+                    className={`${styles.row} ${listItem.userId ===
+                      selfUserId && styles.selfRow}`}
+                    key={i}
+                  >
+                    <div>{listItem.rank + 1}</div>
+                    <div>{'#' + listItem.userId}</div>
+                    {Object.keys(selectOptions).map((listKey) => {
+                      const val = listItem[listKey]
+                      return <div key={listKey}>{val}</div>
+                    })}
+                  </div>
+                )
+              })}
+            </div>
+          </>
+        ) : (
+          <LoadingIndicator />
+        )}
       </div>
     </div>
   )
diff --git a/src/pages/ranklist.module.css b/src/pages/ranklist.module.css
index b440043..03fb418 100644
--- a/src/pages/ranklist.module.css
+++ b/src/pages/ranklist.module.css
@@ -1,47 +1,72 @@
-.table,
-.sinceTable {
+.container {
   display: flex;
-  flex-direction: column;
-  padding: 0px 10px;
+  flex-flow: column;
+  height: calc(98vh);
+  cursor: default;
 }
 
-.table :nth-child(1),
-.sinceTable :nth-child(1) {
-  color: white;
+.container:first-child {
+  flex: 0 1 auto;
 }
 
-.row,
-.headerRow,
-.sinceHeaderRow {
+.table {
+  flex: 1 1 auto;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  background-color: #1b1b1c;
+  padding-top: 5px;
+  padding-bottom: 10px;
+}
+
+.sumRow {
+  font-size: 16px;
+  font-weight: 500;
+  display: flex;
+  padding-top: 5px;
+  padding-right: 16px;
+  margin-top: 30px;
+  background-color: var(--hoover-color);
+}
+
+.headerRow {
+  font-size: 15px;
   display: flex;
   padding: 1px;
+  padding-right: 15px;
+  background-color: var(--hoover-color);
+}
+
+.row {
+  display: flex;
+  padding: 1.5px;
 }
 
 .row:hover {
-  background-color: #333333;
+  background-color: #242323;
+  cursor: default;
+  text-shadow: 1px 1px 6px #969696;
+  color: var(--text-color);
 }
 
 .row div,
-.headerRow div,
-.sinceHeaderRow div {
+.headerRow div, .sumRow div {
   flex: 1;
   padding: 0px 5px;
   text-align: center;
 }
 
-.headerRow div,
-.sinceHeaderRow div {
-  padding: 15px 5px;
+.headerRow > div, .sumRow > div {
+  padding: 5px;
 }
 
 .row :nth-child(1),
-.headerRow :nth-child(1) {
-  flex: 0 30px;
+.headerRow :nth-child(1), .sumRow :nth-child(1) {
+  flex: 0 50px;
 }
 
 .row :nth-child(2),
-.headerRow :nth-child(2) {
-  flex: 0 100px;
+.headerRow :nth-child(2), .sumRow :nth-child(2) {
+  flex: 0 130px;
   text-align: left;
 }
 
@@ -54,26 +79,27 @@
 }
 
 .selfRow {
-  background-color: #9999ff;
+  background-color: var(--text-color);
   color: black;
 }
 
 .selfRow:hover {
-  background-color: #9999ee;
+  background-color: #96810b;
+  color: gainsboro;
 }
 
 .text {
   text-align: center;
   font-size: 12px;
+  font-style: italic;
+  color: var(--text-color);
+  padding-bottom: 10px;
 }
 
 .infoText {
   text-align: center;
   font-size: 20px;
-}
-
-.selected {
-  background-color: #9999ff;
+  padding-top: 20px;
 }
 
 .sumrow {
diff --git a/src/pages/script.js b/src/pages/script.js
new file mode 100644
index 0000000..03ed04b
--- /dev/null
+++ b/src/pages/script.js
@@ -0,0 +1,113 @@
+import React from 'react'
+
+import Sleep from '../components/sleep'
+import Head from 'next/head'
+
+import ExternalLinkIcon from '../components/externalLinkIcon'
+
+export default function Script() {
+  return (
+    <div>
+      <Head>
+        <title>Script - Qmining | Frylabs.net</title>
+      </Head>
+      <div className={'pageHeader'}>
+        <h1>Script</h1>
+      </div>
+      <div className={'buttonContainer'}>
+        <a href="https://www.tampermonkey.net/">
+          Ajánlott userscript kezelő bővítmény
+          <ExternalLinkIcon size={15} />
+        </a>
+        <a href="/install">
+          Script telepítése
+          <ExternalLinkIcon size={15} />
+        </a>
+      </div>
+      <Sleep />
+      {renderManual()}
+    </div>
+  )
+}
+
+function renderManual() {
+  return (
+    <>
+      <center>
+        <h2 className={'subtitle'}>A userscript telepítése, és használata</h2>
+      </center>
+      <div>
+        <p>
+          Ez a userscript Moodle/Elearnig/KMOOC tesztek megoldása során
+          segítséget jelenít meg.
+        </p>
+        <ol>
+          <li>
+            Tölts le egy userscript futtató kiegészítőt a böngésződhöz: pl. a{' '}
+            <a
+              href="https://www.tampermonkey.net/"
+              target="_blank"
+              rel="noreferrer"
+            >
+              Tampermonkey
+            </a>
+            -t.
+          </li>
+          <li>
+            <a
+              href="http://qmining.frylabs.net/install"
+              target="_blank"
+              rel="noreferrer"
+            >
+              Kattints ide hogy felrakd a scriptet
+            </a>{' '}
+          </li>
+          <li>
+            A script ezt követően udvariasan megkér, hogy hadd beszélgessen a
+            szerverrel, ezt engedélyezd neki. (Always allow domain)
+          </li>
+          <li>
+            A támogatott oldalakon a script egy apró menü ablakot jelenít meg a
+            weboldal bal alsó részén
+          </li>
+          <li>
+            Ezután a kitöltendő teszt oldalán a kérdésre a választ kell látnod
+            felül egy lebegő ablakban.
+          </li>
+          <li>
+            Teszt ellenőrzés oldalon a script beküldi a szervernek a helyes
+            válaszokat, az lementi az új kérdéseket, amik ezután azonnal
+            elérhetők lesznek (neked, és másoknak is)
+          </li>
+        </ol>
+        Egyéb fontos tudnivalók:
+        <ul>
+          <li>
+            Ezt ments sokszor akár minden nap:{' '}
+            <a
+              href="http://qmining.frylabs.net/allqr.txt"
+              target="_blank"
+              rel="noreferrer"
+            >
+              {' '}
+              Összes kérdés TXT
+            </a>{' '}
+            (az összes összegyűjtött kérdés, ha elszállna a szerver)
+          </li>
+          <li>
+            Az{' '}
+            <a href="/allQuestions" rel="noreferrer">
+              összes kérdés oldal
+            </a>{' '}
+            az oldal, ahol manuálisan tudsz keresni, ha valami gáz lenne a
+            scripttel.
+          </li>
+        </ul>
+        <div>
+          Ha útközben elakadsz, vagy hibát észlelsz, akkor oldalt a Kapcsolat
+          résznél sok elérhetőséget találsz, amin segítséget kérhetsz.
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/src/pages/script.module.css b/src/pages/script.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/thanks.html b/src/pages/thanks.html
index 16cb060..ada1db9 100644
--- a/src/pages/thanks.html
+++ b/src/pages/thanks.html
@@ -3,13 +3,13 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">
-    <title>Thank you!</title>
+    <title>Thank you! - Qmining | Frylabs.net</title>
     <style>
+	@import url('https://fonts.googleapis.com/css2?family=Kameron&family=Overpass+Mono:wght@300;400&display=swap');
         :root{
     --size: 100px;
     --bgcolor: #222426;
-    --color: #fcff4f;
+    --color: #f2f2f2;
     --shadow: rgba(30,2,5,.2);
     }
     .surface {
@@ -51,21 +51,28 @@
 
 
     html,body{
-        height:100vh;
+        height: 95vh;
         overflow: hidden;
     }
     body {
+		font-family: 'Kameron', serif;
+		font-family: 'Overpass Mono', monospace;
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;
         background-color: var(--bgcolor);
+		cursor: default;
     }
+	#qminer {
+		color: #f2cb05;
+		
+	}
     #text{
-        font-family: 'Quicksand', sans-serif;
-        color: white;
-        font-size: 24px;
-        text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
+		font-weight: 100;
+        font-size: 25px;
+		color: #f2f2f2;
+        text-shadow: 1px 1px 2px black;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -74,16 +81,19 @@
     }
     #backbutton{
         text-decoration: none;
-        color: white;
+        color: azure;
         cursor: pointer;
-        margin: 10px;
-        background-color: #4bb9bd;
-        box-shadow: 0px 1px 3px rgba(0,0,0,0.6);
+        margin: 25px;
+        background-color: #f2cb05;
         border-radius: 3px;
         padding: 3px 10px;
+		padding-top: 4px;
+		transition: width 0.5s, height 0.5s, ease-in 0.5s;
+		text-shadow: 1px 1px 2px black;
     }
     #backbutton:hover{
-        box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
+        transition: width 0.5s, height 0.5s, ease-out 0.5s;
+		background-color: #96810b;
     }
     .coincontainer {
         position: relative;
@@ -103,12 +113,11 @@
         <div class="shadow"></div>
     </div></div>
     <center>
-    <div id="text"><span>Thanks for the gold, kind question miner!</span><a id="backbutton" href="<%= siteurl %>">Return</a></div>
+    <div id="text"><span>Thanks for the gold, kind <span id="qminer"><b>question miner</b></span>!</span><a id="backbutton" href="<%= siteurl %>">Return</a></div>
     </center>
     <div class="coincontainer"><div class="surface">
         <div class="coin"></div>
         <div class="shadow"></div>
     </div></div>
-
 </body>
 </html>
diff --git a/src/pages/thanks.js b/src/pages/thanks.js
index 5e7fcd7..e3b38b6 100644
--- a/src/pages/thanks.js
+++ b/src/pages/thanks.js
@@ -2,7 +2,7 @@ import styles from './thanks.module.css'
 import constants from '../constants.json'
 import Head from 'next/head'
 
-export default function Thanks () {
+export default function Thanks() {
   return (
     <div>
       <Head>
diff --git a/src/pages/todos.js b/src/pages/todos.js
deleted file mode 100644
index 80f2871..0000000
--- a/src/pages/todos.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import React, { useState } from 'react'
-import Head from 'next/head'
-
-import Sleep from '../components/sleep'
-import Todos from '../components/todoStuff/todos'
-
-import constants from '../constants.json'
-import styles from './todos.module.css'
-
-export default function contribute() {
-  const [newTask, setNewTask] = useState('')
-
-  const submitNewTask = async () => {
-    if (!newTask) {
-      return
-    }
-
-    fetch(constants.apiUrl + 'postfeedback', {
-      method: 'POST',
-      credentials: 'include',
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        newTask: newTask,
-        from: 'contribute',
-      }),
-    })
-      .then((resp) => {
-        return resp.json()
-      })
-      .then((resp) => {
-        if (resp.success) {
-          alert('Elküldve')
-          setNewTask('')
-        } else {
-          alert('Hiba küldés közben')
-        }
-      })
-      .catch((err) => {
-        alert('Hiba küldés közben')
-        console.error(err)
-      })
-  }
-
-  const renderNewTaskArea = () => {
-    return (
-      <div className={styles.inputArea}>
-        <textarea
-          onChange={(event) => setNewTask(event.target.value)}
-          value={newTask || ''}
-          className={styles.feedback}
-        />
-        <button className={styles.button} onClick={submitNewTask}>
-          Küldés
-        </button>
-      </div>
-    )
-  }
-
-  return (
-    <div>
-      <Head>
-        <title>Todos - Qmining | Frylabs.net</title>
-      </Head>
-      <div className={styles.description}>
-        Egy kártyára kattintva nézheted meg a részleteket, vagy szavazhatsz.
-        Minél több szavazat érkezik egy kártyára, annál magasabb lesz a
-        pioritása. Jobb alsó szám minél több, annál nehezebb a feladat. A Done
-        oszlopban lévő feladatok kész vannak, de különböző okok miat még nem
-        lettek kiadva frissítésként. Ami az In Prod táblázatban van az van kint.
-      </div>
-      <Todos />
-      <div className={styles.description}>
-        Itt írhatsz új todo-ra ötleteket, vagy jelezhetsz hogy egyikben
-        segítenél
-      </div>
-      {renderNewTaskArea()}
-      <Sleep />
-    </div>
-  )
-}
diff --git a/src/pages/todos.module.css b/src/pages/todos.module.css
deleted file mode 100644
index 081839f..0000000
--- a/src/pages/todos.module.css
+++ /dev/null
@@ -1,41 +0,0 @@
-.description {
-  font-size: 15px;
-  color: white;
-  text-align: center;
-  margin: 10px;
-}
-
-.warning {
-  color: white;
-  padding: 10px;
-  font-size: 26px;
-  text-align: center;
-}
-
-.feedback {
-  color: var(--text-color);
-  background-color: var(--background-color);
-  font-size: 14px;
-  width: 100%;
-  box-sizing: border-box;
-  height: 60px;
-}
-
-.button {
-  background-color: var(--text-color);
-  border: none;
-  padding: 5px 15px;
-  margin: 5px;
-  color: white;
-  width: 200px;
-}
-
-.inputArea {
-  display: flex;
-}
-
-.title {
-  color: #9999ff;
-  font-size: 30px;
-  text-align: center;
-}
diff --git a/src/pages/userFiles.js b/src/pages/userFiles.js
new file mode 100644
index 0000000..c49c249
--- /dev/null
+++ b/src/pages/userFiles.js
@@ -0,0 +1,330 @@
+import React, { useState, useEffect } from 'react'
+import Head from 'next/head'
+
+import LoadingIndicator from '../components/LoadingIndicator'
+import Modal from '../components/modal'
+
+import styles from './userFiles.module.css'
+import constants from '../constants.json'
+
+function listUserDir(subdir) {
+  return new Promise((resolve) => {
+    fetch(
+      `${constants.apiUrl}listUserDir${subdir ? `?subdir=${subdir}` : ''}`,
+      {
+        credentials: 'include',
+      }
+    )
+      .then((resp) => {
+        return resp.json()
+      })
+      .then((res) => {
+        if (res.success) {
+          resolve(res)
+        } else {
+          alert(res.msg)
+        }
+      })
+  })
+}
+
+function FileUploader({ onChange }) {
+  return (
+    <div>
+      <div>Fájl csatolása</div>
+      <input type="file" name="file" onChange={onChange} />
+    </div>
+  )
+}
+
+function deleteFile(currDir, name) {
+  return new Promise((resolve) => {
+    fetch(constants.apiUrl + 'deleteUserFile', {
+      method: 'POST',
+      credentials: 'include',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        dir: currDir,
+        fname: name,
+      }),
+    })
+      .then((res) => {
+        return res.json()
+      })
+      .then((res) => {
+        if (res.success) {
+          resolve(res)
+        } else {
+          alert(res.msg)
+        }
+      })
+  })
+}
+
+function newSubj(name) {
+  return new Promise((resolve) => {
+    fetch(constants.apiUrl + 'newUserDir', {
+      method: 'POST',
+      credentials: 'include',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        name: name,
+      }),
+    })
+      .then((res) => {
+        return res.json()
+      })
+      .then((res) => {
+        if (res.success) {
+          resolve(res)
+        } else {
+          alert(res.msg)
+        }
+      })
+  })
+}
+
+function uploadFile(dir, file) {
+  return new Promise((resolve) => {
+    const formData = new FormData() // eslint-disable-line
+    formData.append('file', file)
+    formData.append('dir', dir)
+
+    fetch(constants.apiUrl + 'uploadUserFile', {
+      method: 'POST',
+      credentials: 'include',
+      headers: {
+        Accept: 'application/json',
+      },
+      body: formData,
+    })
+      .then((res) => {
+        return res.json()
+      })
+      .then((res) => {
+        resolve(res)
+      })
+  })
+}
+
+export default function UserFiles({ router, globalData }) {
+  const userId = globalData.userId
+  const [dirs, setDirs] = useState()
+  const [sortBy, setSortBy] = useState('name')
+  const [sortDirection, setSortDirection] = useState(true)
+  const [addingNew, setAddingNew] = useState()
+  const [newSubjName, setNewSubjName] = useState()
+  const [file, setFile] = useState()
+
+  const currDir = router.query.dir ? decodeURIComponent(router.query.dir) : ''
+
+  useEffect(() => {
+    const dir = router.query.dir ? decodeURIComponent(router.query.dir) : ''
+    setDirs(null)
+
+    if (router.query.dir) {
+      listUserDir(dir).then((res) => {
+        setDirs(res.files)
+      })
+    } else {
+      listUserDir().then((res) => {
+        setDirs(res.dirs)
+      })
+    }
+  }, [router.query.dir])
+
+  const dirSorter = (a, b) => {
+    if (a[sortBy] < b[sortBy]) {
+      return sortDirection ? -1 : 1
+    } else if (a[sortBy] > b[sortBy]) {
+      return sortDirection ? 1 : -1
+    } else {
+      return 0
+    }
+  }
+
+  const renderDirList = (dirs) => {
+    return (
+      <div>
+        {currDir && (
+          <div className={`buttonContainer ${styles.backButton}`}>
+            <div
+              onClick={() => {
+                router.back()
+                // FIXME: consistend going back with browser back button
+                // back button works like broser back button, unless it would result in site leave
+                // history: nothing > opened site/usrFiles?dir=...
+                // history: site > site/userFiles > site/usrFiles?dir=...
+                router.push(`${router.pathname}`, undefined, { shallow: true })
+              }}
+            >
+              Vissza
+            </div>
+          </div>
+        )}
+        <div className={`${styles.tableContainer} ${styles.header}`}>
+          <div
+            onClick={(e) => {
+              const name = e.target.getAttribute('name')
+              if (name) {
+                if (sortBy === name) {
+                  setSortDirection(!sortDirection)
+                } else {
+                  setSortDirection(true)
+                }
+                setSortBy(name)
+              }
+            }}
+          >
+            <div name="name">Fájl név</div>
+            <div name="date">Feltöltés dátuma</div>
+            <div name="size">Méret</div>
+            <div name="user">Feltöltő user</div>
+          </div>
+        </div>
+        <div className={`${styles.tableContainer} ${styles.rows}`}>
+          <div
+            onClick={() => {
+              setAddingNew(currDir ? 'file' : 'dir')
+            }}
+          >
+            <div>{currDir ? 'Új fájl feltöltése...' : 'Új tárgy...'}</div>
+          </div>
+          {dirs.length !== 0 && (
+            <>
+              {dirs.sort(dirSorter).map((dir) => {
+                const { name, date, path, size, user } = dir
+                return (
+                  <div
+                    title={name}
+                    key={name}
+                    onClick={() => {
+                      if (path) {
+                        window.open(`${constants.apiUrl}${path}`, '_blank')
+                      } else {
+                        router.push(
+                          `${router.pathname}?dir=${encodeURIComponent(name)}`,
+                          undefined,
+                          { shallow: true }
+                        )
+                      }
+                    }}
+                  >
+                    <div>{name}</div>
+                    <div>{new Date(date).toDateString()}</div>
+                    <div>
+                      {currDir
+                        ? (size / 1000000).toFixed(2).toString() + ' MB'
+                        : size + ' fájl'}
+                    </div>
+                    <div>
+                      {user &&
+                        user !== -1 &&
+                        (userId === user ? (
+                          <div
+                            className={styles.deleteButton}
+                            onClick={(e) => {
+                              e.stopPropagation()
+                              if (confirm(`Biztos törlöd '${name}'-t ?`)) {
+                                deleteFile(currDir, name).then(() => {
+                                  listUserDir(currDir).then((res) => {
+                                    setDirs(res.files)
+                                  })
+                                })
+                              }
+                            }}
+                          >
+                            Törlés
+                          </div>
+                        ) : (
+                          `#${user}`
+                        ))}
+                    </div>
+                  </div>
+                )
+              })}
+            </>
+          )}
+        </div>
+      </div>
+    )
+  }
+
+  return (
+    <div>
+      <Head>
+        <title>Study Docs - Qmining | Frylabs.net</title>
+      </Head>
+      <div className="pageHeader">
+        <h1>Study Docs</h1>
+      </div>
+      <div className={styles.description}>
+        Ide tárgyanként lehet feltölteni
+      </div>
+      {dirs ? renderDirList(dirs) : <LoadingIndicator />}
+      {addingNew && (
+        <Modal
+          closeClick={() => {
+            setAddingNew(null)
+          }}
+        >
+          <div className={styles.uploadContainer}>
+            {addingNew === 'file' ? (
+              <>
+                <FileUploader
+                  onChange={(e) => {
+                    setFile(e.target.files[0])
+                  }}
+                />
+                <div
+                  className="buttonContainer"
+                  onClick={() => {
+                    uploadFile(currDir, file).then(() => {
+                      listUserDir(currDir).then((res) => {
+                        setDirs(res.files)
+                        setAddingNew(null)
+                      })
+                    })
+                  }}
+                >
+                  <div>Feltöltés</div>
+                </div>
+              </>
+            ) : (
+              <>
+                <div>Új tárgy neve</div>
+                <div>
+                  <input
+                    type="text"
+                    onChange={(e) => {
+                      setNewSubjName(e.target.value)
+                    }}
+                  />
+                </div>
+                <div
+                  className="buttonContainer"
+                  onClick={() => {
+                    newSubj(newSubjName).then(() => {
+                      listUserDir().then((res) => {
+                        setDirs(res.dirs)
+                        setAddingNew(null)
+                      })
+                    })
+                  }}
+                >
+                  <div>OK</div>
+                </div>
+              </>
+            )}
+          </div>
+        </Modal>
+      )}
+    </div>
+  )
+}
diff --git a/src/pages/userFiles.module.css b/src/pages/userFiles.module.css
new file mode 100644
index 0000000..1abb5a0
--- /dev/null
+++ b/src/pages/userFiles.module.css
@@ -0,0 +1,78 @@
+.tableContainer {
+  user-select: none;
+  display: flex;
+  flex-flow: column;
+}
+
+.tableContainer > div {
+  padding: 15px 5px;
+  display: flex;
+  align-items: stretch;
+}
+
+.tableContainer > div > div {
+  padding: 5px;
+}
+
+.tableContainer > div > div:nth-child(1) {
+  flex: 1;
+}
+
+.tableContainer > div > div:nth-child(2) {
+  flex: 0 240px;
+}
+.tableContainer > div > div:nth-child(3) {
+  flex: 0 160px;
+}
+
+.tableContainer > div > div:nth-child(4) {
+  flex: 0 100px;
+}
+
+.rows > div {
+  cursor: pointer;
+}
+
+.rows > div:nth-child(2n + 1) {
+  background-color: var(--dark-color);
+}
+
+.rows > div:hover {
+  background-color: var(--hoover-color);
+}
+
+.header > div > div {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.header > div > div:hover {
+  background-color: var(--hoover-color);
+}
+
+.uploadContainer > div {
+  padding: 5px;
+  text-align: center;
+}
+
+.deleteButton {
+  text-align: center;
+  padding: 2px;
+  border: 1px solid var(--hoover-color);
+  border-radius: 3px;
+  cursor: pointer;
+}
+
+.deleteButton:hover {
+  background-color: var(--dark-color);
+}
+
+.backButton {
+  width: 30%;
+}
+
+.description {
+  padding: 5px;
+  text-align: center;
+}