diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 00000000..5ac4b8c5
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,45 @@
+/**
+ * @type {import("eslint").Linter.Config}
+ */
+const config = {
+    parser: "@typescript-eslint/parser",
+    extends: [
+        "plugin:react/recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:prettier/recommended",
+    ],
+    plugins: ["react", "@typescript-eslint"],
+    env: {
+        browser: true,
+        es6: true,
+    },
+    settings: {
+        react: {
+            version: "16.14.0",
+        },
+    },
+    globals: {
+        Atomics: "readonly",
+        SharedArrayBuffer: "readonly",
+    },
+    ignorePatterns: [".eslintrc.js", "./src/reportWebVitals.ts"],
+    parserOptions: {
+        ecmaFeatures: {
+            jsx: true,
+        },
+        ecmaVersion: 2018,
+        sourceType: "module",
+        project: "./tsconfig.json",
+        tsconfigRootDir: __dirname,
+    },
+    rules: {
+        "@typescript-eslint/no-var-requires": "off",
+        "prettier/prettier": "warn",
+        "react/prop-types": "off",
+        "linebreak-style": "off",
+        "react/react-in-jsx-scope": "off",
+        "@typescript-eslint/explicit-module-boundary-types": "off",
+    },
+};
+
+module.exports = config;
diff --git a/.prettierrc.js b/.prettierrc.js
new file mode 100644
index 00000000..6c17685d
--- /dev/null
+++ b/.prettierrc.js
@@ -0,0 +1,11 @@
+/**
+ * @type {import("prettier").Options}
+ */
+const config = {
+    tabWidth: 4,
+    printWidth: 90,
+    semi: true,
+    endOfLine: "auto",
+    trailingComma: "all",
+};
+module.exports = config;
diff --git a/package-lock.json b/package-lock.json
index 6ae8c0b9..171bd77f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -47,16 +47,26 @@
         "@types/spotify-web-api-node": "^5.0.0",
         "@types/uuid": "^8.3.0",
         "@types/webpack-env": "^1.15.3",
+        "@typescript-eslint/eslint-plugin": "^4.27.0",
+        "@typescript-eslint/parser": "^4.27.0",
         "@vitejs/plugin-react-refresh": "^1.3.3",
         "clean-webpack-plugin": "^3.0.0",
         "concurrently": "^6.0.0",
         "cross-env": "^7.0.3",
         "esbuild": "^0.12.8",
         "esbuild-loader": "^2.13.1",
+        "eslint": "^7.28.0",
+        "eslint-config-prettier": "^8.3.0",
+        "eslint-plugin-import": "^2.23.4",
+        "eslint-plugin-jsx-a11y": "^6.4.1",
+        "eslint-plugin-prettier": "^3.4.0",
+        "eslint-plugin-react": "^7.24.0",
+        "eslint-plugin-react-hooks": "^4.2.0",
         "file-loader": "^6.2.0",
         "fork-ts-checker-webpack-plugin": "^6.2.0",
         "native-addon-loader": "^2.0.1",
         "nodemon": "^2.0.7",
+        "prettier": "^2.3.1",
         "typescript": "^4.2.3",
         "webpack": "^5.27.0",
         "webpack-cli": "^4.4.0"
@@ -461,6 +471,19 @@
         "regenerator-runtime": "^0.13.4"
       }
     },
+    "node_modules/@babel/runtime-corejs3": {
+      "version": "7.14.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.14.6.tgz",
+      "integrity": "sha512-Xl8SPYtdjcMoCsIM4teyVRg7jIcgl8F2kRtoCcXuHzXswt9UxZCS6BzRo8fcnCuP6u2XtPgvyonmEPF57Kxo9Q==",
+      "dev": true,
+      "dependencies": {
+        "core-js-pure": "^3.14.0",
+        "regenerator-runtime": "^0.13.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/template": {
       "version": "7.12.13",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.13.tgz",
@@ -520,6 +543,65 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/@eslint/eslintrc": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.2.tgz",
+      "integrity": "sha512-8nmGq/4ycLpIwzvhI4tNDmQztZ8sp+hI7cyG8i1nQDhkAbRzHpXPidRAHlNvCZQpJTKw5ItIpMw9RSToGF00mg==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.1.1",
+        "espree": "^7.3.0",
+        "globals": "^13.9.0",
+        "ignore": "^4.0.6",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^3.13.1",
+        "minimatch": "^3.0.4",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.9.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.9.0.tgz",
+      "integrity": "sha512-74/FduwI/JaIrr1H8e71UbDE+5x7pIPs1C2rrwC52SszOo043CsWOZEMW7o2Y58xwm9b+0RBKDxY5n2sUpEFxA==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/eslintrc/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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@jimp/bmp": {
       "version": "0.16.1",
       "resolved": "https://registry.npmjs.org/@jimp/bmp/-/bmp-0.16.1.tgz",
@@ -941,6 +1023,41 @@
         "react-reconciler": "^0.25.1"
       }
     },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.7.tgz",
+      "integrity": "sha512-BTIhocbPBSrRmHxOAJFtR18oLhxTtAFDAvL8hY1S3iU8k+E60W/YFs4jrixGzQjMpF4qPXxIQHcjVD9dz1C2QA==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/@sindresorhus/is": {
       "version": "0.14.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
@@ -1106,6 +1223,12 @@
       "integrity": "sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA==",
       "dev": true
     },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4=",
+      "dev": true
+    },
     "node_modules/@types/mime": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
@@ -1299,6 +1422,231 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.27.0.tgz",
+      "integrity": "sha512-DsLqxeUfLVNp3AO7PC3JyaddmEHTtI9qTSAs+RB6ja27QvIM0TA8Cizn1qcS6vOu+WDLFJzkwkgweiyFhssDdQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/experimental-utils": "4.27.0",
+        "@typescript-eslint/scope-manager": "4.27.0",
+        "debug": "^4.3.1",
+        "functional-red-black-tree": "^1.0.1",
+        "lodash": "^4.17.21",
+        "regexpp": "^3.1.0",
+        "semver": "^7.3.5",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^4.0.0",
+        "eslint": "^5.0.0 || ^6.0.0 || ^7.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/experimental-utils": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-4.27.0.tgz",
+      "integrity": "sha512-n5NlbnmzT2MXlyT+Y0Jf0gsmAQzCnQSWXKy4RGSXVStjDvS5we9IWbh7qRVKdGcxT0WYlgcCYUK/HRg7xFhvjQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.7",
+        "@typescript-eslint/scope-manager": "4.27.0",
+        "@typescript-eslint/types": "4.27.0",
+        "@typescript-eslint/typescript-estree": "4.27.0",
+        "eslint-scope": "^5.1.1",
+        "eslint-utils": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "*"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-4.27.0.tgz",
+      "integrity": "sha512-XpbxL+M+gClmJcJ5kHnUpBGmlGdgNvy6cehgR6ufyxkEJMGP25tZKCaKyC0W/JVpuhU3VU1RBn7SYUPKSMqQvQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "4.27.0",
+        "@typescript-eslint/types": "4.27.0",
+        "@typescript-eslint/typescript-estree": "4.27.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^5.0.0 || ^6.0.0 || ^7.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-4.27.0.tgz",
+      "integrity": "sha512-DY73jK6SEH6UDdzc6maF19AHQJBFVRf6fgAXHPXCGEmpqD4vYgPEzqpFz1lf/daSbOcMpPPj9tyXXDPW2XReAw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "4.27.0",
+        "@typescript-eslint/visitor-keys": "4.27.0"
+      },
+      "engines": {
+        "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-4.27.0.tgz",
+      "integrity": "sha512-I4ps3SCPFCKclRcvnsVA/7sWzh7naaM/b4pBO2hVxnM3wrU51Lveybdw5WoIktU/V4KfXrTt94V9b065b/0+wA==",
+      "dev": true,
+      "engines": {
+        "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-4.27.0.tgz",
+      "integrity": "sha512-KH03GUsUj41sRLLEy2JHstnezgpS5VNhrJouRdmh6yNdQ+yl8w5LrSwBkExM+jWwCJa7Ct2c8yl8NdtNRyQO6g==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "4.27.0",
+        "@typescript-eslint/visitor-keys": "4.27.0",
+        "debug": "^4.3.1",
+        "globby": "^11.0.3",
+        "is-glob": "^4.0.1",
+        "semver": "^7.3.5",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/globby": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.3.tgz",
+      "integrity": "sha512-ffdmosjA807y7+lA1NM0jELARVmYul/715xiILEjo3hBLPTcirgQNnXECn5g3mtR8TOLCVbkfua1Hpen25/Xcg==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.1.1",
+        "ignore": "^5.1.4",
+        "merge2": "^1.3.0",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/ignore": {
+      "version": "5.1.8",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
+      "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-4.27.0.tgz",
+      "integrity": "sha512-es0GRYNZp0ieckZ938cEANfEhsfHrzuLrePukLKtY3/KPXcq1Xd555Mno9/GOgXhKzn0QfkDLVgqWO3dGY80bg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "4.27.0",
+        "eslint-visitor-keys": "^2.0.0"
+      },
+      "engines": {
+        "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
     "node_modules/@vitejs/plugin-react-refresh": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-refresh/-/plugin-react-refresh-1.3.3.tgz",
@@ -1536,6 +1884,15 @@
         "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==",
+      "dev": 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",
@@ -1704,11 +2061,52 @@
         "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==",
+      "dev": true,
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-4.2.2.tgz",
+      "integrity": "sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.10.2",
+        "@babel/runtime-corejs3": "^7.10.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
     "node_modules/array-flatten": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
       "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
     },
+    "node_modules/array-includes": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.3.tgz",
+      "integrity": "sha512-gcem1KlBU7c9rB+Rq8/3PPKsK2kjqeEBa3bD5kkQo4nYlOHQCJqIJFqBXDEfwaRuYTT4E+FxA9xez7Gf/e3Q7A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.0-next.2",
+        "get-intrinsic": "^1.1.1",
+        "is-string": "^1.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/array-union": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
@@ -1730,6 +2128,41 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/array.prototype.flat": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.4.tgz",
+      "integrity": "sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.0-next.1"
+      },
+      "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==",
+      "dev": true,
+      "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": {
       "version": "0.2.4",
       "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
@@ -1746,6 +2179,21 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+      "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=",
+      "dev": true
+    },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -1773,6 +2221,15 @@
       "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
       "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA=="
     },
+    "node_modules/axe-core": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.2.2.tgz",
+      "integrity": "sha512-OKRkKM4ojMEZRJ5UNJHmq9tht7cEnRnqKG6KyB/trYws00Xtkv12mHtlJ0SK7cmuNbrU8dPUova3ELTuilfBbw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/axios": {
       "version": "0.21.1",
       "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.1.tgz",
@@ -1781,6 +2238,12 @@
         "follow-redirects": "^1.10.0"
       }
     },
+    "node_modules/axobject-query": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
+      "integrity": "sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==",
+      "dev": true
+    },
     "node_modules/balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -2212,6 +2675,19 @@
         "node": ">=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==",
+      "dev": true,
+      "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",
@@ -2832,6 +3308,17 @@
       "resolved": "https://registry.npmjs.org/cookiejar/-/cookiejar-2.1.2.tgz",
       "integrity": "sha512-Mw+adcfzPxcPeI+0WlvRrr/3lGVO0bD75SxX6811cxSh1Wbxx7xZBGK1eVtDf6si8rg2lhnUjsVLMFMfbRIuwA=="
     },
+    "node_modules/core-js-pure": {
+      "version": "3.14.0",
+      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.14.0.tgz",
+      "integrity": "sha512-YVh+LN2FgNU0odThzm61BsdkwrbrchumFq3oztnE9vTKC4KS2fvnPmcx8t6jnqAyOTCTF4ZSiuK8Qhh7SNcL4g==",
+      "dev": true,
+      "hasInstallScript": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
     "node_modules/core-util-is": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
@@ -2942,6 +3429,12 @@
       "resolved": "https://registry.npmjs.org/cuid/-/cuid-2.1.8.tgz",
       "integrity": "sha512-xiEMER6E7TlTPnDxrM4eRiC6TRgjNX9xzEZ5U/Se2YJKr7Mq4pJn/2XEHjl3STcSh96GmkHPcBXLES8M29wyyg=="
     },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.7.tgz",
+      "integrity": "sha512-VvdQIPGdWP0SqFXghj79Wf/5LArmreyMsGLa6FG6iC4t3j7j5s71TrwWmT/4akbDQIqjfACkLZmjXhA7g2oUZw==",
+      "dev": true
+    },
     "node_modules/dashdash": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
@@ -3000,6 +3493,12 @@
         "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=",
+      "dev": true
+    },
     "node_modules/deepmerge": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
@@ -3014,6 +3513,18 @@
       "integrity": "sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==",
       "dev": 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==",
+      "dev": true,
+      "dependencies": {
+        "object-keys": "^1.0.12"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/del": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/del/-/del-4.1.1.tgz",
@@ -3074,6 +3585,30 @@
       "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.0.5.tgz",
       "integrity": "sha512-qi86tE6hRcFHy8jI1m2VG+LaPUR1LhqDa5G8tVjuUXmOrpuAgqsA1pN0+ldgr3aKUH+QLI9hCY/OcRYisERejw=="
     },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/dom-serializer": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
@@ -3324,12 +3859,59 @@
         "is-arrayish": "^0.2.1"
       }
     },
+    "node_modules/es-abstract": {
+      "version": "1.18.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.3.tgz",
+      "integrity": "sha512-nQIr12dxV7SSxE6r6f1l3DtAeEYdsGpps13dR0TwJg1S8gyp4ZPgy3FZcHBgbiQqnoqSTb+oC+kO4UQ0C/J8vw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "es-to-primitive": "^1.2.1",
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.1.1",
+        "has": "^1.0.3",
+        "has-symbols": "^1.0.2",
+        "is-callable": "^1.2.3",
+        "is-negative-zero": "^2.0.1",
+        "is-regex": "^1.1.3",
+        "is-string": "^1.0.6",
+        "object-inspect": "^1.10.3",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.2",
+        "string.prototype.trimend": "^1.0.4",
+        "string.prototype.trimstart": "^1.0.4",
+        "unbox-primitive": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/es-module-lexer": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.4.1.tgz",
       "integrity": "sha512-ooYciCUtfw6/d2w56UVeqHPcoCFAiJdz5XOkYpv/Txl1HMUozpXjz/2RIQgqwKdXNDPSF1W7mJCFse3G+HDyAA==",
       "dev": true
     },
+    "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==",
+      "dev": true,
+      "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/esbuild": {
       "version": "0.12.8",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.8.tgz",
@@ -3437,6 +4019,451 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/eslint": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.28.0.tgz",
+      "integrity": "sha512-UMfH0VSjP0G4p3EWirscJEQ/cHqnT/iuH6oNZOB94nBjWbMnhGEPxsZm1eyIW0C/9jLI0Fow4W5DXLjEI7mn1g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "7.12.11",
+        "@eslint/eslintrc": "^0.4.2",
+        "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",
+        "escape-string-regexp": "^4.0.0",
+        "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",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "functional-red-black-tree": "^1.0.1",
+        "glob-parent": "^5.1.2",
+        "globals": "^13.6.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.merge": "^4.6.2",
+        "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.9",
+        "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-config-prettier": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz",
+      "integrity": "sha512-BgZuLUSeKzvlL/VUjx/Yb787VQ26RU3gGjA3iiFvdsp/2bMfVIWUVP7tjxtjS0e+HP409cPlPvNkQloz8C91ew==",
+      "dev": true,
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz",
+      "integrity": "sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^2.6.9",
+        "resolve": "^1.13.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.6.1.tgz",
+      "integrity": "sha512-ZXI9B8cxAJIH4nfkhTwcRTEAnrVfobYqwjWy/QMCZ8rHkZHFjf9yO4BzpiF9kCSfNlMG54eKigISHpX0+AaT4A==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7",
+        "pkg-dir": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/find-up": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+      "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/locate-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^2.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/p-limit": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+      "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/p-locate": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/p-try": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+      "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/pkg-dir": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-2.0.0.tgz",
+      "integrity": "sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.23.4",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.23.4.tgz",
+      "integrity": "sha512-6/wP8zZRsnQFiR3iaPFgh5ImVRM1WN5NUWfTIRqwOdeiGJlBcSk82o1FEVq8yXmy4lkIzTo7YhHCIxlU/2HyEQ==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.3",
+        "array.prototype.flat": "^1.2.4",
+        "debug": "^2.6.9",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.4",
+        "eslint-module-utils": "^2.6.1",
+        "find-up": "^2.0.0",
+        "has": "^1.0.3",
+        "is-core-module": "^2.4.0",
+        "minimatch": "^3.0.4",
+        "object.values": "^1.1.3",
+        "pkg-up": "^2.0.0",
+        "read-pkg-up": "^3.0.0",
+        "resolve": "^1.20.0",
+        "tsconfig-paths": "^3.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/find-up": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+      "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/locate-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^2.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
+    },
+    "node_modules/eslint-plugin-import/node_modules/p-limit": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+      "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/p-locate": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/p-try": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+      "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/resolve": {
+      "version": "1.20.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
+      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.2.0",
+        "path-parse": "^1.0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.4.1.tgz",
+      "integrity": "sha512-0rGPJBbwHoGNPU73/QCLP/vveMlM1b1Z9PponxO87jfr6tuH5ligXbDT6nHSSzBC8ovX2Z+BQu7Bk5D/Xgq9zg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "aria-query": "^4.2.2",
+        "array-includes": "^3.1.1",
+        "ast-types-flow": "^0.0.7",
+        "axe-core": "^4.0.2",
+        "axobject-query": "^2.2.0",
+        "damerau-levenshtein": "^1.0.6",
+        "emoji-regex": "^9.0.0",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^3.1.0",
+        "language-tags": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
+    },
+    "node_modules/eslint-plugin-prettier": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.4.0.tgz",
+      "integrity": "sha512-UDK6rJT6INSfcOo545jiaOwB701uAIt2/dR7WnFQoGCVl1/EMqdANBmwUaqqQ45aXprsTGzSa39LI1PyuRBxxw==",
+      "dev": true,
+      "dependencies": {
+        "prettier-linter-helpers": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=5.0.0",
+        "prettier": ">=1.13.0"
+      },
+      "peerDependenciesMeta": {
+        "eslint-config-prettier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.24.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.24.0.tgz",
+      "integrity": "sha512-KJJIx2SYx7PBx3ONe/mEeMz4YE0Lcr7feJTCMyyKb/341NcjuAgim3Acgan89GfPv7nxXK2+0slu0CWXYM4x+Q==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.3",
+        "array.prototype.flatmap": "^1.2.4",
+        "doctrine": "^2.1.0",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.0.4",
+        "object.entries": "^1.1.4",
+        "object.fromentries": "^2.0.4",
+        "object.values": "^1.1.4",
+        "prop-types": "^15.7.2",
+        "resolve": "^2.0.0-next.3",
+        "string.prototype.matchall": "^4.0.5"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz",
+      "integrity": "sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.3",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.3.tgz",
+      "integrity": "sha512-W8LucSynKUIDu9ylraa7ueVZ7hc0uAgJBxVsQSKOXOyle8a93qXhcz+XAXZ8bIq2d6i4Ehddn6Evt+0/UwKk6Q==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.2.0",
+        "path-parse": "^1.0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/eslint-scope": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
@@ -3450,6 +4477,222 @@
         "node": ">=8.0.0"
       }
     },
+    "node_modules/eslint-utils": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
+      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^2.0.0"
+      },
+      "engines": {
+        "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=5"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint/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==",
+      "dev": true,
+      "dependencies": {
+        "@babel/highlight": "^7.10.4"
+      }
+    },
+    "node_modules/eslint/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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/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==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      }
+    },
+    "node_modules/eslint/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==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.9.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.9.0.tgz",
+      "integrity": "sha512-74/FduwI/JaIrr1H8e71UbDE+5x7pIPs1C2rrwC52SszOo043CsWOZEMW7o2Y58xwm9b+0RBKDxY5n2sUpEFxA==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/semver": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint/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==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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==",
+      "dev": 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/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.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==",
+      "dev": 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==",
+      "dev": 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==",
+      "dev": 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==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
     "node_modules/esrecurse": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
@@ -3480,6 +4723,15 @@
         "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/etag": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
@@ -3614,11 +4866,40 @@
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
+    "node_modules/fast-diff": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz",
+      "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.5.tgz",
+      "integrity": "sha512-2DtFcgT68wiTTiwZ2hNdJfcHNke9XOfnwmBRWXhmeKM8rF0TGwmC/Qto3S7RoZKp5cilZbxzO5iTNTQsJ+EeDg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.0",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.2",
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "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=="
     },
+    "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=",
+      "dev": true
+    },
     "node_modules/fast-safe-stringify": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.0.7.tgz",
@@ -3630,6 +4911,27 @@
       "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
       "dev": true
     },
+    "node_modules/fastq": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.11.0.tgz",
+      "integrity": "sha512-7Eczs8gIPDrVzT+EksYBcupqMyxSHXXrHOLRRxU2/DicV8789MRBRR8+Hc2uWzUupOs4YS4JzBmBxjjCVBxD/g==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
     "node_modules/file-loader": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-6.2.0.tgz",
@@ -3734,6 +5036,40 @@
         "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==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flat-cache/node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "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==",
+      "dev": true
+    },
     "node_modules/follow-redirects": {
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.2.tgz",
@@ -3956,6 +5292,12 @@
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
       "dev": true
     },
+    "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=",
+      "dev": true
+    },
     "node_modules/gauge": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/gauge/-/gauge-1.2.7.tgz",
@@ -3986,6 +5328,20 @@
         "node": "6.* || 8.* || >= 10.*"
       }
     },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-symbols": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/get-stream": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.0.tgz",
@@ -4204,6 +5560,15 @@
         "node": ">= 0.4.0"
       }
     },
+    "node_modules/has-bigints": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.1.tgz",
+      "integrity": "sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/has-flag": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
@@ -4212,6 +5577,18 @@
         "node": ">=4"
       }
     },
+    "node_modules/has-symbols": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.2.tgz",
+      "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
+      "dev": true,
+      "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",
@@ -4361,6 +5738,15 @@
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
       "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
     },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
     "node_modules/ignore-by-default": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
@@ -4440,6 +5826,20 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
     },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.0",
+        "has": "^1.0.3",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/interpret": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/interpret/-/interpret-2.2.0.tgz",
@@ -4471,6 +5871,15 @@
       "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
       "dev": true
     },
+    "node_modules/is-bigint": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.2.tgz",
+      "integrity": "sha512-0JV5+SOCQkIdzjBK9buARcV804Ddu7A0Qet6sHi3FimE9ne6m4BGQZfRn+NZiXbBk4F4XmHfDZIipLj9pX8dSA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -4483,6 +5892,33 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.1.tgz",
+      "integrity": "sha512-bXdQWkECBUIAcCkeH1unwJLIpZYaa5VvuygSyS/c2lf719mTKZDU5UdDRlpd01UjADgmW8RfqaP+mRaVPdr/Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-ci": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
@@ -4496,12 +5932,27 @@
       }
     },
     "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==",
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.4.0.tgz",
+      "integrity": "sha512-6A2fkfq1rfeQZjxrZJGerpLCTHRNEBiSgnu0+obeJpEPZRUooHgsizvzv0ZjJwOz3iWIHdJtVWJ/tmPr3D21/A==",
       "dev": true,
       "dependencies": {
         "has": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.4.tgz",
+      "integrity": "sha512-/b4ZVsG7Z5XVtIxs/h9W8nvfLgSAyKYdtGWQLbqy6jA1icmgjf8WCoTKgeS4wy5tYaPePouzFMANbnj94c2Z+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-docker": {
@@ -4579,6 +6030,18 @@
       "resolved": "https://registry.npmjs.org/is-iojs/-/is-iojs-1.1.0.tgz",
       "integrity": "sha1-TBEDO11dlNbqs3dd7cm+fQCDJfE="
     },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-npm": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-4.0.0.tgz",
@@ -4597,6 +6060,18 @@
         "node": ">=0.12.0"
       }
     },
+    "node_modules/is-number-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.5.tgz",
+      "integrity": "sha512-RU0lI/n95pMoUKu9v1BZP5MBcZuNSVJkMkAG2dJqC4z2GlkGUNeH68SuHuBKBD/XFe+LHZ+f9BKkLET60Niedw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-obj": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
@@ -4651,6 +6126,22 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-regex": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.3.tgz",
+      "integrity": "sha512-qSVXFz28HM7y+IWX6vLCsexdlvzT1PJNFSBuaQLQ5o0IEw8UDYW6/2+eCMVyIsbM8CNLX2a/QWmSpyxYEHY7CQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.0.tgz",
@@ -4659,6 +6150,33 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-string": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.6.tgz",
+      "integrity": "sha512-2gdzbKUuqtQ3lYNrUTQYoClPhm7oQu4UdpSZMp1/DGgkHBT8E2Z1l0yMdb6D4zNAxwDiMv8MdulKROJGNl0Q0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-typedarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
@@ -4760,6 +6278,19 @@
       "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==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
     "node_modules/jsbn": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
@@ -4805,6 +6336,12 @@
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
       "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
     },
+    "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=",
+      "dev": true
+    },
     "node_modules/json-stringify-safe": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
@@ -4847,6 +6384,19 @@
         "verror": "1.10.0"
       }
     },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.2",
+        "object.assign": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
     "node_modules/keyv": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.1.0.tgz",
@@ -4865,6 +6415,21 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.21",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
+      "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
+      "dev": true
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
+      "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=",
+      "dev": true,
+      "dependencies": {
+        "language-subtag-registry": "~0.3.2"
+      }
+    },
     "node_modules/latest-version": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-5.1.0.tgz",
@@ -4888,6 +6453,19 @@
         "node": ">=0.10.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==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/lines-and-columns": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz",
@@ -4930,6 +6508,43 @@
       "resolved": "https://registry.npmjs.org/phin/-/phin-2.9.3.tgz",
       "integrity": "sha512-CzFr90qM24ju5f88quFC/6qohjC144rehe5n6DH900lgXmUe86+xCKc10ev56gRKC4/BkHUoG4uSiQgBiIXwDA=="
     },
+    "node_modules/load-json-file": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
+      "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "parse-json": "^4.0.0",
+        "pify": "^3.0.0",
+        "strip-bom": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/load-json-file/node_modules/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
+      "dev": true,
+      "dependencies": {
+        "error-ex": "^1.3.1",
+        "json-parse-better-errors": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/load-json-file/node_modules/pify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+      "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/loader-runner": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.2.0.tgz",
@@ -4982,6 +6597,18 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
+      "dev": true
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
     "node_modules/lodash.pad": {
       "version": "4.5.1",
       "resolved": "https://registry.npmjs.org/lodash.pad/-/lodash.pad-4.5.1.tgz",
@@ -4997,6 +6624,12 @@
       "resolved": "https://registry.npmjs.org/lodash.padstart/-/lodash.padstart-4.6.1.tgz",
       "integrity": "sha1-0uPuv/DZ05rVD1y9G1KnvOa7YRs="
     },
+    "node_modules/lodash.truncate": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+      "dev": true
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -5122,6 +6755,15 @@
       "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
       "dev": true
     },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/methods": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
@@ -5130,6 +6772,19 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/micromatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz",
+      "integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.1",
+        "picomatch": "^2.2.3"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
     "node_modules/microseconds": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/microseconds/-/microseconds-0.2.0.tgz",
@@ -5289,6 +6944,12 @@
         "loader-utils": "^1.2.3"
       }
     },
+    "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=",
+      "dev": true
+    },
     "node_modules/negotiator": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
@@ -5506,6 +7167,91 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/object-inspect": {
+      "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.10.3.tgz",
+      "integrity": "sha512-e5mCJlSH7poANfC8z8S9s9S2IN5/4Zb3aZ33f5s8YqoazCFzNLloLU8r5VCG+G7WoqLvAAZoVMcy3tp/3X0Plw==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "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.4",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.4.tgz",
+      "integrity": "sha512-h4LWKWE+wKQGhtMjZEBud7uLGhqyLwj8fpHOarZhD2uY3C9cRtk57VQ89ke3moByLXMedqs3XCHzyb4AmA2DjA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.4.tgz",
+      "integrity": "sha512-EsFBshs5RUUpQEY1D4q/m59kMfz4YJvxuNCJcv/jWwOJr34EaVnG11ZrZa0UHB3wnzV1wx8m58T4hQL8IuNXlQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.0-next.2",
+        "has": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.4.tgz",
+      "integrity": "sha512-TnGo7j4XSnKQoK3MfvkzqKCi0nVe/D9I9IjwTNYdb/fxYHpjrluHVOgw0AF6jrRFGMPHdfuidR09tIDiIvnaSg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/omggif": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/omggif/-/omggif-1.0.10.tgz",
@@ -5554,6 +7300,23 @@
         "node": ">=8"
       }
     },
+    "node_modules/optionator": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
+      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+      "dev": 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-locale": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
@@ -5788,12 +7551,15 @@
       }
     },
     "node_modules/picomatch": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
-      "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz",
+      "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==",
       "dev": true,
       "engines": {
         "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
     "node_modules/pify": {
@@ -5849,6 +7615,85 @@
         "node": ">=8"
       }
     },
+    "node_modules/pkg-up": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz",
+      "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/pkg-up/node_modules/find-up": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+      "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/pkg-up/node_modules/locate-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^2.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/pkg-up/node_modules/p-limit": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+      "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/pkg-up/node_modules/p-locate": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/pkg-up/node_modules/p-try": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+      "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/pkg-up/node_modules/path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/plist": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/plist/-/plist-3.0.2.tgz",
@@ -6053,6 +7898,15 @@
         "safe-buffer": "~5.1.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==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/prepend-http": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
@@ -6062,6 +7916,30 @@
         "node": ">=4"
       }
     },
+    "node_modules/prettier": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.3.1.tgz",
+      "integrity": "sha512-p+vNbgpLjif/+D+DwAZAbndtRrR0md0MwfmOVN9N+2RgyACMT+7tfaRnT+WDPkqnuVwleyuBIG2XBxKDme3hPA==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "dependencies": {
+        "fast-diff": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
@@ -6153,6 +8031,26 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "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/randombytes": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -6323,6 +8221,121 @@
         "node": ">=8"
       }
     },
+    "node_modules/read-pkg-up": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-3.0.0.tgz",
+      "integrity": "sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^2.0.0",
+        "read-pkg": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/find-up": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+      "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/locate-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^2.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-limit": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+      "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-locate": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-try": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+      "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/path-type": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+      "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+      "dev": true,
+      "dependencies": {
+        "pify": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/pify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+      "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/read-pkg": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
+      "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
+      "dev": true,
+      "dependencies": {
+        "load-json-file": "^4.0.0",
+        "normalize-package-data": "^2.3.2",
+        "path-type": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/readable-stream": {
       "version": "1.0.34",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
@@ -6363,6 +8376,34 @@
       "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==",
+      "dev": true,
+      "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.2.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
+      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      }
+    },
     "node_modules/registry-auth-token": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.1.tgz",
@@ -6447,6 +8488,15 @@
         "node": ">=0.10.0"
       }
     },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/resolve": {
       "version": "1.19.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz",
@@ -6501,6 +8551,16 @@
         "lowercase-keys": "^1.0.0"
       }
     },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/rimraf": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
@@ -6512,6 +8572,29 @@
         "rimraf": "bin.js"
       }
     },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
     "node_modules/rxjs": {
       "version": "6.6.6",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.6.tgz",
@@ -6713,6 +8796,20 @@
       "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==",
       "dev": true
     },
+    "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==",
+      "dev": true,
+      "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",
@@ -6746,6 +8843,41 @@
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
       "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
     },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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==",
+      "dev": 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==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/slide": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/slide/-/slide-1.1.6.tgz",
@@ -6839,6 +8971,12 @@
         "superagent": "^6.1.0"
       }
     },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
+      "dev": true
+    },
     "node_modules/sshpk": {
       "version": "1.16.1",
       "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz",
@@ -6889,6 +9027,51 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.5.tgz",
+      "integrity": "sha512-Z5ZaXO0svs0M2xd/6By3qpeKpLKd9mO4v4q3oMEQrk8Ck4xOD5d5XeBOOjGrmVZZ/AHB1S0CgG4N5r1G9N3E2Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.2",
+        "get-intrinsic": "^1.1.1",
+        "has-symbols": "^1.0.2",
+        "internal-slot": "^1.0.3",
+        "regexp.prototype.flags": "^1.3.1",
+        "side-channel": "^1.0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz",
+      "integrity": "sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz",
+      "integrity": "sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/strip-ansi": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
@@ -6900,6 +9083,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/strip-final-newline": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
@@ -7010,6 +9202,89 @@
         "node": ">=8"
       }
     },
+    "node_modules/table": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.7.1.tgz",
+      "integrity": "sha512-ZGum47Yi6KOOFDE8m223td53ath2enHcYLgOCjGr5ngu8bdIARQk6mN/wRMv4yMRcHnCSnHbCEha4sobQx5yWg==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.1",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.truncate": "^4.4.2",
+        "slice-ansi": "^4.0.0",
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/table/node_modules/ajv": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.0.tgz",
+      "integrity": "sha512-cnUG4NSBiM4YFBxgZIj/In3/6KX+rQ2l2YPRVcvAMQGWEPKuXoPIhxzwqh31jA3IPbI4qEOp/5ILI4ynioXsGQ==",
+      "dev": 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/ansi-regex": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+      "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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==",
+      "dev": 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==",
+      "dev": true
+    },
+    "node_modules/table/node_modules/string-width": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.2.tgz",
+      "integrity": "sha512-XBJbT3N4JhVumXE0eoLU9DCjcaF92KLNqTmFCnG1pf8duUxFGwtP6AD6nkjw9a3IdiRtL3E2w3JDiE/xi3vOeA==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/table/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==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
@@ -7185,6 +9460,12 @@
         "node": ">= 8"
       }
     },
+    "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=",
+      "dev": true
+    },
     "node_modules/timm": {
       "version": "1.7.1",
       "resolved": "https://registry.npmjs.org/timm/-/timm-1.7.1.tgz",
@@ -7284,12 +9565,51 @@
         "tree-kill": "cli.js"
       }
     },
+    "node_modules/tsconfig-paths": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz",
+      "integrity": "sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==",
+      "dev": true,
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.1",
+        "minimist": "^1.2.0",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
     "node_modules/tslib": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
       "dev": true
     },
+    "node_modules/tsutils": {
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^1.8.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      },
+      "peerDependencies": {
+        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
+      }
+    },
     "node_modules/tunnel-agent": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
@@ -7306,6 +9626,18 @@
       "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
       "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q="
     },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/type-fest": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
@@ -7349,6 +9681,21 @@
         "node": ">=4.2.0"
       }
     },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
+      "integrity": "sha512-tZU/3NqK3dA5gpE1KtyiJUrEB0lxnGkMFHptJ7q6ewdZ8s12QrODwNbhIJStmJkd1QDXa1NRA8aF2A1zk/Ypyw==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "has-bigints": "^1.0.1",
+        "has-symbols": "^1.0.2",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/undefsafe": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.3.tgz",
@@ -7748,6 +10095,22 @@
         "which": "bin/which"
       }
     },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/which-pm-runs": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.0.0.tgz",
@@ -7834,6 +10197,15 @@
         "node": ">= 0.10.0"
       }
     },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/wrap-ansi": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
@@ -8397,6 +10769,16 @@
         "regenerator-runtime": "^0.13.4"
       }
     },
+    "@babel/runtime-corejs3": {
+      "version": "7.14.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.14.6.tgz",
+      "integrity": "sha512-Xl8SPYtdjcMoCsIM4teyVRg7jIcgl8F2kRtoCcXuHzXswt9UxZCS6BzRo8fcnCuP6u2XtPgvyonmEPF57Kxo9Q==",
+      "dev": true,
+      "requires": {
+        "core-js-pure": "^3.14.0",
+        "regenerator-runtime": "^0.13.4"
+      }
+    },
     "@babel/template": {
       "version": "7.12.13",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.13.tgz",
@@ -8455,6 +10837,46 @@
       "integrity": "sha512-HyYEUDeIj5rRQU2Hk5HTB2uHsbRQpF70nvMhVzi+VJR0X+xNEhjPui4/kBf3VeH/wqD28PT4sVOm8qqLjBrSZg==",
       "dev": true
     },
+    "@eslint/eslintrc": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.2.tgz",
+      "integrity": "sha512-8nmGq/4ycLpIwzvhI4tNDmQztZ8sp+hI7cyG8i1nQDhkAbRzHpXPidRAHlNvCZQpJTKw5ItIpMw9RSToGF00mg==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.12.4",
+        "debug": "^4.1.1",
+        "espree": "^7.3.0",
+        "globals": "^13.9.0",
+        "ignore": "^4.0.6",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^3.13.1",
+        "minimatch": "^3.0.4",
+        "strip-json-comments": "^3.1.1"
+      },
+      "dependencies": {
+        "globals": {
+          "version": "13.9.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.9.0.tgz",
+          "integrity": "sha512-74/FduwI/JaIrr1H8e71UbDE+5x7pIPs1C2rrwC52SszOo043CsWOZEMW7o2Y58xwm9b+0RBKDxY5n2sUpEFxA==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.20.2"
+          }
+        },
+        "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==",
+          "dev": true
+        },
+        "type-fest": {
+          "version": "0.20.2",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+          "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+          "dev": true
+        }
+      }
+    },
     "@jimp/bmp": {
       "version": "0.16.1",
       "resolved": "https://registry.npmjs.org/@jimp/bmp/-/bmp-0.16.1.tgz",
@@ -8869,6 +11291,32 @@
         "react-reconciler": "^0.25.1"
       }
     },
+    "@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      }
+    },
+    "@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true
+    },
+    "@nodelib/fs.walk": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.7.tgz",
+      "integrity": "sha512-BTIhocbPBSrRmHxOAJFtR18oLhxTtAFDAvL8hY1S3iU8k+E60W/YFs4jrixGzQjMpF4qPXxIQHcjVD9dz1C2QA==",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      }
+    },
     "@sindresorhus/is": {
       "version": "0.14.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
@@ -9028,6 +11476,12 @@
       "integrity": "sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA==",
       "dev": true
     },
+    "@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4=",
+      "dev": true
+    },
     "@types/mime": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
@@ -9218,6 +11672,137 @@
         }
       }
     },
+    "@typescript-eslint/eslint-plugin": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.27.0.tgz",
+      "integrity": "sha512-DsLqxeUfLVNp3AO7PC3JyaddmEHTtI9qTSAs+RB6ja27QvIM0TA8Cizn1qcS6vOu+WDLFJzkwkgweiyFhssDdQ==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/experimental-utils": "4.27.0",
+        "@typescript-eslint/scope-manager": "4.27.0",
+        "debug": "^4.3.1",
+        "functional-red-black-tree": "^1.0.1",
+        "lodash": "^4.17.21",
+        "regexpp": "^3.1.0",
+        "semver": "^7.3.5",
+        "tsutils": "^3.21.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        }
+      }
+    },
+    "@typescript-eslint/experimental-utils": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-4.27.0.tgz",
+      "integrity": "sha512-n5NlbnmzT2MXlyT+Y0Jf0gsmAQzCnQSWXKy4RGSXVStjDvS5we9IWbh7qRVKdGcxT0WYlgcCYUK/HRg7xFhvjQ==",
+      "dev": true,
+      "requires": {
+        "@types/json-schema": "^7.0.7",
+        "@typescript-eslint/scope-manager": "4.27.0",
+        "@typescript-eslint/types": "4.27.0",
+        "@typescript-eslint/typescript-estree": "4.27.0",
+        "eslint-scope": "^5.1.1",
+        "eslint-utils": "^3.0.0"
+      }
+    },
+    "@typescript-eslint/parser": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-4.27.0.tgz",
+      "integrity": "sha512-XpbxL+M+gClmJcJ5kHnUpBGmlGdgNvy6cehgR6ufyxkEJMGP25tZKCaKyC0W/JVpuhU3VU1RBn7SYUPKSMqQvQ==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/scope-manager": "4.27.0",
+        "@typescript-eslint/types": "4.27.0",
+        "@typescript-eslint/typescript-estree": "4.27.0",
+        "debug": "^4.3.1"
+      }
+    },
+    "@typescript-eslint/scope-manager": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-4.27.0.tgz",
+      "integrity": "sha512-DY73jK6SEH6UDdzc6maF19AHQJBFVRf6fgAXHPXCGEmpqD4vYgPEzqpFz1lf/daSbOcMpPPj9tyXXDPW2XReAw==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/types": "4.27.0",
+        "@typescript-eslint/visitor-keys": "4.27.0"
+      }
+    },
+    "@typescript-eslint/types": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-4.27.0.tgz",
+      "integrity": "sha512-I4ps3SCPFCKclRcvnsVA/7sWzh7naaM/b4pBO2hVxnM3wrU51Lveybdw5WoIktU/V4KfXrTt94V9b065b/0+wA==",
+      "dev": true
+    },
+    "@typescript-eslint/typescript-estree": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-4.27.0.tgz",
+      "integrity": "sha512-KH03GUsUj41sRLLEy2JHstnezgpS5VNhrJouRdmh6yNdQ+yl8w5LrSwBkExM+jWwCJa7Ct2c8yl8NdtNRyQO6g==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/types": "4.27.0",
+        "@typescript-eslint/visitor-keys": "4.27.0",
+        "debug": "^4.3.1",
+        "globby": "^11.0.3",
+        "is-glob": "^4.0.1",
+        "semver": "^7.3.5",
+        "tsutils": "^3.21.0"
+      },
+      "dependencies": {
+        "array-union": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+          "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+          "dev": true
+        },
+        "globby": {
+          "version": "11.0.3",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.3.tgz",
+          "integrity": "sha512-ffdmosjA807y7+lA1NM0jELARVmYul/715xiILEjo3hBLPTcirgQNnXECn5g3mtR8TOLCVbkfua1Hpen25/Xcg==",
+          "dev": true,
+          "requires": {
+            "array-union": "^2.1.0",
+            "dir-glob": "^3.0.1",
+            "fast-glob": "^3.1.1",
+            "ignore": "^5.1.4",
+            "merge2": "^1.3.0",
+            "slash": "^3.0.0"
+          }
+        },
+        "ignore": {
+          "version": "5.1.8",
+          "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
+          "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
+          "dev": true
+        },
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        }
+      }
+    },
+    "@typescript-eslint/visitor-keys": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-4.27.0.tgz",
+      "integrity": "sha512-es0GRYNZp0ieckZ938cEANfEhsfHrzuLrePukLKtY3/KPXcq1Xd555Mno9/GOgXhKzn0QfkDLVgqWO3dGY80bg==",
+      "dev": true,
+      "requires": {
+        "@typescript-eslint/types": "4.27.0",
+        "eslint-visitor-keys": "^2.0.0"
+      }
+    },
     "@vitejs/plugin-react-refresh": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-refresh/-/plugin-react-refresh-1.3.3.tgz",
@@ -9443,6 +12028,13 @@
       "integrity": "sha512-LWCF/Wn0nfHOmJ9rzQApGnxnvgfROzGilS8936rqN/lfcYkY9MYZzdMqN+2NJ4SlTc+m5HiSa+kNfDtI64dwUA==",
       "dev": 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==",
+      "dev": true,
+      "requires": {}
+    },
     "ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -9591,11 +12183,43 @@
         }
       }
     },
+    "argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "requires": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "aria-query": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-4.2.2.tgz",
+      "integrity": "sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.10.2",
+        "@babel/runtime-corejs3": "^7.10.2"
+      }
+    },
     "array-flatten": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
       "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
     },
+    "array-includes": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.3.tgz",
+      "integrity": "sha512-gcem1KlBU7c9rB+Rq8/3PPKsK2kjqeEBa3bD5kkQo4nYlOHQCJqIJFqBXDEfwaRuYTT4E+FxA9xez7Gf/e3Q7A==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.0-next.2",
+        "get-intrinsic": "^1.1.1",
+        "is-string": "^1.0.5"
+      }
+    },
     "array-union": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
@@ -9611,6 +12235,29 @@
       "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=",
       "dev": true
     },
+    "array.prototype.flat": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.4.tgz",
+      "integrity": "sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.0-next.1"
+      }
+    },
+    "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==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.0-next.1",
+        "function-bind": "^1.1.1"
+      }
+    },
     "asn1": {
       "version": "0.2.4",
       "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
@@ -9624,6 +12271,18 @@
       "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
       "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU="
     },
+    "ast-types-flow": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+      "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=",
+      "dev": true
+    },
+    "astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "dev": true
+    },
     "asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -9645,6 +12304,12 @@
       "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
       "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA=="
     },
+    "axe-core": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.2.2.tgz",
+      "integrity": "sha512-OKRkKM4ojMEZRJ5UNJHmq9tht7cEnRnqKG6KyB/trYws00Xtkv12mHtlJ0SK7cmuNbrU8dPUova3ELTuilfBbw==",
+      "dev": true
+    },
     "axios": {
       "version": "0.21.1",
       "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.1.tgz",
@@ -9653,6 +12318,12 @@
         "follow-redirects": "^1.10.0"
       }
     },
+    "axobject-query": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
+      "integrity": "sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==",
+      "dev": true
+    },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -10012,6 +12683,16 @@
         }
       }
     },
+    "call-bind": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.0.2"
+      }
+    },
     "callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -10530,6 +13211,12 @@
       "resolved": "https://registry.npmjs.org/cookiejar/-/cookiejar-2.1.2.tgz",
       "integrity": "sha512-Mw+adcfzPxcPeI+0WlvRrr/3lGVO0bD75SxX6811cxSh1Wbxx7xZBGK1eVtDf6si8rg2lhnUjsVLMFMfbRIuwA=="
     },
+    "core-js-pure": {
+      "version": "3.14.0",
+      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.14.0.tgz",
+      "integrity": "sha512-YVh+LN2FgNU0odThzm61BsdkwrbrchumFq3oztnE9vTKC4KS2fvnPmcx8t6jnqAyOTCTF4ZSiuK8Qhh7SNcL4g==",
+      "dev": true
+    },
     "core-util-is": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
@@ -10609,6 +13296,12 @@
       "resolved": "https://registry.npmjs.org/cuid/-/cuid-2.1.8.tgz",
       "integrity": "sha512-xiEMER6E7TlTPnDxrM4eRiC6TRgjNX9xzEZ5U/Se2YJKr7Mq4pJn/2XEHjl3STcSh96GmkHPcBXLES8M29wyyg=="
     },
+    "damerau-levenshtein": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.7.tgz",
+      "integrity": "sha512-VvdQIPGdWP0SqFXghj79Wf/5LArmreyMsGLa6FG6iC4t3j7j5s71TrwWmT/4akbDQIqjfACkLZmjXhA7g2oUZw==",
+      "dev": true
+    },
     "dashdash": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
@@ -10649,6 +13342,12 @@
       "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
       "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA=="
     },
+    "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=",
+      "dev": true
+    },
     "deepmerge": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
@@ -10660,6 +13359,15 @@
       "integrity": "sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==",
       "dev": true
     },
+    "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==",
+      "dev": true,
+      "requires": {
+        "object-keys": "^1.0.12"
+      }
+    },
     "del": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/del/-/del-4.1.1.tgz",
@@ -10705,6 +13413,24 @@
       "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.0.5.tgz",
       "integrity": "sha512-qi86tE6hRcFHy8jI1m2VG+LaPUR1LhqDa5G8tVjuUXmOrpuAgqsA1pN0+ldgr3aKUH+QLI9hCY/OcRYisERejw=="
     },
+    "dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "requires": {
+        "path-type": "^4.0.0"
+      }
+    },
+    "doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "requires": {
+        "esutils": "^2.0.2"
+      }
+    },
     "dom-serializer": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
@@ -10905,12 +13631,47 @@
         "is-arrayish": "^0.2.1"
       }
     },
+    "es-abstract": {
+      "version": "1.18.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.3.tgz",
+      "integrity": "sha512-nQIr12dxV7SSxE6r6f1l3DtAeEYdsGpps13dR0TwJg1S8gyp4ZPgy3FZcHBgbiQqnoqSTb+oC+kO4UQ0C/J8vw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "es-to-primitive": "^1.2.1",
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.1.1",
+        "has": "^1.0.3",
+        "has-symbols": "^1.0.2",
+        "is-callable": "^1.2.3",
+        "is-negative-zero": "^2.0.1",
+        "is-regex": "^1.1.3",
+        "is-string": "^1.0.6",
+        "object-inspect": "^1.10.3",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.2",
+        "string.prototype.trimend": "^1.0.4",
+        "string.prototype.trimstart": "^1.0.4",
+        "unbox-primitive": "^1.0.1"
+      }
+    },
     "es-module-lexer": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.4.1.tgz",
       "integrity": "sha512-ooYciCUtfw6/d2w56UVeqHPcoCFAiJdz5XOkYpv/Txl1HMUozpXjz/2RIQgqwKdXNDPSF1W7mJCFse3G+HDyAA==",
       "dev": true
     },
+    "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==",
+      "dev": true,
+      "requires": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      }
+    },
     "esbuild": {
       "version": "0.12.8",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.8.tgz",
@@ -10985,6 +13746,437 @@
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
     },
+    "eslint": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.28.0.tgz",
+      "integrity": "sha512-UMfH0VSjP0G4p3EWirscJEQ/cHqnT/iuH6oNZOB94nBjWbMnhGEPxsZm1eyIW0C/9jLI0Fow4W5DXLjEI7mn1g==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "7.12.11",
+        "@eslint/eslintrc": "^0.4.2",
+        "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",
+        "escape-string-regexp": "^4.0.0",
+        "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",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "functional-red-black-tree": "^1.0.1",
+        "glob-parent": "^5.1.2",
+        "globals": "^13.6.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.merge": "^4.6.2",
+        "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.9",
+        "text-table": "^0.2.0",
+        "v8-compile-cache": "^2.0.3"
+      },
+      "dependencies": {
+        "@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==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.10.4"
+          }
+        },
+        "ansi-regex": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
+          "dev": true
+        },
+        "escape-string-regexp": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+          "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+          "dev": true
+        },
+        "eslint-utils": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
+          "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+          "dev": 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==",
+              "dev": true
+            }
+          }
+        },
+        "globals": {
+          "version": "13.9.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.9.0.tgz",
+          "integrity": "sha512-74/FduwI/JaIrr1H8e71UbDE+5x7pIPs1C2rrwC52SszOo043CsWOZEMW7o2Y58xwm9b+0RBKDxY5n2sUpEFxA==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.20.2"
+          }
+        },
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
+          "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+          "dev": true,
+          "requires": {
+            "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==",
+          "dev": true
+        },
+        "type-fest": {
+          "version": "0.20.2",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+          "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+          "dev": true
+        }
+      }
+    },
+    "eslint-config-prettier": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz",
+      "integrity": "sha512-BgZuLUSeKzvlL/VUjx/Yb787VQ26RU3gGjA3iiFvdsp/2bMfVIWUVP7tjxtjS0e+HP409cPlPvNkQloz8C91ew==",
+      "dev": true,
+      "requires": {}
+    },
+    "eslint-import-resolver-node": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz",
+      "integrity": "sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==",
+      "dev": true,
+      "requires": {
+        "debug": "^2.6.9",
+        "resolve": "^1.13.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "eslint-module-utils": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.6.1.tgz",
+      "integrity": "sha512-ZXI9B8cxAJIH4nfkhTwcRTEAnrVfobYqwjWy/QMCZ8rHkZHFjf9yO4BzpiF9kCSfNlMG54eKigISHpX0+AaT4A==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.2.7",
+        "pkg-dir": "^2.0.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "find-up": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+          "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+          "dev": true,
+          "requires": {
+            "locate-path": "^2.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+          "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+          "dev": true,
+          "requires": {
+            "p-locate": "^2.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+          "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+          "dev": true,
+          "requires": {
+            "p-try": "^1.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+          "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+          "dev": true,
+          "requires": {
+            "p-limit": "^1.1.0"
+          }
+        },
+        "p-try": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+          "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+          "dev": true
+        },
+        "path-exists": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+          "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+          "dev": true
+        },
+        "pkg-dir": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-2.0.0.tgz",
+          "integrity": "sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=",
+          "dev": true,
+          "requires": {
+            "find-up": "^2.1.0"
+          }
+        }
+      }
+    },
+    "eslint-plugin-import": {
+      "version": "2.23.4",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.23.4.tgz",
+      "integrity": "sha512-6/wP8zZRsnQFiR3iaPFgh5ImVRM1WN5NUWfTIRqwOdeiGJlBcSk82o1FEVq8yXmy4lkIzTo7YhHCIxlU/2HyEQ==",
+      "dev": true,
+      "requires": {
+        "array-includes": "^3.1.3",
+        "array.prototype.flat": "^1.2.4",
+        "debug": "^2.6.9",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.4",
+        "eslint-module-utils": "^2.6.1",
+        "find-up": "^2.0.0",
+        "has": "^1.0.3",
+        "is-core-module": "^2.4.0",
+        "minimatch": "^3.0.4",
+        "object.values": "^1.1.3",
+        "pkg-up": "^2.0.0",
+        "read-pkg-up": "^3.0.0",
+        "resolve": "^1.20.0",
+        "tsconfig-paths": "^3.9.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "doctrine": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2"
+          }
+        },
+        "find-up": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+          "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+          "dev": true,
+          "requires": {
+            "locate-path": "^2.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+          "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+          "dev": true,
+          "requires": {
+            "p-locate": "^2.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "p-limit": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+          "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+          "dev": true,
+          "requires": {
+            "p-try": "^1.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+          "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+          "dev": true,
+          "requires": {
+            "p-limit": "^1.1.0"
+          }
+        },
+        "p-try": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+          "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+          "dev": true
+        },
+        "path-exists": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+          "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+          "dev": true
+        },
+        "resolve": {
+          "version": "1.20.0",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
+          "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
+          "dev": true,
+          "requires": {
+            "is-core-module": "^2.2.0",
+            "path-parse": "^1.0.6"
+          }
+        }
+      }
+    },
+    "eslint-plugin-jsx-a11y": {
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.4.1.tgz",
+      "integrity": "sha512-0rGPJBbwHoGNPU73/QCLP/vveMlM1b1Z9PponxO87jfr6tuH5ligXbDT6nHSSzBC8ovX2Z+BQu7Bk5D/Xgq9zg==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.11.2",
+        "aria-query": "^4.2.2",
+        "array-includes": "^3.1.1",
+        "ast-types-flow": "^0.0.7",
+        "axe-core": "^4.0.2",
+        "axobject-query": "^2.2.0",
+        "damerau-levenshtein": "^1.0.6",
+        "emoji-regex": "^9.0.0",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^3.1.0",
+        "language-tags": "^1.0.5"
+      },
+      "dependencies": {
+        "emoji-regex": {
+          "version": "9.2.2",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+          "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+          "dev": true
+        }
+      }
+    },
+    "eslint-plugin-prettier": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.4.0.tgz",
+      "integrity": "sha512-UDK6rJT6INSfcOo545jiaOwB701uAIt2/dR7WnFQoGCVl1/EMqdANBmwUaqqQ45aXprsTGzSa39LI1PyuRBxxw==",
+      "dev": true,
+      "requires": {
+        "prettier-linter-helpers": "^1.0.0"
+      }
+    },
+    "eslint-plugin-react": {
+      "version": "7.24.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.24.0.tgz",
+      "integrity": "sha512-KJJIx2SYx7PBx3ONe/mEeMz4YE0Lcr7feJTCMyyKb/341NcjuAgim3Acgan89GfPv7nxXK2+0slu0CWXYM4x+Q==",
+      "dev": true,
+      "requires": {
+        "array-includes": "^3.1.3",
+        "array.prototype.flatmap": "^1.2.4",
+        "doctrine": "^2.1.0",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.0.4",
+        "object.entries": "^1.1.4",
+        "object.fromentries": "^2.0.4",
+        "object.values": "^1.1.4",
+        "prop-types": "^15.7.2",
+        "resolve": "^2.0.0-next.3",
+        "string.prototype.matchall": "^4.0.5"
+      },
+      "dependencies": {
+        "doctrine": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2"
+          }
+        },
+        "resolve": {
+          "version": "2.0.0-next.3",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.3.tgz",
+          "integrity": "sha512-W8LucSynKUIDu9ylraa7ueVZ7hc0uAgJBxVsQSKOXOyle8a93qXhcz+XAXZ8bIq2d6i4Ehddn6Evt+0/UwKk6Q==",
+          "dev": true,
+          "requires": {
+            "is-core-module": "^2.2.0",
+            "path-parse": "^1.0.6"
+          }
+        }
+      }
+    },
+    "eslint-plugin-react-hooks": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz",
+      "integrity": "sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==",
+      "dev": true,
+      "requires": {}
+    },
     "eslint-scope": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
@@ -10995,6 +14187,69 @@
         "estraverse": "^4.1.1"
       }
     },
+    "eslint-utils": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
+      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+      "dev": true,
+      "requires": {
+        "eslint-visitor-keys": "^2.0.0"
+      }
+    },
+    "eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": 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==",
+      "dev": true,
+      "requires": {
+        "acorn": "^7.4.0",
+        "acorn-jsx": "^5.3.1",
+        "eslint-visitor-keys": "^1.3.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "7.4.1",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+          "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+          "dev": true
+        },
+        "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==",
+          "dev": 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==",
+      "dev": true
+    },
+    "esquery": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
+      "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+      "dev": 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==",
+          "dev": true
+        }
+      }
+    },
     "esrecurse": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
@@ -11018,6 +14273,12 @@
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
       "dev": true
     },
+    "esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true
+    },
     "etag": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
@@ -11133,11 +14394,37 @@
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
+    "fast-diff": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz",
+      "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==",
+      "dev": true
+    },
+    "fast-glob": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.5.tgz",
+      "integrity": "sha512-2DtFcgT68wiTTiwZ2hNdJfcHNke9XOfnwmBRWXhmeKM8rF0TGwmC/Qto3S7RoZKp5cilZbxzO5iTNTQsJ+EeDg==",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.0",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.2",
+        "picomatch": "^2.2.1"
+      }
+    },
     "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=="
     },
+    "fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
+      "dev": true
+    },
     "fast-safe-stringify": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.0.7.tgz",
@@ -11149,6 +14436,24 @@
       "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
       "dev": true
     },
+    "fastq": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.11.0.tgz",
+      "integrity": "sha512-7Eczs8gIPDrVzT+EksYBcupqMyxSHXXrHOLRRxU2/DicV8789MRBRR8+Hc2uWzUupOs4YS4JzBmBxjjCVBxD/g==",
+      "dev": true,
+      "requires": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "requires": {
+        "flat-cache": "^3.0.4"
+      }
+    },
     "file-loader": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-6.2.0.tgz",
@@ -11236,6 +14541,33 @@
         "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==",
+      "dev": true,
+      "requires": {
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
+      },
+      "dependencies": {
+        "rimraf": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+          "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "flatted": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.1.1.tgz",
+      "integrity": "sha512-zAoAQiudy+r5SvnSw3KJy5os/oRJYHzrzja/tBDqrZtNhUw8bt6y8OBzMWcjWr+8liV8Eb6yOhw8WZ7VFZ5ZzA==",
+      "dev": true
+    },
     "follow-redirects": {
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.2.tgz",
@@ -11410,6 +14742,12 @@
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
       "dev": true
     },
+    "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=",
+      "dev": true
+    },
     "gauge": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/gauge/-/gauge-1.2.7.tgz",
@@ -11434,6 +14772,17 @@
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
       "dev": true
     },
+    "get-intrinsic": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
+      "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-symbols": "^1.0.1"
+      }
+    },
     "get-stream": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.0.tgz",
@@ -11616,11 +14965,23 @@
         "function-bind": "^1.1.1"
       }
     },
+    "has-bigints": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.1.tgz",
+      "integrity": "sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==",
+      "dev": true
+    },
     "has-flag": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
       "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
     },
+    "has-symbols": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.2.tgz",
+      "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
+      "dev": true
+    },
     "has-unicode": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
@@ -11740,6 +15101,12 @@
       "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==",
+      "dev": true
+    },
     "ignore-by-default": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
@@ -11801,6 +15168,17 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
     },
+    "internal-slot": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
+      "integrity": "sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.1.0",
+        "has": "^1.0.3",
+        "side-channel": "^1.0.4"
+      }
+    },
     "interpret": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/interpret/-/interpret-2.2.0.tgz",
@@ -11823,6 +15201,12 @@
       "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
       "dev": true
     },
+    "is-bigint": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.2.tgz",
+      "integrity": "sha512-0JV5+SOCQkIdzjBK9buARcV804Ddu7A0Qet6sHi3FimE9ne6m4BGQZfRn+NZiXbBk4F4XmHfDZIipLj9pX8dSA==",
+      "dev": true
+    },
     "is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -11832,6 +15216,21 @@
         "binary-extensions": "^2.0.0"
       }
     },
+    "is-boolean-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.1.tgz",
+      "integrity": "sha512-bXdQWkECBUIAcCkeH1unwJLIpZYaa5VvuygSyS/c2lf719mTKZDU5UdDRlpd01UjADgmW8RfqaP+mRaVPdr/Ng==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2"
+      }
+    },
+    "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==",
+      "dev": true
+    },
     "is-ci": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
@@ -11842,14 +15241,20 @@
       }
     },
     "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==",
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.4.0.tgz",
+      "integrity": "sha512-6A2fkfq1rfeQZjxrZJGerpLCTHRNEBiSgnu0+obeJpEPZRUooHgsizvzv0ZjJwOz3iWIHdJtVWJ/tmPr3D21/A==",
       "dev": true,
       "requires": {
         "has": "^1.0.3"
       }
     },
+    "is-date-object": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.4.tgz",
+      "integrity": "sha512-/b4ZVsG7Z5XVtIxs/h9W8nvfLgSAyKYdtGWQLbqy6jA1icmgjf8WCoTKgeS4wy5tYaPePouzFMANbnj94c2Z+A==",
+      "dev": true
+    },
     "is-docker": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.1.1.tgz",
@@ -11906,6 +15311,12 @@
       "resolved": "https://registry.npmjs.org/is-iojs/-/is-iojs-1.1.0.tgz",
       "integrity": "sha1-TBEDO11dlNbqs3dd7cm+fQCDJfE="
     },
+    "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==",
+      "dev": true
+    },
     "is-npm": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-4.0.0.tgz",
@@ -11918,6 +15329,12 @@
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
       "dev": true
     },
+    "is-number-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.5.tgz",
+      "integrity": "sha512-RU0lI/n95pMoUKu9v1BZP5MBcZuNSVJkMkAG2dJqC4z2GlkGUNeH68SuHuBKBD/XFe+LHZ+f9BKkLET60Niedw==",
+      "dev": true
+    },
     "is-obj": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
@@ -11957,11 +15374,36 @@
         "isobject": "^3.0.1"
       }
     },
+    "is-regex": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.3.tgz",
+      "integrity": "sha512-qSVXFz28HM7y+IWX6vLCsexdlvzT1PJNFSBuaQLQ5o0IEw8UDYW6/2+eCMVyIsbM8CNLX2a/QWmSpyxYEHY7CQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-symbols": "^1.0.2"
+      }
+    },
     "is-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.0.tgz",
       "integrity": "sha512-XCoy+WlUr7d1+Z8GgSuXmpuUFC9fOhRXglJMx+dwLKTkL44Cjd4W1Z5P+BQZpr+cR93aGP4S/s7Ftw6Nd/kiEw=="
     },
+    "is-string": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.6.tgz",
+      "integrity": "sha512-2gdzbKUuqtQ3lYNrUTQYoClPhm7oQu4UdpSZMp1/DGgkHBT8E2Z1l0yMdb6D4zNAxwDiMv8MdulKROJGNl0Q0w==",
+      "dev": true
+    },
+    "is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "requires": {
+        "has-symbols": "^1.0.2"
+      }
+    },
     "is-typedarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
@@ -12051,6 +15493,16 @@
       "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==",
+      "dev": true,
+      "requires": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      }
+    },
     "jsbn": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
@@ -12090,6 +15542,12 @@
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
       "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
     },
+    "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=",
+      "dev": true
+    },
     "json-stringify-safe": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
@@ -12123,6 +15581,16 @@
         "verror": "1.10.0"
       }
     },
+    "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==",
+      "dev": true,
+      "requires": {
+        "array-includes": "^3.1.2",
+        "object.assign": "^4.1.2"
+      }
+    },
     "keyv": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.1.0.tgz",
@@ -12138,6 +15606,21 @@
       "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
       "dev": true
     },
+    "language-subtag-registry": {
+      "version": "0.3.21",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
+      "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
+      "dev": true
+    },
+    "language-tags": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
+      "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=",
+      "dev": true,
+      "requires": {
+        "language-subtag-registry": "~0.3.2"
+      }
+    },
     "latest-version": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-5.1.0.tgz",
@@ -12155,6 +15638,16 @@
         "invert-kv": "^1.0.0"
       }
     },
+    "levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      }
+    },
     "lines-and-columns": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz",
@@ -12193,6 +15686,36 @@
         }
       }
     },
+    "load-json-file": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
+      "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "parse-json": "^4.0.0",
+        "pify": "^3.0.0",
+        "strip-bom": "^3.0.0"
+      },
+      "dependencies": {
+        "parse-json": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+          "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
+          "dev": true,
+          "requires": {
+            "error-ex": "^1.3.1",
+            "json-parse-better-errors": "^1.0.1"
+          }
+        },
+        "pify": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+          "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+          "dev": true
+        }
+      }
+    },
     "loader-runner": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.2.0.tgz",
@@ -12235,6 +15758,18 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
+      "dev": true
+    },
+    "lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
     "lodash.pad": {
       "version": "4.5.1",
       "resolved": "https://registry.npmjs.org/lodash.pad/-/lodash.pad-4.5.1.tgz",
@@ -12250,6 +15785,12 @@
       "resolved": "https://registry.npmjs.org/lodash.padstart/-/lodash.padstart-4.6.1.tgz",
       "integrity": "sha1-0uPuv/DZ05rVD1y9G1KnvOa7YRs="
     },
+    "lodash.truncate": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+      "dev": true
+    },
     "loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -12353,11 +15894,27 @@
       "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
       "dev": true
     },
+    "merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true
+    },
     "methods": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
       "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4="
     },
+    "micromatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz",
+      "integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==",
+      "dev": true,
+      "requires": {
+        "braces": "^3.0.1",
+        "picomatch": "^2.2.3"
+      }
+    },
     "microseconds": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/microseconds/-/microseconds-0.2.0.tgz",
@@ -12481,6 +16038,12 @@
         "loader-utils": "^1.2.3"
       }
     },
+    "natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
+    },
     "negotiator": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
@@ -12653,6 +16216,64 @@
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
     },
+    "object-inspect": {
+      "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.10.3.tgz",
+      "integrity": "sha512-e5mCJlSH7poANfC8z8S9s9S2IN5/4Zb3aZ33f5s8YqoazCFzNLloLU8r5VCG+G7WoqLvAAZoVMcy3tp/3X0Plw==",
+      "dev": true
+    },
+    "object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true
+    },
+    "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==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3",
+        "has-symbols": "^1.0.1",
+        "object-keys": "^1.1.1"
+      }
+    },
+    "object.entries": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.4.tgz",
+      "integrity": "sha512-h4LWKWE+wKQGhtMjZEBud7uLGhqyLwj8fpHOarZhD2uY3C9cRtk57VQ89ke3moByLXMedqs3XCHzyb4AmA2DjA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.2"
+      }
+    },
+    "object.fromentries": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.4.tgz",
+      "integrity": "sha512-EsFBshs5RUUpQEY1D4q/m59kMfz4YJvxuNCJcv/jWwOJr34EaVnG11ZrZa0UHB3wnzV1wx8m58T4hQL8IuNXlQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.0-next.2",
+        "has": "^1.0.3"
+      }
+    },
+    "object.values": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.4.tgz",
+      "integrity": "sha512-TnGo7j4XSnKQoK3MfvkzqKCi0nVe/D9I9IjwTNYdb/fxYHpjrluHVOgw0AF6jrRFGMPHdfuidR09tIDiIvnaSg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.2"
+      }
+    },
     "omggif": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/omggif/-/omggif-1.0.10.tgz",
@@ -12692,6 +16313,20 @@
         "is-wsl": "^2.1.1"
       }
     },
+    "optionator": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
+      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+      "dev": 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-locale": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
@@ -12880,9 +16515,9 @@
       }
     },
     "picomatch": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
-      "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz",
+      "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==",
       "dev": true
     },
     "pify": {
@@ -12923,6 +16558,66 @@
         "find-up": "^4.0.0"
       }
     },
+    "pkg-up": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz",
+      "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=",
+      "dev": true,
+      "requires": {
+        "find-up": "^2.1.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+          "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+          "dev": true,
+          "requires": {
+            "locate-path": "^2.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+          "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+          "dev": true,
+          "requires": {
+            "p-locate": "^2.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+          "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+          "dev": true,
+          "requires": {
+            "p-try": "^1.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+          "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+          "dev": true,
+          "requires": {
+            "p-limit": "^1.1.0"
+          }
+        },
+        "p-try": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+          "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+          "dev": true
+        },
+        "path-exists": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+          "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+          "dev": true
+        }
+      }
+    },
     "plist": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/plist/-/plist-3.0.2.tgz",
@@ -13099,12 +16794,33 @@
         }
       }
     },
+    "prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true
+    },
     "prepend-http": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
       "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=",
       "dev": true
     },
+    "prettier": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.3.1.tgz",
+      "integrity": "sha512-p+vNbgpLjif/+D+DwAZAbndtRrR0md0MwfmOVN9N+2RgyACMT+7tfaRnT+WDPkqnuVwleyuBIG2XBxKDme3hPA==",
+      "dev": true
+    },
+    "prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "requires": {
+        "fast-diff": "^1.1.2"
+      }
+    },
     "process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
@@ -13178,6 +16894,12 @@
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.6.tgz",
       "integrity": "sha512-TIRk4aqYLNoJUbd+g2lEdz5kLWIuTMRagAXxl78Q0RiVjAOugHmeKNGdd3cwo/ktpf9aL9epCfFqWDEKysUlLQ=="
     },
+    "queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true
+    },
     "randombytes": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -13329,6 +17051,93 @@
         "type-fest": "^0.6.0"
       }
     },
+    "read-pkg-up": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-3.0.0.tgz",
+      "integrity": "sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=",
+      "dev": true,
+      "requires": {
+        "find-up": "^2.0.0",
+        "read-pkg": "^3.0.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+          "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+          "dev": true,
+          "requires": {
+            "locate-path": "^2.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+          "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+          "dev": true,
+          "requires": {
+            "p-locate": "^2.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+          "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+          "dev": true,
+          "requires": {
+            "p-try": "^1.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+          "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+          "dev": true,
+          "requires": {
+            "p-limit": "^1.1.0"
+          }
+        },
+        "p-try": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+          "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+          "dev": true
+        },
+        "path-exists": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+          "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+          "dev": true
+        },
+        "path-type": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+          "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+          "dev": true,
+          "requires": {
+            "pify": "^3.0.0"
+          }
+        },
+        "pify": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+          "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+          "dev": true
+        },
+        "read-pkg": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
+          "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
+          "dev": true,
+          "requires": {
+            "load-json-file": "^4.0.0",
+            "normalize-package-data": "^2.3.2",
+            "path-type": "^3.0.0"
+          }
+        }
+      }
+    },
     "readable-stream": {
       "version": "1.0.34",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
@@ -13363,6 +17172,22 @@
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
       "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew=="
     },
+    "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==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      }
+    },
+    "regexpp": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
+      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
+      "dev": true
+    },
     "registry-auth-token": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.1.tgz",
@@ -13431,6 +17256,12 @@
       "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
       "dev": 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==",
+      "dev": true
+    },
     "resolve": {
       "version": "1.19.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz",
@@ -13478,6 +17309,12 @@
         "lowercase-keys": "^1.0.0"
       }
     },
+    "reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true
+    },
     "rimraf": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
@@ -13486,6 +17323,15 @@
         "glob": "^7.1.3"
       }
     },
+    "run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "requires": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
     "rxjs": {
       "version": "6.6.6",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.6.tgz",
@@ -13660,6 +17506,17 @@
       "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==",
       "dev": true
     },
+    "side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      }
+    },
     "signal-exit": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
@@ -13695,6 +17552,31 @@
         }
       }
     },
+    "slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true
+    },
+    "slice-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "dev": 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==",
+          "dev": true
+        }
+      }
+    },
     "slide": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/slide/-/slide-1.1.6.tgz",
@@ -13781,6 +17663,12 @@
         "superagent": "^6.1.0"
       }
     },
+    "sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
+      "dev": true
+    },
     "sshpk": {
       "version": "1.16.1",
       "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz",
@@ -13817,6 +17705,42 @@
         "strip-ansi": "^3.0.0"
       }
     },
+    "string.prototype.matchall": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.5.tgz",
+      "integrity": "sha512-Z5ZaXO0svs0M2xd/6By3qpeKpLKd9mO4v4q3oMEQrk8Ck4xOD5d5XeBOOjGrmVZZ/AHB1S0CgG4N5r1G9N3E2Q==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.2",
+        "get-intrinsic": "^1.1.1",
+        "has-symbols": "^1.0.2",
+        "internal-slot": "^1.0.3",
+        "regexp.prototype.flags": "^1.3.1",
+        "side-channel": "^1.0.4"
+      }
+    },
+    "string.prototype.trimend": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz",
+      "integrity": "sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      }
+    },
+    "string.prototype.trimstart": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz",
+      "integrity": "sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      }
+    },
     "strip-ansi": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
@@ -13825,6 +17749,12 @@
         "ansi-regex": "^2.0.0"
       }
     },
+    "strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
+      "dev": true
+    },
     "strip-final-newline": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
@@ -13912,6 +17842,72 @@
         }
       }
     },
+    "table": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.7.1.tgz",
+      "integrity": "sha512-ZGum47Yi6KOOFDE8m223td53ath2enHcYLgOCjGr5ngu8bdIARQk6mN/wRMv4yMRcHnCSnHbCEha4sobQx5yWg==",
+      "dev": true,
+      "requires": {
+        "ajv": "^8.0.1",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.truncate": "^4.4.2",
+        "slice-ansi": "^4.0.0",
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "8.6.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.0.tgz",
+          "integrity": "sha512-cnUG4NSBiM4YFBxgZIj/In3/6KX+rQ2l2YPRVcvAMQGWEPKuXoPIhxzwqh31jA3IPbI4qEOp/5ILI4ynioXsGQ==",
+          "dev": 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"
+          }
+        },
+        "ansi-regex": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
+          "dev": true
+        },
+        "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==",
+          "dev": 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==",
+          "dev": true
+        },
+        "string-width": {
+          "version": "4.2.2",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.2.tgz",
+          "integrity": "sha512-XBJbT3N4JhVumXE0eoLU9DCjcaF92KLNqTmFCnG1pf8duUxFGwtP6AD6nkjw9a3IdiRtL3E2w3JDiE/xi3vOeA==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
+          "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.0"
+          }
+        }
+      }
+    },
     "tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
@@ -14059,6 +18055,12 @@
         }
       }
     },
+    "text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
     "timm": {
       "version": "1.7.1",
       "resolved": "https://registry.npmjs.org/timm/-/timm-1.7.1.tgz",
@@ -14134,12 +18136,44 @@
       "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
       "dev": true
     },
+    "tsconfig-paths": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz",
+      "integrity": "sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==",
+      "dev": true,
+      "requires": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.1",
+        "minimist": "^1.2.0",
+        "strip-bom": "^3.0.0"
+      },
+      "dependencies": {
+        "json5": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        }
+      }
+    },
     "tslib": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
       "dev": true
     },
+    "tsutils": {
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.8.1"
+      }
+    },
     "tunnel-agent": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
@@ -14153,6 +18187,15 @@
       "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
       "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q="
     },
+    "type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "^1.2.1"
+      }
+    },
     "type-fest": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
@@ -14183,6 +18226,18 @@
       "integrity": "sha512-qOcYwxaByStAWrBf4x0fibwZvMRG+r4cQoTjbPtUlrWjBHbmCAww1i448U0GJ+3cNNEtebDteo/cHOR3xJ4wEw==",
       "dev": true
     },
+    "unbox-primitive": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
+      "integrity": "sha512-tZU/3NqK3dA5gpE1KtyiJUrEB0lxnGkMFHptJ7q6ewdZ8s12QrODwNbhIJStmJkd1QDXa1NRA8aF2A1zk/Ypyw==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "has-bigints": "^1.0.1",
+        "has-symbols": "^1.0.2",
+        "which-boxed-primitive": "^1.0.2"
+      }
+    },
     "undefsafe": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.3.tgz",
@@ -14528,6 +18583,19 @@
         "isexe": "^2.0.0"
       }
     },
+    "which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "requires": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      }
+    },
     "which-pm-runs": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.0.0.tgz",
@@ -14595,6 +18663,12 @@
       "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.4.tgz",
       "integrity": "sha1-+OGqHuWlPsW/FR/6CXQqatdpeHY="
     },
+    "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==",
+      "dev": true
+    },
     "wrap-ansi": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
diff --git a/package.json b/package.json
index 1b54ba38..bd418551 100644
--- a/package.json
+++ b/package.json
@@ -7,8 +7,8 @@
   "private": true,
   "scripts": {
     "build": "webpack --mode=production",
-    "dev": "nodemon -w src/** -e ts,tsx -x 'node esbuild.config.mjs'",
-    "check-types": "tsc --noEmit --watch",
+    "dev": "nodemon -w src/ -e ts,tsx -x 'node esbuild.config.mjs'",
+    "check-types": "nodemon --quiet -e tsx,ts -w src/ -x tsc --noEmit --pretty",
     "start": "cd dist && qode index.js",
     "start:watch": "nodemon -w dist -e js -x \"npm start\"",
     "start-dev": "concurrently -n \"esbuild,spotube,tsc\" -p \"{name}\" -c \"bgYellow.black.bold,bgGreen.black.bold,bgBlue.black.bold\" -i --default-input-target spotube \"npm run dev\" \"npm run start:watch\" \"npm run check-types\"",
@@ -60,16 +60,26 @@
     "@types/spotify-web-api-node": "^5.0.0",
     "@types/uuid": "^8.3.0",
     "@types/webpack-env": "^1.15.3",
+    "@typescript-eslint/eslint-plugin": "^4.27.0",
+    "@typescript-eslint/parser": "^4.27.0",
     "@vitejs/plugin-react-refresh": "^1.3.3",
     "clean-webpack-plugin": "^3.0.0",
     "concurrently": "^6.0.0",
     "cross-env": "^7.0.3",
     "esbuild": "^0.12.8",
     "esbuild-loader": "^2.13.1",
+    "eslint": "^7.28.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
     "file-loader": "^6.2.0",
     "fork-ts-checker-webpack-plugin": "^6.2.0",
     "native-addon-loader": "^2.0.1",
     "nodemon": "^2.0.7",
+    "prettier": "^2.3.1",
     "typescript": "^4.2.3",
     "webpack": "^5.27.0",
     "webpack-cli": "^4.4.0"
diff --git a/src/app.tsx b/src/app.tsx
index 52bd8621..83440e8d 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -1,6 +1,13 @@
 import React, { useState, useEffect, useRef } from "react";
 import { Window, hot, View } from "@nodegui/react-nodegui";
-import { QIcon, QMainWindow, WidgetEventTypes, WindowState, QShortcut, QKeySequence } from "@nodegui/nodegui";
+import {
+    QIcon,
+    QMainWindow,
+    WidgetEventTypes,
+    WindowState,
+    QShortcut,
+    QKeySequence,
+} from "@nodegui/nodegui";
 import { MemoryRouter } from "react-router";
 import Routes from "./routes";
 import { LocalStorage } from "node-localstorage";
@@ -16,11 +23,13 @@ import fs from "fs";
 import path from "path";
 import { confDir, LocalStorageKeys } from "./conf";
 import spotubeIcon from "../assets/icon.svg";
-import preferencesContext, { PreferencesContextProperties } from "./context/preferencesContext";
+import preferencesContext, {
+    PreferencesContextProperties,
+} from "./context/preferencesContext";
 
 export interface Credentials {
-  clientId: string;
-  clientSecret: string;
+    clientId: string;
+    clientSecret: string;
 }
 
 const minSize = { width: 700, height: 750 };
@@ -29,183 +38,244 @@ const localStorageDir = path.join(confDir, "local");
 fs.mkdirSync(localStorageDir, { recursive: true });
 global.localStorage = new LocalStorage(localStorageDir);
 const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      onError(error) {
-        showError(error);
-      },
+    defaultOptions: {
+        queries: {
+            onError(error) {
+                showError(error);
+            },
+        },
     },
-  },
 });
 
 const initialPreferences: PreferencesContextProperties = {
-  playlistImages: false,
+    playlistImages: false,
 };
 const initialCredentials: Credentials = { clientId: "", clientSecret: "" };
 
 //* Application start
 function RootApp() {
-  const windowRef = useRef<QMainWindow>();
-  const [currentTrack, setCurrentTrack] = useState<CurrentTrack>();
-  // cache
-  const cachedPreferences = localStorage.getItem(LocalStorageKeys.preferences);
-  const cachedCredentials = localStorage.getItem(LocalStorageKeys.credentials);
-  // state
-  const [isLoggedIn, setIsLoggedIn] = useState<boolean>(false);
+    const windowRef = useRef<QMainWindow>();
+    const [currentTrack, setCurrentTrack] = useState<CurrentTrack>();
+    // cache
+    const cachedPreferences = localStorage.getItem(LocalStorageKeys.preferences);
+    const cachedCredentials = localStorage.getItem(LocalStorageKeys.credentials);
+    // state
+    const [isLoggedIn, setIsLoggedIn] = useState<boolean>(false);
 
-  const [credentials, setCredentials] = useState<Credentials>(() => {
-    if (cachedCredentials) {
-      return JSON.parse(cachedCredentials);
-    }
-    return initialCredentials;
-  });
-  const [preferences, setPreferences] = useState<PreferencesContextProperties>(() => {
-    if (cachedPreferences) {
-      return JSON.parse(cachedPreferences);
-    }
-    return initialPreferences;
-  });
-  const [access_token, setAccess_token] = useState<string>("");
-  const [currentPlaylist, setCurrentPlaylist] = useState<CurrentPlaylist>();
-
-  useEffect(() => {
-    const parsedCredentials: Credentials = JSON.parse(cachedCredentials ?? "{}");
-    setIsLoggedIn(!!(parsedCredentials.clientId && parsedCredentials.clientSecret));
-  }, []);
-
-  // for user code login
-  useEffect(() => {
-    // saving changed credentials to storage
-    localStorage.setItem(LocalStorageKeys.credentials, JSON.stringify(credentials));
-    if (credentials.clientId && credentials.clientSecret && !localStorage.getItem(LocalStorageKeys.refresh_token)) {
-      const app = express();
-      app.use(express.json());
-
-      app.get<null, null, null, { code: string }>("/auth/spotify/callback", async (req, res) => {
-        try {
-          spotifyApi.setClientId(credentials.clientId);
-          spotifyApi.setClientSecret(credentials.clientSecret);
-          const { body: authRes } = await spotifyApi.authorizationCodeGrant(req.query.code);
-          setAccess_token(authRes.access_token);
-          localStorage.setItem(LocalStorageKeys.refresh_token, authRes.refresh_token);
-          setIsLoggedIn(true);
-          return res.end();
-        } catch (error) {
-          console.error("Failed to fullfil code grant flow: ", error);
+    const [credentials, setCredentials] = useState<Credentials>(() => {
+        if (cachedCredentials) {
+            return JSON.parse(cachedCredentials);
         }
-      });
-
-      const server = app.listen(4304, () => {
-        console.log("Server is running");
-        spotifyApi.setClientId(credentials.clientId);
-        spotifyApi.setClientSecret(credentials.clientSecret);
-        open(spotifyApi.createAuthorizeURL(["user-library-read", "playlist-read-private", "user-library-modify", "playlist-modify-private", "playlist-modify-public"], "xxxyyysssddd")).catch((e) =>
-          console.error("Opening IPC connection with browser failed: ", e)
-        );
-      });
-      return () => {
-        server.close(() => console.log("Closed server"));
-      };
-    }
-  }, [credentials]);
-
-  // just saves the preferences
-  useEffect(() => {
-    localStorage.setItem(LocalStorageKeys.preferences, JSON.stringify(preferences));
-  }, [preferences]);
-
-  // window event listeners
-  useEffect(() => {
-    const onWindowClose = () => {
-      if (audioPlayer.isRunning()) {
-        audioPlayer.stop().catch((e) => console.error("Failed to quit MPV player: ", e));
-      }
-    };
-
-    windowRef.current?.addEventListener(WidgetEventTypes.Close, onWindowClose);
-
-    return () => {
-      windowRef.current?.removeEventListener(WidgetEventTypes.Close, onWindowClose);
-    };
-  });
-  let spaceShortcut: QShortcut | null;
-  let rightShortcut: QShortcut | null;
-  let leftShortcut: QShortcut | null;
-  // short cut effect
-  useEffect(() => {
-    if (windowRef.current) {
-      spaceShortcut = new QShortcut(windowRef.current);
-      rightShortcut = new QShortcut(windowRef.current);
-      leftShortcut = new QShortcut(windowRef.current);
-
-      spaceShortcut.setKey(new QKeySequence("SPACE"));
-      rightShortcut.setKey(new QKeySequence("RIGHT"));
-      leftShortcut.setKey(new QKeySequence("LEFT"));
-
-      async function spaceAction() {
-        try {
-          currentTrack && audioPlayer.isRunning() && (await audioPlayer.isPaused()) ? await audioPlayer.play() : await audioPlayer.pause();
-          console.log("You pressed SPACE");
-        } catch (error) {
-          showError(error, "[Failed to play/pause audioPlayer]: ");
+        return initialCredentials;
+    });
+    const [preferences, setPreferences] = useState<PreferencesContextProperties>(() => {
+        if (cachedPreferences) {
+            return JSON.parse(cachedPreferences);
         }
-      }
-      async function rightAction() {
-        try {
-          currentTrack && audioPlayer.isRunning() && (await audioPlayer.isSeekable()) && (await audioPlayer.seek(+5));
-          console.log("You pressed RIGHT");
-        } catch (error) {
-          showError(error, "[Failed to seek audioPlayer]: ");
+        return initialPreferences;
+    });
+    const [access_token, setAccess_token] = useState<string>("");
+    const [currentPlaylist, setCurrentPlaylist] = useState<CurrentPlaylist>();
+
+    useEffect(() => {
+        const parsedCredentials: Credentials = JSON.parse(cachedCredentials ?? "{}");
+        setIsLoggedIn(!!(parsedCredentials.clientId && parsedCredentials.clientSecret));
+    }, []);
+
+    // for user code login
+    useEffect(() => {
+        // saving changed credentials to storage
+        localStorage.setItem(LocalStorageKeys.credentials, JSON.stringify(credentials));
+        if (
+            credentials.clientId &&
+            credentials.clientSecret &&
+            !localStorage.getItem(LocalStorageKeys.refresh_token)
+        ) {
+            const app = express();
+            app.use(express.json());
+
+            app.get<null, null, null, { code: string }>(
+                "/auth/spotify/callback",
+                async (req, res) => {
+                    try {
+                        spotifyApi.setClientId(credentials.clientId);
+                        spotifyApi.setClientSecret(credentials.clientSecret);
+                        const { body: authRes } = await spotifyApi.authorizationCodeGrant(
+                            req.query.code,
+                        );
+                        setAccess_token(authRes.access_token);
+                        localStorage.setItem(
+                            LocalStorageKeys.refresh_token,
+                            authRes.refresh_token,
+                        );
+                        setIsLoggedIn(true);
+                        return res.end();
+                    } catch (error) {
+                        console.error("Failed to fullfil code grant flow: ", error);
+                    }
+                },
+            );
+
+            const server = app.listen(4304, () => {
+                console.log("Server is running");
+                spotifyApi.setClientId(credentials.clientId);
+                spotifyApi.setClientSecret(credentials.clientSecret);
+                open(
+                    spotifyApi.createAuthorizeURL(
+                        [
+                            "user-library-read",
+                            "playlist-read-private",
+                            "user-library-modify",
+                            "playlist-modify-private",
+                            "playlist-modify-public",
+                        ],
+                        "xxxyyysssddd",
+                    ),
+                ).catch((e) =>
+                    console.error("Opening IPC connection with browser failed: ", e),
+                );
+            });
+            return () => {
+                server.close(() => console.log("Closed server"));
+            };
         }
-      }
-      async function leftAction() {
-        try {
-          currentTrack && audioPlayer.isRunning() && (await audioPlayer.isSeekable()) && (await audioPlayer.seek(-5));
-          console.log("You pressed LEFT");
-        } catch (error) {
-          showError(error, "[Failed to seek audioPlayer]: ");
+    }, [credentials]);
+
+    // just saves the preferences
+    useEffect(() => {
+        localStorage.setItem(LocalStorageKeys.preferences, JSON.stringify(preferences));
+    }, [preferences]);
+
+    // window event listeners
+    useEffect(() => {
+        const onWindowClose = () => {
+            if (audioPlayer.isRunning()) {
+                audioPlayer
+                    .stop()
+                    .catch((e) => console.error("Failed to quit MPV player: ", e));
+            }
+        };
+
+        windowRef.current?.addEventListener(WidgetEventTypes.Close, onWindowClose);
+
+        return () => {
+            windowRef.current?.removeEventListener(WidgetEventTypes.Close, onWindowClose);
+        };
+    });
+    let spaceShortcut: QShortcut | null;
+    let rightShortcut: QShortcut | null;
+    let leftShortcut: QShortcut | null;
+    // short cut effect
+    useEffect(() => {
+        if (windowRef.current) {
+            spaceShortcut = new QShortcut(windowRef.current);
+            rightShortcut = new QShortcut(windowRef.current);
+            leftShortcut = new QShortcut(windowRef.current);
+
+            spaceShortcut.setKey(new QKeySequence("SPACE"));
+            rightShortcut.setKey(new QKeySequence("RIGHT"));
+            leftShortcut.setKey(new QKeySequence("LEFT"));
+
+            async function spaceAction() {
+                try {
+                    currentTrack &&
+                    audioPlayer.isRunning() &&
+                    (await audioPlayer.isPaused())
+                        ? await audioPlayer.play()
+                        : await audioPlayer.pause();
+                    console.log("You pressed SPACE");
+                } catch (error) {
+                    showError(error, "[Failed to play/pause audioPlayer]: ");
+                }
+            }
+            async function rightAction() {
+                try {
+                    currentTrack &&
+                        audioPlayer.isRunning() &&
+                        (await audioPlayer.isSeekable()) &&
+                        (await audioPlayer.seek(+5));
+                    console.log("You pressed RIGHT");
+                } catch (error) {
+                    showError(error, "[Failed to seek audioPlayer]: ");
+                }
+            }
+            async function leftAction() {
+                try {
+                    currentTrack &&
+                        audioPlayer.isRunning() &&
+                        (await audioPlayer.isSeekable()) &&
+                        (await audioPlayer.seek(-5));
+                    console.log("You pressed LEFT");
+                } catch (error) {
+                    showError(error, "[Failed to seek audioPlayer]: ");
+                }
+            }
+
+            spaceShortcut.addEventListener("activated", spaceAction);
+            rightShortcut.addEventListener("activated", rightAction);
+            leftShortcut.addEventListener("activated", leftAction);
+
+            return () => {
+                spaceShortcut?.removeEventListener("activated", spaceAction);
+                rightShortcut?.removeEventListener("activated", rightAction);
+                leftShortcut?.removeEventListener("activated", leftAction);
+                spaceShortcut = null;
+                rightShortcut = null;
+                leftShortcut = null;
+            };
         }
-      }
+    });
 
-      spaceShortcut.addEventListener("activated", spaceAction);
-      rightShortcut.addEventListener("activated", rightAction);
-      leftShortcut.addEventListener("activated", leftAction);
-
-      return () => {
-        spaceShortcut?.removeEventListener("activated", spaceAction);
-        rightShortcut?.removeEventListener("activated", rightAction);
-        leftShortcut?.removeEventListener("activated", leftAction);
-        spaceShortcut = null;
-        rightShortcut = null;
-        leftShortcut = null;
-      };
-    }
-  });
-
-  return (
-    <Window ref={windowRef} windowState={WindowState.WindowMaximized} windowIcon={winIcon} windowTitle="Spotube" minSize={minSize}>
-      <MemoryRouter>
-        <authContext.Provider value={{ isLoggedIn, setIsLoggedIn, access_token, setAccess_token, ...credentials, setCredentials }}>
-          <preferencesContext.Provider value={{ ...preferences, setPreferences }}>
-            <playerContext.Provider value={{ currentPlaylist, currentTrack, setCurrentPlaylist, setCurrentTrack }}>
-              <QueryClientProvider client={queryClient}>
-                <View style={`flex: 1; flex-direction: 'column'; align-items: 'stretch';`}>
-                  <Routes />
-                  {isLoggedIn && <Player />}
-                </View>
-              </QueryClientProvider>
-            </playerContext.Provider>
-          </preferencesContext.Provider>
-        </authContext.Provider>
-      </MemoryRouter>
-    </Window>
-  );
+    return (
+        <Window
+            ref={windowRef}
+            windowState={WindowState.WindowMaximized}
+            windowIcon={winIcon}
+            windowTitle="Spotube"
+            minSize={minSize}
+        >
+            <MemoryRouter>
+                <authContext.Provider
+                    value={{
+                        isLoggedIn,
+                        setIsLoggedIn,
+                        access_token,
+                        setAccess_token,
+                        ...credentials,
+                        setCredentials,
+                    }}
+                >
+                    <preferencesContext.Provider
+                        value={{ ...preferences, setPreferences }}
+                    >
+                        <playerContext.Provider
+                            value={{
+                                currentPlaylist,
+                                currentTrack,
+                                setCurrentPlaylist,
+                                setCurrentTrack,
+                            }}
+                        >
+                            <QueryClientProvider client={queryClient}>
+                                <View
+                                    style={`flex: 1; flex-direction: 'column'; align-items: 'stretch';`}
+                                >
+                                    <Routes />
+                                    {isLoggedIn && <Player />}
+                                </View>
+                            </QueryClientProvider>
+                        </playerContext.Provider>
+                    </preferencesContext.Provider>
+                </authContext.Provider>
+            </MemoryRouter>
+        </Window>
+    );
 }
 
 class App extends React.Component {
-  render() {
-    return <RootApp />;
-  }
+    render() {
+        return <RootApp />;
+    }
 }
 
 export default hot(App);
diff --git a/src/components/Artist.tsx b/src/components/Artist.tsx
new file mode 100644
index 00000000..67dee39e
--- /dev/null
+++ b/src/components/Artist.tsx
@@ -0,0 +1,10 @@
+import { ScrollArea } from "@nodegui/react-nodegui";
+import React from "react";
+
+function Artist() {
+    return (
+        <ScrollArea style="min-height: 750px; max-height: 1980px; max-width: 1980px; min-width: 700px; border: none;"></ScrollArea>
+    );
+}
+
+export default Artist;
diff --git a/src/components/BackButton.tsx b/src/components/BackButton.tsx
index ffdf209f..2add1305 100644
--- a/src/components/BackButton.tsx
+++ b/src/components/BackButton.tsx
@@ -5,9 +5,15 @@ import { angleLeft } from "../icons";
 import IconButton from "./shared/IconButton";
 
 function BackButton(): ReactElement {
-  const history = useHistory();
+    const history = useHistory();
 
-  return <IconButton style={"align-self: flex-start;"} icon={new QIcon(angleLeft)} on={{ clicked: () => history.goBack() }} />;
+    return (
+        <IconButton
+            style={"align-self: flex-start;"}
+            icon={new QIcon(angleLeft)}
+            on={{ clicked: () => history.goBack() }}
+        />
+    );
 }
 
 export default BackButton;
diff --git a/src/components/CurrentPlaylist.tsx b/src/components/CurrentPlaylist.tsx
index 92dd5438..93414bd1 100644
--- a/src/components/CurrentPlaylist.tsx
+++ b/src/components/CurrentPlaylist.tsx
@@ -5,31 +5,39 @@ import { TrackTableIndex } from "./PlaylistView";
 import { TrackButton } from "./shared/TrackButton";
 
 function CurrentPlaylist() {
-  const { currentPlaylist, currentTrack } = useContext(playerContext);
+    const { currentPlaylist, currentTrack } = useContext(playerContext);
 
-  if (!currentPlaylist && !currentTrack) {
-    return <Text style="flex: 1;">{`<center>There is nothing being played now</center>`}</Text>;
-  }
+    if (!currentPlaylist && !currentTrack) {
+        return (
+            <Text style="flex: 1;">{`<center>There is nothing being played now</center>`}</Text>
+        );
+    }
 
-  if (currentTrack && !currentPlaylist) {
-    <View style="flex: 1;">
-      <TrackButton track={currentTrack} index={0}/>
-    </View>
-  }
+    if (currentTrack && !currentPlaylist) {
+        <View style="flex: 1;">
+            <TrackButton track={currentTrack} index={0} />
+        </View>;
+    }
 
-  return (
-    <View style="flex: 1; flex-direction: 'column';">
-      <Text>{`<center><h2>${currentPlaylist?.name}</h2></center>`}</Text>
-      <TrackTableIndex />
-      <ScrollArea style={`flex:1; flex-grow: 1; border: none;`}>
-        <View style={`flex-direction:column; flex: 1;`}>
-          {currentPlaylist?.tracks.map(({ track }, index) => {
-            return <TrackButton key={index + track.id} track={track} index={index} />;
-          })}
+    return (
+        <View style="flex: 1; flex-direction: 'column';">
+            <Text>{`<center><h2>${currentPlaylist?.name}</h2></center>`}</Text>
+            <TrackTableIndex />
+            <ScrollArea style={`flex:1; flex-grow: 1; border: none;`}>
+                <View style={`flex-direction:column; flex: 1;`}>
+                    {currentPlaylist?.tracks.map(({ track }, index) => {
+                        return (
+                            <TrackButton
+                                key={index + track.id}
+                                track={track}
+                                index={index}
+                            />
+                        );
+                    })}
+                </View>
+            </ScrollArea>
         </View>
-      </ScrollArea>
-    </View>
-  );
+    );
 }
 
 export default CurrentPlaylist;
diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 401f7c66..e223c536 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -7,58 +7,96 @@ import useSpotifyInfiniteQuery from "../hooks/useSpotifyInfiniteQuery";
 import CategoryCardView from "./shared/CategoryCardView";
 
 function Home() {
-  const { data: pagedCategories, isError, refetch, isLoading, hasNextPage, isFetchingNextPage, fetchNextPage } = useSpotifyInfiniteQuery<SpotifyApi.PagingObject<SpotifyApi.CategoryObject>>(
-    QueryCacheKeys.categories,
-    (spotifyApi, { pageParam }) => spotifyApi.getCategories({ country: "US", limit: 10, offset: pageParam }).then((categoriesReceived) => categoriesReceived.body.categories),
-    {
-      getNextPageParam(lastPage) {
-        if (lastPage.next) {
-          return lastPage.offset + lastPage.limit;
-        }
-      },
-    }
-  );
+    const {
+        data: pagedCategories,
+        isError,
+        refetch,
+        isLoading,
+        hasNextPage,
+        isFetchingNextPage,
+        fetchNextPage,
+    } = useSpotifyInfiniteQuery<SpotifyApi.PagingObject<SpotifyApi.CategoryObject>>(
+        QueryCacheKeys.categories,
+        (spotifyApi, { pageParam }) =>
+            spotifyApi
+                .getCategories({ country: "US", limit: 10, offset: pageParam })
+                .then((categoriesReceived) => categoriesReceived.body.categories),
+        {
+            getNextPageParam(lastPage) {
+                if (lastPage.next) {
+                    return lastPage.offset + lastPage.limit;
+                }
+            },
+        },
+    );
 
-  const categories = pagedCategories?.pages
-    .map((page) => page.items)
-    .filter(Boolean)
-    .flat(1);
-  categories?.unshift({ href: "", icons: [], id: "featured", name: "Featured" });
-  return (
-    <ScrollArea style={`flex-grow: 1; border: none;`}>
-      <View style={`flex-direction: 'column'; align-items: 'center'; flex: 1;`}>
-        <PlaceholderApplet error={isError} message="Failed to query genres" reload={refetch} helps loading={isLoading} />
-        {categories?.map((category, index) => {
-          return <CategoryCard key={index + category.id} id={category.id} name={category.name} />;
-        })}
-        {hasNextPage && <Button on={{ clicked: () => fetchNextPage() }} text="Load More" enabled={!isFetchingNextPage} />}
-      </View>
-    </ScrollArea>
-  );
+    const categories = pagedCategories?.pages
+        .map((page) => page.items)
+        .filter(Boolean)
+        .flat(1);
+    categories?.unshift({ href: "", icons: [], id: "featured", name: "Featured" });
+    return (
+        <ScrollArea style={`flex-grow: 1; border: none;`}>
+            <View style={`flex-direction: 'column'; align-items: 'center'; flex: 1;`}>
+                <PlaceholderApplet
+                    error={isError}
+                    message="Failed to query genres"
+                    reload={refetch}
+                    helps
+                    loading={isLoading}
+                />
+                {categories?.map((category, index) => {
+                    return (
+                        <CategoryCard
+                            key={index + category.id}
+                            id={category.id}
+                            name={category.name}
+                        />
+                    );
+                })}
+                {hasNextPage && (
+                    <Button
+                        on={{ clicked: () => fetchNextPage() }}
+                        text="Load More"
+                        enabled={!isFetchingNextPage}
+                    />
+                )}
+            </View>
+        </ScrollArea>
+    );
 }
 
 export default Home;
 
 interface CategoryCardProps {
-  id: string;
-  name: string;
+    id: string;
+    name: string;
 }
 
 const CategoryCard = ({ id, name }: CategoryCardProps) => {
-  const { data: playlists, isError } = useSpotifyQuery<SpotifyApi.PlaylistObjectSimplified[]>(
-    [QueryCacheKeys.categoryPlaylists, id],
-    async (spotifyApi) => {
-      const option = { limit: 4 };
-      let res;
-      if (id === "featured") {
-        res = await spotifyApi.getFeaturedPlaylists(option);
-      } else {
-        res = await spotifyApi.getPlaylistsForCategory(id, option);
-      }
-      return res.body.playlists.items;
-    },
-    { initialData: [] }
-  );
+    const { data: playlists, isError } = useSpotifyQuery<
+        SpotifyApi.PlaylistObjectSimplified[]
+    >(
+        [QueryCacheKeys.categoryPlaylists, id],
+        async (spotifyApi) => {
+            const option = { limit: 4 };
+            let res;
+            if (id === "featured") {
+                res = await spotifyApi.getFeaturedPlaylists(option);
+            } else {
+                res = await spotifyApi.getPlaylistsForCategory(id, option);
+            }
+            return res.body.playlists.items;
+        },
+        { initialData: [] },
+    );
 
-  return <CategoryCardView url={`/genre/playlists/${id}`} isError={isError} name={name} playlists={playlists ?? []} />;
+    return (
+        <CategoryCardView
+            url={`/genre/playlists/${id}`}
+            isError={isError}
+            name={name}
+            playlists={playlists ?? []}
+        />
+    );
 };
diff --git a/src/components/Library.tsx b/src/components/Library.tsx
index fbdc7682..ae200fe8 100644
--- a/src/components/Library.tsx
+++ b/src/components/Library.tsx
@@ -1,4 +1,5 @@
-import { Button, ScrollArea, View } from "@nodegui/react-nodegui";
+import { CursorShape } from "@nodegui/nodegui";
+import { Button, ScrollArea, Text, View } from "@nodegui/react-nodegui";
 import React, { useContext } from "react";
 import { Redirect, Route } from "react-router";
 import { QueryCacheKeys } from "../conf";
@@ -6,139 +7,279 @@ import playerContext from "../context/playerContext";
 import useSpotifyInfiniteQuery from "../hooks/useSpotifyInfiniteQuery";
 import { GenreView } from "./PlaylistGenreView";
 import { PlaylistSimpleControls, TrackTableIndex } from "./PlaylistView";
+import CachedImage from "./shared/CachedImage";
 import PlaceholderApplet from "./shared/PlaceholderApplet";
 import { TrackButton, TrackButtonPlaylistObject } from "./shared/TrackButton";
 import { TabMenuItem } from "./TabMenu";
 
 function Library() {
-  return (
-    <View style="flex: 1; flex-direction: 'column';">
-      <Redirect from="/library" to="/library/saved-tracks" />
-      <View style="max-width: 350px; justify-content: 'space-evenly'">
-        <TabMenuItem title="Saved Tracks" url="/library/saved-tracks" />
-        <TabMenuItem title="Playlists" url="/library/playlists" />
-      </View>
-      <Route exact path="/library/saved-tracks">
-        <UserSavedTracks />
-      </Route>
-      <Route exact path="/library/playlists">
-        <UserPlaylists />
-      </Route>
-    </View>
-  );
+    return (
+        <View style="flex: 1; flex-direction: 'column';">
+            <Redirect from="/library" to="/library/saved-tracks" />
+            <View style="max-width: 350px; justify-content: 'space-evenly'">
+                <TabMenuItem title="Saved Tracks" url="/library/saved-tracks" />
+                <TabMenuItem title="Playlists" url="/library/playlists" />
+                <TabMenuItem title="Artists" url="/library/followed-artists" />
+            </View>
+            <Route exact path="/library/saved-tracks">
+                <UserSavedTracks />
+            </Route>
+            <Route exact path="/library/playlists">
+                <UserPlaylists />
+            </Route>
+            <Route exact path="/library/followed-artists">
+                <FollowedArtists />
+            </Route>
+        </View>
+    );
 }
 
 export default Library;
 
 function UserPlaylists() {
-  const { data: userPagedPlaylists, isError, isLoading, refetch, isFetchingNextPage, hasNextPage, fetchNextPage } = useSpotifyInfiniteQuery<SpotifyApi.ListOfUsersPlaylistsResponse>(
-    QueryCacheKeys.userPlaylists,
-    (spotifyApi, { pageParam }) =>
-      spotifyApi.getUserPlaylists({ limit: 20, offset: pageParam }).then((userPlaylists) => {
-        return userPlaylists.body;
-      }),
-    {
-      getNextPageParam(lastPage) {
-        if (lastPage.next) {
-          return lastPage.offset + lastPage.limit;
-        }
-      },
-    }
-  );
+    const {
+        data: userPagedPlaylists,
+        isError,
+        isLoading,
+        refetch,
+        isFetchingNextPage,
+        hasNextPage,
+        fetchNextPage,
+    } = useSpotifyInfiniteQuery<SpotifyApi.ListOfUsersPlaylistsResponse>(
+        QueryCacheKeys.userPlaylists,
+        (spotifyApi, { pageParam }) =>
+            spotifyApi
+                .getUserPlaylists({ limit: 20, offset: pageParam })
+                .then((userPlaylists) => {
+                    return userPlaylists.body;
+                }),
+        {
+            getNextPageParam(lastPage) {
+                if (lastPage.next) {
+                    return lastPage.offset + lastPage.limit;
+                }
+            },
+        },
+    );
 
-  const userPlaylists = userPagedPlaylists?.pages
-    ?.map((playlist) => playlist.items)
-    .filter(Boolean)
-    .flat(1) as SpotifyApi.PlaylistObjectSimplified[];
+    const userPlaylists = userPagedPlaylists?.pages
+        ?.map((playlist) => playlist.items)
+        .filter(Boolean)
+        .flat(1) as SpotifyApi.PlaylistObjectSimplified[];
 
-  return (
-    <GenreView
-      heading="User Playlists"
-      isError={isError}
-      isLoading={isLoading}
-      playlists={userPlaylists ?? []}
-      isLoadable={!isFetchingNextPage}
-      refetch={refetch}
-      loadMore={hasNextPage ? ()=>fetchNextPage() : undefined}
-    />
-  );
+    return (
+        <GenreView
+            heading="User Playlists"
+            isError={isError}
+            isLoading={isLoading}
+            playlists={userPlaylists ?? []}
+            isLoadable={!isFetchingNextPage}
+            refetch={refetch}
+            loadMore={hasNextPage ? () => fetchNextPage() : undefined}
+        />
+    );
 }
 
 function UserSavedTracks() {
-  const userSavedPlaylistId = "user-saved-tracks";
-  const { data: userSavedTracks, fetchNextPage, hasNextPage, isFetchingNextPage, isError, isLoading, refetch } = useSpotifyInfiniteQuery<SpotifyApi.UsersSavedTracksResponse>(
-    QueryCacheKeys.userSavedTracks,
-    (spotifyApi, { pageParam }) => spotifyApi.getMySavedTracks({ limit: 50, offset: pageParam }).then((res) => res.body),
-    {
-      getNextPageParam(lastPage) {
-        if (lastPage.next) {
-          return lastPage.offset + lastPage.limit;
+    const userSavedPlaylistId = "user-saved-tracks";
+    const {
+        data: userSavedTracks,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        isError,
+        isLoading,
+        refetch,
+    } = useSpotifyInfiniteQuery<SpotifyApi.UsersSavedTracksResponse>(
+        QueryCacheKeys.userSavedTracks,
+        (spotifyApi, { pageParam }) =>
+            spotifyApi
+                .getMySavedTracks({ limit: 50, offset: pageParam })
+                .then((res) => res.body),
+        {
+            getNextPageParam(lastPage) {
+                if (lastPage.next) {
+                    return lastPage.offset + lastPage.limit;
+                }
+            },
+        },
+    );
+    const { currentPlaylist, setCurrentPlaylist, setCurrentTrack } =
+        useContext(playerContext);
+
+    const userTracks = userSavedTracks?.pages
+        ?.map((page) => page.items)
+        .filter(Boolean)
+        .flat(1) as SpotifyApi.SavedTrackObject[] | undefined;
+
+    function handlePlaylistPlayPause(index?: number) {
+        if (currentPlaylist?.id !== userSavedPlaylistId && userTracks) {
+            setCurrentPlaylist({
+                id: userSavedPlaylistId,
+                name: "Liked Tracks",
+                thumbnail:
+                    "https://nerdist.com/wp-content/uploads/2020/07/maxresdefault.jpg",
+                tracks: userTracks,
+            });
+            setCurrentTrack(userTracks[index ?? 0].track);
+        } else {
+            setCurrentPlaylist(undefined);
+            setCurrentTrack(undefined);
         }
-      },
     }
-  );
-  const { currentPlaylist, setCurrentPlaylist, setCurrentTrack } = useContext(playerContext);
 
-  const userTracks = userSavedTracks?.pages
-    ?.map((page) => page.items)
-    .filter(Boolean)
-    .flat(1) as SpotifyApi.SavedTrackObject[] | undefined;
-
-  function handlePlaylistPlayPause(index?: number) {
-    if (currentPlaylist?.id !== userSavedPlaylistId && userTracks) {
-      setCurrentPlaylist({ id: userSavedPlaylistId, name: "Liked Tracks", thumbnail: "https://nerdist.com/wp-content/uploads/2020/07/maxresdefault.jpg", tracks: userTracks });
-      setCurrentTrack(userTracks[index ?? 0].track);
-    } else {
-      setCurrentPlaylist(undefined);
-      setCurrentTrack(undefined);
-    }
-  }
-
-  const playlist: TrackButtonPlaylistObject = {
-    collaborative: false,
-    description: "User Playlist",
-    tracks: {
-      items: userTracks ?? [],
-      limit: 20,
-      href: "",
-      next: "",
-      offset: 0,
-      previous: "",
-      total: 20,
-    },
-    external_urls: { spotify: "" },
-    href: "",
-    id: userSavedPlaylistId,
-    images: [{ url: "https://facebook.com/img.jpeg" }],
-    name: "User saved track",
-    owner: { external_urls: { spotify: "" }, href: "", id: "Me", type: "user", uri: "spotify:user:me", display_name: "User", followers: { href: null, total: 0 } },
-    public: false,
-    snapshot_id: userSavedPlaylistId + "snapshot",
-    type: "playlist",
-    uri: "spotify:user:me:saved-tracks",
-  };
-  return (
-    <View style="flex: 1; flex-direction: 'column';">
-      <PlaylistSimpleControls handlePlaylistPlayPause={handlePlaylistPlayPause} isActive={currentPlaylist?.id === userSavedPlaylistId} />
-      <TrackTableIndex />
-      <ScrollArea style="flex: 1; border: none;">
-        <View style="flex: 1; flex-direction: 'column'; align-items: 'stretch';">
-          <PlaceholderApplet error={isError} loading={isLoading || isFetchingNextPage} message="Failed querying spotify" reload={refetch} />
-          {userTracks?.map(({ track }, index) => track && <TrackButton key={index + track.id} track={track} index={index} playlist={playlist} />)}
-          {hasNextPage && (
-            <Button
-              style="flex-grow: 0; align-self: 'center';"
-              text="Load more"
-              on={{
-                clicked() {
-                  fetchNextPage();
-                },
-              }}
-              enabled={!isFetchingNextPage}
+    const playlist: TrackButtonPlaylistObject = {
+        collaborative: false,
+        description: "User Playlist",
+        tracks: {
+            items: userTracks ?? [],
+            limit: 20,
+            href: "",
+            next: "",
+            offset: 0,
+            previous: "",
+            total: 20,
+        },
+        external_urls: { spotify: "" },
+        href: "",
+        id: userSavedPlaylistId,
+        images: [{ url: "https://facebook.com/img.jpeg" }],
+        name: "User saved track",
+        owner: {
+            external_urls: { spotify: "" },
+            href: "",
+            id: "Me",
+            type: "user",
+            uri: "spotify:user:me",
+            display_name: "User",
+            followers: { href: null, total: 0 },
+        },
+        public: false,
+        snapshot_id: userSavedPlaylistId + "snapshot",
+        type: "playlist",
+        uri: "spotify:user:me:saved-tracks",
+    };
+    return (
+        <View style="flex: 1; flex-direction: 'column';">
+            <PlaylistSimpleControls
+                handlePlaylistPlayPause={handlePlaylistPlayPause}
+                isActive={currentPlaylist?.id === userSavedPlaylistId}
             />
-          )}
+            <TrackTableIndex />
+            <ScrollArea style="flex: 1; border: none;">
+                <View style="flex: 1; flex-direction: 'column'; align-items: 'stretch';">
+                    <PlaceholderApplet
+                        error={isError}
+                        loading={isLoading || isFetchingNextPage}
+                        message="Failed querying spotify"
+                        reload={refetch}
+                    />
+                    {userTracks?.map(
+                        ({ track }, index) =>
+                            track && (
+                                <TrackButton
+                                    key={index + track.id}
+                                    track={track}
+                                    index={index}
+                                    playlist={playlist}
+                                />
+                            ),
+                    )}
+                    {hasNextPage && (
+                        <Button
+                            style="flex-grow: 0; align-self: 'center';"
+                            text="Load more"
+                            on={{
+                                clicked() {
+                                    fetchNextPage();
+                                },
+                            }}
+                            enabled={!isFetchingNextPage}
+                        />
+                    )}
+                </View>
+            </ScrollArea>
         </View>
-      </ScrollArea>
-    </View>
-  );
+    );
+}
+
+function FollowedArtists() {
+    const {
+        data: pagedFollowedArtists,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        isError,
+        isLoading,
+        refetch,
+    } = useSpotifyInfiniteQuery<
+        SpotifyApi.CursorBasedPagingObject<SpotifyApi.ArtistObjectFull>
+    >(
+        QueryCacheKeys.followedArtists,
+        (spotifyApi, { pageParam }) =>
+            spotifyApi
+                .getFollowedArtists({ limit: 50, after: pageParam })
+                .then((res) => res.body.artists),
+        {
+            getNextPageParam(lastPage) {
+                if (lastPage.next) {
+                    return lastPage.cursors.after + lastPage.limit;
+                }
+            },
+        },
+    );
+
+    const followedArtists = pagedFollowedArtists?.pages
+        ?.map((page) => page.items)
+        .filter(Boolean)
+        .flat(1) as SpotifyApi.ArtistObjectFull[] | undefined;
+
+    return (
+        <ScrollArea style="min-height: 750px; max-height: 1980px; max-width: 1980px; min-width: 700px; border: none;">
+            <View style="flex: 1; flex-direction: 'row'; flex-wrap: wrap; width: 330px;">
+                <PlaceholderApplet
+                    error={isError}
+                    loading={isLoading || isFetchingNextPage}
+                    message="Failed querying spotify"
+                    reload={refetch}
+                />
+
+                {followedArtists?.map((artist, index) => {
+                    return <ArtistCard key={index + artist.id} artist={artist} />;
+                })}
+                {hasNextPage && (
+                    <Button
+                        style="flex-grow: 0; align-self: 'center';"
+                        text="Load more"
+                        on={{
+                            clicked() {
+                                fetchNextPage();
+                            },
+                        }}
+                        enabled={!isFetchingNextPage}
+                    />
+                )}
+            </View>
+        </ScrollArea>
+    );
+}
+
+interface ArtistCardProps {
+    artist: SpotifyApi.ArtistObjectFull;
+}
+
+function ArtistCard({ artist }: ArtistCardProps) {
+    return (
+        <View style="max-width: 150px; max-height: 200px; flex-direction: 'column'; align-items: 'center'; margin: 5px 0;">
+            <CachedImage
+                cursor={CursorShape.PointingHandCursor}
+                maxSize={{ height: 150, width: 150 }}
+                scaledContents
+                alt={artist.name}
+                src={artist.images[0].url}
+            />
+            <Text>{artist.name}</Text>
+            <Button cursor={CursorShape.PointingHandCursor} text="Follow" />
+        </View>
+    );
 }
diff --git a/src/components/Login.tsx b/src/components/Login.tsx
index 268bba6e..0772d111 100644
--- a/src/components/Login.tsx
+++ b/src/components/Login.tsx
@@ -3,63 +3,63 @@ import { LineEdit, Text, Button, View } from "@nodegui/react-nodegui";
 import authContext from "../context/authContext";
 
 function Login() {
-  const { setCredentials: setGlobalCredentials } = useContext(authContext);
-  const [credentials, setCredentials] = useState({
-    clientId: "",
-    clientSecret: "",
-  });
+    const { setCredentials: setGlobalCredentials } = useContext(authContext);
+    const [credentials, setCredentials] = useState({
+        clientId: "",
+        clientSecret: "",
+    });
 
-  const [touched, setTouched] = useState({
-    clientId: false,
-    clientSecret: false,
-  });
+    const [touched, setTouched] = useState({
+        clientId: false,
+        clientSecret: false,
+    });
 
-  type fieldNames = "clientId" | "clientSecret";
+    type fieldNames = "clientId" | "clientSecret";
 
-  function textChanged(text: string, fieldName: fieldNames) {
-    setCredentials({ ...credentials, [fieldName]: text });
-  }
-
-  function textEdited(name: fieldNames) {
-    if (!touched[name]) {
-      setTouched({ ...touched, [name]: true });
+    function textChanged(text: string, fieldName: fieldNames) {
+        setCredentials({ ...credentials, [fieldName]: text });
     }
-  }
 
-  return (
-    <View style={`flex: 1; flex-direction: 'column';`}>
-      <Text>{`<center><h1>Add Spotify & Youtube credentials to get started</h1></center>`}</Text>
-      <Text>{`<center><p>Don't worry any of the credentials won't be collected or used for abuses</p></center>`}</Text>
-      <LineEdit
-        on={{
-          textChanged: (t) => textChanged(t, "clientId"),
-          textEdited() {
-            textEdited("clientId");
-          },
-        }}
-        text={credentials.clientId}
-        placeholderText="spotify clientId"
-      />
-      <LineEdit
-        on={{
-          textChanged: (t) => textChanged(t, "clientSecret"),
-          textEdited() {
-            textEdited("clientSecret");
-          },
-        }}
-        text={credentials.clientSecret}
-        placeholderText="spotify clientSecret"
-      />
-      <Button
-        on={{
-          clicked: () => {
-            setGlobalCredentials(credentials);
-          },
-        }}
-        text="Add"
-      />
-    </View>
-  );
+    function textEdited(name: fieldNames) {
+        if (!touched[name]) {
+            setTouched({ ...touched, [name]: true });
+        }
+    }
+
+    return (
+        <View style={`flex: 1; flex-direction: 'column';`}>
+            <Text>{`<center><h1>Add Spotify & Youtube credentials to get started</h1></center>`}</Text>
+            <Text>{`<center><p>Don't worry any of the credentials won't be collected or used for abuses</p></center>`}</Text>
+            <LineEdit
+                on={{
+                    textChanged: (t) => textChanged(t, "clientId"),
+                    textEdited() {
+                        textEdited("clientId");
+                    },
+                }}
+                text={credentials.clientId}
+                placeholderText="spotify clientId"
+            />
+            <LineEdit
+                on={{
+                    textChanged: (t) => textChanged(t, "clientSecret"),
+                    textEdited() {
+                        textEdited("clientSecret");
+                    },
+                }}
+                text={credentials.clientSecret}
+                placeholderText="spotify clientSecret"
+            />
+            <Button
+                on={{
+                    clicked: () => {
+                        setGlobalCredentials(credentials);
+                    },
+                }}
+                text="Add"
+            />
+        </View>
+    );
 }
 
 export default Login;
diff --git a/src/components/ManualLyricDialog.tsx b/src/components/ManualLyricDialog.tsx
index 656b65ea..d8e2d83e 100644
--- a/src/components/ManualLyricDialog.tsx
+++ b/src/components/ManualLyricDialog.tsx
@@ -1,89 +1,97 @@
-import { FlexLayout, QDialog, QLabel, QPushButton, QScrollArea, QWidget, TextFormat } from "@nodegui/nodegui";
+import {
+    FlexLayout,
+    QDialog,
+    QLabel,
+    QPushButton,
+    QScrollArea,
+    QWidget,
+    TextFormat,
+} from "@nodegui/nodegui";
 import React, { PropsWithChildren, useEffect, useState } from "react";
 import showError from "../helpers/showError";
 import fetchLyrics from "../helpers/fetchLyrics";
 
-interface ManualLyricDialogProps extends PropsWithChildren<{}> {
-  open: boolean;
-  onClose?: (closed: boolean) => void;
-  track: SpotifyApi.TrackObjectSimplified | SpotifyApi.TrackObjectFull;
+interface ManualLyricDialogProps extends PropsWithChildren<unknown> {
+    open: boolean;
+    onClose?: (closed: boolean) => void;
+    track: SpotifyApi.TrackObjectSimplified | SpotifyApi.TrackObjectFull;
 }
 
-function ManualLyricDialog({ open, track, onClose }: ManualLyricDialogProps) {
-  const dialog = new QDialog();
-  const areaContainer = new QWidget();
-  const retryButton = new QPushButton();
-  const scrollArea = new QScrollArea();
-  const titleLabel = new QLabel();
-  const lyricLabel = new QLabel();
-  const [lyricNotFound, setLyricNotFound] = useState<boolean>(false);
-  const [lyrics, setLyrics] = useState<string>("");
-  const artists = track.artists.map((artist) => artist.name).join(", ");
+function ManualLyricDialog({ open, track }: ManualLyricDialogProps) {
+    const dialog = new QDialog();
+    const areaContainer = new QWidget();
+    const retryButton = new QPushButton();
+    const scrollArea = new QScrollArea();
+    const titleLabel = new QLabel();
+    const lyricLabel = new QLabel();
+    const [lyricNotFound, setLyricNotFound] = useState<boolean>(false);
+    const [lyrics, setLyrics] = useState<string>("");
+    const artists = track.artists.map((artist) => artist.name).join(", ");
 
-  async function handleBtnClick() {
-    try {
-      const lyrics = await fetchLyrics(artists, track.name);
-      console.log('lyrics:', lyrics)
-      setLyrics(lyrics);
-      setLyricNotFound(lyrics === "Not Found");
-    } catch (error) {
-      showError(error, `[Finding lyrics for ${track.name} failed]: `);
-      setLyrics("No lyrics found, rare track :)");
-      setLyricNotFound(true);
+    async function handleBtnClick() {
+        try {
+            const lyrics = await fetchLyrics(artists, track.name);
+            console.log("lyrics:", lyrics);
+            setLyrics(lyrics);
+            setLyricNotFound(lyrics === "Not Found");
+        } catch (error) {
+            showError(error, `[Finding lyrics for ${track.name} failed]: `);
+            setLyrics("No lyrics found, rare track :)");
+            setLyricNotFound(true);
+        }
     }
-  }
 
-  useEffect(() => {
-    // title label
-    titleLabel.setText(`
+    useEffect(() => {
+        // title label
+        titleLabel.setText(`
       <center>
         <h2>${track.name}</h2>
         <p>- ${artists}</p>
       </center>
     `);
-    // lyric label
-    lyricLabel.setText(lyrics);
-    lyricLabel.setTextFormat(TextFormat.PlainText);
-    // area container
-    areaContainer.setLayout(new FlexLayout());
-    areaContainer.setInlineStyle("flex: 1; flex-direction: 'column'; padding: 10px;");
-    areaContainer.layout?.addWidget(titleLabel);
-    areaContainer.layout?.addWidget(lyricLabel);
-    areaContainer.layout?.addWidget(retryButton);
-    // scroll area
-    scrollArea.setInlineStyle("flex: 1;");
-    scrollArea.setWidget(areaContainer);
+        // lyric label
+        lyricLabel.setText(lyrics);
+        lyricLabel.setTextFormat(TextFormat.PlainText);
+        // area container
+        areaContainer.setLayout(new FlexLayout());
+        areaContainer.setInlineStyle("flex: 1; flex-direction: 'column'; padding: 10px;");
+        areaContainer.layout?.addWidget(titleLabel);
+        areaContainer.layout?.addWidget(lyricLabel);
+        areaContainer.layout?.addWidget(retryButton);
+        // scroll area
+        scrollArea.setInlineStyle("flex: 1;");
+        scrollArea.setWidget(areaContainer);
 
-    // reload button
-    retryButton.setText("Retry");
-    retryButton.addEventListener("clicked", handleBtnClick);
-    // dialog
-    dialog.setWindowTitle("Lyrics");
-    dialog.setLayout(new FlexLayout());
-    dialog.layout?.addWidget(scrollArea);
-    open ? dialog.open() : dialog.close();
-    open &&
-      fetchLyrics(artists, track.name)
-        .then((lyrics: string) => {
-          setLyrics(lyrics);
-          setLyricNotFound(lyrics === "Not Found");
-        })
-        .catch((e: Error) => {
-          showError(e, `[Finding lyrics for ${track.name} failed]: `);
-          setLyrics("No lyrics found, rare track :)");
-          setLyricNotFound(true);
-        });
-    return () => {
-      retryButton.removeEventListener("clicked", handleBtnClick);
-      dialog.hide();
-    };
-  }, [open, track, lyrics]);
+        // reload button
+        retryButton.setText("Retry");
+        retryButton.addEventListener("clicked", handleBtnClick);
+        // dialog
+        dialog.setWindowTitle("Lyrics");
+        dialog.setLayout(new FlexLayout());
+        dialog.layout?.addWidget(scrollArea);
+        open ? dialog.open() : dialog.close();
+        open &&
+            fetchLyrics(artists, track.name)
+                .then((lyrics: string) => {
+                    setLyrics(lyrics);
+                    setLyricNotFound(lyrics === "Not Found");
+                })
+                .catch((e: Error) => {
+                    showError(e, `[Finding lyrics for ${track.name} failed]: `);
+                    setLyrics("No lyrics found, rare track :)");
+                    setLyricNotFound(true);
+                });
+        return () => {
+            retryButton.removeEventListener("clicked", handleBtnClick);
+            dialog.hide();
+        };
+    }, [open, track, lyrics]);
 
-  useEffect(() => {
-    retryButton.setEnabled(!lyricNotFound);
-  }, [lyricNotFound]);
+    useEffect(() => {
+        retryButton.setEnabled(!lyricNotFound);
+    }, [lyricNotFound]);
 
-  return <></>;
+    return <></>;
 }
 
 export default ManualLyricDialog;
diff --git a/src/components/Player.tsx b/src/components/Player.tsx
index 33ddd866..7bd65880 100644
--- a/src/components/Player.tsx
+++ b/src/components/Player.tsx
@@ -1,12 +1,31 @@
 import { Direction, Orientation, QAbstractSliderSignals, QIcon } from "@nodegui/nodegui";
-import { BoxView, GridColumn, GridRow, GridView, Slider, Text, useEventHandler } from "@nodegui/react-nodegui";
+import {
+    BoxView,
+    GridColumn,
+    GridRow,
+    GridView,
+    Slider,
+    Text,
+    useEventHandler,
+} from "@nodegui/react-nodegui";
 import React, { ReactElement, useContext, useEffect, useState } from "react";
 import playerContext, { CurrentPlaylist } from "../context/playerContext";
 import { shuffleArray } from "../helpers/shuffleArray";
 import NodeMpv from "node-mpv";
 import { getYoutubeTrack, YoutubeTrack } from "../helpers/getYoutubeTrack";
 import PlayerProgressBar from "./PlayerProgressBar";
-import { random as shuffleIcon, play, pause, backward, forward, stop, heartRegular, heart, musicNode, download } from "../icons";
+import {
+    random as shuffleIcon,
+    play,
+    pause,
+    backward,
+    forward,
+    stop,
+    heartRegular,
+    heart,
+    musicNode,
+    download,
+} from "../icons";
 import IconButton from "./shared/IconButton";
 import showError from "../helpers/showError";
 import useTrackReaction from "../hooks/useTrackReaction";
@@ -15,259 +34,347 @@ import { LocalStorageKeys } from "../conf";
 import useDownloadQueue from "../hooks/useDownloadQueue";
 
 export const audioPlayer = new NodeMpv(
-  {
-    audio_only: true,
-    auto_restart: true,
-    time_update: 1,
-    binary: process.env.MPV_EXECUTABLE,
-    // debug: true,
-    // verbose: true,
-  },
-  ["--ytdl-raw-options-set=format=140,http-chunk-size=300000"]
+    {
+        audio_only: true,
+        auto_restart: true,
+        time_update: 1,
+        binary: process.env.MPV_EXECUTABLE,
+        // debug: true,
+        // verbose: true,
+    },
+    ["--ytdl-raw-options-set=format=140,http-chunk-size=300000"],
 );
 function Player(): ReactElement {
-  const { currentTrack, currentPlaylist, setCurrentTrack, setCurrentPlaylist } = useContext(playerContext);
-  const { reactToTrack, isFavorite } = useTrackReaction();
+    const { currentTrack, currentPlaylist, setCurrentTrack, setCurrentPlaylist } =
+        useContext(playerContext);
+    const { reactToTrack, isFavorite } = useTrackReaction();
 
-  const cachedVolume = localStorage.getItem(LocalStorageKeys.volume);
+    const cachedVolume = localStorage.getItem(LocalStorageKeys.volume);
 
-  const [isPaused, setIsPaused] = useState(true);
-  const [volume, setVolume] = useState<number>(() => (cachedVolume ? parseFloat(cachedVolume) : 55));
-  const [totalDuration, setTotalDuration] = useState<number>(0);
-  const [shuffle, setShuffle] = useState<boolean>(false);
-  const [realPlaylist, setRealPlaylist] = useState<CurrentPlaylist["tracks"]>([]);
-  const [isStopped, setIsStopped] = useState<boolean>(false);
-  const [openLyrics, setOpenLyrics] = useState<boolean>(false);
-  const [currentYtTrack, setCurrentYtTrack] = useState<YoutubeTrack>();
-  const { addToQueue, isActiveDownloading, isFinishedDownloading } = useDownloadQueue();
+    const [isPaused, setIsPaused] = useState(true);
+    const [volume, setVolume] = useState<number>(() =>
+        cachedVolume ? parseFloat(cachedVolume) : 55,
+    );
+    const [totalDuration, setTotalDuration] = useState<number>(0);
+    const [shuffle, setShuffle] = useState<boolean>(false);
+    const [realPlaylist, setRealPlaylist] = useState<CurrentPlaylist["tracks"]>([]);
+    const [isStopped, setIsStopped] = useState<boolean>(false);
+    const [openLyrics, setOpenLyrics] = useState<boolean>(false);
+    const [currentYtTrack, setCurrentYtTrack] = useState<YoutubeTrack>();
+    const { addToQueue, isActiveDownloading, isFinishedDownloading } = useDownloadQueue();
 
-  const playlistTracksIds = currentPlaylist?.tracks?.map((t) => t.track.id) ?? [];
-  const volumeHandler = useEventHandler<QAbstractSliderSignals>(
-    {
-      sliderMoved: (value) => {
-        setVolume(value);
-      },
-      sliderReleased: () => {
-        localStorage.setItem(LocalStorageKeys.volume, volume.toString());
-      },
-    },
-    [volume]
-  );
-  const playerRunning = audioPlayer.isRunning();
-  const cachedPlaylist = localStorage.getItem(LocalStorageKeys.cachedPlaylist);
-  const cachedTrack = localStorage.getItem(LocalStorageKeys.cachedTrack);
+    const playlistTracksIds = currentPlaylist?.tracks?.map((t) => t.track.id) ?? [];
+    const volumeHandler = useEventHandler<QAbstractSliderSignals>(
+        {
+            sliderMoved: (value) => {
+                setVolume(value);
+            },
+            sliderReleased: () => {
+                localStorage.setItem(LocalStorageKeys.volume, volume.toString());
+            },
+        },
+        [volume],
+    );
+    const playerRunning = audioPlayer.isRunning();
+    const cachedPlaylist = localStorage.getItem(LocalStorageKeys.cachedPlaylist);
+    const cachedTrack = localStorage.getItem(LocalStorageKeys.cachedTrack);
 
-  // initial Effect
-  useEffect(() => {
-    (async () => {
-      try {
-        if (!playerRunning) {
-          await audioPlayer.start();
-          await audioPlayer.volume(volume);
+    // initial Effect
+    useEffect(() => {
+        (async () => {
+            try {
+                if (!playerRunning) {
+                    await audioPlayer.start();
+                    await audioPlayer.volume(volume);
+                }
+            } catch (error) {
+                showError(error, "[Failed starting audio player]: ");
+            }
+        })().then(() => {
+            if (cachedPlaylist && !currentPlaylist) {
+                setCurrentPlaylist(JSON.parse(cachedPlaylist));
+            }
+            if (cachedTrack && !currentTrack) {
+                setCurrentTrack(JSON.parse(cachedTrack));
+            }
+        });
+
+        return () => {
+            if (playerRunning) {
+                audioPlayer.quit().catch((e: unknown) => console.log(e));
+            }
+        };
+    }, []);
+
+    // track change effect
+    useEffect(() => {
+        // caching current track
+        if (!currentTrack) localStorage.removeItem(LocalStorageKeys.cachedTrack);
+        else
+            localStorage.setItem(
+                LocalStorageKeys.cachedTrack,
+                JSON.stringify(currentTrack),
+            );
+
+        (async () => {
+            try {
+                if (currentTrack && playerRunning) {
+                    const youtubeTrack = await getYoutubeTrack(currentTrack);
+                    setCurrentYtTrack(youtubeTrack);
+                    await audioPlayer.load(youtubeTrack.youtube_uri, "replace");
+                    await audioPlayer.play();
+                    setIsPaused(false);
+                }
+                setIsStopped(false);
+            } catch (error) {
+                if (error.errcode !== 5) {
+                    setIsStopped(true);
+                    setIsPaused(true);
+                }
+                showError(error, "[Failure at track change]: ");
+            }
+        })();
+    }, [currentTrack]);
+
+    // changing shuffle to default
+    useEffect(() => {
+        setShuffle(false);
+        // caching playlist
+        if (!currentPlaylist) localStorage.removeItem(LocalStorageKeys.cachedPlaylist);
+        else
+            localStorage.setItem(
+                LocalStorageKeys.cachedPlaylist,
+                JSON.stringify(currentPlaylist),
+            );
+    }, [currentPlaylist]);
+
+    useEffect(() => {
+        if (playerRunning) {
+            audioPlayer.volume(volume);
+        }
+    }, [volume]);
+
+    // for monitoring shuffle playlist
+    useEffect(() => {
+        if (currentPlaylist) {
+            if (shuffle && realPlaylist.length === 0) {
+                const shuffledTracks = shuffleArray(currentPlaylist.tracks);
+                setRealPlaylist(currentPlaylist.tracks);
+                setCurrentPlaylist({ ...currentPlaylist, tracks: shuffledTracks });
+            } else if (!shuffle && realPlaylist.length > 0) {
+                setCurrentPlaylist({ ...currentPlaylist, tracks: realPlaylist });
+            }
+        }
+    }, [shuffle]);
+
+    // live Effect
+    useEffect(() => {
+        if (playerRunning) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const statusListener = (status: { property: string; value: any }) => {
+                if (status?.property === "duration") {
+                    setTotalDuration(status.value ?? 0);
+                }
+            };
+            const stopListener = () => {
+                setIsStopped(true);
+                setIsPaused(true);
+                // go to next track
+                if (
+                    currentTrack &&
+                    playlistTracksIds &&
+                    currentPlaylist?.tracks.length !== 0
+                ) {
+                    const index = playlistTracksIds?.indexOf(currentTrack.id) + 1;
+                    setCurrentTrack(
+                        currentPlaylist?.tracks[
+                            index > playlistTracksIds.length - 1 ? 0 : index
+                        ].track,
+                    );
+                }
+            };
+            const pauseListener = () => {
+                setIsPaused(true);
+            };
+            const resumeListener = () => {
+                setIsPaused(false);
+            };
+            audioPlayer.on("status", statusListener);
+            audioPlayer.on("stopped", stopListener);
+            audioPlayer.on("paused", pauseListener);
+            audioPlayer.on("resumed", resumeListener);
+            return () => {
+                audioPlayer.off("status", statusListener);
+                audioPlayer.off("stopped", stopListener);
+                audioPlayer.off("paused", pauseListener);
+                audioPlayer.off("resumed", resumeListener);
+            };
         }
-      } catch (error) {
-        showError(error, "[Failed starting audio player]: ");
-      }
-    })().then(() => {
-      if (cachedPlaylist && !currentPlaylist) {
-        setCurrentPlaylist(JSON.parse(cachedPlaylist));
-      }
-      if (cachedTrack && !currentTrack) {
-        setCurrentTrack(JSON.parse(cachedTrack));
-      }
     });
 
-    return () => {
-      if (playerRunning) {
-        audioPlayer.quit().catch((e: unknown) => console.log(e));
-      }
+    const handlePlayPause = async () => {
+        try {
+            if ((await audioPlayer.isPaused()) && playerRunning) {
+                await audioPlayer.play();
+                setIsStopped(false);
+                setIsPaused(false);
+            } else {
+                await audioPlayer.pause();
+                setIsStopped(true);
+                setIsPaused(true);
+            }
+        } catch (error) {
+            showError(error, "[Track control failed]: ");
+        }
     };
-  }, []);
 
-  // track change effect
-  useEffect(() => {
-    // caching current track
-    if(!currentTrack) localStorage.removeItem(LocalStorageKeys.cachedTrack);
-    else localStorage.setItem(LocalStorageKeys.cachedTrack, JSON.stringify(currentTrack));
-    
-    (async () => {
-      try {
-        if (currentTrack && playerRunning) {
-          const youtubeTrack = await getYoutubeTrack(currentTrack);
-          setCurrentYtTrack(youtubeTrack);
-          await audioPlayer.load(youtubeTrack.youtube_uri, "replace");
-          await audioPlayer.play();
-          setIsPaused(false);
+    const prevOrNext = (constant: number) => {
+        if (currentTrack && playlistTracksIds && currentPlaylist) {
+            const index = playlistTracksIds.indexOf(currentTrack.id) + constant;
+            setCurrentTrack(
+                currentPlaylist.tracks[
+                    index > playlistTracksIds?.length - 1
+                        ? 0
+                        : index < 0
+                        ? playlistTracksIds.length - 1
+                        : index
+                ].track,
+            );
         }
-        setIsStopped(false);
-      } catch (error) {
-        if (error.errcode !== 5) {
-          setIsStopped(true);
-          setIsPaused(true);
+    };
+
+    async function stopPlayback() {
+        try {
+            if (playerRunning) {
+                setCurrentTrack(undefined);
+                setCurrentPlaylist(undefined);
+                await audioPlayer.stop();
+            }
+        } catch (error) {
+            showError(error, "[Failed at audio-player stop]: ");
         }
-        showError(error, "[Failure at track change]: ");
-      }
-    })();
-  }, [currentTrack]);
-
-  // changing shuffle to default
-  useEffect(() => {
-    setShuffle(false);
-    // caching playlist
-    if(!currentPlaylist)  localStorage.removeItem(LocalStorageKeys.cachedPlaylist);
-    else  localStorage.setItem(LocalStorageKeys.cachedPlaylist, JSON.stringify(currentPlaylist));
-  }, [currentPlaylist]);
-
-  useEffect(() => {
-    if (playerRunning) {
-      audioPlayer.volume(volume);
     }
-  }, [volume]);
 
-  // for monitoring shuffle playlist
-  useEffect(() => {
-    if (currentPlaylist) {
-      if (shuffle && realPlaylist.length === 0) {
-        const shuffledTracks = shuffleArray(currentPlaylist.tracks);
-        setRealPlaylist(currentPlaylist.tracks);
-        setCurrentPlaylist({ ...currentPlaylist, tracks: shuffledTracks });
-      } else if (!shuffle && realPlaylist.length > 0) {
-        setCurrentPlaylist({ ...currentPlaylist, tracks: realPlaylist });
-      }
-    }
-  }, [shuffle]);
-
-  // live Effect
-  useEffect(() => {
-    if (playerRunning) {
-      const statusListener = (status: { property: string; value: any }) => {
-        if (status?.property === "duration") {
-          setTotalDuration(status.value ?? 0);
-        }
-      };
-      const stopListener = () => {
-        setIsStopped(true);
-        setIsPaused(true);
-        // go to next track
-        if (currentTrack && playlistTracksIds && currentPlaylist?.tracks.length !== 0) {
-          const index = playlistTracksIds?.indexOf(currentTrack.id) + 1;
-          setCurrentTrack(currentPlaylist?.tracks[index > playlistTracksIds.length - 1 ? 0 : index].track);
-        }
-      };
-      const pauseListener = () => {
-        setIsPaused(true);
-      };
-      const resumeListener = () => {
-        setIsPaused(false);
-      };
-      audioPlayer.on("status", statusListener);
-      audioPlayer.on("stopped", stopListener);
-      audioPlayer.on("paused", pauseListener);
-      audioPlayer.on("resumed", resumeListener);
-      return () => {
-        audioPlayer.off("status", statusListener);
-        audioPlayer.off("stopped", stopListener);
-        audioPlayer.off("paused", pauseListener);
-        audioPlayer.off("resumed", resumeListener);
-      };
-    }
-  });
-
-  const handlePlayPause = async () => {
-    try {
-      if ((await audioPlayer.isPaused()) && playerRunning) {
-        await audioPlayer.play();
-        setIsStopped(false);
-        setIsPaused(false);
-      } else {
-        await audioPlayer.pause();
-        setIsStopped(true);
-        setIsPaused(true);
-      }
-    } catch (error) {
-      showError(error, "[Track control failed]: ");
-    }
-  };
-
-  const prevOrNext = (constant: number) => {
-    if (currentTrack && playlistTracksIds && currentPlaylist) {
-      const index = playlistTracksIds.indexOf(currentTrack.id) + constant;
-      setCurrentTrack(currentPlaylist.tracks[index > playlistTracksIds?.length - 1 ? 0 : index < 0 ? playlistTracksIds.length - 1 : index].track);
-    }
-  };
-
-  async function stopPlayback() {
-    try {
-      if (playerRunning) {
-        setCurrentTrack(undefined);
-        setCurrentPlaylist(undefined);
-        await audioPlayer.stop();
-      }
-    } catch (error) {
-      showError(error, "[Failed at audio-player stop]: ");
-    }
-  }
-
-  const artistsNames = currentTrack?.artists?.map((x) => x.name);
-  return (
-    <GridView enabled={!!currentTrack} style="flex: 1; max-height: 120px;">
-      <GridRow>
-        <GridColumn width={2}>
-          <Text wordWrap openExternalLinks>
-            {artistsNames && currentTrack
-              ? `
-            <p><b><a href="${currentYtTrack?.youtube_uri}"}>${currentTrack.name}</a></b> - ${artistsNames[0]} ${artistsNames.length > 1 ? "feat. " + artistsNames.slice(1).join(", ") : ""}</p>
+    const artistsNames = currentTrack?.artists?.map((x) => x.name);
+    return (
+        <GridView enabled={!!currentTrack} style="flex: 1; max-height: 120px;">
+            <GridRow>
+                <GridColumn width={2}>
+                    <Text wordWrap openExternalLinks>
+                        {artistsNames && currentTrack
+                            ? `
+            <p><b><a href="${currentYtTrack?.youtube_uri}"}>${
+                                  currentTrack.name
+                              }</a></b> - ${artistsNames[0]} ${
+                                  artistsNames.length > 1
+                                      ? "feat. " + artistsNames.slice(1).join(", ")
+                                      : ""
+                              }</p>
             `
-              : `<b>Oh, dear don't waste time</b>`}
-          </Text>
-        </GridColumn>
-        <GridColumn width={4}>
-          <BoxView direction={Direction.TopToBottom} style={`max-width: 600px; min-width: 380px;`}>
-            {currentTrack && <ManualLyricDialog open={openLyrics} track={currentTrack} />}
-            <PlayerProgressBar audioPlayer={audioPlayer} totalDuration={totalDuration} />
+                            : `<b>Oh, dear don't waste time</b>`}
+                    </Text>
+                </GridColumn>
+                <GridColumn width={4}>
+                    <BoxView
+                        direction={Direction.TopToBottom}
+                        style={`max-width: 600px; min-width: 380px;`}
+                    >
+                        {currentTrack && (
+                            <ManualLyricDialog open={openLyrics} track={currentTrack} />
+                        )}
+                        <PlayerProgressBar
+                            audioPlayer={audioPlayer}
+                            totalDuration={totalDuration}
+                        />
 
-            <BoxView direction={Direction.LeftToRight}>
-              <IconButton style={`background-color: ${shuffle ? "orange" : "rgba(255, 255, 255, 0.055)"}`} on={{ clicked: () => setShuffle(!shuffle) }} icon={new QIcon(shuffleIcon)} />
-              <IconButton on={{ clicked: () => prevOrNext(-1) }} icon={new QIcon(backward)} />
-              <IconButton on={{ clicked: handlePlayPause }} icon={new QIcon(isStopped || isPaused || !currentTrack ? play : pause)} />
-              <IconButton on={{ clicked: () => prevOrNext(1) }} icon={new QIcon(forward)} />
-              <IconButton icon={new QIcon(stop)} on={{ clicked: stopPlayback }} />
-            </BoxView>
-          </BoxView>
-        </GridColumn>
-        <GridColumn width={2}>
-          <BoxView>
-            <IconButton
-              style={isActiveDownloading() && !isFinishedDownloading() ? "background-color: green;" : ""}
-              enabled={!!currentYtTrack}
-              icon={new QIcon(download)}
-              on={{
-                clicked() {
-                  currentYtTrack && addToQueue(currentYtTrack);
-                },
-              }}
-            />
-            <IconButton
-              on={{
-                clicked() {
-                  if (currentTrack) {
-                    reactToTrack({ added_at: Date.now().toString(), track: currentTrack });
-                  }
-                },
-              }}
-              icon={new QIcon(isFavorite(currentTrack?.id ?? "") ? heart : heartRegular)}
-            />
-            <IconButton
-              style={openLyrics ? "background-color: green;" : ""}
-              icon={new QIcon(musicNode)}
-              on={{ clicked: () => currentTrack && setOpenLyrics(!openLyrics) }}
-            />
-            <Slider minSize={{ height: 20, width: 80 }} maxSize={{ height: 20, width: 100 }} hasTracking sliderPosition={volume} on={volumeHandler} orientation={Orientation.Horizontal} />
-          </BoxView>
-        </GridColumn>
-      </GridRow>
-    </GridView>
-  );
+                        <BoxView direction={Direction.LeftToRight}>
+                            <IconButton
+                                style={`background-color: ${
+                                    shuffle ? "orange" : "rgba(255, 255, 255, 0.055)"
+                                }`}
+                                on={{ clicked: () => setShuffle(!shuffle) }}
+                                icon={new QIcon(shuffleIcon)}
+                            />
+                            <IconButton
+                                on={{ clicked: () => prevOrNext(-1) }}
+                                icon={new QIcon(backward)}
+                            />
+                            <IconButton
+                                on={{ clicked: handlePlayPause }}
+                                icon={
+                                    new QIcon(
+                                        isStopped || isPaused || !currentTrack
+                                            ? play
+                                            : pause,
+                                    )
+                                }
+                            />
+                            <IconButton
+                                on={{ clicked: () => prevOrNext(1) }}
+                                icon={new QIcon(forward)}
+                            />
+                            <IconButton
+                                icon={new QIcon(stop)}
+                                on={{ clicked: stopPlayback }}
+                            />
+                        </BoxView>
+                    </BoxView>
+                </GridColumn>
+                <GridColumn width={2}>
+                    <BoxView>
+                        <IconButton
+                            style={
+                                isActiveDownloading() && !isFinishedDownloading()
+                                    ? "background-color: green;"
+                                    : ""
+                            }
+                            enabled={!!currentYtTrack}
+                            icon={new QIcon(download)}
+                            on={{
+                                clicked() {
+                                    currentYtTrack && addToQueue(currentYtTrack);
+                                },
+                            }}
+                        />
+                        <IconButton
+                            on={{
+                                clicked() {
+                                    if (currentTrack) {
+                                        reactToTrack({
+                                            added_at: Date.now().toString(),
+                                            track: currentTrack,
+                                        });
+                                    }
+                                },
+                            }}
+                            icon={
+                                new QIcon(
+                                    isFavorite(currentTrack?.id ?? "")
+                                        ? heart
+                                        : heartRegular,
+                                )
+                            }
+                        />
+                        <IconButton
+                            style={openLyrics ? "background-color: green;" : ""}
+                            icon={new QIcon(musicNode)}
+                            on={{
+                                clicked: () => currentTrack && setOpenLyrics(!openLyrics),
+                            }}
+                        />
+                        <Slider
+                            minSize={{ height: 20, width: 80 }}
+                            maxSize={{ height: 20, width: 100 }}
+                            hasTracking
+                            sliderPosition={volume}
+                            on={volumeHandler}
+                            orientation={Orientation.Horizontal}
+                        />
+                    </BoxView>
+                </GridColumn>
+            </GridRow>
+        </GridView>
+    );
 }
 
 export default Player;
diff --git a/src/components/PlayerProgressBar.tsx b/src/components/PlayerProgressBar.tsx
index 23cc6aef..1c2d5d3b 100644
--- a/src/components/PlayerProgressBar.tsx
+++ b/src/components/PlayerProgressBar.tsx
@@ -5,58 +5,70 @@ import React, { useContext, useEffect, useState } from "react";
 import playerContext from "../context/playerContext";
 
 interface PlayerProgressBarProps {
-  audioPlayer: NodeMpv;
-  totalDuration: number;
+    audioPlayer: NodeMpv;
+    totalDuration: number;
 }
 
 function PlayerProgressBar({ audioPlayer, totalDuration }: PlayerProgressBarProps) {
-  const { currentTrack } = useContext(playerContext);
-  const [trackTime, setTrackTime] = useState<number>(0);
-  const trackSliderEvents = useEventHandler<QAbstractSliderSignals>(
-    {
-      sliderMoved: (value) => {
-        if (audioPlayer.isRunning() && currentTrack) {
-          const newPosition = (totalDuration * value) / 100;
-          setTrackTime(parseInt(newPosition.toString()));
-        }
-      },
-      sliderReleased: () => {
-        (async () => {
-          try {
-            await audioPlayer.goToPosition(trackTime);
-          } catch (error) {
-            console.error(error);
-          }
-        })();
-      },
-    },
-    [currentTrack, totalDuration, trackTime]
-  );
+    const { currentTrack } = useContext(playerContext);
+    const [trackTime, setTrackTime] = useState<number>(0);
+    const trackSliderEvents = useEventHandler<QAbstractSliderSignals>(
+        {
+            sliderMoved: (value) => {
+                if (audioPlayer.isRunning() && currentTrack) {
+                    const newPosition = (totalDuration * value) / 100;
+                    setTrackTime(parseInt(newPosition.toString()));
+                }
+            },
+            sliderReleased: () => {
+                (async () => {
+                    try {
+                        await audioPlayer.goToPosition(trackTime);
+                    } catch (error) {
+                        console.error(error);
+                    }
+                })();
+            },
+        },
+        [currentTrack, totalDuration, trackTime],
+    );
 
-  useEffect(() => {
-    const progressListener = (seconds: number) => {
-      setTrackTime(seconds);
-    };
-    const statusListener = ({ property }: import("node-mpv").StatusObject): void => {
-      if (property === "filename") {
-        setTrackTime(0);
-      }
-    };
-    audioPlayer.on("status", statusListener);
-    audioPlayer.on("timeposition", progressListener);
-    return () => {
-      audioPlayer.off("status", statusListener);
-      audioPlayer.off("timeposition", progressListener);
-    };
-  });
-  const playbackPercentage = totalDuration > 0 ? (trackTime * 100) / totalDuration : 0;
-  const playbackTime = new Date(trackTime * 1000).toISOString().substr(14, 5) + "/" + new Date(totalDuration * 1000).toISOString().substr(14, 5)
-  return (
-    <BoxView direction={Direction.LeftToRight} style={`padding: 20px 0px; flex-direction: row;`}>
-      <Slider enabled={!!currentTrack || trackTime > 0} on={trackSliderEvents} sliderPosition={playbackPercentage} hasTracking orientation={Orientation.Horizontal} />
-      <Text>{playbackTime}</Text>
-    </BoxView>
-  );
+    useEffect(() => {
+        const progressListener = (seconds: number) => {
+            setTrackTime(seconds);
+        };
+        const statusListener = ({ property }: import("node-mpv").StatusObject): void => {
+            if (property === "filename") {
+                setTrackTime(0);
+            }
+        };
+        audioPlayer.on("status", statusListener);
+        audioPlayer.on("timeposition", progressListener);
+        return () => {
+            audioPlayer.off("status", statusListener);
+            audioPlayer.off("timeposition", progressListener);
+        };
+    });
+    const playbackPercentage = totalDuration > 0 ? (trackTime * 100) / totalDuration : 0;
+    const playbackTime =
+        new Date(trackTime * 1000).toISOString().substr(14, 5) +
+        "/" +
+        new Date(totalDuration * 1000).toISOString().substr(14, 5);
+    return (
+        <BoxView
+            direction={Direction.LeftToRight}
+            style={`padding: 20px 0px; flex-direction: row;`}
+        >
+            <Slider
+                enabled={!!currentTrack || trackTime > 0}
+                on={trackSliderEvents}
+                sliderPosition={playbackPercentage}
+                hasTracking
+                orientation={Orientation.Horizontal}
+            />
+            <Text>{playbackTime}</Text>
+        </BoxView>
+    );
 }
 
 export default PlayerProgressBar;
diff --git a/src/components/PlaylistGenreView.tsx b/src/components/PlaylistGenreView.tsx
index 2a742ded..8ca24b5f 100644
--- a/src/components/PlaylistGenreView.tsx
+++ b/src/components/PlaylistGenreView.tsx
@@ -1,6 +1,7 @@
 import { QAbstractButtonSignals } from "@nodegui/nodegui";
 import { Button, ScrollArea, Text, View } from "@nodegui/react-nodegui";
 import React from "react";
+import { RefetchOptions } from "react-query";
 import { useLocation, useParams } from "react-router";
 import { QueryCacheKeys } from "../conf";
 import useSpotifyInfiniteQuery from "../hooks/useSpotifyInfiniteQuery";
@@ -9,61 +10,79 @@ import PlaceholderApplet from "./shared/PlaceholderApplet";
 import PlaylistCard from "./shared/PlaylistCard";
 
 function PlaylistGenreView() {
-  const { id } = useParams<{ id: string }>();
-  const location = useLocation<{ name: string }>();
-  const { data: pagedPlaylists, isError, isLoading, refetch, hasNextPage, isFetchingNextPage, fetchNextPage } = useSpotifyInfiniteQuery<SpotifyApi.PagingObject<SpotifyApi.PlaylistObjectSimplified>>(
-    [QueryCacheKeys.genrePlaylists, id],
-    async (spotifyApi, { pageParam }) => {
-      const option = { limit: 20, offset: pageParam };
-      let res;
-      if (id === "featured") {
-        res = await spotifyApi.getFeaturedPlaylists(option);
-      } else {
-        res = await spotifyApi.getPlaylistsForCategory(id, option);
-      }
-      return res.body.playlists;
-    },
-    {
-      getNextPageParam(lastPage) {
-        if (lastPage.next) {
-          return lastPage.offset + lastPage.limit;
-        }
-      },
-    }
-  );
+    const { id } = useParams<{ id: string }>();
+    const location = useLocation<{ name: string }>();
+    const {
+        data: pagedPlaylists,
+        isError,
+        isLoading,
+        refetch,
+        hasNextPage,
+        isFetchingNextPage,
+        fetchNextPage,
+    } = useSpotifyInfiniteQuery<
+        SpotifyApi.PagingObject<SpotifyApi.PlaylistObjectSimplified>
+    >(
+        [QueryCacheKeys.genrePlaylists, id],
+        async (spotifyApi, { pageParam }) => {
+            const option = { limit: 20, offset: pageParam };
+            let res;
+            if (id === "featured") {
+                res = await spotifyApi.getFeaturedPlaylists(option);
+            } else {
+                res = await spotifyApi.getPlaylistsForCategory(id, option);
+            }
+            return res.body.playlists;
+        },
+        {
+            getNextPageParam(lastPage) {
+                if (lastPage.next) {
+                    return lastPage.offset + lastPage.limit;
+                }
+            },
+        },
+    );
 
-  const playlists = pagedPlaylists?.pages
-    .map((page) => page.items)
-    .filter(Boolean)
-    .flat(1);
+    const playlists = pagedPlaylists?.pages
+        .map((page) => page.items)
+        .filter(Boolean)
+        .flat(1);
 
-  return (
-    <GenreView
-      isError={isError}
-      isLoading={isLoading || isFetchingNextPage}
-      refetch={refetch}
-      heading={location.state.name}
-      playlists={playlists ?? []}
-      loadMore={hasNextPage ? () => fetchNextPage() : undefined}
-      isLoadable={!isFetchingNextPage}
-    />
-  );
+    return (
+        <GenreView
+            isError={isError}
+            isLoading={isLoading || isFetchingNextPage}
+            refetch={refetch}
+            heading={location.state.name}
+            playlists={playlists ?? []}
+            loadMore={hasNextPage ? () => fetchNextPage() : undefined}
+            isLoadable={!isFetchingNextPage}
+        />
+    );
 }
 
 export default PlaylistGenreView;
 
 interface GenreViewProps {
-  heading: string;
-  playlists: SpotifyApi.PlaylistObjectSimplified[];
-  loadMore?: QAbstractButtonSignals["clicked"];
-  isLoadable?: boolean;
-  isError: boolean;
-  isLoading: boolean;
-  refetch: Function;
+    heading: string;
+    playlists: SpotifyApi.PlaylistObjectSimplified[];
+    loadMore?: QAbstractButtonSignals["clicked"];
+    isLoadable?: boolean;
+    isError: boolean;
+    isLoading: boolean;
+    refetch: (options?: RefetchOptions | undefined) => Promise<unknown>;
 }
 
-export function GenreView({ heading, playlists, loadMore, isLoadable, isError, isLoading, refetch }: GenreViewProps) {
-  const playlistGenreViewStylesheet = `
+export function GenreView({
+    heading,
+    playlists,
+    loadMore,
+    isLoadable,
+    isError,
+    isLoading,
+    refetch,
+}: GenreViewProps) {
+    const playlistGenreViewStylesheet = `
     #genre-container{
       flex-direction: 'column';
       flex: 1;
@@ -83,19 +102,32 @@ export function GenreView({ heading, playlists, loadMore, isLoadable, isError, i
       width: 330px;
     }
   `;
-  return (
-    <View id="genre-container" styleSheet={playlistGenreViewStylesheet}>
-      <BackButton />
-      <Text id="heading">{`<h2>${heading}</h2>`}</Text>
-      <ScrollArea id="scroll-view">
-        <View id="child-container">
-          <PlaceholderApplet error={isError} loading={isLoading} reload={refetch} message={`Failed loading ${heading}'s playlists`} />
-          {playlists?.map((playlist, index) => {
-            return <PlaylistCard key={index + playlist.id} playlist={playlist} />;
-          })}
-          {loadMore && <Button text="Load more" on={{ clicked: loadMore }} enabled={isLoadable} />}
+    return (
+        <View id="genre-container" styleSheet={playlistGenreViewStylesheet}>
+            <BackButton />
+            <Text id="heading">{`<h2>${heading}</h2>`}</Text>
+            <ScrollArea id="scroll-view">
+                <View id="child-container">
+                    <PlaceholderApplet
+                        error={isError}
+                        loading={isLoading}
+                        reload={refetch}
+                        message={`Failed loading ${heading}'s playlists`}
+                    />
+                    {playlists?.map((playlist, index) => {
+                        return (
+                            <PlaylistCard key={index + playlist.id} playlist={playlist} />
+                        );
+                    })}
+                    {loadMore && (
+                        <Button
+                            text="Load more"
+                            on={{ clicked: loadMore }}
+                            enabled={isLoadable}
+                        />
+                    )}
+                </View>
+            </ScrollArea>
         </View>
-      </ScrollArea>
-    </View>
-  );
+    );
 }
diff --git a/src/components/PlaylistView.tsx b/src/components/PlaylistView.tsx
index a5714b1d..6db4f98c 100644
--- a/src/components/PlaylistView.tsx
+++ b/src/components/PlaylistView.tsx
@@ -14,94 +14,130 @@ import { TrackButton } from "./shared/TrackButton";
 import PlaceholderApplet from "./shared/PlaceholderApplet";
 
 export interface PlaylistTrackRes {
-  name: string;
-  artists: string;
-  url: string;
+    name: string;
+    artists: string;
+    url: string;
 }
 
 const PlaylistView: FC = () => {
-  const { setCurrentTrack, currentPlaylist, setCurrentPlaylist } = useContext(playerContext);
-  const params = useParams<{ id: string }>();
-  const location = useLocation<{ name: string; thumbnail: string }>();
-  const { isFavorite, reactToPlaylist } = usePlaylistReaction();
-  const { data: playlist } = useSpotifyQuery<SpotifyApi.PlaylistObjectFull>([QueryCacheKeys.categoryPlaylists, params.id], (spotifyApi) =>
-    spotifyApi.getPlaylist(params.id).then((playlistsRes) => playlistsRes.body)
-  );
-  const { data: tracks, isSuccess, isError, isLoading, refetch } = useSpotifyQuery<SpotifyApi.PlaylistTrackObject[]>(
-    [QueryCacheKeys.playlistTracks, params.id],
-    (spotifyApi) => spotifyApi.getPlaylistTracks(params.id).then((track) => track.body.items),
-    { initialData: [] }
-  );
+    const { setCurrentTrack, currentPlaylist, setCurrentPlaylist } =
+        useContext(playerContext);
+    const params = useParams<{ id: string }>();
+    const location = useLocation<{ name: string; thumbnail: string }>();
+    const { isFavorite, reactToPlaylist } = usePlaylistReaction();
+    const { data: playlist } = useSpotifyQuery<SpotifyApi.PlaylistObjectFull>(
+        [QueryCacheKeys.categoryPlaylists, params.id],
+        (spotifyApi) =>
+            spotifyApi.getPlaylist(params.id).then((playlistsRes) => playlistsRes.body),
+    );
+    const {
+        data: tracks,
+        isSuccess,
+        isError,
+        isLoading,
+        refetch,
+    } = useSpotifyQuery<SpotifyApi.PlaylistTrackObject[]>(
+        [QueryCacheKeys.playlistTracks, params.id],
+        (spotifyApi) =>
+            spotifyApi.getPlaylistTracks(params.id).then((track) => track.body.items),
+        { initialData: [] },
+    );
 
-  const handlePlaylistPlayPause = () => {
-    if (currentPlaylist?.id !== params.id && isSuccess && tracks) {
-      setCurrentPlaylist({ ...params, ...location.state, tracks });
-      setCurrentTrack(tracks[0].track);
-    } else {
-      audioPlayer.stop().catch((error) => console.error("Failed to stop audio player: ", error));
-      setCurrentTrack(undefined);
-      setCurrentPlaylist(undefined);
-    }
-  };
+    const handlePlaylistPlayPause = () => {
+        if (currentPlaylist?.id !== params.id && isSuccess && tracks) {
+            setCurrentPlaylist({ ...params, ...location.state, tracks });
+            setCurrentTrack(tracks[0].track);
+        } else {
+            audioPlayer
+                .stop()
+                .catch((error) => console.error("Failed to stop audio player: ", error));
+            setCurrentTrack(undefined);
+            setCurrentPlaylist(undefined);
+        }
+    };
 
-  return (
-    <View style={`flex: 1; flex-direction: 'column';`}>
-      <PlaylistSimpleControls
-        handlePlaylistReact={() => playlist && reactToPlaylist(playlist)}
-        handlePlaylistPlayPause={handlePlaylistPlayPause}
-        isActive={currentPlaylist?.id === params.id}
-        isFavorite={isFavorite(params.id)}
-      />
-      <Text>{`<center><h2>${location.state.name[0].toUpperCase()}${location.state.name.slice(1)}</h2></center>`}</Text>
-      {<TrackTableIndex />}
-      <ScrollArea style={`flex:1; flex-grow: 1; border: none;`}>
-        <View style={`flex-direction:column; flex: 1;`}>
-          <PlaceholderApplet error={isError} loading={isLoading} reload={refetch} message={`Failed retrieving ${location.state.name} tracks`} />
-          {tracks?.map(({ track }, index) => {
-            if (track) {
-              return <TrackButton key={index + track.id} track={track} index={index} playlist={playlist} />;
-            }
-          })}
+    return (
+        <View style={`flex: 1; flex-direction: 'column';`}>
+            <PlaylistSimpleControls
+                handlePlaylistReact={() => playlist && reactToPlaylist(playlist)}
+                handlePlaylistPlayPause={handlePlaylistPlayPause}
+                isActive={currentPlaylist?.id === params.id}
+                isFavorite={isFavorite(params.id)}
+            />
+            <Text>{`<center><h2>${location.state.name[0].toUpperCase()}${location.state.name.slice(
+                1,
+            )}</h2></center>`}</Text>
+            {<TrackTableIndex />}
+            <ScrollArea style={`flex:1; flex-grow: 1; border: none;`}>
+                <View style={`flex-direction:column; flex: 1;`}>
+                    <PlaceholderApplet
+                        error={isError}
+                        loading={isLoading}
+                        reload={refetch}
+                        message={`Failed retrieving ${location.state.name} tracks`}
+                    />
+                    {tracks?.map(({ track }, index) => {
+                        if (track) {
+                            return (
+                                <TrackButton
+                                    key={index + track.id}
+                                    track={track}
+                                    index={index}
+                                    playlist={playlist}
+                                />
+                            );
+                        }
+                    })}
+                </View>
+            </ScrollArea>
         </View>
-      </ScrollArea>
-    </View>
-  );
+    );
 };
 
 export default PlaylistView;
 
 export function TrackTableIndex() {
-  return (
-    <View>
-      <Text style="padding: 5px;">{`<h3>#</h3>`}</Text>
-      <Text style="width: '35%';">{`<h3>Title</h3>`}</Text>
-      <Text style="width: '25%';">{`<h3>Album</h3>`}</Text>
-      <Text style="width: '15%';">{`<h3>Duration</h3>`}</Text>
-      <Text style="width: '15%';">{`<h3>Actions</h3>`}</Text>
-    </View>
-  );
+    return (
+        <View>
+            <Text style="padding: 5px;">{`<h3>#</h3>`}</Text>
+            <Text style="width: '35%';">{`<h3>Title</h3>`}</Text>
+            <Text style="width: '25%';">{`<h3>Album</h3>`}</Text>
+            <Text style="width: '15%';">{`<h3>Duration</h3>`}</Text>
+            <Text style="width: '15%';">{`<h3>Actions</h3>`}</Text>
+        </View>
+    );
 }
 interface PlaylistSimpleControlsProps {
-  handlePlaylistPlayPause: (index?: number) => void;
-  handlePlaylistReact?: () => void;
-  isActive: boolean;
-  isFavorite?: boolean;
+    handlePlaylistPlayPause: (index?: number) => void;
+    handlePlaylistReact?: () => void;
+    isActive: boolean;
+    isFavorite?: boolean;
 }
 
-export function PlaylistSimpleControls({ handlePlaylistPlayPause, isActive, handlePlaylistReact, isFavorite }: PlaylistSimpleControlsProps) {
-  return (
-    <View style={`justify-content: 'space-evenly'; max-width: 150px; padding: 10px;`}>
-      <BackButton />
-      {isFavorite !== undefined && <IconButton icon={new QIcon(isFavorite ? heart : heartRegular)} on={{ clicked: handlePlaylistReact }} />}
-      <IconButton
-        style={`background-color: #00be5f; color: white;`}
-        on={{
-          clicked() {
-            handlePlaylistPlayPause();
-          },
-        }}
-        icon={new QIcon(isActive ? stop : play)}
-      />
-    </View>
-  );
+export function PlaylistSimpleControls({
+    handlePlaylistPlayPause,
+    isActive,
+    handlePlaylistReact,
+    isFavorite,
+}: PlaylistSimpleControlsProps) {
+    return (
+        <View style={`justify-content: 'space-evenly'; max-width: 150px; padding: 10px;`}>
+            <BackButton />
+            {isFavorite !== undefined && (
+                <IconButton
+                    icon={new QIcon(isFavorite ? heart : heartRegular)}
+                    on={{ clicked: handlePlaylistReact }}
+                />
+            )}
+            <IconButton
+                style={`background-color: #00be5f; color: white;`}
+                on={{
+                    clicked() {
+                        handlePlaylistPlayPause();
+                    },
+                }}
+                icon={new QIcon(isActive ? stop : play)}
+            />
+        </View>
+    );
 }
diff --git a/src/components/Search.tsx b/src/components/Search.tsx
index 37b8cedc..7a9921a9 100644
--- a/src/components/Search.tsx
+++ b/src/components/Search.tsx
@@ -13,83 +13,122 @@ import PlaylistCard from "./shared/PlaylistCard";
 import { TrackButton } from "./shared/TrackButton";
 
 function Search() {
-  const history = useHistory<{ searchQuery: string }>();
-  const [searchQuery, setSearchQuery] = useState<string>("");
-  const { data: searchResults, refetch, isError, isLoading } = useSpotifyQuery<SpotifyApi.SearchResponse>(
-    QueryCacheKeys.search,
-    (spotifyApi) => spotifyApi.search(searchQuery, ["playlist", "track"], { limit: 4 }).then((res) => res.body),
-    { enabled: false }
-  );
+    const history = useHistory<{ searchQuery: string }>();
+    const [searchQuery, setSearchQuery] = useState<string>("");
+    const {
+        data: searchResults,
+        refetch,
+        isError,
+        isLoading,
+    } = useSpotifyQuery<SpotifyApi.SearchResponse>(
+        QueryCacheKeys.search,
+        (spotifyApi) =>
+            spotifyApi
+                .search(searchQuery, ["playlist", "track"], { limit: 4 })
+                .then((res) => res.body),
+        { enabled: false },
+    );
 
-  async function handleSearch() {
-    try {
-      await refetch();
-    } catch (error) {
-      showError(error, "[Failed to search through spotify]: ");
+    async function handleSearch() {
+        try {
+            await refetch();
+        } catch (error) {
+            showError(error, "[Failed to search through spotify]: ");
+        }
     }
-  }
 
-  const placeholder = <PlaceholderApplet error={isError} loading={isLoading} message="Failed querying spotify" reload={refetch} />;
-  return (
-    <View style="flex: 1; flex-direction: 'column'; padding: 5px;">
-      <View>
-        <LineEdit
-          style="width: '65%'; margin: 5px;"
-          placeholderText="Search spotify"
-          on={{
-            textChanged(t) {
-              setSearchQuery(t);
-            },
-            KeyRelease(native: any) {
-              const key = new QKeyEvent(native);
-              const isEnter = key.key() === 16777220;
-              if (isEnter) {
-                handleSearch();
-              }
-            }
-          }}
+    const placeholder = (
+        <PlaceholderApplet
+            error={isError}
+            loading={isLoading}
+            message="Failed querying spotify"
+            reload={refetch}
         />
-        <IconButton enabled={searchQuery.length > 0} icon={new QIcon(search)} on={{ clicked: handleSearch }} />
-      </View>
-      <ScrollArea style="flex: 1;">
-        <View style="flex-direction: 'column'; flex: 1;">
-          <View style="flex: 1; flex-direction: 'column';">
-            <Text
-              cursor={CursorShape.PointingHandCursor}
-              on={{
-                MouseButtonRelease(native: any) {
-                  if (new QMouseEvent(native).button() === 1 && searchResults?.tracks) {
-                    history.push("/search/songs", { searchQuery });
-                  }
-                },
-              }}>{`<h2>Songs</h2>`}</Text>
-            <TrackTableIndex />
-            {placeholder}
-            {searchResults?.tracks?.items.map((track, index) => (
-              <TrackButton key={index + track.id} index={index} track={track} />
-            ))}
-          </View>
-          <View style="flex: 1; flex-direction: 'column';">
-            <Text
-              cursor={CursorShape.PointingHandCursor}
-              on={{
-                MouseButtonRelease(native: any) {
-                  if (new QMouseEvent(native).button() === 1 && searchResults?.playlists) {
-                    history.push("/search/playlists", { searchQuery });
-                  }
-                },
-              }}>{`<h2>Playlists</h2>`}</Text>
-            <View style="flex: 1; justify-content: 'space-around'; align-items: 'center';">
-              {placeholder}
-              {searchResults?.playlists?.items.map((playlist, index) => (
-                <PlaylistCard key={index + playlist.id} playlist={playlist} />
-              ))}
+    );
+    return (
+        <View style="flex: 1; flex-direction: 'column'; padding: 5px;">
+            <View>
+                <LineEdit
+                    style="width: '65%'; margin: 5px;"
+                    placeholderText="Search spotify"
+                    on={{
+                        textChanged(t) {
+                            setSearchQuery(t);
+                        },
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        KeyRelease(native: any) {
+                            const key = new QKeyEvent(native);
+                            const isEnter = key.key() === 16777220;
+                            if (isEnter) {
+                                handleSearch();
+                            }
+                        },
+                    }}
+                />
+                <IconButton
+                    enabled={searchQuery.length > 0}
+                    icon={new QIcon(search)}
+                    on={{ clicked: handleSearch }}
+                />
             </View>
-          </View>
+            <ScrollArea style="flex: 1;">
+                <View style="flex-direction: 'column'; flex: 1;">
+                    <View style="flex: 1; flex-direction: 'column';">
+                        <Text
+                            cursor={CursorShape.PointingHandCursor}
+                            on={{
+                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                MouseButtonRelease(native: any) {
+                                    if (
+                                        new QMouseEvent(native).button() === 1 &&
+                                        searchResults?.tracks
+                                    ) {
+                                        history.push("/search/songs", { searchQuery });
+                                    }
+                                },
+                            }}
+                        >{`<h2>Songs</h2>`}</Text>
+                        <TrackTableIndex />
+                        {placeholder}
+                        {searchResults?.tracks?.items.map((track, index) => (
+                            <TrackButton
+                                key={index + track.id}
+                                index={index}
+                                track={track}
+                            />
+                        ))}
+                    </View>
+                    <View style="flex: 1; flex-direction: 'column';">
+                        <Text
+                            cursor={CursorShape.PointingHandCursor}
+                            on={{
+                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                MouseButtonRelease(native: any) {
+                                    if (
+                                        new QMouseEvent(native).button() === 1 &&
+                                        searchResults?.playlists
+                                    ) {
+                                        history.push("/search/playlists", {
+                                            searchQuery,
+                                        });
+                                    }
+                                },
+                            }}
+                        >{`<h2>Playlists</h2>`}</Text>
+                        <View style="flex: 1; justify-content: 'space-around'; align-items: 'center';">
+                            {placeholder}
+                            {searchResults?.playlists?.items.map((playlist, index) => (
+                                <PlaylistCard
+                                    key={index + playlist.id}
+                                    playlist={playlist}
+                                />
+                            ))}
+                        </View>
+                    </View>
+                </View>
+            </ScrollArea>
         </View>
-      </ScrollArea>
-    </View>
-  );
+    );
 }
 
 export default Search;
diff --git a/src/components/SearchResultPlaylistCollection.tsx b/src/components/SearchResultPlaylistCollection.tsx
index 89521b03..48e3fad1 100644
--- a/src/components/SearchResultPlaylistCollection.tsx
+++ b/src/components/SearchResultPlaylistCollection.tsx
@@ -5,34 +5,51 @@ import useSpotifyInfiniteQuery from "../hooks/useSpotifyInfiniteQuery";
 import { GenreView } from "./PlaylistGenreView";
 
 function SearchResultPlaylistCollection() {
-  const location = useLocation<{ searchQuery: string }>();
-  const { data: searchResults, fetchNextPage, hasNextPage, isFetchingNextPage, isError, isLoading, refetch } = useSpotifyInfiniteQuery<SpotifyApi.SearchResponse>(
-    QueryCacheKeys.searchPlaylist,
-    (spotifyApi, { pageParam }) => spotifyApi.searchPlaylists(location.state.searchQuery, { limit: 20, offset: pageParam }).then((res) => res.body),
-    {
-      getNextPageParam: (lastPage) => {
-        if (lastPage.playlists?.next) {
-          return (lastPage.playlists?.offset ?? 0) + (lastPage.playlists?.limit ?? 0);
-        }
-      },
-    }
-  );
-  return (
-    <GenreView
-      isError={isError}
-      isLoading={isLoading || isFetchingNextPage}
-      refetch={refetch}
-      heading={"Search: " + location.state.searchQuery}
-      playlists={
-        (searchResults?.pages
-          ?.map((page) => page.playlists?.items)
-          .filter(Boolean)
-          .flat(1) as SpotifyApi.PlaylistObjectSimplified[]) ?? []
-      }
-      loadMore={hasNextPage ? () => fetchNextPage() : undefined}
-      isLoadable={!isFetchingNextPage}
-    />
-  );
+    const location = useLocation<{ searchQuery: string }>();
+    const {
+        data: searchResults,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        isError,
+        isLoading,
+        refetch,
+    } = useSpotifyInfiniteQuery<SpotifyApi.SearchResponse>(
+        QueryCacheKeys.searchPlaylist,
+        (spotifyApi, { pageParam }) =>
+            spotifyApi
+                .searchPlaylists(location.state.searchQuery, {
+                    limit: 20,
+                    offset: pageParam,
+                })
+                .then((res) => res.body),
+        {
+            getNextPageParam: (lastPage) => {
+                if (lastPage.playlists?.next) {
+                    return (
+                        (lastPage.playlists?.offset ?? 0) +
+                        (lastPage.playlists?.limit ?? 0)
+                    );
+                }
+            },
+        },
+    );
+    return (
+        <GenreView
+            isError={isError}
+            isLoading={isLoading || isFetchingNextPage}
+            refetch={refetch}
+            heading={"Search: " + location.state.searchQuery}
+            playlists={
+                (searchResults?.pages
+                    ?.map((page) => page.playlists?.items)
+                    .filter(Boolean)
+                    .flat(1) as SpotifyApi.PlaylistObjectSimplified[]) ?? []
+            }
+            loadMore={hasNextPage ? () => fetchNextPage() : undefined}
+            isLoadable={!isFetchingNextPage}
+        />
+    );
 }
 
 export default SearchResultPlaylistCollection;
diff --git a/src/components/SearchResultSongsCollection.tsx b/src/components/SearchResultSongsCollection.tsx
index a1b1c30a..73e74c77 100644
--- a/src/components/SearchResultSongsCollection.tsx
+++ b/src/components/SearchResultSongsCollection.tsx
@@ -8,51 +8,79 @@ import PlaceholderApplet from "./shared/PlaceholderApplet";
 import { TrackButton } from "./shared/TrackButton";
 
 function SearchResultSongsCollection() {
-  const location = useLocation<{ searchQuery: string }>();
-  const { data: searchResults, fetchNextPage, hasNextPage, isFetchingNextPage, isError, isLoading, refetch } = useSpotifyInfiniteQuery<SpotifyApi.SearchResponse>(
-    QueryCacheKeys.searchSongs,
-    (spotifyApi, { pageParam }) => spotifyApi.searchTracks(location.state.searchQuery, { limit: 20, offset: pageParam }).then((res) => res.body),
-    {
-      getNextPageParam: (lastPage) => {
-        if (lastPage.tracks?.next) {
-          return (lastPage.tracks?.offset ?? 0) + (lastPage.tracks?.limit ?? 0);
-        }
-      },
-    }
-  );
-  return (
-    <View style="flex: 1; flex-direction: 'column';">
-      <Text>{`
+    const location = useLocation<{ searchQuery: string }>();
+    const {
+        data: searchResults,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        isError,
+        isLoading,
+        refetch,
+    } = useSpotifyInfiniteQuery<SpotifyApi.SearchResponse>(
+        QueryCacheKeys.searchSongs,
+        (spotifyApi, { pageParam }) =>
+            spotifyApi
+                .searchTracks(location.state.searchQuery, {
+                    limit: 20,
+                    offset: pageParam,
+                })
+                .then((res) => res.body),
+        {
+            getNextPageParam: (lastPage) => {
+                if (lastPage.tracks?.next) {
+                    return (lastPage.tracks?.offset ?? 0) + (lastPage.tracks?.limit ?? 0);
+                }
+            },
+        },
+    );
+    return (
+        <View style="flex: 1; flex-direction: 'column';">
+            <Text>{`
       <center>
         <h2>Search: ${location.state.searchQuery}</h2>
       </center>
       `}</Text>
-      <TrackTableIndex />
-      <ScrollArea style="flex: 1; border: none;">
-        <View style="flex: 1; flex-direction: 'column';">
-          <PlaceholderApplet error={isError} loading={isLoading || isFetchingNextPage} message="Failed querying spotify" reload={refetch} />
-          {searchResults?.pages
-            .map((searchResult) => searchResult.tracks?.items)
-            .filter(Boolean)
-            .flat(1)
-            .map((track, index) => track && <TrackButton key={index + track.id} index={index} track={track} />)}
+            <TrackTableIndex />
+            <ScrollArea style="flex: 1; border: none;">
+                <View style="flex: 1; flex-direction: 'column';">
+                    <PlaceholderApplet
+                        error={isError}
+                        loading={isLoading || isFetchingNextPage}
+                        message="Failed querying spotify"
+                        reload={refetch}
+                    />
+                    {searchResults?.pages
+                        .map((searchResult) => searchResult.tracks?.items)
+                        .filter(Boolean)
+                        .flat(1)
+                        .map(
+                            (track, index) =>
+                                track && (
+                                    <TrackButton
+                                        key={index + track.id}
+                                        index={index}
+                                        track={track}
+                                    />
+                                ),
+                        )}
 
-          {hasNextPage && (
-            <Button
-              style="flex-grow: 0; align-self: 'center';"
-              text="Load more"
-              on={{
-                clicked() {
-                  fetchNextPage();
-                },
-              }}
-              enabled={!isFetchingNextPage}
-            />
-          )}
+                    {hasNextPage && (
+                        <Button
+                            style="flex-grow: 0; align-self: 'center';"
+                            text="Load more"
+                            on={{
+                                clicked() {
+                                    fetchNextPage();
+                                },
+                            }}
+                            enabled={!isFetchingNextPage}
+                        />
+                    )}
+                </View>
+            </ScrollArea>
         </View>
-      </ScrollArea>
-    </View>
-  );
+    );
 }
 
 export default SearchResultSongsCollection;
diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
index d0d3953d..341eeb85 100644
--- a/src/components/Settings.tsx
+++ b/src/components/Settings.tsx
@@ -4,41 +4,48 @@ import preferencesContext from "../context/preferencesContext";
 import Switch, { SwitchProps } from "./shared/Switch";
 
 function Settings() {
-  const { setPreferences, ...preferences } = useContext(preferencesContext)
-  return (
-    <View style="flex: 1; flex-direction: 'column'; justify-content: 'flex-start';">
-      <Text>{`<center><h2>Settings</h2></center>`}</Text>
-      <View style="width: '100%'; flex-direction: 'column'; justify-content: 'flex-start';">
-        <SettingsCheckTile
-          checked={preferences.playlistImages}
-          title="Use images instead of colors for playlist"
-          subtitle="This will increase memory usage"
-          onChange={(checked) => setPreferences({ ...preferences, playlistImages: checked })}
-        />
-      </View>
-    </View>
-  );
+    const { setPreferences, ...preferences } = useContext(preferencesContext);
+    return (
+        <View style="flex: 1; flex-direction: 'column'; justify-content: 'flex-start';">
+            <Text>{`<center><h2>Settings</h2></center>`}</Text>
+            <View style="width: '100%'; flex-direction: 'column'; justify-content: 'flex-start';">
+                <SettingsCheckTile
+                    checked={preferences.playlistImages}
+                    title="Use images instead of colors for playlist"
+                    subtitle="This will increase memory usage"
+                    onChange={(checked) =>
+                        setPreferences({ ...preferences, playlistImages: checked })
+                    }
+                />
+            </View>
+        </View>
+    );
 }
 
 export default Settings;
 
 interface SettingsCheckTileProps {
-  title: string;
-  subtitle?: string;
-  checked: boolean;
-  onChange?: SwitchProps["onChange"];
+    title: string;
+    subtitle?: string;
+    checked: boolean;
+    onChange?: SwitchProps["onChange"];
 }
 
-export function SettingsCheckTile({ title, subtitle = "", onChange, checked }: SettingsCheckTileProps) {
-  return (
-    <View style="flex: 1; align-items: 'center'; padding: 15px 0; justify-content: 'space-between';">
-      <Text>
-        {`
+export function SettingsCheckTile({
+    title,
+    subtitle = "",
+    onChange,
+    checked,
+}: SettingsCheckTileProps) {
+    return (
+        <View style="flex: 1; align-items: 'center'; padding: 15px 0; justify-content: 'space-between';">
+            <Text>
+                {`
           <b>${title}</b>
           <p>${subtitle}</p>
         `}
-      </Text>
-      <Switch checked={checked} onChange={onChange} />
-    </View>
-  );
+            </Text>
+            <Switch checked={checked} onChange={onChange} />
+        </View>
+    );
 }
diff --git a/src/components/TabMenu.tsx b/src/components/TabMenu.tsx
index ea3d9d28..d640e464 100644
--- a/src/components/TabMenu.tsx
+++ b/src/components/TabMenu.tsx
@@ -6,27 +6,27 @@ import IconButton from "./shared/IconButton";
 import { QIcon } from "@nodegui/nodegui";
 
 function TabMenu() {
-  const history = useHistory();
+    const history = useHistory();
 
-  return (
-    <View id="tabmenu" styleSheet={tabBarStylesheet}>
-      <View>
-        <Text>{`<h1>Spotube</h1>`}</Text>
-      </View>
-      <TabMenuItem url="/home" title="Browse" />
-      <TabMenuItem url="/library" title="Library" />
-      <TabMenuItem url="/currently" title="Currently Playing" />
-      <TabMenuItem url="/search" title="Search" />
-      <IconButton
-        icon={new QIcon(settingsCog)}
-        on={{
-          clicked() {
-            history.push("/settings");
-          },
-        }}
-      />
-    </View>
-  );
+    return (
+        <View id="tabmenu" styleSheet={tabBarStylesheet}>
+            <View>
+                <Text>{`<h1>Spotube</h1>`}</Text>
+            </View>
+            <TabMenuItem url="/home" title="Browse" />
+            <TabMenuItem url="/library" title="Library" />
+            <TabMenuItem url="/currently" title="Currently Playing" />
+            <TabMenuItem url="/search" title="Search" />
+            <IconButton
+                icon={new QIcon(settingsCog)}
+                on={{
+                    clicked() {
+                        history.push("/settings");
+                    },
+                }}
+            />
+        </View>
+    );
 }
 
 export const tabBarStylesheet = `  
@@ -47,21 +47,31 @@ export const tabBarStylesheet = `
 export default TabMenu;
 
 export interface TabMenuItemProps {
-  title: string;
-  url: string;
-  /**
-   * path to the icon in string
-   */
-  icon?: string;
+    title: string;
+    url: string;
+    /**
+     * path to the icon in string
+     */
+    icon?: string;
 }
 
-export function TabMenuItem({ icon, title, url }: TabMenuItemProps) {
-  const location = useLocation();
-  const history = useHistory();
+export function TabMenuItem({ title, url }: TabMenuItemProps) {
+    const location = useLocation();
+    const history = useHistory();
 
-  function clicked() {
-    history.push(url);
-  }
+    function clicked() {
+        history.push(url);
+    }
 
-  return <Button on={{ clicked }} id={location.pathname.replace("/", " ").startsWith(url.replace("/", " ")) ? "tabmenu-active-item" : `tabmenu-item`} text={title} />;
+    return (
+        <Button
+            on={{ clicked }}
+            id={
+                location.pathname.replace("/", " ").startsWith(url.replace("/", " "))
+                    ? "tabmenu-active-item"
+                    : `tabmenu-item`
+            }
+            text={title}
+        />
+    );
 }
diff --git a/src/components/shared/CachedImage.tsx b/src/components/shared/CachedImage.tsx
index e3edca38..009c1244 100644
--- a/src/components/shared/CachedImage.tsx
+++ b/src/components/shared/CachedImage.tsx
@@ -6,48 +6,55 @@ import { getCachedImageBuffer } from "../../helpers/getCachedImageBuffer";
 import showError from "../../helpers/showError";
 
 interface CachedImageProps extends Omit<ImageProps, "buffer"> {
-  src: string;
-  alt?: string;
+    src: string;
+    alt?: string;
 }
 
 function CachedImage({ src, alt, size, maxSize, ...props }: CachedImageProps) {
-  const labelRef = useRef<QLabel>();
-  const [imageBuffer, setImageBuffer] = useState<Buffer>();
-  const [imageProcessError, setImageProcessError] = useState<boolean>(false);
-  const pixmap = new QPixmap();
+    const labelRef = useRef<QLabel>();
+    const [imageBuffer, setImageBuffer] = useState<Buffer>();
+    const [imageProcessError, setImageProcessError] = useState<boolean>(false);
+    const pixmap = new QPixmap();
 
-  useEffect(() => {
-    if (imageBuffer === undefined) {
-      getCachedImageBuffer(src, maxSize ?? size)
-        .then((buffer) => setImageBuffer(buffer))
-        .catch((error) => {
-          setImageProcessError(false);
-          showError(error, "[Cached Image Error]: ");
-        });
-    }
+    useEffect(() => {
+        if (imageBuffer === undefined) {
+            getCachedImageBuffer(src, maxSize ?? size)
+                .then((buffer) => setImageBuffer(buffer))
+                .catch((error) => {
+                    setImageProcessError(false);
+                    showError(error, "[Cached Image Error]: ");
+                });
+        }
 
-    return () => {
-      labelRef.current?.close();
-    };
-  }, []);
+        return () => {
+            labelRef.current?.close();
+        };
+    }, []);
 
-  useEffect(() => {
-    if (imageBuffer) {
-      pixmap.loadFromData(imageBuffer);
-      pixmap.scaled((size ?? maxSize)?.height ?? 100, (size ?? maxSize)?.width ?? 100);
-      labelRef.current?.setPixmap(pixmap);
-    }
-  }, [imageBuffer]);
+    useEffect(() => {
+        if (imageBuffer) {
+            pixmap.loadFromData(imageBuffer);
+            pixmap.scaled(
+                (size ?? maxSize)?.height ?? 100,
+                (size ?? maxSize)?.width ?? 100,
+            );
+            labelRef.current?.setPixmap(pixmap);
+        }
+    }, [imageBuffer]);
 
-  return !imageProcessError && imageBuffer ? (
-    <Text ref={labelRef} {...props}/>
-  ) : alt ? (
-    <View style={`padding: ${((maxSize ?? size)?.height || 10) / 2.5}px ${((maxSize ?? size)?.width || 10) / 2.5}px;`}>
-      <Text>{alt}</Text>
-    </View>
-  ) : (
-    <></>
-  );
+    return !imageProcessError && imageBuffer ? (
+        <Text ref={labelRef} {...props} />
+    ) : alt ? (
+        <View
+            style={`padding: ${((maxSize ?? size)?.height || 10) / 2.5}px ${
+                ((maxSize ?? size)?.width || 10) / 2.5
+            }px;`}
+        >
+            <Text>{alt}</Text>
+        </View>
+    ) : (
+        <></>
+    );
 }
 
 export default CachedImage;
diff --git a/src/components/shared/CategoryCardView.tsx b/src/components/shared/CategoryCardView.tsx
index 9460621d..f27257ef 100644
--- a/src/components/shared/CategoryCardView.tsx
+++ b/src/components/shared/CategoryCardView.tsx
@@ -5,10 +5,10 @@ import { useHistory } from "react-router";
 import PlaylistCard from "./PlaylistCard";
 
 interface CategoryCardProps {
-  url: string;
-  name: string;
-  isError: boolean;
-  playlists: SpotifyApi.PlaylistObjectSimplified[];
+    url: string;
+    name: string;
+    isError: boolean;
+    playlists: SpotifyApi.PlaylistObjectSimplified[];
 }
 
 const categoryStylesheet = `
@@ -36,26 +36,32 @@ const categoryStylesheet = `
      }
   `;
 const CategoryCard: FC<CategoryCardProps> = ({ name, isError, playlists, url }) => {
-  const history = useHistory();
-  function goToGenre(native: any) {
-    const mouse = new QMouseEvent(native);
-    if (mouse.button() === 1) {
-      history.push(url, { name });
+    const history = useHistory();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function goToGenre(native: any) {
+        const mouse = new QMouseEvent(native);
+        if (mouse.button() === 1) {
+            history.push(url, { name });
+        }
     }
-  }
-  if (isError) {
-    return <></>;
-  }
-  return (
-    <View id="container" styleSheet={categoryStylesheet}>
-      <Button id="anchor-heading" cursor={CursorShape.PointingHandCursor} on={{ MouseButtonRelease: goToGenre }} text={name} />
-      <View id="child-view">
-        {playlists.map((playlist, index) => {
-          return <PlaylistCard key={index + playlist.id} playlist={playlist} />;
-        })}
-      </View>
-    </View>
-  );
+    if (isError) {
+        return <></>;
+    }
+    return (
+        <View id="container" styleSheet={categoryStylesheet}>
+            <Button
+                id="anchor-heading"
+                cursor={CursorShape.PointingHandCursor}
+                on={{ MouseButtonRelease: goToGenre }}
+                text={name}
+            />
+            <View id="child-view">
+                {playlists.map((playlist, index) => {
+                    return <PlaylistCard key={index + playlist.id} playlist={playlist} />;
+                })}
+            </View>
+        </View>
+    );
 };
 
 export default CategoryCard;
diff --git a/src/components/shared/IconButton.tsx b/src/components/shared/IconButton.tsx
index 814dabb0..16f6fcab 100644
--- a/src/components/shared/IconButton.tsx
+++ b/src/components/shared/IconButton.tsx
@@ -1,20 +1,20 @@
 import React, { useEffect, useRef } from "react";
-import {QGraphicsDropShadowEffect, QPushButton} from "@nodegui/nodegui"
+import { QGraphicsDropShadowEffect, QPushButton } from "@nodegui/nodegui";
 import { Button } from "@nodegui/react-nodegui";
 import { ButtonProps } from "@nodegui/react-nodegui/dist/components/Button/RNButton";
 
-interface IconButtonProps extends Omit<ButtonProps, "text"> {}
+type IconButtonProps = Omit<ButtonProps, "text">;
 
 function IconButton({ style, ...props }: IconButtonProps) {
-  const iconBtnRef = useRef<QPushButton>()
-  const shadowGfx = new QGraphicsDropShadowEffect();
-  useEffect(() => {
-    shadowGfx.setBlurRadius(5);
-    shadowGfx.setXOffset(0);
-    shadowGfx.setYOffset(0);
-    iconBtnRef.current?.setGraphicsEffect(shadowGfx);
-  }, [])
-  const iconButtonStyleSheet = `
+    const iconBtnRef = useRef<QPushButton>();
+    const shadowGfx = new QGraphicsDropShadowEffect();
+    useEffect(() => {
+        shadowGfx.setBlurRadius(5);
+        shadowGfx.setXOffset(0);
+        shadowGfx.setYOffset(0);
+        iconBtnRef.current?.setGraphicsEffect(shadowGfx);
+    }, []);
+    const iconButtonStyleSheet = `
     #icon-btn{
        background-color: rgba(255, 255, 255, 0.055);
        border-width: 1px;
@@ -32,7 +32,15 @@ function IconButton({ style, ...props }: IconButtonProps) {
     }
   `;
 
-  return <Button ref={iconBtnRef} id="icon-btn" size={{ height: 30, width: 30, fixed: true }} styleSheet={iconButtonStyleSheet} {...props} />;
+    return (
+        <Button
+            ref={iconBtnRef}
+            id="icon-btn"
+            size={{ height: 30, width: 30, fixed: true }}
+            styleSheet={iconButtonStyleSheet}
+            {...props}
+        />
+    );
 }
 
 export default IconButton;
diff --git a/src/components/shared/PlaceholderApplet.tsx b/src/components/shared/PlaceholderApplet.tsx
index 038db56b..e016842e 100644
--- a/src/components/shared/PlaceholderApplet.tsx
+++ b/src/components/shared/PlaceholderApplet.tsx
@@ -1,56 +1,56 @@
 import { View, Button, Text } from "@nodegui/react-nodegui";
-import { QLabel, QMovie, } from "@nodegui/nodegui";
+import { QLabel, QMovie } from "@nodegui/nodegui";
 import React, { useEffect, useRef } from "react";
 import { loadingSpinner } from "../../icons";
 
 interface ErrorAppletProps {
-  error: boolean;
-  loading: boolean;
-  message?: string;
-  reload: Function;
-  helps?: boolean;
+    error: boolean;
+    loading: boolean;
+    message?: string;
+    reload: () => void;
+    helps?: boolean;
 }
 
 function PlaceholderApplet({ message, reload, helps, loading, error }: ErrorAppletProps) {
-  const textRef = useRef<QLabel>();
-  const movie = new QMovie();
+    const textRef = useRef<QLabel>();
+    const movie = new QMovie();
 
-  useEffect(() => {
-    movie.setFileName(loadingSpinner);
-    textRef.current?.setMovie(movie);
-    textRef.current?.show();
-    movie.start();
-  }, []);
-  if (loading) {
-    return (
-      <View style="flex: 1; justify-content: 'center'; align-items: 'center';">
-        <Text ref={textRef} />
-      </View>
-    );
-  } else if (error) {
-    return (
-      <View style="flex-direction: 'column'; align-items: 'center';">
-        <Text openExternalLinks>{`
+    useEffect(() => {
+        movie.setFileName(loadingSpinner);
+        textRef.current?.setMovie(movie);
+        textRef.current?.show();
+        movie.start();
+    }, []);
+    if (loading) {
+        return (
+            <View style="flex: 1; justify-content: 'center'; align-items: 'center';">
+                <Text ref={textRef} />
+            </View>
+        );
+    } else if (error) {
+        return (
+            <View style="flex-direction: 'column'; align-items: 'center';">
+                <Text openExternalLinks>{`
       	<h3>${message ? message : "An error occured"}</h3>
       	${
-          helps
-            ? `<p>Check if you're connected to internet & then try again. If the issue still persists ask for help or create a <a href="https://github.com/krtirtho/spotube/issues">issue</a>
+            helps
+                ? `<p>Check if you're connected to internet & then try again. If the issue still persists ask for help or create a <a href="https://github.com/krtirtho/spotube/issues">issue</a>
       	  </p>`
-            : ``
+                : ``
         }
       `}</Text>
-        <Button
-          on={{
-            clicked() {
-              reload();
-            },
-          }}
-          text="Reload"
-        />
-      </View>
-    );
-  }
-  return <></>;
+                <Button
+                    on={{
+                        clicked() {
+                            reload();
+                        },
+                    }}
+                    text="Reload"
+                />
+            </View>
+        );
+    }
+    return <></>;
 }
 
 export default PlaceholderApplet;
diff --git a/src/components/shared/PlaylistCard.tsx b/src/components/shared/PlaylistCard.tsx
index f2fcc945..6aa7f972 100644
--- a/src/components/shared/PlaylistCard.tsx
+++ b/src/components/shared/PlaylistCard.tsx
@@ -15,49 +15,56 @@ import CachedImage from "./CachedImage";
 import IconButton from "./IconButton";
 
 interface PlaylistCardProps {
-  playlist: SpotifyApi.PlaylistObjectSimplified;
+    playlist: SpotifyApi.PlaylistObjectSimplified;
 }
 
 const PlaylistCard = ({ playlist }: PlaylistCardProps) => {
-  const preferences = useContext(preferencesContext);
-  const thumbnail = playlist.images[0].url;
-  const { id, description, name, images } = playlist;
-  const history = useHistory();
-  const [hovered, setHovered] = useState(false);
-  const { setCurrentTrack, currentPlaylist, setCurrentPlaylist } = useContext(playerContext);
-  const { refetch } = useSpotifyQuery<SpotifyApi.PlaylistTrackObject[]>([QueryCacheKeys.playlistTracks, id], (spotifyApi) => spotifyApi.getPlaylistTracks(id).then((track) => track.body.items), {
-    initialData: [],
-    enabled: false,
-  });
-  const { reactToPlaylist, isFavorite } = usePlaylistReaction();
+    const preferences = useContext(preferencesContext);
+    const thumbnail = playlist.images[0].url;
+    const { id, description, name } = playlist;
+    const history = useHistory();
+    const [hovered, setHovered] = useState(false);
+    const { setCurrentTrack, currentPlaylist, setCurrentPlaylist } =
+        useContext(playerContext);
+    const { refetch } = useSpotifyQuery<SpotifyApi.PlaylistTrackObject[]>(
+        [QueryCacheKeys.playlistTracks, id],
+        (spotifyApi) =>
+            spotifyApi.getPlaylistTracks(id).then((track) => track.body.items),
+        {
+            initialData: [],
+            enabled: false,
+        },
+    );
+    const { reactToPlaylist, isFavorite } = usePlaylistReaction();
 
-  const handlePlaylistPlayPause = async () => {
-    try {
-      const { data: tracks, isSuccess } = await refetch();
-      if (currentPlaylist?.id !== id && isSuccess && tracks) {
-        setCurrentPlaylist({ tracks, id, name, thumbnail });
-        setCurrentTrack(tracks[0].track);
-      } else {
-        await audioPlayer.stop();
-        setCurrentTrack(undefined);
-        setCurrentPlaylist(undefined);
-      }
-    } catch (error) {
-      showError(error, "[Failed adding playlist to queue]: ");
+    const handlePlaylistPlayPause = async () => {
+        try {
+            const { data: tracks, isSuccess } = await refetch();
+            if (currentPlaylist?.id !== id && isSuccess && tracks) {
+                setCurrentPlaylist({ tracks, id, name, thumbnail });
+                setCurrentTrack(tracks[0].track);
+            } else {
+                await audioPlayer.stop();
+                setCurrentTrack(undefined);
+                setCurrentPlaylist(undefined);
+            }
+        } catch (error) {
+            showError(error, "[Failed adding playlist to queue]: ");
+        }
+    };
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function gotoPlaylist(native?: any) {
+        const key = new QMouseEvent(native);
+        if (key.button() === 1) {
+            history.push(`/playlist/${id}`, { name, thumbnail });
+        }
     }
-  };
 
-  function gotoPlaylist(native?: any) {
-    const key = new QMouseEvent(native);
-    if (key.button() === 1) {
-      history.push(`/playlist/${id}`, { name, thumbnail });
-    }
-  }
+    const bgColor1 = useMemo(() => generateRandomColor(), []);
+    const color = useMemo(() => getDarkenForeground(bgColor1), [bgColor1]);
 
-  const bgColor1 = useMemo(() => generateRandomColor(), []);
-  const color = useMemo(() => getDarkenForeground(bgColor1), [bgColor1]);
-
-  const playlistStyleSheet = `
+    const playlistStyleSheet = `
     #playlist-container, #img-container{
       width: 150px;
       padding: 10px;
@@ -76,70 +83,85 @@ const PlaylistCard = ({ playlist }: PlaylistCardProps) => {
       border: 5px solid green;
     }
   `;
-  const playlistAction = `
+    const playlistAction = `
     position: absolute;
     bottom: 30px;
     background-color: ${color};
   `;
 
-  const playlistActions = (
-    <>
-      <IconButton
-        style={preferences.playlistImages ? "" : playlistAction + "left: '55%'"}
-        icon={new QIcon(isFavorite(id) ? heart : heartRegular)}
-        on={{
-          clicked() {
-            reactToPlaylist(playlist);
-          },
-        }}
-      />
-      <IconButton
-        style={preferences.playlistImages ? "" : playlistAction + "left: '80%'"}
-        icon={new QIcon(currentPlaylist?.id === id ? pause : play)}
-        on={{
-          clicked() {
-            handlePlaylistPlayPause();
-          },
-        }}
-      />
-    </>
-  );
-  const hovers = {
-    HoverEnter() {
-      setHovered(true);
-    },
-    HoverLeave() {
-      setHovered(false);
-    },
-  };
+    const playlistActions = (
+        <>
+            <IconButton
+                style={preferences.playlistImages ? "" : playlistAction + "left: '55%'"}
+                icon={new QIcon(isFavorite(id) ? heart : heartRegular)}
+                on={{
+                    clicked() {
+                        reactToPlaylist(playlist);
+                    },
+                }}
+            />
+            <IconButton
+                style={preferences.playlistImages ? "" : playlistAction + "left: '80%'"}
+                icon={new QIcon(currentPlaylist?.id === id ? pause : play)}
+                on={{
+                    clicked() {
+                        handlePlaylistPlayPause();
+                    },
+                }}
+            />
+        </>
+    );
+    const hovers = {
+        HoverEnter() {
+            setHovered(true);
+        },
+        HoverLeave() {
+            setHovered(false);
+        },
+    };
 
-  return (
-    <View
-      id={preferences.playlistImages ? "img-container" : "playlist-container"}
-      cursor={CursorShape.PointingHandCursor}
-      styleSheet={playlistStyleSheet}
-      on={{
-        MouseButtonRelease: gotoPlaylist,
-        ...hovers,
-      }}>
-      {preferences.playlistImages && <CachedImage src={thumbnail} maxSize={{ height: 150, width: 150 }} scaledContents alt={name} />}
+    return (
+        <View
+            id={preferences.playlistImages ? "img-container" : "playlist-container"}
+            cursor={CursorShape.PointingHandCursor}
+            styleSheet={playlistStyleSheet}
+            on={{
+                MouseButtonRelease: gotoPlaylist,
+                ...hovers,
+            }}
+        >
+            {preferences.playlistImages && (
+                <CachedImage
+                    src={thumbnail}
+                    maxSize={{ height: 150, width: 150 }}
+                    scaledContents
+                    alt={name}
+                />
+            )}
 
-      <Text style={`color: ${color};`} wordWrap on={{ MouseButtonRelease: gotoPlaylist, ...hovers }}>
-        {`
+            <Text
+                style={`color: ${color};`}
+                wordWrap
+                on={{ MouseButtonRelease: gotoPlaylist, ...hovers }}
+            >
+                {`
           <center>
             <h3>${name}</h3>
             <p>${description}</p>
           </center>
         `}
-      </Text>
+            </Text>
 
-      {(hovered || currentPlaylist?.id === id) && !preferences.playlistImages && playlistActions}
-      {preferences.playlistImages &&
-        <View style="flex: 1; justify-content: 'space-around';">{playlistActions}
+            {(hovered || currentPlaylist?.id === id) &&
+                !preferences.playlistImages &&
+                playlistActions}
+            {preferences.playlistImages && (
+                <View style="flex: 1; justify-content: 'space-around';">
+                    {playlistActions}
+                </View>
+            )}
         </View>
-      }
-    </View>
-  );
+    );
 };
 
 export default PlaylistCard;
diff --git a/src/components/shared/Switch.tsx b/src/components/shared/Switch.tsx
index 0e042766..da801f5a 100644
--- a/src/components/shared/Switch.tsx
+++ b/src/components/shared/Switch.tsx
@@ -4,41 +4,42 @@ import { CheckBoxProps } from "@nodegui/react-nodegui/dist/components/CheckBox/R
 import React, { useEffect, useState } from "react";
 
 export interface SwitchProps extends Omit<CheckBoxProps, "on" | "icon" | "text"> {
-  onChange?(checked: boolean): void;
+    onChange?(checked: boolean): void;
 }
 
 function Switch({ checked: derivedChecked, onChange, ...props }: SwitchProps) {
-  const [checked, setChecked] = useState<boolean>(false);
+    const [checked, setChecked] = useState<boolean>(false);
 
-  useEffect(() => {
-    if (derivedChecked) {
-      setChecked(derivedChecked);
-    }
-  }, []);
+    useEffect(() => {
+        if (derivedChecked) {
+            setChecked(derivedChecked);
+        }
+    }, []);
 
-  return (
-    <Slider
-      value={checked ? 1 : 0}
-      hasTracking
-      mouseTracking
-      orientation={Orientation.Horizontal}
-      maximum={1}
-      minimum={0}
-      maxSize={{ width: 30, height: 20 }}
-      on={{
-        valueChanged(value) {
-          onChange && onChange(value===1);
-        },
-        MouseButtonRelease(native: any) {
-          const mouse = new QMouseEvent(native);
-          if (mouse.button() === 1) {
-            setChecked(!checked);
-          }
-        },
-      }}
-      {...props}
-    />
-  );
+    return (
+        <Slider
+            value={checked ? 1 : 0}
+            hasTracking
+            mouseTracking
+            orientation={Orientation.Horizontal}
+            maximum={1}
+            minimum={0}
+            maxSize={{ width: 30, height: 20 }}
+            on={{
+                valueChanged(value) {
+                    onChange && onChange(value === 1);
+                },
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                MouseButtonRelease(native: any) {
+                    const mouse = new QMouseEvent(native);
+                    if (mouse.button() === 1) {
+                        setChecked(!checked);
+                    }
+                },
+            }}
+            {...props}
+        />
+    );
 }
 
 export default Switch;
diff --git a/src/components/shared/TrackButton.tsx b/src/components/shared/TrackButton.tsx
index bed17669..771b2c22 100644
--- a/src/components/shared/TrackButton.tsx
+++ b/src/components/shared/TrackButton.tsx
@@ -8,71 +8,83 @@ import { heart, heartRegular, pause, play } from "../../icons";
 import IconButton from "./IconButton";
 
 export interface TrackButtonPlaylistObject extends SpotifyApi.PlaylistBaseObject {
-  follower?: SpotifyApi.FollowersObject;
-  tracks: SpotifyApi.PagingObject<SpotifyApi.SavedTrackObject | SpotifyApi.PlaylistTrackObject>;
+    follower?: SpotifyApi.FollowersObject;
+    tracks: SpotifyApi.PagingObject<
+        SpotifyApi.SavedTrackObject | SpotifyApi.PlaylistTrackObject
+    >;
 }
 
 export interface TrackButtonProps {
-  track: SpotifyApi.TrackObjectFull;
-  playlist?: TrackButtonPlaylistObject;
-  index: number;
+    track: SpotifyApi.TrackObjectFull;
+    playlist?: TrackButtonPlaylistObject;
+    index: number;
 }
 
 export const TrackButton: FC<TrackButtonProps> = ({ track, index, playlist }) => {
-  const { reactToTrack, isFavorite } = useTrackReaction();
-  const { currentPlaylist, setCurrentPlaylist, setCurrentTrack, currentTrack } = useContext(playerContext);
-  const handlePlaylistPlayPause = (index: number) => {
-    if (playlist && currentPlaylist?.id !== playlist.id) {
-      const globalPlaylistObj = { id: playlist.id, name: playlist.name, thumbnail: playlist.images[0].url, tracks: playlist.tracks.items };
-      setCurrentPlaylist(globalPlaylistObj);
-      setCurrentTrack(playlist.tracks.items[index].track);
-    }
-  };
+    const { reactToTrack, isFavorite } = useTrackReaction();
+    const { currentPlaylist, setCurrentPlaylist, setCurrentTrack, currentTrack } =
+        useContext(playerContext);
+    const handlePlaylistPlayPause = (index: number) => {
+        if (playlist && currentPlaylist?.id !== playlist.id) {
+            const globalPlaylistObj = {
+                id: playlist.id,
+                name: playlist.name,
+                thumbnail: playlist.images[0].url,
+                tracks: playlist.tracks.items,
+            };
+            setCurrentPlaylist(globalPlaylistObj);
+            setCurrentTrack(playlist.tracks.items[index].track);
+        }
+    };
 
-  const trackClickHandler = (track: SpotifyApi.TrackObjectFull) => {
-    setCurrentTrack(track);
-  };
+    const trackClickHandler = (track: SpotifyApi.TrackObjectFull) => {
+        setCurrentTrack(track);
+    };
 
-  const duration = useMemo(() => msToMinAndSec(track.duration_ms), []);
-  const active = (currentPlaylist?.id === playlist?.id && currentTrack?.id === track.id) || currentTrack?.id === track.id;
-  return (
-    <View
-      id={active ? "active" : "track-button"}
-      styleSheet={trackButtonStyle}
-      on={{
-        MouseButtonRelease(native: any) {
-          if (new QMouseEvent(native).button() === 1 && playlist) {
-            handlePlaylistPlayPause(index);
-          }
-        },
-      }}>
-      <Text style="padding: 5px;">{index + 1}</Text>
-      <View style="flex-direction: 'column'; width: '35%';">
-        <Text>{`<h3>${track.name}</h3>`}</Text>
-        <Text>{track.artists.map((artist) => artist.name).join(", ")}</Text>
-      </View>
-      <Text style="width: '25%';">{track.album.name}</Text>
-      <Text style="width: '15%';">{duration}</Text>
-      <View style="width: '15%'; padding: 5px; justify-content: 'space-around';">
-        <IconButton
-          icon={new QIcon(isFavorite(track.id) ? heart : heartRegular)}
-          on={{
-            clicked() {
-              reactToTrack({ track, added_at: "" });
-            },
-          }}
-        />
-        <IconButton
-          icon={new QIcon(active ? pause : play)}
-          on={{
-            clicked() {
-              trackClickHandler(track);
-            },
-          }}
-        />
-      </View>
-    </View>
-  );
+    const duration = useMemo(() => msToMinAndSec(track.duration_ms), []);
+    const active =
+        (currentPlaylist?.id === playlist?.id && currentTrack?.id === track.id) ||
+        currentTrack?.id === track.id;
+    return (
+        <View
+            id={active ? "active" : "track-button"}
+            styleSheet={trackButtonStyle}
+            on={{
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                MouseButtonRelease(native: any) {
+                    if (new QMouseEvent(native).button() === 1 && playlist) {
+                        handlePlaylistPlayPause(index);
+                    }
+                },
+            }}
+        >
+            <Text style="padding: 5px;">{index + 1}</Text>
+            <View style="flex-direction: 'column'; width: '35%';">
+                <Text>{`<h3>${track.name}</h3>`}</Text>
+                <Text>{track.artists.map((artist) => artist.name).join(", ")}</Text>
+            </View>
+            <Text style="width: '25%';">{track.album.name}</Text>
+            <Text style="width: '15%';">{duration}</Text>
+            <View style="width: '15%'; padding: 5px; justify-content: 'space-around';">
+                <IconButton
+                    icon={new QIcon(isFavorite(track.id) ? heart : heartRegular)}
+                    on={{
+                        clicked() {
+                            reactToTrack({ track, added_at: "" });
+                        },
+                    }}
+                />
+                <IconButton
+                    icon={new QIcon(active ? pause : play)}
+                    on={{
+                        clicked() {
+                            trackClickHandler(track);
+                        },
+                    }}
+                />
+            </View>
+        </View>
+    );
 };
 
 const trackButtonStyle = `
diff --git a/src/conf.ts b/src/conf.ts
index 70f7fafd..7e0bbfdb 100644
--- a/src/conf.ts
+++ b/src/conf.ts
@@ -2,7 +2,7 @@ import dotenv from "dotenv";
 import { homedir } from "os";
 import { join } from "path";
 
-const env = dotenv.config({ path: join(process.cwd(), ".env") }).parsed as any;
+dotenv.config({ path: join(process.cwd(), ".env") }).parsed;
 export const clientId = "";
 export const trace = process.argv.find((arg) => arg === "--trace") ?? false;
 export const redirectURI = "http://localhost:4304/auth/spotify/callback";
@@ -10,23 +10,24 @@ export const confDir = join(homedir(), ".config", "spotube");
 export const cacheDir = join(homedir(), ".cache", "spotube");
 
 export enum QueryCacheKeys {
-  categories = "categories",
-  categoryPlaylists = "categoryPlaylists",
-  featuredPlaylists = "featuredPlaylists",
-  genrePlaylists = "genrePlaylists",
-  playlistTracks = "playlistTracks",
-  userPlaylists = "user-palylists",
-  userSavedTracks = "user-saved-tracks",
-  search = "search",
-  searchPlaylist = "searchPlaylist",
-  searchSongs = "searchSongs",
+    categories = "categories",
+    categoryPlaylists = "categoryPlaylists",
+    featuredPlaylists = "featuredPlaylists",
+    genrePlaylists = "genrePlaylists",
+    playlistTracks = "playlistTracks",
+    userPlaylists = "user-palylists",
+    userSavedTracks = "user-saved-tracks",
+    search = "search",
+    searchPlaylist = "searchPlaylist",
+    searchSongs = "searchSongs",
+    followedArtists = "followed-artists",
 }
 
 export enum LocalStorageKeys {
-  credentials = "credentials",
-  refresh_token = "refresh_token",
-  preferences = "user-preferences",
-  volume = "volume",
-  cachedPlaylist = "cached-playlist",
-  cachedTrack = "cached-track"
+    credentials = "credentials",
+    refresh_token = "refresh_token",
+    preferences = "user-preferences",
+    volume = "volume",
+    cachedPlaylist = "cached-playlist",
+    cachedTrack = "cached-track",
 }
diff --git a/src/context/authContext.ts b/src/context/authContext.ts
index d0b7ce6d..30e7297b 100644
--- a/src/context/authContext.ts
+++ b/src/context/authContext.ts
@@ -2,23 +2,29 @@ import React, { Dispatch, SetStateAction } from "react";
 import { Credentials } from "../app";
 
 export interface AuthContext {
-  isLoggedIn: boolean;
-  setIsLoggedIn: Dispatch<SetStateAction<boolean>>;
-  clientId: string;
-  clientSecret: string;
-  access_token: string;
-  setCredentials: Dispatch<SetStateAction<Credentials>>
-  setAccess_token: Dispatch<SetStateAction<string>>;
+    isLoggedIn: boolean;
+    setIsLoggedIn: Dispatch<SetStateAction<boolean>>;
+    clientId: string;
+    clientSecret: string;
+    access_token: string;
+    setCredentials: Dispatch<SetStateAction<Credentials>>;
+    setAccess_token: Dispatch<SetStateAction<string>>;
 }
 
 const authContext = React.createContext<AuthContext>({
-  isLoggedIn: false,
-  setIsLoggedIn() {},
-  access_token: "",
-  clientId: "",
-  clientSecret: "",
-  setCredentials(){},
-  setAccess_token() {},
+    isLoggedIn: false,
+    setIsLoggedIn() {
+        return;
+    },
+    access_token: "",
+    clientId: "",
+    clientSecret: "",
+    setCredentials() {
+        return;
+    },
+    setAccess_token() {
+        return;
+    },
 });
 
 export default authContext;
diff --git a/src/context/playerContext.ts b/src/context/playerContext.ts
index 7249ef3b..8c98a04b 100644
--- a/src/context/playerContext.ts
+++ b/src/context/playerContext.ts
@@ -2,15 +2,27 @@ import React, { Dispatch, SetStateAction } from "react";
 
 export type CurrentTrack = SpotifyApi.TrackObjectFull;
 
-export type CurrentPlaylist = { tracks: (SpotifyApi.PlaylistTrackObject | SpotifyApi.SavedTrackObject)[]; id: string; name: string; thumbnail: string };
+export type CurrentPlaylist = {
+    tracks: (SpotifyApi.PlaylistTrackObject | SpotifyApi.SavedTrackObject)[];
+    id: string;
+    name: string;
+    thumbnail: string;
+};
 
 export interface PlayerContext {
-  currentPlaylist?: CurrentPlaylist;
-  currentTrack?: CurrentTrack;
-  setCurrentPlaylist: Dispatch<SetStateAction<CurrentPlaylist | undefined>>;
-  setCurrentTrack: Dispatch<SetStateAction<CurrentTrack | undefined>>;
+    currentPlaylist?: CurrentPlaylist;
+    currentTrack?: CurrentTrack;
+    setCurrentPlaylist: Dispatch<SetStateAction<CurrentPlaylist | undefined>>;
+    setCurrentTrack: Dispatch<SetStateAction<CurrentTrack | undefined>>;
 }
 
-const playerContext = React.createContext<PlayerContext>({ setCurrentPlaylist() {}, setCurrentTrack() {} });
+const playerContext = React.createContext<PlayerContext>({
+    setCurrentPlaylist() {
+        return;
+    },
+    setCurrentTrack() {
+        return;
+    },
+});
 
 export default playerContext;
diff --git a/src/context/preferencesContext.ts b/src/context/preferencesContext.ts
index d2f3030e..ab3d7142 100644
--- a/src/context/preferencesContext.ts
+++ b/src/context/preferencesContext.ts
@@ -1,15 +1,17 @@
 import React, { Dispatch, SetStateAction } from "react";
 
 export interface PreferencesContextProperties {
-  playlistImages: boolean;
+    playlistImages: boolean;
 }
 export interface PreferencesContext extends PreferencesContextProperties {
-  setPreferences: Dispatch<SetStateAction<PreferencesContextProperties>>;
+    setPreferences: Dispatch<SetStateAction<PreferencesContextProperties>>;
 }
 
 const preferencesContext = React.createContext<PreferencesContext>({
-  playlistImages: false,
-  setPreferences() { }
+    playlistImages: false,
+    setPreferences() {
+        return;
+    },
 });
 
 export default preferencesContext;
diff --git a/src/helpers/RandomColor.ts b/src/helpers/RandomColor.ts
index 6ed3211f..2b4e9ddb 100644
--- a/src/helpers/RandomColor.ts
+++ b/src/helpers/RandomColor.ts
@@ -1,10 +1,18 @@
 import color from "color";
 
-export function generateRandomColor(lightness: number=70): string {
-  return "hsl(" + 360 * Math.random() + "," + (25 + 70 * Math.random()) + "%," + (lightness + 10 * Math.random()) + "%)";
+export function generateRandomColor(lightness = 70): string {
+    return (
+        "hsl(" +
+        360 * Math.random() +
+        "," +
+        (25 + 70 * Math.random()) +
+        "%," +
+        (lightness + 10 * Math.random()) +
+        "%)"
+    );
 }
 
 export function getDarkenForeground(hslcolor: string): string {
-  const adjustedColor = color(hslcolor);
-  return adjustedColor.darken(.5).hex();
+    const adjustedColor = color(hslcolor);
+    return adjustedColor.darken(0.5).hex();
 }
diff --git a/src/helpers/fetchLyrics.ts b/src/helpers/fetchLyrics.ts
index 7e1d2368..c2f552fe 100644
--- a/src/helpers/fetchLyrics.ts
+++ b/src/helpers/fetchLyrics.ts
@@ -1,49 +1,80 @@
 import axios from "axios";
 import htmlToText from "html-to-text";
 import showError from "./showError";
-const delim1 = '</div></div></div></div><div class="hwc"><div class="BNeawe tAd8D AP7Wnd"><div><div class="BNeawe tAd8D AP7Wnd">';
-const delim2 = '</div></div></div></div></div><div><span class="hwc"><div class="BNeawe uEec3 AP7Wnd">';
+const delim1 =
+    '</div></div></div></div><div class="hwc"><div class="BNeawe tAd8D AP7Wnd"><div><div class="BNeawe tAd8D AP7Wnd">';
+const delim2 =
+    '</div></div></div></div></div><div><span class="hwc"><div class="BNeawe uEec3 AP7Wnd">';
 const url = "https://www.google.com/search?q=";
 
 export default async function fetchLyrics(artists: string, title: string) {
-  let lyrics;
-  try {
-    console.log("[lyric query]:", `${url}${encodeURIComponent(title + " " + artists)}+lyrics`);
-    lyrics = (await axios.get<string>(`${url}${encodeURIComponent(title + " " + artists)}+lyrics`, { responseType: "text" })).data;
-    [, lyrics] = lyrics.split(delim1);
-    [lyrics] = lyrics.split(delim2);
-  } catch (err) {
-    showError(err, "[Lyric Query Error]: ");
+    let lyrics;
     try {
-      console.log("[lyric query]:", `${url}${encodeURIComponent(title + " " + artists)}+song+lyrics`);
-      lyrics = (await axios.get<string>(`${url}${encodeURIComponent(title + " " + artists)}+song+lyrics`)).data;
-      [, lyrics] = lyrics.split(delim1);
-      [lyrics] = lyrics.split(delim2);
-    } catch (err_1) {
-      showError(err_1, "[Lyric Query Error]: ");
-      try {
-        console.log("[lyric query]:", `${url}${encodeURIComponent(title + " " + artists)}+song`);
-        lyrics = (await axios.get<string>(`${url}${encodeURIComponent(title + " " + artists)}+song`)).data;
+        console.log(
+            "[lyric query]:",
+            `${url}${encodeURIComponent(title + " " + artists)}+lyrics`,
+        );
+        lyrics = (
+            await axios.get<string>(
+                `${url}${encodeURIComponent(title + " " + artists)}+lyrics`,
+                { responseType: "text" },
+            )
+        ).data;
         [, lyrics] = lyrics.split(delim1);
         [lyrics] = lyrics.split(delim2);
-      } catch (err_2) {
-        showError(err_2, "[Lyric Query Error]: ");
+    } catch (err) {
+        showError(err, "[Lyric Query Error]: ");
         try {
-          console.log("[lyric query]:", `${url}${encodeURIComponent(title + " " + artists)}`);
-          lyrics = (await axios.get<string>(`${url}${encodeURIComponent(title + " " + artists)}`)).data;
-          [, lyrics] = lyrics.split(delim1);
-          [lyrics] = lyrics.split(delim2);
-        } catch (err_3) {
-          showError(err_3, "[Lyric Query Error]: ");
-          lyrics = "Not Found";
+            console.log(
+                "[lyric query]:",
+                `${url}${encodeURIComponent(title + " " + artists)}+song+lyrics`,
+            );
+            lyrics = (
+                await axios.get<string>(
+                    `${url}${encodeURIComponent(title + " " + artists)}+song+lyrics`,
+                )
+            ).data;
+            [, lyrics] = lyrics.split(delim1);
+            [lyrics] = lyrics.split(delim2);
+        } catch (err_1) {
+            showError(err_1, "[Lyric Query Error]: ");
+            try {
+                console.log(
+                    "[lyric query]:",
+                    `${url}${encodeURIComponent(title + " " + artists)}+song`,
+                );
+                lyrics = (
+                    await axios.get<string>(
+                        `${url}${encodeURIComponent(title + " " + artists)}+song`,
+                    )
+                ).data;
+                [, lyrics] = lyrics.split(delim1);
+                [lyrics] = lyrics.split(delim2);
+            } catch (err_2) {
+                showError(err_2, "[Lyric Query Error]: ");
+                try {
+                    console.log(
+                        "[lyric query]:",
+                        `${url}${encodeURIComponent(title + " " + artists)}`,
+                    );
+                    lyrics = (
+                        await axios.get<string>(
+                            `${url}${encodeURIComponent(title + " " + artists)}`,
+                        )
+                    ).data;
+                    [, lyrics] = lyrics.split(delim1);
+                    [lyrics] = lyrics.split(delim2);
+                } catch (err_3) {
+                    showError(err_3, "[Lyric Query Error]: ");
+                    lyrics = "Not Found";
+                }
+            }
         }
-      }
     }
-  }
-  const rets = lyrics.split("\n");
-  let final = "";
-  for (const ret of rets) {
-    final = `${final}${htmlToText.htmlToText(ret)}\n`;
-  }
-  return final.trim();
+    const rets = lyrics.split("\n");
+    let final = "";
+    for (const ret of rets) {
+        final = `${final}${htmlToText.htmlToText(ret)}\n`;
+    }
+    return final.trim();
 }
diff --git a/src/helpers/getCachedImageBuffer.ts b/src/helpers/getCachedImageBuffer.ts
index 31f8410d..011085c0 100644
--- a/src/helpers/getCachedImageBuffer.ts
+++ b/src/helpers/getCachedImageBuffer.ts
@@ -9,59 +9,83 @@ import du from "du";
 import { cacheDir } from "../conf";
 
 interface ImageDimensions {
-  height: number;
-  width: number;
+    height: number;
+    width: number;
 }
 
 const fsm = fs.promises;
 
-export async function getCachedImageBuffer(name: string, dims?: ImageDimensions): Promise<Buffer> {
-  try {
-    const MB_5 = 5000000; //5 Megabytes
-    const cacheImgFolder = path.join(cacheDir, "images");
-    // for clearing up the cache if it reaches out of the size
-    const cacheName = `${isUrl(name) ? name.split("/").slice(-1)[0] : name}.cnim`;
-    const cacheImgPath = path.join(cacheImgFolder, cacheName);
-    // checking if the cached image already exists or not
-    if (fs.existsSync(cacheImgPath)) {
-      // automatically removing cache after a certain 50 MB oversize
-      if ((await du(cacheImgFolder)) > MB_5) {
-        fs.rmdirSync(cacheImgFolder, { recursive: true });
-      }
-      const cachedImg = await fsm.readFile(cacheImgPath);
-      const cachedImgMeta = (await Jimp.read(cachedImg)).bitmap;
+export async function getCachedImageBuffer(
+    name: string,
+    dims?: ImageDimensions,
+): Promise<Buffer> {
+    try {
+        const MB_5 = 5000000; //5 Megabytes
+        const cacheImgFolder = path.join(cacheDir, "images");
+        // for clearing up the cache if it reaches out of the size
+        const cacheName = `${isUrl(name) ? name.split("/").slice(-1)[0] : name}.cnim`;
+        const cacheImgPath = path.join(cacheImgFolder, cacheName);
+        // checking if the cached image already exists or not
+        if (fs.existsSync(cacheImgPath)) {
+            // automatically removing cache after a certain 50 MB oversize
+            if ((await du(cacheImgFolder)) > MB_5) {
+                fs.rmdirSync(cacheImgFolder, { recursive: true });
+            }
+            const cachedImg = await fsm.readFile(cacheImgPath);
+            const cachedImgMeta = (await Jimp.read(cachedImg)).bitmap;
 
-      // if the dimensions are changed then the previously cached
-      // images are removed and replaced with a new one
-      if (dims && (cachedImgMeta.height !== dims.height || cachedImgMeta.width !== dims?.width)) {
-        fs.unlinkSync(cacheImgPath);
-        return await imageResizeAndWrite(cachedImg, { cacheFolder: cacheImgFolder, cacheName, dims });
-      }
-      return cachedImg;
-    } else {
-      // finding no cache image fetching it through axios
-      const { data: imgData } = await axios.get<Stream>(name, { responseType: "stream" });
-      // converting axios stream to buffer
-      const resImgBuf = await streamToBuffer(imgData);
-      // creating cache_dir
-      await fsm.mkdir(cacheImgFolder, { recursive: true });
-      if (dims) {
-        return await imageResizeAndWrite(resImgBuf, { cacheFolder: cacheImgFolder, cacheName, dims });
-      }
-      await fsm.writeFile(path.join(cacheImgFolder, cacheName), resImgBuf);
-      return resImgBuf;
+            // if the dimensions are changed then the previously cached
+            // images are removed and replaced with a new one
+            if (
+                dims &&
+                (cachedImgMeta.height !== dims.height ||
+                    cachedImgMeta.width !== dims?.width)
+            ) {
+                fs.unlinkSync(cacheImgPath);
+                return await imageResizeAndWrite(cachedImg, {
+                    cacheFolder: cacheImgFolder,
+                    cacheName,
+                    dims,
+                });
+            }
+            return cachedImg;
+        } else {
+            // finding no cache image fetching it through axios
+            const { data: imgData } = await axios.get<Stream>(name, {
+                responseType: "stream",
+            });
+            // converting axios stream to buffer
+            const resImgBuf = await streamToBuffer(imgData);
+            // creating cache_dir
+            await fsm.mkdir(cacheImgFolder, { recursive: true });
+            if (dims) {
+                return await imageResizeAndWrite(resImgBuf, {
+                    cacheFolder: cacheImgFolder,
+                    cacheName,
+                    dims,
+                });
+            }
+            await fsm.writeFile(path.join(cacheImgFolder, cacheName), resImgBuf);
+            return resImgBuf;
+        }
+    } catch (error) {
+        console.error("[Error in Image Cache]: ", error);
+        throw error;
     }
-  } catch (error) {
-    console.error("[Error in Image Cache]: ", error);
-    throw error;
-  }
 }
 
-async function imageResizeAndWrite(img: Buffer, { cacheFolder, cacheName, dims }: { dims: ImageDimensions; cacheFolder: string; cacheName: string }): Promise<Buffer> {
-  // caching the images by resizing if the max/fixed (Width/Height)
-  // is available in the args
-  const resizedImg = (await Jimp.read(img)).resize(dims.width, dims.height);
-  const resizedImgBuffer = await resizedImg.getBufferAsync(resizedImg._originalMime);
-  await fsm.writeFile(path.join(cacheFolder, cacheName), resizedImgBuffer);
-  return resizedImgBuffer;
+async function imageResizeAndWrite(
+    img: Buffer,
+    {
+        cacheFolder,
+        cacheName,
+        dims,
+    }: { dims: ImageDimensions; cacheFolder: string; cacheName: string },
+): Promise<Buffer> {
+    // caching the images by resizing if the max/fixed (Width/Height)
+    // is available in the args
+    const resizedImg = (await Jimp.read(img)).resize(dims.width, dims.height);
+    const resizedImgBuffer = await resizedImg.getBufferAsync(resizedImg._originalMime);
+    await fsm.writeFile(path.join(cacheFolder, cacheName), resizedImgBuffer);
+    return resizedImgBuffer;
 }
diff --git a/src/helpers/getYoutubeTrack.ts b/src/helpers/getYoutubeTrack.ts
index 5490630f..7a5d0085 100644
--- a/src/helpers/getYoutubeTrack.ts
+++ b/src/helpers/getYoutubeTrack.ts
@@ -10,42 +10,69 @@ import { CurrentTrack } from "../context/playerContext";
  * @param {(Array<string | number>)} matches
  * @return {*}  {number}
  */
-export function includePercentage(src: string | Array<string | number>, matches: Array<string | number>): number {
-  let count = 0;
-  matches.forEach((match) => {
-    if (src.includes(match.toString())) count++;
-  });
-  return (count / matches.length) * 100;
+export function includePercentage(
+    src: string | Array<string | number>,
+    matches: Array<string | number>,
+): number {
+    let count = 0;
+    matches.forEach((match) => {
+        if (src.includes(match.toString())) count++;
+    });
+    return (count / matches.length) * 100;
 }
 
 export interface YoutubeTrack extends CurrentTrack {
-  youtube_uri: string;
+    youtube_uri: string;
 }
 
-export async function getYoutubeTrack(track: SpotifyApi.TrackObjectFull): Promise<YoutubeTrack> {
-  try {
-    const artistsName = track.artists.map((ar) => ar.name);
-    const queryString = `${artistsName[0]} - ${track.name}${artistsName.length > 1 ? ` feat. ${artistsName.slice(1).join(" ")}` : ``}`;
-    console.log("Youtube Query String:", queryString);
-    const result = await scrapYt.search(queryString, { limit: 7, type: "video" });
-    const tracksWithRelevance = result
-      .map((video) => {
-        // percentage of matched track {name, artists} matched with
-        // title of the youtube search results
-        const matchPercentage = includePercentage(video.title, [track.name, ...artistsName]);
-        // keeps only those tracks which are from the same artist channel
-        const sameChannel = video.channel.name.includes(artistsName[0]) || artistsName[0].includes(video.channel.name);
-        return { url: `http://www.youtube.com/watch?v=${video.id}`, matchPercentage, sameChannel, id: track.id };
-      })
-      .sort((a, b) => (a.matchPercentage > b.matchPercentage ? -1 : 1));
-    const sameChannelTracks = tracksWithRelevance.filter((tr) => tr.sameChannel);
+export async function getYoutubeTrack(
+    track: SpotifyApi.TrackObjectFull,
+): Promise<YoutubeTrack> {
+    try {
+        const artistsName = track.artists.map((ar) => ar.name);
+        const queryString = `${artistsName[0]} - ${track.name}${
+            artistsName.length > 1 ? ` feat. ${artistsName.slice(1).join(" ")}` : ``
+        }`;
+        console.log("Youtube Query String:", queryString);
+        const result = await scrapYt.search(queryString, { limit: 7, type: "video" });
+        const tracksWithRelevance = result
+            .map((video) => {
+                // percentage of matched track {name, artists} matched with
+                // title of the youtube search results
+                const matchPercentage = includePercentage(video.title, [
+                    track.name,
+                    ...artistsName,
+                ]);
+                // keeps only those tracks which are from the same artist channel
+                const sameChannel =
+                    video.channel.name.includes(artistsName[0]) ||
+                    artistsName[0].includes(video.channel.name);
+                return {
+                    url: `http://www.youtube.com/watch?v=${video.id}`,
+                    matchPercentage,
+                    sameChannel,
+                    id: track.id,
+                };
+            })
+            .sort((a, b) => (a.matchPercentage > b.matchPercentage ? -1 : 1));
+        const sameChannelTracks = tracksWithRelevance.filter((tr) => tr.sameChannel);
 
-    const rarestTrack = result.map((res) => ({ url: `http://www.youtube.com/watch?v=${res.id}`, id: res.id }));
+        const rarestTrack = result.map((res) => ({
+            url: `http://www.youtube.com/watch?v=${res.id}`,
+            id: res.id,
+        }));
 
-    const finalTrack = { ...track, youtube_uri: (sameChannelTracks.length > 0 ? sameChannelTracks : tracksWithRelevance.length > 0 ? tracksWithRelevance : rarestTrack)[0].url };
-    return finalTrack;
-  } catch (error) {
-    console.error("Failed to resolve track's youtube url: ", error);
-    throw error;
-  }
+        const finalTrack = {
+            ...track,
+            youtube_uri: (sameChannelTracks.length > 0
+                ? sameChannelTracks
+                : tracksWithRelevance.length > 0
+                ? tracksWithRelevance
+                : rarestTrack)[0].url,
+        };
+        return finalTrack;
+    } catch (error) {
+        console.error("Failed to resolve track's youtube url: ", error);
+        throw error;
+    }
 }
diff --git a/src/helpers/msToMin_sec.ts b/src/helpers/msToMin_sec.ts
index d09f358a..e4965a2e 100644
--- a/src/helpers/msToMin_sec.ts
+++ b/src/helpers/msToMin_sec.ts
@@ -1,5 +1,5 @@
 export function msToMinAndSec(ms: number) {
-  const minutes = Math.floor(ms / 60000);
-  const seconds:number = parseInt(((ms % 60000) / 1000).toFixed(0));
-  return minutes + ":" + (seconds < 10 ? '0' : '') + seconds;
-}
\ No newline at end of file
+    const minutes = Math.floor(ms / 60000);
+    const seconds: number = parseInt(((ms % 60000) / 1000).toFixed(0));
+    return minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
+}
diff --git a/src/helpers/showError.ts b/src/helpers/showError.ts
index faa9259f..bbe8672f 100644
--- a/src/helpers/showError.ts
+++ b/src/helpers/showError.ts
@@ -1,8 +1,8 @@
 import { trace } from "../conf";
 import chalk from "chalk";
 
-function showError(error: any, message: any="[Error]: ") {
-  console.error(chalk.red(message), trace ? error : error.message);
+function showError(error: Error | TypeError, message = "[Error]: ") {
+    console.error(chalk.red(message), trace ? error : error.message);
 }
 
-export default showError;
\ No newline at end of file
+export default showError;
diff --git a/src/helpers/shuffleArray.ts b/src/helpers/shuffleArray.ts
index f68f0be2..d675d3ad 100644
--- a/src/helpers/shuffleArray.ts
+++ b/src/helpers/shuffleArray.ts
@@ -1,4 +1,4 @@
-export function shuffleArray<T>(array:T[]):T[] {
+export function shuffleArray<T>(array: T[]): T[] {
     for (let i = array.length - 1; i > 0; i--) {
         const j = Math.floor(Math.random() * (i + 1));
         const temp = array[i];
@@ -6,4 +6,4 @@ export function shuffleArray<T>(array:T[]):T[] {
         array[j] = temp;
     }
     return array;
-}
\ No newline at end of file
+}
diff --git a/src/helpers/streamToBuffer.ts b/src/helpers/streamToBuffer.ts
index 056a218f..ec50ecdd 100644
--- a/src/helpers/streamToBuffer.ts
+++ b/src/helpers/streamToBuffer.ts
@@ -1,16 +1,16 @@
 import { Stream } from "stream";
 
 export function streamToBuffer(stream: Stream): Promise<Buffer> {
-  let buffArr: any[] = [];
-  return new Promise((resolve, reject) => {
-    stream.on("data", (data) => {
-      buffArr.push(data);
+    const buffArr: Uint8Array[] = [];
+    return new Promise((resolve, reject) => {
+        stream.on("data", (data) => {
+            buffArr.push(data);
+        });
+        stream.on("end", async () => {
+            resolve(Buffer.concat(buffArr));
+        });
+        stream.on("error", (error) => {
+            reject(error);
+        });
     });
-    stream.on("end", async () => {
-      resolve(Buffer.concat(buffArr));
-    });
-    stream.on("error", (error) => {
-      reject(error);
-    });
-  });
 }
diff --git a/src/hooks/useDownloadQueue.ts b/src/hooks/useDownloadQueue.ts
index c33d9c7e..3c445d48 100644
--- a/src/hooks/useDownloadQueue.ts
+++ b/src/hooks/useDownloadQueue.ts
@@ -8,52 +8,52 @@ import playerContext from "../context/playerContext";
 import showError from "../helpers/showError";
 
 function useDownloadQueue() {
-  const [downloadQueue, setDownloadQueue] = useState<YoutubeTrack[]>([]);
-  const [completedQueue, setCompletedQueue] = useState<YoutubeTrack[]>([]);
-  const { currentTrack } = useContext(playerContext);
+    const [downloadQueue, setDownloadQueue] = useState<YoutubeTrack[]>([]);
+    const [completedQueue, setCompletedQueue] = useState<YoutubeTrack[]>([]);
+    const { currentTrack } = useContext(playerContext);
 
-  function addToQueue(obj: YoutubeTrack) {
-    setDownloadQueue([...downloadQueue, obj]);
-  }
-  const completedTrackIds = completedQueue.map((x) => x.id);
-  const downloadingTrackIds = downloadQueue.map((x) => x.id);
+    function addToQueue(obj: YoutubeTrack) {
+        setDownloadQueue([...downloadQueue, obj]);
+    }
+    const completedTrackIds = completedQueue.map((x) => x.id);
+    const downloadingTrackIds = downloadQueue.map((x) => x.id);
 
-  function isActiveDownloading() {
-    return downloadingTrackIds.includes(currentTrack?.id ?? "");
-  }
+    function isActiveDownloading() {
+        return downloadingTrackIds.includes(currentTrack?.id ?? "");
+    }
 
-  function isFinishedDownloading() {
-    return completedTrackIds.includes(currentTrack?.id ?? "");
-  }
+    function isFinishedDownloading() {
+        return completedTrackIds.includes(currentTrack?.id ?? "");
+    }
 
-  useEffect(() => {
-    downloadQueue.forEach(async (el) => {
-      if (!completedTrackIds.includes(el.id)) {
-        ytdl(el.youtube_uri, {
-          filter: "audioonly",
-        })
-          .pipe(
-            fs.createWriteStream(
-              join(
-                os.homedir(),
-                "Music",
-                `${el.name} - ${el.artists
-                  .map((x) => x.name)
-                  .join(", ")
-                  .trim()}.mp3`
-              )
-            )
-          )
-          .on("error", (err) => {
-            showError(err, `[failed to download ${el.name}]: `);
-          })
-          .on("finish", () => {
-            setCompletedQueue([...completedQueue, el]);
-          });
-      }
-    });
-  }, [downloadQueue]);
-  return { addToQueue, isFinishedDownloading, isActiveDownloading };
+    useEffect(() => {
+        downloadQueue.forEach(async (el) => {
+            if (!completedTrackIds.includes(el.id)) {
+                ytdl(el.youtube_uri, {
+                    filter: "audioonly",
+                })
+                    .pipe(
+                        fs.createWriteStream(
+                            join(
+                                os.homedir(),
+                                "Music",
+                                `${el.name} - ${el.artists
+                                    .map((x) => x.name)
+                                    .join(", ")
+                                    .trim()}.mp3`,
+                            ),
+                        ),
+                    )
+                    .on("error", (err) => {
+                        showError(err, `[failed to download ${el.name}]: `);
+                    })
+                    .on("finish", () => {
+                        setCompletedQueue([...completedQueue, el]);
+                    });
+            }
+        });
+    }, [downloadQueue]);
+    return { addToQueue, isFinishedDownloading, isActiveDownloading };
 }
 
 export default useDownloadQueue;
diff --git a/src/hooks/usePlaylistReaction.ts b/src/hooks/usePlaylistReaction.ts
index 0a7265fc..5acc40b4 100644
--- a/src/hooks/usePlaylistReaction.ts
+++ b/src/hooks/usePlaylistReaction.ts
@@ -4,51 +4,72 @@ import useSpotifyInfiniteQuery from "./useSpotifyInfiniteQuery";
 import useSpotifyMutation from "./useSpotifyMutation";
 
 function usePlaylistReaction() {
-  const queryClient = useQueryClient();
-  const { data: favoritePagedPlaylists } = useSpotifyInfiniteQuery<SpotifyApi.ListOfUsersPlaylistsResponse>(QueryCacheKeys.userPlaylists, (spotifyApi, { pageParam }) =>
-    spotifyApi.getUserPlaylists({ limit: 20, offset: pageParam }).then((userPlaylists) => {
-      return userPlaylists.body;
-    })
-  );
-  const favoritePlaylists = favoritePagedPlaylists?.pages
-    .map((playlist) => playlist.items)
-    .filter(Boolean)
-    .flat(1) as SpotifyApi.PlaylistObjectSimplified[];
+    const queryClient = useQueryClient();
+    const { data: favoritePagedPlaylists } =
+        useSpotifyInfiniteQuery<SpotifyApi.ListOfUsersPlaylistsResponse>(
+            QueryCacheKeys.userPlaylists,
+            (spotifyApi, { pageParam }) =>
+                spotifyApi
+                    .getUserPlaylists({ limit: 20, offset: pageParam })
+                    .then((userPlaylists) => {
+                        return userPlaylists.body;
+                    }),
+        );
+    const favoritePlaylists = favoritePagedPlaylists?.pages
+        .map((playlist) => playlist.items)
+        .filter(Boolean)
+        .flat(1) as SpotifyApi.PlaylistObjectSimplified[];
 
-  function updateFunction(playlist: SpotifyApi.PlaylistObjectSimplified, old?: InfiniteData<SpotifyApi.ListOfUsersPlaylistsResponse>): InfiniteData<SpotifyApi.ListOfUsersPlaylistsResponse> {
-    const obj: typeof old = {
-      pageParams: old?.pageParams ?? [],
-      pages:
-        old?.pages.map(
-          (oldPage, index): SpotifyApi.ListOfUsersPlaylistsResponse => {
-            const isPlaylistFavorite = isFavorite(playlist.id);
-            if (index === 0 && !isPlaylistFavorite) {
-              return { ...oldPage, items: [...oldPage.items, playlist] };
-            } else if (isPlaylistFavorite) {
-              return { ...oldPage, items: oldPage.items.filter((oldPlaylist) => oldPlaylist.id !== playlist.id) };
-            }
-            return oldPage;
-          }
-        ) ?? [],
-    };
-    return obj;
-  }
-
-  const { mutate: reactToPlaylist } = useSpotifyMutation<{}, SpotifyApi.PlaylistObjectSimplified>(
-    (spotifyApi, { id }) => spotifyApi[isFavorite(id) ? "unfollowPlaylist" : "followPlaylist"](id).then((res) => res.body),
-    {
-      onSuccess(_, playlist) {
-        queryClient.setQueryData<InfiniteData<SpotifyApi.ListOfUsersPlaylistsResponse>>(QueryCacheKeys.userPlaylists, (old) => updateFunction(playlist, old));
-      },
+    function updateFunction(
+        playlist: SpotifyApi.PlaylistObjectSimplified,
+        old?: InfiniteData<SpotifyApi.ListOfUsersPlaylistsResponse>,
+    ): InfiniteData<SpotifyApi.ListOfUsersPlaylistsResponse> {
+        const obj: typeof old = {
+            pageParams: old?.pageParams ?? [],
+            pages:
+                old?.pages.map(
+                    (oldPage, index): SpotifyApi.ListOfUsersPlaylistsResponse => {
+                        const isPlaylistFavorite = isFavorite(playlist.id);
+                        if (index === 0 && !isPlaylistFavorite) {
+                            return { ...oldPage, items: [...oldPage.items, playlist] };
+                        } else if (isPlaylistFavorite) {
+                            return {
+                                ...oldPage,
+                                items: oldPage.items.filter(
+                                    (oldPlaylist) => oldPlaylist.id !== playlist.id,
+                                ),
+                            };
+                        }
+                        return oldPage;
+                    },
+                ) ?? [],
+        };
+        return obj;
     }
-  );
-  const favoritePlaylistIds = favoritePlaylists?.map((playlist) => playlist.id);
 
-  function isFavorite(playlistId: string) {
-    return favoritePlaylistIds?.includes(playlistId);
-  }
+    const { mutate: reactToPlaylist } = useSpotifyMutation<
+        unknown,
+        SpotifyApi.PlaylistObjectSimplified
+    >(
+        (spotifyApi, { id }) =>
+            spotifyApi[isFavorite(id) ? "unfollowPlaylist" : "followPlaylist"](id).then(
+                (res) => res.body,
+            ),
+        {
+            onSuccess(_, playlist) {
+                queryClient.setQueryData<
+                    InfiniteData<SpotifyApi.ListOfUsersPlaylistsResponse>
+                >(QueryCacheKeys.userPlaylists, (old) => updateFunction(playlist, old));
+            },
+        },
+    );
+    const favoritePlaylistIds = favoritePlaylists?.map((playlist) => playlist.id);
 
-  return { reactToPlaylist, isFavorite, favoritePlaylists };
+    function isFavorite(playlistId: string) {
+        return favoritePlaylistIds?.includes(playlistId);
+    }
+
+    return { reactToPlaylist, isFavorite, favoritePlaylists };
 }
 
 export default usePlaylistReaction;
diff --git a/src/hooks/useSpotifyApi.ts b/src/hooks/useSpotifyApi.ts
index a3dce157..ebed623f 100644
--- a/src/hooks/useSpotifyApi.ts
+++ b/src/hooks/useSpotifyApi.ts
@@ -1,4 +1,3 @@
-import chalk from "chalk";
 import { useContext, useEffect } from "react";
 import { LocalStorageKeys } from "../conf";
 import authContext from "../context/authContext";
@@ -6,35 +5,30 @@ import showError from "../helpers/showError";
 import spotifyApi from "../initializations/spotifyApi";
 
 function useSpotifyApi() {
-  const {
-    access_token,
-    clientId,
-    clientSecret,
-    isLoggedIn,
-    setAccess_token,
-  } = useContext(authContext);
-  const refreshToken = localStorage.getItem(LocalStorageKeys.refresh_token);
+    const { access_token, clientId, clientSecret, isLoggedIn, setAccess_token } =
+        useContext(authContext);
+    const refreshToken = localStorage.getItem(LocalStorageKeys.refresh_token);
 
-  useEffect(() => {
-    if (isLoggedIn && clientId && clientSecret && refreshToken) {
-      spotifyApi.setClientId(clientId);
-      spotifyApi.setClientSecret(clientSecret);
-      spotifyApi.setRefreshToken(refreshToken);
-      if (!access_token) {
-        spotifyApi
-          .refreshAccessToken()
-          .then((token) => {
-            setAccess_token(token.body.access_token);
-          })
-          .catch((error) => {
-            showError(error);
-          });
-      }
-      spotifyApi.setAccessToken(access_token);
-    }
-  }, [access_token, clientId, clientSecret, isLoggedIn]);
+    useEffect(() => {
+        if (isLoggedIn && clientId && clientSecret && refreshToken) {
+            spotifyApi.setClientId(clientId);
+            spotifyApi.setClientSecret(clientSecret);
+            spotifyApi.setRefreshToken(refreshToken);
+            if (!access_token) {
+                spotifyApi
+                    .refreshAccessToken()
+                    .then((token) => {
+                        setAccess_token(token.body.access_token);
+                    })
+                    .catch((error) => {
+                        showError(error);
+                    });
+            }
+            spotifyApi.setAccessToken(access_token);
+        }
+    }, [access_token, clientId, clientSecret, isLoggedIn]);
 
-  return spotifyApi;
+    return spotifyApi;
 }
 
 export default useSpotifyApi;
diff --git a/src/hooks/useSpotifyApiError.ts b/src/hooks/useSpotifyApiError.ts
index 3f66dad8..d020b444 100644
--- a/src/hooks/useSpotifyApiError.ts
+++ b/src/hooks/useSpotifyApiError.ts
@@ -5,25 +5,29 @@ import authContext from "../context/authContext";
 import showError from "../helpers/showError";
 
 function useSpotifyApiError(spotifyApi: SpotifyWebApi) {
-  const { setAccess_token, isLoggedIn } = useContext(authContext);
-  return async (error: any | Error | TypeError) => {
-    const isUnauthorized = error.message === "Unauthorized";
-    const status401 = error.status === 401;
-    const bodyStatus401 = error.body.error.status === 401;
-    const noToken = error.body.error.message === "No token provided";
-    const expiredToken = error.body.error.message === "The access token expired";
-    if ((isUnauthorized && isLoggedIn && status401) || ((noToken || expiredToken) && bodyStatus401)) {
-      try {
-        console.log(chalk.bgYellow.blackBright("Refreshing Access token"));
-        const {
-          body: { access_token: refreshedAccessToken },
-        } = await spotifyApi.refreshAccessToken();
-        setAccess_token(refreshedAccessToken);
-      } catch (error) {
-        showError(error, "[Authorization Failure]: ");
-      }
-    }
-  };
+    const { setAccess_token, isLoggedIn } = useContext(authContext);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return async (error: SpotifyApi.ErrorObject | any) => {
+        const isUnauthorized = error.message === "Unauthorized";
+        const status401 = error.status === 401;
+        const bodyStatus401 = error.body.error.status === 401;
+        const noToken = error.body.error.message === "No token provided";
+        const expiredToken = error.body.error.message === "The access token expired";
+        if (
+            (isUnauthorized && isLoggedIn && status401) ||
+            ((noToken || expiredToken) && bodyStatus401)
+        ) {
+            try {
+                console.log(chalk.bgYellow.blackBright("Refreshing Access token"));
+                const {
+                    body: { access_token: refreshedAccessToken },
+                } = await spotifyApi.refreshAccessToken();
+                setAccess_token(refreshedAccessToken);
+            } catch (error) {
+                showError(error, "[Authorization Failure]: ");
+            }
+        }
+    };
 }
 
 export default useSpotifyApiError;
diff --git a/src/hooks/useSpotifyInfiniteQuery.ts b/src/hooks/useSpotifyInfiniteQuery.ts
index f0439e25..b9d12803 100644
--- a/src/hooks/useSpotifyInfiniteQuery.ts
+++ b/src/hooks/useSpotifyInfiniteQuery.ts
@@ -1,28 +1,41 @@
 import { useEffect } from "react";
-import { QueryFunctionContext, QueryKey, useInfiniteQuery, UseInfiniteQueryOptions, UseInfiniteQueryResult } from "react-query";
+import {
+    QueryFunctionContext,
+    QueryKey,
+    useInfiniteQuery,
+    UseInfiniteQueryOptions,
+    UseInfiniteQueryResult,
+} from "react-query";
 import SpotifyWebApi from "spotify-web-api-node";
 import useSpotifyApi from "./useSpotifyApi";
 import useSpotifyApiError from "./useSpotifyApiError";
 
-type SpotifyQueryFn<TQueryData> = (spotifyApi: SpotifyWebApi, pageArgs: QueryFunctionContext) => Promise<TQueryData>;
+type SpotifyQueryFn<TQueryData> = (
+    spotifyApi: SpotifyWebApi,
+    pageArgs: QueryFunctionContext,
+) => Promise<TQueryData>;
 
 function useSpotifyInfiniteQuery<TQueryData = unknown>(
-  queryKey: QueryKey,
-  queryHandler: SpotifyQueryFn<TQueryData>,
-  options: UseInfiniteQueryOptions<TQueryData, SpotifyApi.ErrorObject> = {}
+    queryKey: QueryKey,
+    queryHandler: SpotifyQueryFn<TQueryData>,
+    options: UseInfiniteQueryOptions<TQueryData, SpotifyApi.ErrorObject> = {},
 ): UseInfiniteQueryResult<TQueryData, SpotifyApi.ErrorObject> {
-  const spotifyApi = useSpotifyApi();
-  const handleSpotifyError = useSpotifyApiError(spotifyApi);
-  const query = useInfiniteQuery<TQueryData, SpotifyApi.ErrorObject>(queryKey, (pageArgs) => queryHandler(spotifyApi, pageArgs), options);
-  const { isError, error } = query;
+    const spotifyApi = useSpotifyApi();
+    const handleSpotifyError = useSpotifyApiError(spotifyApi);
+    const query = useInfiniteQuery<TQueryData, SpotifyApi.ErrorObject>(
+        queryKey,
+        (pageArgs) => queryHandler(spotifyApi, pageArgs),
+        options,
+    );
+    const { isError, error } = query;
 
-  useEffect(() => {
-    if (isError && error) {
-      handleSpotifyError(error);
-    }
-  }, [isError, error]);
+    useEffect(() => {
+        if (isError && error) {
+            handleSpotifyError(error);
+        }
+    }, [isError, error]);
 
-  return query;
+    return query;
 }
 
 export default useSpotifyInfiniteQuery;
diff --git a/src/hooks/useSpotifyMutation.ts b/src/hooks/useSpotifyMutation.ts
index 864dccfe..c0315697 100644
--- a/src/hooks/useSpotifyMutation.ts
+++ b/src/hooks/useSpotifyMutation.ts
@@ -4,21 +4,30 @@ import SpotifyWebApi from "spotify-web-api-node";
 import useSpotifyApi from "./useSpotifyApi";
 import useSpotifyApiError from "./useSpotifyApiError";
 
-type SpotifyMutationFn<TData = unknown, TVariables = unknown> = (spotifyApi: SpotifyWebApi, variables: TVariables) => Promise<TData>;
+type SpotifyMutationFn<TData = unknown, TVariables = unknown> = (
+    spotifyApi: SpotifyWebApi,
+    variables: TVariables,
+) => Promise<TData>;
 
-function useSpotifyMutation<TData = unknown, TVariable = unknown>(mutationFn: SpotifyMutationFn<TData, TVariable>, options?: UseMutationOptions<TData, SpotifyApi.ErrorObject, TVariable>) {
-  const spotifyApi = useSpotifyApi();
-  const handleSpotifyError = useSpotifyApiError(spotifyApi);
-  const mutation = useMutation<TData, SpotifyApi.ErrorObject, TVariable>((arg) => mutationFn(spotifyApi, arg), options);
-  const { isError, error } = mutation;
+function useSpotifyMutation<TData = unknown, TVariable = unknown>(
+    mutationFn: SpotifyMutationFn<TData, TVariable>,
+    options?: UseMutationOptions<TData, SpotifyApi.ErrorObject, TVariable>,
+) {
+    const spotifyApi = useSpotifyApi();
+    const handleSpotifyError = useSpotifyApiError(spotifyApi);
+    const mutation = useMutation<TData, SpotifyApi.ErrorObject, TVariable>(
+        (arg) => mutationFn(spotifyApi, arg),
+        options,
+    );
+    const { isError, error } = mutation;
 
-  useEffect(() => {
-    if (isError && error) {
-      handleSpotifyError(error);
-    }
-  }, [isError, error]);
+    useEffect(() => {
+        if (isError && error) {
+            handleSpotifyError(error);
+        }
+    }, [isError, error]);
 
-  return mutation;
+    return mutation;
 }
 
 export default useSpotifyMutation;
diff --git a/src/hooks/useSpotifyQuery.ts b/src/hooks/useSpotifyQuery.ts
index 1f1605f2..12ceb703 100644
--- a/src/hooks/useSpotifyQuery.ts
+++ b/src/hooks/useSpotifyQuery.ts
@@ -7,23 +7,26 @@ import useSpotifyApiError from "./useSpotifyApiError";
 type SpotifyQueryFn<TQueryData> = (spotifyApi: SpotifyWebApi) => Promise<TQueryData>;
 
 function useSpotifyQuery<TQueryData = unknown>(
-  queryKey: QueryKey,
-  queryHandler: SpotifyQueryFn<TQueryData>,
-  options: UseQueryOptions<TQueryData, SpotifyApi.ErrorObject> = {}
+    queryKey: QueryKey,
+    queryHandler: SpotifyQueryFn<TQueryData>,
+    options: UseQueryOptions<TQueryData, SpotifyApi.ErrorObject> = {},
 ): UseQueryResult<TQueryData, SpotifyApi.ErrorObject> {
-  const spotifyApi = useSpotifyApi();
-  const handleSpotifyError = useSpotifyApiError(spotifyApi);
-  const query = useQuery<TQueryData, SpotifyApi.ErrorObject>(queryKey, ()=>queryHandler(spotifyApi), options);
-  const { isError, error } = query;
-  
-  
-  useEffect(() => {
-    if (isError && error) {
-      handleSpotifyError(error);
-    }
-  }, [isError, error]);
+    const spotifyApi = useSpotifyApi();
+    const handleSpotifyError = useSpotifyApiError(spotifyApi);
+    const query = useQuery<TQueryData, SpotifyApi.ErrorObject>(
+        queryKey,
+        () => queryHandler(spotifyApi),
+        options,
+    );
+    const { isError, error } = query;
 
-  return query;
+    useEffect(() => {
+        if (isError && error) {
+            handleSpotifyError(error);
+        }
+    }, [isError, error]);
+
+    return query;
 }
 
 export default useSpotifyQuery;
diff --git a/src/hooks/useTrackReaction.ts b/src/hooks/useTrackReaction.ts
index 118f874f..4624914b 100644
--- a/src/hooks/useTrackReaction.ts
+++ b/src/hooks/useTrackReaction.ts
@@ -4,49 +4,68 @@ import useSpotifyInfiniteQuery from "./useSpotifyInfiniteQuery";
 import useSpotifyMutation from "./useSpotifyMutation";
 
 function useTrackReaction() {
-  const queryClient = useQueryClient();
-  const { data: userSavedTracks } = useSpotifyInfiniteQuery<SpotifyApi.UsersSavedTracksResponse>(QueryCacheKeys.userSavedTracks, (spotifyApi, { pageParam }) =>
-    spotifyApi.getMySavedTracks({ limit: 50, offset: pageParam }).then((res) => res.body)
-  );
-  const favoriteTracks = userSavedTracks?.pages
-    ?.map((page) => page.items)
-    .filter(Boolean)
-    .flat(1) as SpotifyApi.SavedTrackObject[] | undefined;
+    const queryClient = useQueryClient();
+    const { data: userSavedTracks } =
+        useSpotifyInfiniteQuery<SpotifyApi.UsersSavedTracksResponse>(
+            QueryCacheKeys.userSavedTracks,
+            (spotifyApi, { pageParam }) =>
+                spotifyApi
+                    .getMySavedTracks({ limit: 50, offset: pageParam })
+                    .then((res) => res.body),
+        );
+    const favoriteTracks = userSavedTracks?.pages
+        ?.map((page) => page.items)
+        .filter(Boolean)
+        .flat(1) as SpotifyApi.SavedTrackObject[] | undefined;
 
-  function updateFunction(track: SpotifyApi.SavedTrackObject, old?: InfiniteData<SpotifyApi.UsersSavedTracksResponse>): InfiniteData<SpotifyApi.UsersSavedTracksResponse> {
-    const obj: typeof old = {
-      pageParams: old?.pageParams ?? [],
-      pages:
-        old?.pages.map(
-          (oldPage, index): SpotifyApi.UsersSavedTracksResponse => {
-            const isTrackFavorite = isFavorite(track.track.id);
-            if (index === 0 && !isTrackFavorite) {
-              return { ...oldPage, items: [...oldPage.items, track] };
-            } else if (isTrackFavorite) {
-              return { ...oldPage, items: oldPage.items.filter((oldTrack) => oldTrack.track.id !== track.track.id) };
-            }
-            return oldPage;
-          }
-        ) ?? [],
-    };
-    return obj;
-  }
-
-  const { mutate: reactToTrack } = useSpotifyMutation<{}, SpotifyApi.SavedTrackObject>(
-    (spotifyApi, { track }) => spotifyApi[isFavorite(track.id) ? "removeFromMySavedTracks" : "addToMySavedTracks"]([track.id]).then((res) => res.body),
-    {
-      onSuccess(_, track) {
-        queryClient.setQueryData<InfiniteData<SpotifyApi.UsersSavedTracksResponse>>(QueryCacheKeys.userSavedTracks, (old) => updateFunction(track, old));
-      },
+    function updateFunction(
+        track: SpotifyApi.SavedTrackObject,
+        old?: InfiniteData<SpotifyApi.UsersSavedTracksResponse>,
+    ): InfiniteData<SpotifyApi.UsersSavedTracksResponse> {
+        const obj: typeof old = {
+            pageParams: old?.pageParams ?? [],
+            pages:
+                old?.pages.map((oldPage, index): SpotifyApi.UsersSavedTracksResponse => {
+                    const isTrackFavorite = isFavorite(track.track.id);
+                    if (index === 0 && !isTrackFavorite) {
+                        return { ...oldPage, items: [...oldPage.items, track] };
+                    } else if (isTrackFavorite) {
+                        return {
+                            ...oldPage,
+                            items: oldPage.items.filter(
+                                (oldTrack) => oldTrack.track.id !== track.track.id,
+                            ),
+                        };
+                    }
+                    return oldPage;
+                }) ?? [],
+        };
+        return obj;
     }
-  );
-  const favoriteTrackIds = favoriteTracks?.map((track) => track.track.id);
 
-  function isFavorite(trackId: string) {
-    return favoriteTrackIds?.includes(trackId);
-  }
+    const { mutate: reactToTrack } = useSpotifyMutation<
+        unknown,
+        SpotifyApi.SavedTrackObject
+    >(
+        (spotifyApi, { track }) =>
+            spotifyApi[
+                isFavorite(track.id) ? "removeFromMySavedTracks" : "addToMySavedTracks"
+            ]([track.id]).then((res) => res.body),
+        {
+            onSuccess(_, track) {
+                queryClient.setQueryData<
+                    InfiniteData<SpotifyApi.UsersSavedTracksResponse>
+                >(QueryCacheKeys.userSavedTracks, (old) => updateFunction(track, old));
+            },
+        },
+    );
+    const favoriteTrackIds = favoriteTracks?.map((track) => track.track.id);
 
-  return { reactToTrack, isFavorite, favoriteTracks };
+    function isFavorite(trackId: string) {
+        return favoriteTrackIds?.includes(trackId);
+    }
+
+    return { reactToTrack, isFavorite, favoriteTracks };
 }
 
 export default useTrackReaction;
diff --git a/src/icons.ts b/src/icons.ts
index 570fd045..f22b9ceb 100644
--- a/src/icons.ts
+++ b/src/icons.ts
@@ -1,18 +1,18 @@
 import _play from "../assets/play-solid.svg";
-import _pause from "../assets/pause-solid.svg"
-import _angleLeft from "../assets/angle-left-solid.svg"
-import _backward from "../assets/backward-solid.svg"
-import _forward from "../assets/forward-solid.svg"
-import _heartRegular from "../assets/heart-regular.svg"
-import _heart from "../assets/heart-solid.svg"
-import _random from "../assets/random-solid.svg"
-import _stop from "../assets/stop-solid.svg"
+import _pause from "../assets/pause-solid.svg";
+import _angleLeft from "../assets/angle-left-solid.svg";
+import _backward from "../assets/backward-solid.svg";
+import _forward from "../assets/forward-solid.svg";
+import _heartRegular from "../assets/heart-regular.svg";
+import _heart from "../assets/heart-solid.svg";
+import _random from "../assets/random-solid.svg";
+import _stop from "../assets/stop-solid.svg";
 import _search from "../assets/search-solid.svg";
 import _loadingSpinner from "../assets/loading-spinner.gif";
-import _settingsCog from "../assets/setting-cog.svg"
-import _times from "../assets/times-solid.svg"
-import _musicNode from "../assets/music-solid.svg"
-import _download from "../assets/download-solid.svg"
+import _settingsCog from "../assets/setting-cog.svg";
+import _times from "../assets/times-solid.svg";
+import _musicNode from "../assets/music-solid.svg";
+import _download from "../assets/download-solid.svg";
 
 export const play = _play;
 export const pause = _pause;
@@ -28,4 +28,4 @@ export const loadingSpinner = _loadingSpinner;
 export const settingsCog = _settingsCog;
 export const times = _times;
 export const musicNode = _musicNode;
-export const download = _download;
\ No newline at end of file
+export const download = _download;
diff --git a/src/index.tsx b/src/index.tsx
index 10882746..f6aaa003 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -4,15 +4,15 @@ import App from "./app";
 
 process.title = "Spotube";
 Renderer.render(<App />, {
-  onInit(reconciler) {
-    if (process.env.NODE_ENV === "development") {
-      require("@nodegui/devtools").connectReactDevtools(reconciler);
-    }
-  },
+    onInit(reconciler) {
+        if (process.env.NODE_ENV === "development") {
+            require("@nodegui/devtools").connectReactDevtools(reconciler);
+        }
+    },
 });
 // This is for hot reloading (this will be stripped off in production by webpack)
 if (module.hot) {
-  module.hot.accept(["./app"], function () {
-    Renderer.forceUpdate();
-  });
+    module.hot.accept(["./app"], function () {
+        Renderer.forceUpdate();
+    });
 }
diff --git a/src/initializations/spotifyApi.ts b/src/initializations/spotifyApi.ts
index f92d3fc9..c8d21557 100644
--- a/src/initializations/spotifyApi.ts
+++ b/src/initializations/spotifyApi.ts
@@ -3,4 +3,4 @@ import { redirectURI } from "../conf";
 
 const spotifyApi = new SpotifyWebApi({ redirectUri: redirectURI });
 
-export default spotifyApi;
\ No newline at end of file
+export default spotifyApi;
diff --git a/src/routes.tsx b/src/routes.tsx
index fd8a517d..6b2d2c69 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -12,50 +12,54 @@ import Search from "./components/Search";
 import SearchResultPlaylistCollection from "./components/SearchResultPlaylistCollection";
 import SearchResultSongsCollection from "./components/SearchResultSongsCollection";
 import Settings from "./components/Settings";
+import Artist from "./components/Artist";
 
 function Routes() {
-  const { isLoggedIn } = useContext(authContext);
-  return (
-    <>
-      <Route path="/">
-        {isLoggedIn ? (
-          <>
-            <Redirect from="/" to="/home" />
-            <TabMenu />
-            <Route exact path="/home">
-              <Home />
+    const { isLoggedIn } = useContext(authContext);
+    return (
+        <>
+            <Route path="/">
+                {isLoggedIn ? (
+                    <>
+                        <Redirect from="/" to="/home" />
+                        <TabMenu />
+                        <Route exact path="/home">
+                            <Home />
+                        </Route>
+                        <Route exact path="/playlist/:id">
+                            <PlaylistView />
+                        </Route>
+                        <Route exact path="/genre/playlists/:id">
+                            <PlaylistGenreView />
+                        </Route>
+                    </>
+                ) : (
+                    <Login />
+                )}
             </Route>
-            <Route exact path="/playlist/:id">
-              <PlaylistView />
+            <Route path="/currently">
+                <CurrentPlaylist />
             </Route>
-            <Route exact path="/genre/playlists/:id">
-              <PlaylistGenreView />
+            <Route path="/library">
+                <Library />
             </Route>
-          </>
-        ) : (
-          <Login />
-        )}
-      </Route>
-      <Route path="/currently">
-        <CurrentPlaylist />
-      </Route>
-      <Route path="/library">
-        <Library />
-      </Route>
-      <Route exact path="/search">
-        <Search />
-      </Route>
-      <Route exact path="/search/playlists">
-        <SearchResultPlaylistCollection />
-      </Route>
-      <Route exact path="/search/songs">
-        <SearchResultSongsCollection />
-      </Route>
-      <Route exact path="/settings/">
-        <Settings />
-      </Route>
-    </>
-  );
+            <Route path="/artist">
+                <Artist />
+            </Route>
+            <Route exact path="/search">
+                <Search />
+            </Route>
+            <Route exact path="/search/playlists">
+                <SearchResultPlaylistCollection />
+            </Route>
+            <Route exact path="/search/songs">
+                <SearchResultSongsCollection />
+            </Route>
+            <Route exact path="/settings/">
+                <Settings />
+            </Route>
+        </>
+    );
 }
 
 export default Routes;
diff --git a/tsconfig.tsbuildinfo b/tsconfig.tsbuildinfo
index 46210f5f..6eb64fbc 100644
--- a/tsconfig.tsbuildinfo
+++ b/tsconfig.tsbuildinfo
@@ -1812,8 +1812,8 @@
         "affectsGlobalScope": false
       },
       "./src/conf.ts": {
-        "version": "20dd59282d54a47667a67aa5745bca1eee22abc2ccc3a0d8e989112fb2bf977b",
-        "signature": "699c447c3100c58395a9ad99ad82645343a63b6971f845d349016adeaf6518ca",
+        "version": "113ecbcb46f23994df08038e8da2e1236a133fa61b34428b70ce374566555f02",
+        "signature": "c9ab18e6b7924079399d8b70972fe052c1e9e53e276d13b8eecbfb91da877d43",
         "affectsGlobalScope": false
       },
       "./node_modules/react-query/types/core/retryer.d.ts": {
@@ -2412,7 +2412,7 @@
         "affectsGlobalScope": false
       },
       "./src/components/Library.tsx": {
-        "version": "d790c6f9136ebf208d97fc0efd2d502883afd808b8ce630bf59753488904590e",
+        "version": "ab6daff08d2317feded94af22a36eb21f421bd17b3c5171c7ae1c67f6659c988",
         "signature": "413bad0e9a800508ea2993222123bce20125d28cde05c03f897b7d1d22b1d986",
         "affectsGlobalScope": false
       },
@@ -2441,8 +2441,13 @@
         "signature": "5fa68971abd632dfc3423c5b1e4be1ffd075cb978f48368981d861cdb7d9096d",
         "affectsGlobalScope": false
       },
+      "./src/components/Artist.tsx": {
+        "version": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",
+        "signature": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",
+        "affectsGlobalScope": false
+      },
       "./src/routes.tsx": {
-        "version": "dc9ac4423e90a9245ec14bce0255a32b61e3762db0b96ca2c05b8e89bedbe4c1",
+        "version": "3ac676aff4b82daaafb4d163542df3a2c79838c2e990f15f44977750e4b4d4ad",
         "signature": "5ff073ea29db06628a9a170cda0c6e9a6e0dbd26c09393e43167c50efb794fb4",
         "affectsGlobalScope": false
       },
@@ -2682,7 +2687,7 @@
       "skipLibCheck": true,
       "incremental": true,
       "noEmit": true,
-      "watch": true,
+      "pretty": true,
       "configFilePath": "./tsconfig.json"
     },
     "referencedMap": {
@@ -4507,12 +4512,14 @@
         "./src/hooks/useSpotifyQuery.ts"
       ],
       "./src/components/Library.tsx": [
+        "./node_modules/@nodegui/nodegui/dist/index.d.ts",
         "./node_modules/@nodegui/react-nodegui/dist/index.d.ts",
         "./node_modules/@types/react-router/index.d.ts",
         "./node_modules/@types/react/index.d.ts",
         "./src/components/PlaylistGenreView.tsx",
         "./src/components/PlaylistView.tsx",
         "./src/components/TabMenu.tsx",
+        "./src/components/shared/CachedImage.tsx",
         "./src/components/shared/PlaceholderApplet.tsx",
         "./src/components/shared/TrackButton.tsx",
         "./src/conf.ts",
@@ -7171,6 +7178,7 @@
       "./node_modules/typescript/lib/lib.esnext.intl.d.ts",
       "./node_modules/ytdl-core/typings/index.d.ts",
       "./src/app.tsx",
+      "./src/components/Artist.tsx",
       "./src/components/BackButton.tsx",
       "./src/components/CurrentPlaylist.tsx",
       "./src/components/Home.tsx",
@@ -7216,1963 +7224,27 @@
       "./src/icons.ts",
       "./src/index.tsx",
       "./src/initializations/spotifyApi.ts",
-      "./src/routes.tsx"
+      [
+        "./src/routes.tsx",
+        [
+          {
+            "file": "./src/routes.tsx",
+            "start": 765,
+            "length": 21,
+            "messageText": "File '/home/krtirtho/dev/desktop/spotube/src/components/Artist.tsx' is not a module.",
+            "category": 1,
+            "code": 2306
+          }
+        ]
+      ]
     ],
     "affectedFilesPendingEmit": [
-      [
-        "./assets.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/bmp/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/core/types/etc.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/core/types/functions.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/core/types/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/core/types/jimp.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/core/types/plugins.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/core/types/utils.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/gif/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/jpeg/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-blit/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-blur/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-circle/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-color/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-contain/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-cover/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-crop/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-displace/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-dither/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-fisheye/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-flip/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-gaussian/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-invert/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-mask/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-normalize/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-print/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-resize/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-rotate/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-scale/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-shadow/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugin-threshold/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/plugins/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/png/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/tiff/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@jimp/types/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QDate.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QDateTime.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QMimeData.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QModelIndex.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QObject.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QPoint.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QPointF.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QRect.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QRectF.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QSettings.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QSize.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QTime.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QUrl.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtCore/QVariant.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/AcceptMode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/AlignmentFlag/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/AnchorPoint/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ApplicationAttribute/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ApplicationState/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ArrowType/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/AspectRatioMode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/Axis/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/BGMode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/BrushStyle/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/CaseSensitivity/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/CheckState/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ChecksumType/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ClipOperation/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ConnectionType/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ContextMenuPolicy/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/CoordinateSystem/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/Corner/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/CursorMoveStyle/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/CursorShape/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/DateFormat/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/DayOfWeek/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/DialogCode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/DialogLabel/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/Direction/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/DockWidgetArea/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/DropAction/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/Edge/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/EnterKeyType/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/EventPriority/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/FileMode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/FillRule/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/FindChildOption/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/FocusPolicy/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/FocusReason/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/GestureFlag/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/GestureState/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/GestureType/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/GlobalColor/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/HitTestAccuracy/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ImageConversionFlag/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/InputMethodHint/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/InputMethodQuery/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ItemDataRole/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ItemFlag/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ItemSelectionMode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ItemSelectionOperation/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/Key/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/KeyboardModifier/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/LayoutDirection/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/MaskMode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/MatchFlag/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/Modifier/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/MouseButton/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/MouseEventFlag/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/MouseEventSource/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/NativeGestureType/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/NavigationMode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/Option/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/Orientation/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/PenCapStyle/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/PenStyle/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ScreenOrientation/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ScrollBarPolicy/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ScrollHint/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ScrollPhase/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ShortcutContext/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/SizeAdjustPolicy/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/SizeHint/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/SizeMode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/SortOrder/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/TabFocusBehavior/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/TabPosition/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/TextElideMode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/TextFlag/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/TextFormat/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/TextInteractionFlag/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/TileRule/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/TimeSpec/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/TimerType/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ToolBarArea/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ToolButtonStyle/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/TouchPointState/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/TransformationMode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/UIEffect/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/ViewMode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/WhiteSpaceMode/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/WidgetAttribute/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/WindowFrameSection/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/WindowModality/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/WindowState/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/WindowType/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtEnums/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QApplication.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QBrush.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QClipboard.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QColor.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QCursor.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QDrag.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QEvent/QDragLeaveEvent.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QEvent/QDragMoveEvent.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QEvent/QDropEvent.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QEvent/QKeyEvent.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QEvent/QMouseEvent.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QEvent/QNativeGestureEvent.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QEvent/QTabletEvent.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QEvent/QWheelEvent.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QFont.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QFontDatabase.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QIcon.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QKeySequence.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QMovie.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QPen.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QPicture.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QPixmap.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QStyle.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtGui/QTextOption.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QAbstractButton.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QAbstractItemView.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QAbstractScrollArea.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QAbstractSlider.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QAbstractSpinBox.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QAction.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QBoxLayout.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QButtonGroup.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QCalendarWidget.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QCheckBox.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QColorDialog.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QComboBox.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QDateEdit.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QDateTimeEdit.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QDesktopWidget.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QDial.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QDialog.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QDoubleSpinBox.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QErrorMessage.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QFileDialog.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QFontDialog.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QFrame.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QGraphicsBlurEffect.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QGraphicsDropShadowEffect.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QGraphicsEffect.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QGridLayout.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QGroupBox.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QInputDialog.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QLCDNumber.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QLabel.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QLayout.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QLineEdit.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QListView.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QListWidget.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QListWidgetItem.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QMainWindow.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QMenu.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QMenuBar.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QMessageBox.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QPainter.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QPainterPath.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QPlainTextEdit.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QProgressBar.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QProgressDialog.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QPushButton.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QRadioButton.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QScrollArea.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QScrollBar.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QShortcut.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QSlider.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QSpinBox.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QStackedWidget.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QStandardItem.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QStandardItemModel.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QStatusBar.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QSvgWidget.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QSystemTrayIcon.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QTabBar.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QTabWidget.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QTableView.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QTableWidget.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QTableWidgetItem.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QTextBrowser.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QTextEdit.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QTimeEdit.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QToolButton.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QTreeWidget.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QTreeWidgetItem.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/QtWidgets/QWidget.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/core/Component.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/core/EventWidget.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/core/FlexLayout.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/core/Style/StyleSheet.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/core/YogaWidget.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/core/bootstrap.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/nodegui/dist/lib/utils/helpers.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/AbstractComponents/RNAbstractButton.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Action/RNAction.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Action/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/AnimatedImage/RNAnimatedImage.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/AnimatedImage/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/BoxView/RNBoxView.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/BoxView/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Button/RNButton.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Button/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/CheckBox/RNCheckBox.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/CheckBox/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/ComboBox/RNComboBox.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/ComboBox/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Dial/RNDial.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Dial/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/GridView/GridColumn/RNGridColumn.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/GridView/GridColumn/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/GridView/GridRow/RNGridRow.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/GridView/GridRow/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/GridView/RNGridView.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/GridView/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/GridView/utils.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Image/RNImage.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Image/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/LineEdit/RNLineEdit.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/LineEdit/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Menu/RNMenu.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Menu/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/MenuBar/RNMenuBar.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/MenuBar/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/PlainTextEdit/RNPlainTextEdit.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/PlainTextEdit/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/ProgressBar/RNProgressBar.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/ProgressBar/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/RadioButton/RNRadioButton.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/RadioButton/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/ScrollArea/RNScrollArea.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/ScrollArea/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Slider/RNSlider.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Slider/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/SpinBox/RNSpinBox.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/SpinBox/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/SystemTrayIcon/RNSystemTrayIcon.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/SystemTrayIcon/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Tab/RNTab.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Tab/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/TabItem/RNTabItem.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/TabItem/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Text/RNText.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Text/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/View/RNView.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/View/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Window/RNWindow.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/Window/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/components/config.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/development/hot-reload.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/development/types.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/hooks/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/reconciler/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@nodegui/react-nodegui/dist/renderer/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/anymatch/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/body-parser/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/color-convert/conversions.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/color-convert/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/color-convert/route.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/color-name/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/color/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/connect/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/du/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/eslint-scope/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/eslint/helpers.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/eslint/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/estree/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/events/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/express-serve-static-core/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/express/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/glob/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/history/DOMUtils.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/history/LocationUtils.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/history/PathUtils.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/history/createBrowserHistory.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/history/createHashHistory.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/history/createMemoryHistory.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/history/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/html-to-text/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/html-to-text/lib/block-text-builder.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/is-url/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/json-schema/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/mime/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/minimatch/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node-localstorage/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/assert.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/async_hooks.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/base.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/buffer.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/child_process.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/cluster.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/console.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/constants.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/crypto.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/dgram.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/dns.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/domain.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/events.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/fs.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/fs/promises.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/globals.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/globals.global.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/http.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/http2.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/https.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/inspector.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/module.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/net.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/os.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/path.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/perf_hooks.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/process.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/punycode.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/querystring.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/readline.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/repl.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/stream.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/string_decoder.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/timers.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/tls.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/trace_events.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/ts3.4/base.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/ts3.6/base.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/tty.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/url.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/util.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/v8.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/vm.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/wasi.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/worker_threads.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/node/zlib.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/normalize-package-data/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/parse-json/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/prop-types/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/qs/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/range-parser/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/react-reconciler/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/react-router/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/react/global.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/react/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/serve-static/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/source-list-map/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/spotify-api/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/spotify-web-api-node/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/tapable/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/uglify-js/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/uglify-js/node_modules/source-map/source-map.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/uuid/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-env/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/lib/CachedSource.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/lib/CompatSource.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/lib/ConcatSource.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/lib/OriginalSource.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/lib/PrefixSource.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/lib/RawSource.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/lib/ReplaceSource.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/lib/SizeOnlySource.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/lib/Source.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/lib/SourceMapSource.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/lib/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack-sources/node_modules/source-map/source-map.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/@types/webpack/node_modules/source-map/source-map.d.ts",
-        1
-      ],
-      [
-        "./node_modules/anymatch/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/axios/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/chalk/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/csstype/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/dotenv/types/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/jimp/types/ts3.1/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/node-mpv/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/open/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/focusManager.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/infiniteQueryObserver.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/logger.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/mutation.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/mutationCache.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/mutationObserver.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/notifyManager.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/onlineManager.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/queriesObserver.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/query.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/queryCache.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/queryClient.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/queryObserver.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/retryer.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/subscribable.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/types.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/core/utils.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/react/QueryClientProvider.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/react/QueryErrorResetBoundary.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/react/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/react/setBatchUpdatesFn.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/react/setLogger.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/react/types.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/react/useInfiniteQuery.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/react/useIsFetching.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/react/useIsMutating.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/react/useMutation.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/react/useQueries.d.ts",
-        1
-      ],
-      [
-        "./node_modules/react-query/types/react/useQuery.d.ts",
-        1
-      ],
-      [
-        "./node_modules/scrape-yt/dist/common/types.d.ts",
-        1
-      ],
-      [
-        "./node_modules/scrape-yt/dist/index.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.dom.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2015.collection.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2015.core.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2015.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2015.generator.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2015.iterable.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2015.promise.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2015.proxy.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2015.reflect.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2015.symbol.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2016.array.include.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2016.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2017.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2017.intl.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2017.object.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2017.string.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2017.typedarrays.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2018.asynciterable.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2018.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2018.intl.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2018.promise.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2018.regexp.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2019.array.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es2020.bigint.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.es5.d.ts",
-        1
-      ],
-      [
-        "./node_modules/typescript/lib/lib.esnext.intl.d.ts",
-        1
-      ],
-      [
-        "./node_modules/ytdl-core/typings/index.d.ts",
-        1
-      ],
       [
         "./src/app.tsx",
         1
       ],
       [
-        "./src/components/BackButton.tsx",
-        1
-      ],
-      [
-        "./src/components/CurrentPlaylist.tsx",
+        "./src/components/Artist.tsx",
         1
       ],
       [
@@ -9183,22 +7255,10 @@
         "./src/components/Library.tsx",
         1
       ],
-      [
-        "./src/components/Login.tsx",
-        1
-      ],
-      [
-        "./src/components/ManualLyricDialog.tsx",
-        1
-      ],
       [
         "./src/components/Player.tsx",
         1
       ],
-      [
-        "./src/components/PlayerProgressBar.tsx",
-        1
-      ],
       [
         "./src/components/PlaylistGenreView.tsx",
         1
@@ -9219,94 +7279,22 @@
         "./src/components/SearchResultSongsCollection.tsx",
         1
       ],
-      [
-        "./src/components/Settings.tsx",
-        1
-      ],
-      [
-        "./src/components/TabMenu.tsx",
-        1
-      ],
-      [
-        "./src/components/shared/CachedImage.tsx",
-        1
-      ],
-      [
-        "./src/components/shared/CategoryCardView.tsx",
-        1
-      ],
-      [
-        "./src/components/shared/IconButton.tsx",
-        1
-      ],
-      [
-        "./src/components/shared/PlaceholderApplet.tsx",
-        1
-      ],
       [
         "./src/components/shared/PlaylistCard.tsx",
         1
       ],
-      [
-        "./src/components/shared/Switch.tsx",
-        1
-      ],
-      [
-        "./src/components/shared/TrackButton.tsx",
-        1
-      ],
       [
         "./src/conf.ts",
         1
       ],
-      [
-        "./src/context/authContext.ts",
-        1
-      ],
-      [
-        "./src/context/playerContext.ts",
-        1
-      ],
-      [
-        "./src/context/preferencesContext.ts",
-        1
-      ],
-      [
-        "./src/helpers/RandomColor.ts",
-        1
-      ],
-      [
-        "./src/helpers/fetchLyrics.ts",
-        1
-      ],
       [
         "./src/helpers/getCachedImageBuffer.ts",
         1
       ],
-      [
-        "./src/helpers/getYoutubeTrack.ts",
-        1
-      ],
-      [
-        "./src/helpers/msToMin_sec.ts",
-        1
-      ],
       [
         "./src/helpers/showError.ts",
         1
       ],
-      [
-        "./src/helpers/shuffleArray.ts",
-        1
-      ],
-      [
-        "./src/helpers/streamToBuffer.ts",
-        1
-      ],
-      [
-        "./src/hooks/useDownloadQueue.ts",
-        1
-      ],
       [
         "./src/hooks/usePlaylistReaction.ts",
         1
@@ -9315,34 +7303,10 @@
         "./src/hooks/useSpotifyApi.ts",
         1
       ],
-      [
-        "./src/hooks/useSpotifyApiError.ts",
-        1
-      ],
-      [
-        "./src/hooks/useSpotifyInfiniteQuery.ts",
-        1
-      ],
-      [
-        "./src/hooks/useSpotifyMutation.ts",
-        1
-      ],
-      [
-        "./src/hooks/useSpotifyQuery.ts",
-        1
-      ],
       [
         "./src/hooks/useTrackReaction.ts",
         1
       ],
-      [
-        "./src/icons.ts",
-        1
-      ],
-      [
-        "./src/index.tsx",
-        1
-      ],
       [
         "./src/initializations/spotifyApi.ts",
         1