diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..b7dab5e
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,2 @@
+node_modules
+build
\ No newline at end of file
diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100644
index 0000000..9827f94
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,39 @@
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "plugins": [
+    "@typescript-eslint",
+    "eslint-plugin-tsdoc"
+  ],
+  "parserOptions": {
+    "project": "./tsconfig.json",
+    "tsconfigRootDir": ".",
+    "ecmaVersion": 2018,
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "sourceType": "module"
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "rules": {
+    "quotes": ["error", "double", { "allowTemplateLiterals": true }],
+    "semi": "error",
+    "indent": ["error", 2],
+    "tsdoc/syntax": "warn",
+    "react/function-component-definition": ["warn", {
+      "namedComponents": "arrow-function",
+      "unnamedComponents": "arrow-function"
+    }],
+    "react/display-name": ["error", { "ignoreTranspilerName": false }]
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier/@typescript-eslint",
+    "plugin:react/recommended"
+  ]
+}
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..598ee3d
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,12 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "Launch Chrome against localhost",
+      "url": "http://localhost:3000",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
index fee9238..559db62 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -6,4 +6,12 @@
     "scss": "src/scss",
     "fontello": "src/fontello",
   },
+  "cSpell.words": [
+    "Transpiler",
+    "esnext",
+    "firstseen",
+    "keepalive",
+    "motd",
+    "tsdoc"
+  ],
 }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index d84a089..00052bf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -328,9 +328,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.11.2",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.11.2.tgz",
-      "integrity": "sha512-Vuj/+7vLo6l1Vi7uuO+1ngCDNeVmNbTngcJFKCR/oEtz8tKz0CJxZEGmPt9KcIloZhOZ3Zit6xbpXT2MDlS9Vw=="
+      "version": "7.11.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.11.3.tgz",
+      "integrity": "sha512-REo8xv7+sDxkKvoxEywIdsNFiZLybwdI7hcT5uEPyQrSMB4YQ973BfC9OOrD/81MaIjh6UxdulIQXkjmiH3PcA=="
     },
     "@babel/plugin-proposal-async-generator-functions": {
       "version": "7.10.5",
@@ -1436,6 +1436,35 @@
         "@types/yargs": "^13.0.0"
       }
     },
+    "@microsoft/tsdoc": {
+      "version": "0.12.20",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.12.20.tgz",
+      "integrity": "sha512-/b13m37QZYPV6nCOiqkFyvlQjlTNvAcQpgFZ6ZKIqtStJxNdqVo/frULubxMUMWi6p9Uo5f4BRlguv5ViFcL0A==",
+      "dev": true
+    },
+    "@microsoft/tsdoc-config": {
+      "version": "0.13.5",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.13.5.tgz",
+      "integrity": "sha512-KlnIdTRnPSsU9Coz9wzDAkT8JCLopP3ec1sgsgo7trwE6QLMKRpM4hZi2uzVX897SW49Q4f439auGBcQLnZQfA==",
+      "dev": true,
+      "requires": {
+        "@microsoft/tsdoc": "0.12.20",
+        "ajv": "~6.12.3",
+        "jju": "~1.4.0",
+        "resolve": "~1.12.0"
+      },
+      "dependencies": {
+        "resolve": {
+          "version": "1.12.3",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.12.3.tgz",
+          "integrity": "sha512-hF6+hAPlxjqHWrw4p1rF3Wztbgxd4AjA5VlUzY5zcTb4J8D3JK4/1RjU48pHz2PJWzGVsLB1VWZkvJzhK2CCOA==",
+          "dev": true,
+          "requires": {
+            "path-parse": "^1.0.6"
+          }
+        }
+      }
+    },
     "@mrmlnc/readdir-enhanced": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz",
@@ -1775,6 +1804,12 @@
       "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz",
       "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ=="
     },
+    "@types/debug": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.5.tgz",
+      "integrity": "sha512-Q1y515GcOdTHgagaVFhHnIFQ38ygs/kmxdNpvpou+raI9UO3YZcHDngBSYKQklcKlvA7iuQlmIKbzvmxcOE9CQ==",
+      "dev": true
+    },
     "@types/eslint-visitor-keys": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz",
@@ -1842,9 +1877,9 @@
       "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA=="
     },
     "@types/node": {
-      "version": "12.12.53",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.53.tgz",
-      "integrity": "sha512-51MYTDTyCziHb70wtGNFRwB4l+5JNvdqzFSkbDvpbftEgVUBEE+T5f7pROhWMp/fxp07oNIEQZd5bbfAH22ohQ=="
+      "version": "12.12.54",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.54.tgz",
+      "integrity": "sha512-ge4xZ3vSBornVYlDnk7yZ0gK6ChHf/CHB7Gl1I0Jhah8DDnEQqBzgohYG4FX4p81TNirSETOiSyn+y1r9/IR6w=="
     },
     "@types/parse-json": {
       "version": "4.0.0",
@@ -1862,9 +1897,9 @@
       "integrity": "sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug=="
     },
     "@types/react": {
-      "version": "16.9.44",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.44.tgz",
-      "integrity": "sha512-BtLoJrXdW8DVZauKP+bY4Kmiq7ubcJq+H/aCpRfvPF7RAT3RwR73Sg8szdc2YasbAlWBDrQ6Q+AFM0KwtQY+WQ==",
+      "version": "16.9.46",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.46.tgz",
+      "integrity": "sha512-dbHzO3aAq1lB3jRQuNpuZ/mnu+CdD3H0WVaaBQA8LTT3S33xhVBUj232T8M3tAhSWJs/D/UqORYUlJNl/8VQZg==",
       "requires": {
         "@types/prop-types": "*",
         "csstype": "^3.0.2"
@@ -1889,6 +1924,16 @@
         "@types/react": "*"
       }
     },
+    "@types/react-router-bootstrap": {
+      "version": "0.24.5",
+      "resolved": "https://registry.npmjs.org/@types/react-router-bootstrap/-/react-router-bootstrap-0.24.5.tgz",
+      "integrity": "sha512-GRx/8xF/skw4/Pmm6d+xbExi8gobCLOe8Eoz9kXPQGbYo7p5Wbi61tjpOF5AbfJ5XMN+fIzweToTi56odj/LOQ==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*",
+        "@types/react-router-dom": "*"
+      }
+    },
     "@types/react-router-dom": {
       "version": "5.1.5",
       "resolved": "https://registry.npmjs.org/@types/react-router-dom/-/react-router-dom-5.1.5.tgz",
@@ -1909,13 +1954,10 @@
       }
     },
     "@types/semver": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.3.1.tgz",
-      "integrity": "sha512-ooD/FJ8EuwlDKOI6D9HWxgIgJjMg2cuziXm/42npDC8y4NjxplBUn9loewZiBNCt44450lHAU0OSb51/UqXeag==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*"
-      }
+      "version": "7.3.3",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.3.3.tgz",
+      "integrity": "sha512-jQxClWFzv9IXdLdhSaTf16XI3NYe6zrEbckSpb5xhKfPbWgIyAY0AFyWWWfaiDcBuj3UHmMkCIwSRqpKMTZL2Q==",
+      "dev": true
     },
     "@types/stack-utils": {
       "version": "1.0.1",
@@ -2052,57 +2094,74 @@
       "integrity": "sha512-FA/BWv8t8ZWJ+gEOnLLd8ygxH/2UFbAvgEonyfN6yWGLKc7zVjbpl2Y4CTjid9h2RfgPP6SEt6uHwEOply00yw=="
     },
     "@typescript-eslint/eslint-plugin": {
-      "version": "2.34.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.34.0.tgz",
-      "integrity": "sha512-4zY3Z88rEE99+CNvTbXSyovv2z9PNOVffTWD2W8QF5s2prBQtwN2zadqERcrHpcR7O/+KMI3fcTAmUUhK/iQcQ==",
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-3.9.1.tgz",
+      "integrity": "sha512-XIr+Mfv7i4paEdBf0JFdIl9/tVxyj+rlilWIfZ97Be0lZ7hPvUbS5iHt9Glc8kRI53dsr0PcAEudbf8rO2wGgg==",
+      "dev": true,
       "requires": {
-        "@typescript-eslint/experimental-utils": "2.34.0",
+        "@typescript-eslint/experimental-utils": "3.9.1",
+        "debug": "^4.1.1",
         "functional-red-black-tree": "^1.0.1",
         "regexpp": "^3.0.0",
+        "semver": "^7.3.2",
         "tsutils": "^3.17.1"
       }
     },
     "@typescript-eslint/experimental-utils": {
-      "version": "2.34.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz",
-      "integrity": "sha512-eS6FTkq+wuMJ+sgtuNTtcqavWXqsflWcfBnlYhg/nS4aZ1leewkXGbvBhaapn1q6qf4M71bsR1tez5JTRMuqwA==",
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-3.9.1.tgz",
+      "integrity": "sha512-lkiZ8iBBaYoyEKhCkkw4SAeatXyBq9Ece5bZXdLe1LWBUwTszGbmbiqmQbwWA8cSYDnjWXp9eDbXpf9Sn0hLAg==",
+      "dev": true,
       "requires": {
         "@types/json-schema": "^7.0.3",
-        "@typescript-eslint/typescript-estree": "2.34.0",
+        "@typescript-eslint/types": "3.9.1",
+        "@typescript-eslint/typescript-estree": "3.9.1",
         "eslint-scope": "^5.0.0",
         "eslint-utils": "^2.0.0"
       }
     },
     "@typescript-eslint/parser": {
-      "version": "2.34.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-2.34.0.tgz",
-      "integrity": "sha512-03ilO0ucSD0EPTw2X4PntSIRFtDPWjrVq7C3/Z3VQHRC7+13YB55rcJI3Jt+YgeHbjUdJPcPa7b23rXCBokuyA==",
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-3.9.1.tgz",
+      "integrity": "sha512-y5QvPFUn4Vl4qM40lI+pNWhTcOWtpZAJ8pOEQ21fTTW4xTJkRplMjMRje7LYTXqVKKX9GJhcyweMz2+W1J5bMg==",
+      "dev": true,
       "requires": {
         "@types/eslint-visitor-keys": "^1.0.0",
-        "@typescript-eslint/experimental-utils": "2.34.0",
-        "@typescript-eslint/typescript-estree": "2.34.0",
+        "@typescript-eslint/experimental-utils": "3.9.1",
+        "@typescript-eslint/types": "3.9.1",
+        "@typescript-eslint/typescript-estree": "3.9.1",
         "eslint-visitor-keys": "^1.1.0"
       }
     },
+    "@typescript-eslint/types": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-3.9.1.tgz",
+      "integrity": "sha512-15JcTlNQE1BsYy5NBhctnEhEoctjXOjOK+Q+rk8ugC+WXU9rAcS2BYhoh6X4rOaXJEpIYDl+p7ix+A5U0BqPTw==",
+      "dev": true
+    },
     "@typescript-eslint/typescript-estree": {
-      "version": "2.34.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-2.34.0.tgz",
-      "integrity": "sha512-OMAr+nJWKdlVM9LOqCqh3pQQPwxHAN7Du8DR6dmwCrAmxtiXQnhHJ6tBNtf+cggqfo51SG/FCwnKhXCIM7hnVg==",
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-3.9.1.tgz",
+      "integrity": "sha512-IqM0gfGxOmIKPhiHW/iyAEXwSVqMmR2wJ9uXHNdFpqVvPaQ3dWg302vW127sBpAiqM9SfHhyS40NKLsoMpN2KA==",
+      "dev": true,
       "requires": {
+        "@typescript-eslint/types": "3.9.1",
+        "@typescript-eslint/visitor-keys": "3.9.1",
         "debug": "^4.1.1",
-        "eslint-visitor-keys": "^1.1.0",
         "glob": "^7.1.6",
         "is-glob": "^4.0.1",
         "lodash": "^4.17.15",
         "semver": "^7.3.2",
         "tsutils": "^3.17.1"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "7.3.2",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
-          "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ=="
-        }
+      }
+    },
+    "@typescript-eslint/visitor-keys": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-3.9.1.tgz",
+      "integrity": "sha512-zxdtUjeoSh+prCpogswMwVUJfEFmCOjdzK9rpNjNBfm6EyPt99x3RrJoBOGZO23FCt0WPKUCOL5mb/9D5LjdwQ==",
+      "dev": true,
+      "requires": {
+        "eslint-visitor-keys": "^1.1.0"
       }
     },
     "@webassemblyjs/ast": {
@@ -2590,6 +2649,17 @@
         "es-abstract": "^1.17.0-next.1"
       }
     },
+    "array.prototype.flatmap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.2.3.tgz",
+      "integrity": "sha512-OOEk+lkePcg+ODXIpvuU9PAryCikCJyo7GlDG1upleEpQRx6mzL9puEBkozQ5iAx20KV0l3DbyQwqciJtqe5Pg==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.0-next.1",
+        "function-bind": "^1.1.1"
+      }
+    },
     "arrify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
@@ -2609,13 +2679,14 @@
       }
     },
     "asn1.js": {
-      "version": "4.10.1",
-      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-4.10.1.tgz",
-      "integrity": "sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==",
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
+      "integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
       "requires": {
         "bn.js": "^4.0.0",
         "inherits": "^2.0.1",
-        "minimalistic-assert": "^1.0.0"
+        "minimalistic-assert": "^1.0.0",
+        "safer-buffer": "^2.1.0"
       },
       "dependencies": {
         "bn.js": {
@@ -3226,9 +3297,9 @@
       "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
     },
     "bn.js": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.1.2.tgz",
-      "integrity": "sha512-40rZaf3bUNKTVYu9sIeeEGOg7g14Yvnj9kH7b50EiwX0Q7A6umbvfI5tvHaOERH0XigqKkfLkFQxzb4e6CIXnA=="
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.1.3.tgz",
+      "integrity": "sha512-GkTiFpjFtUzU9CbMeJ5iazkCzGL3jrhzerzZIuqLABjbwRaFt33I9tUdSNryIptM+RxDet6OKm2WnLXzW51KsQ=="
     },
     "body-parser": {
       "version": "1.19.0",
@@ -3291,9 +3362,9 @@
       "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24="
     },
     "bootstrap": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.1.tgz",
-      "integrity": "sha512-bxUooHBSbvefnIZfjD0LE8nfdPKrtiFy2sgrxQwUZ0UpFzpjVbVMUxaGIoo9XWT4B2LG1HX6UQg0UMOakT0prQ=="
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.2.tgz",
+      "integrity": "sha512-vlGn0bcySYl/iV+BGA544JkkZP5LB3jsmkeKLFQakCOwCM3AOk7VkldBz4jrzSe+Z0Ezn99NVXa1o45cQY4R6A=="
     },
     "brace-expansion": {
       "version": "1.1.11",
@@ -3438,14 +3509,14 @@
       }
     },
     "browserslist": {
-      "version": "4.13.0",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.13.0.tgz",
-      "integrity": "sha512-MINatJ5ZNrLnQ6blGvePd/QOz9Xtu+Ne+x29iQSCHfkU5BugKVJwZKn/iiL8UbpIpa3JhviKjz+XxMo0m2caFQ==",
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.0.tgz",
+      "integrity": "sha512-pUsXKAF2lVwhmtpeA3LJrZ76jXuusrNyhduuQs7CDFf9foT4Y38aQOserd2lMe5DSSrjf3fx34oHwryuvxAUgQ==",
       "requires": {
-        "caniuse-lite": "^1.0.30001093",
-        "electron-to-chromium": "^1.3.488",
-        "escalade": "^3.0.1",
-        "node-releases": "^1.1.58"
+        "caniuse-lite": "^1.0.30001111",
+        "electron-to-chromium": "^1.3.523",
+        "escalade": "^3.0.2",
+        "node-releases": "^1.1.60"
       }
     },
     "bser": {
@@ -3612,9 +3683,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001111",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001111.tgz",
-      "integrity": "sha512-xnDje2wchd/8mlJu8sXvWxOGvMgv+uT3iZ3bkIAynKOzToCssWCmkz/ZIkQBs/2pUB4uwnJKVORWQ31UkbVjOg=="
+      "version": "1.0.30001116",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001116.tgz",
+      "integrity": "sha512-f2lcYnmAI5Mst9+g0nkMIznFGsArRmZ0qU+dnq8l91hymdc2J3SFbiPhOJEeDqC1vtE8nc1qNQyklzB8veJefQ=="
     },
     "capture-exit": {
       "version": "2.0.0",
@@ -3649,10 +3720,15 @@
       "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
       "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA=="
     },
+    "chnl": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/chnl/-/chnl-1.2.0.tgz",
+      "integrity": "sha512-g5gJb59edwCliFbX2j7G6sBfY4sX9YLy211yctONI2GRaiX0f2zIbKWmBm+sPqFNEpM7Ljzm7IJX/xrjiEbPrw=="
+    },
     "chokidar": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.1.tgz",
-      "integrity": "sha512-TQTJyr2stihpC4Sya9hs2Xh+O2wf+igjL36Y75xx2WdHuiICcn/XJza46Jwt0eT5hVpQOzo3FpY3cj3RVYLX0g==",
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.2.tgz",
+      "integrity": "sha512-IZHaDeBeI+sZJRX7lGcXsdzgvZqKv6sECqsbErJA4mHWfpRrD8B97kSFN4cQz6nGBGiuFia1MKR4d6c1o8Cv7A==",
       "requires": {
         "anymatch": "~3.1.1",
         "braces": "~3.0.2",
@@ -3857,7 +3933,8 @@
     "code-point-at": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
-      "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c="
+      "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
+      "dev": true
     },
     "collection-visit": {
       "version": "1.0.0",
@@ -4919,9 +4996,9 @@
       "integrity": "sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA=="
     },
     "duplexer": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz",
-      "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E="
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
+      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg=="
     },
     "duplexify": {
       "version": "3.7.1",
@@ -4973,9 +5050,9 @@
       "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
     },
     "electron-to-chromium": {
-      "version": "1.3.521",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.521.tgz",
-      "integrity": "sha512-7/Cf5jUuAfLRY8SjfRES/6+9BDvmHAB2YQotCAaXK0IEacpjoSlyosPoC4s7lfb7vIOBubXvsssu8+8qaRGjcg=="
+      "version": "1.3.539",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.539.tgz",
+      "integrity": "sha512-rM0LWDIstdqfaRUADZetNrL6+zd/0NBmavbMEhBXgc2u/CC1d1GaDyN5hho29fFvBiOVFwrSWZkzmNcZnCEDog=="
     },
     "elliptic": {
       "version": "6.5.3",
@@ -5263,6 +5340,23 @@
         }
       }
     },
+    "eslint-config-prettier": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz",
+      "integrity": "sha512-oB8cpLWSAjOVFEJhhyMZh6NOEOtBVziaqdDQ86+qhDHFbZXoRTM7pNSvFRfW/W/L/LrQ38C99J5CGuRBBzBsdA==",
+      "dev": true,
+      "requires": {
+        "get-stdin": "^6.0.0"
+      },
+      "dependencies": {
+        "get-stdin": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz",
+          "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==",
+          "dev": true
+        }
+      }
+    },
     "eslint-config-react-app": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/eslint-config-react-app/-/eslint-config-react-app-5.2.1.tgz",
@@ -5541,28 +5635,29 @@
       }
     },
     "eslint-plugin-react": {
-      "version": "7.19.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.19.0.tgz",
-      "integrity": "sha512-SPT8j72CGuAP+JFbT0sJHOB80TX/pu44gQ4vXH/cq+hQTiY2PuZ6IHkqXJV6x1b28GDdo1lbInjKUrrdUf0LOQ==",
+      "version": "7.20.6",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.20.6.tgz",
+      "integrity": "sha512-kidMTE5HAEBSLu23CUDvj8dc3LdBU0ri1scwHBZjI41oDv4tjsWZKU7MQccFzH1QYPYhsnTF2ovh7JlcIcmxgg==",
+      "dev": true,
       "requires": {
         "array-includes": "^3.1.1",
+        "array.prototype.flatmap": "^1.2.3",
         "doctrine": "^2.1.0",
         "has": "^1.0.3",
-        "jsx-ast-utils": "^2.2.3",
-        "object.entries": "^1.1.1",
+        "jsx-ast-utils": "^2.4.1",
+        "object.entries": "^1.1.2",
         "object.fromentries": "^2.0.2",
         "object.values": "^1.1.1",
         "prop-types": "^15.7.2",
-        "resolve": "^1.15.1",
-        "semver": "^6.3.0",
-        "string.prototype.matchall": "^4.0.2",
-        "xregexp": "^4.3.0"
+        "resolve": "^1.17.0",
+        "string.prototype.matchall": "^4.0.2"
       },
       "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"
           }
@@ -5571,14 +5666,10 @@
           "version": "1.17.0",
           "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
           "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
+          "dev": true,
           "requires": {
             "path-parse": "^1.0.6"
           }
-        },
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
         }
       }
     },
@@ -5587,6 +5678,16 @@
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-1.7.0.tgz",
       "integrity": "sha512-iXTCFcOmlWvw4+TOE8CLWj6yX1GwzT0Y6cUfHHZqWnSk144VmVIRcVGtUAzrLES7C798lmvnt02C7rxaOX1HNA=="
     },
+    "eslint-plugin-tsdoc": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-tsdoc/-/eslint-plugin-tsdoc-0.2.6.tgz",
+      "integrity": "sha512-pU6/VVEOlC85BrUjsqZGGSRy41N+PHfWXokqjpQRWT1LSpBsAEbRpsueNYSFS+93Sx9CFD0511kjLKVySRbLbg==",
+      "dev": true,
+      "requires": {
+        "@microsoft/tsdoc": "0.12.20",
+        "@microsoft/tsdoc-config": "0.13.5"
+      }
+    },
     "eslint-scope": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.0.tgz",
@@ -6173,9 +6274,9 @@
       }
     },
     "follow-redirects": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.12.1.tgz",
-      "integrity": "sha512-tmRv0AVuR7ZyouUHLeNSiO6pqulF7dYa3s19c6t+wz9LD69/uSzdMxJ2S91nTI9U3rt/IldxpzMOFejp6f0hjg=="
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.0.tgz",
+      "integrity": "sha512-aq6gF1BEKje4a9i9+5jimNFIpq4Q1WiwBToeRK5NvZBd/TRsmW8BsJfOEGkr76TbOyPVD3OVDN910EcUNtRYEA=="
     },
     "for-in": {
       "version": "1.0.2",
@@ -6908,11 +7009,6 @@
         }
       }
     },
-    "http-parser-js": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.2.tgz",
-      "integrity": "sha512-opCO9ASqg5Wy2FNo7A0sxy71yGbbkJJXLdgMK04Tcypw9jr2MgWbyubb0+WdmDmGnFflO7fRbqbaihh/ENDlRQ=="
-    },
     "http-proxy": {
       "version": "1.18.1",
       "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
@@ -7173,11 +7269,6 @@
         "loose-envify": "^1.0.0"
       }
     },
-    "invert-kv": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz",
-      "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA=="
-    },
     "ip": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
@@ -8071,6 +8162,12 @@
         }
       }
     },
+    "jju": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz",
+      "integrity": "sha1-o6vicYryQaKykE+EpiWXDzia4yo=",
+      "dev": true
+    },
     "js-base64": {
       "version": "2.6.4",
       "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
@@ -8252,14 +8349,6 @@
       "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
       "integrity": "sha1-odePw6UEdMuAhF07O24dpJpEbo4="
     },
-    "lcid": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz",
-      "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==",
-      "requires": {
-        "invert-kv": "^2.0.0"
-      }
-    },
     "left-pad": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/left-pad/-/left-pad-1.3.0.tgz",
@@ -8510,14 +8599,6 @@
       "resolved": "https://registry.npmjs.org/mamacro/-/mamacro-0.0.3.tgz",
       "integrity": "sha512-qMEwh+UujcQ+kbz3T6V+wAmO2U8veoq2w+3wY8MquqwVA3jChfwY+Tk52GZKDfACEPjuZ7r2oJLejwpt8jtwTA=="
     },
-    "map-age-cleaner": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz",
-      "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==",
-      "requires": {
-        "p-defer": "^1.0.0"
-      }
-    },
     "map-cache": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
@@ -8557,16 +8638,6 @@
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
       "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
     },
-    "mem": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz",
-      "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==",
-      "requires": {
-        "map-age-cleaner": "^0.1.1",
-        "mimic-fn": "^2.0.0",
-        "p-is-promise": "^2.0.0"
-      }
-    },
     "memory-fs": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
@@ -9414,7 +9485,8 @@
     "number-is-nan": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
-      "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0="
+      "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
+      "dev": true
     },
     "nwsapi": {
       "version": "2.2.0",
@@ -9650,16 +9722,6 @@
       "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
       "dev": true
     },
-    "os-locale": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz",
-      "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==",
-      "requires": {
-        "execa": "^1.0.0",
-        "lcid": "^2.0.0",
-        "mem": "^4.0.0"
-      }
-    },
     "os-tmpdir": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
@@ -9675,11 +9737,6 @@
         "os-tmpdir": "^1.0.0"
       }
     },
-    "p-defer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
-      "integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww="
-    },
     "p-each-series": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/p-each-series/-/p-each-series-1.0.0.tgz",
@@ -9693,11 +9750,6 @@
       "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
       "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4="
     },
-    "p-is-promise": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz",
-      "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg=="
-    },
     "p-limit": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -9804,13 +9856,12 @@
       }
     },
     "parse-asn1": {
-      "version": "5.1.5",
-      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.5.tgz",
-      "integrity": "sha512-jkMYn1dcJqF6d5CpU689bq7w/b5ALS9ROVSpQDPrZsqqesUJii9qutvoT5ltGedNXMO2e16YUWIghG9KxaViTQ==",
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
+      "integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
       "requires": {
-        "asn1.js": "^4.0.0",
+        "asn1.js": "^5.2.0",
         "browserify-aes": "^1.0.0",
-        "create-hash": "^1.1.0",
         "evp_bytestokey": "^1.0.0",
         "pbkdf2": "^3.0.3",
         "safe-buffer": "^5.1.1"
@@ -10042,9 +10093,9 @@
       }
     },
     "postcss-calc": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-7.0.2.tgz",
-      "integrity": "sha512-rofZFHUg6ZIrvRwPeFktv06GdbDYLcGqh9EwiMutZg+a0oePCCw1zHOEiji6LCpyRcjTREtPASuUqeAvYlEVvQ==",
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-7.0.3.tgz",
+      "integrity": "sha512-IB/EAEmZhIMEIhG7Ov4x+l47UaXOS1n2f4FBUk/aKllQhtSCxWhTzn0nJgkqN7fo/jcWySvWTSB6Syk9L+31bA==",
       "requires": {
         "postcss": "^7.0.27",
         "postcss-selector-parser": "^6.0.2",
@@ -10934,6 +10985,12 @@
       "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
       "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw="
     },
+    "prettier": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.0.5.tgz",
+      "integrity": "sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==",
+      "dev": true
+    },
     "pretty-bytes": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.3.0.tgz",
@@ -10989,11 +11046,26 @@
         "asap": "~2.0.6"
       }
     },
+    "promise-controller": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/promise-controller/-/promise-controller-1.0.0.tgz",
+      "integrity": "sha512-goA0zA9L91tuQbUmiMinSYqlyUtEgg4fxJcjYnLYOQnrktb4o4UqciXDNXiRUPiDBPACmsr1k8jDW4r7UDq9Qw=="
+    },
     "promise-inflight": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
       "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM="
     },
+    "promise.prototype.finally": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/promise.prototype.finally/-/promise.prototype.finally-3.1.2.tgz",
+      "integrity": "sha512-A2HuJWl2opDH0EafgdjwEw7HysI8ff/n4lW4QEVBCUXFk9QeGecBWv0Deph0UmLe3tTNYegz8MOjsVuE6SMoJA==",
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.0-next.0",
+        "function-bind": "^1.1.1"
+      }
+    },
     "prompts": {
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.3.2.tgz",
@@ -11132,9 +11204,9 @@
       "integrity": "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM="
     },
     "querystringify": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.1.1.tgz",
-      "integrity": "sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA=="
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
     },
     "raf": {
       "version": "3.4.1",
@@ -11506,6 +11578,14 @@
         }
       }
     },
+    "react-router-bootstrap": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/react-router-bootstrap/-/react-router-bootstrap-0.25.0.tgz",
+      "integrity": "sha512-/22eqxjn6Zv5fvY2rZHn57SKmjmJfK7xzJ6/G1OgxAjLtKVfWgV5sn41W2yiqzbtV5eE4/i4LeDLBGYTqx7jbA==",
+      "requires": {
+        "prop-types": "^15.5.10"
+      }
+    },
     "react-router-dom": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.2.0.tgz",
@@ -11521,9 +11601,9 @@
       }
     },
     "react-scripts": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-3.4.1.tgz",
-      "integrity": "sha512-JpTdi/0Sfd31mZA6Ukx+lq5j1JoKItX7qqEK4OiACjVQletM1P38g49d9/D0yTxp9FrSF+xpJFStkGgKEIRjlQ==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-3.4.3.tgz",
+      "integrity": "sha512-oSnoWmii/iKdeQiwaO6map1lUaZLmG0xIUyb/HwCVFLT7gNbj8JZ9RmpvMCZ4fB98ZUMRfNmp/ft8uy/xD1RLA==",
       "requires": {
         "@babel/core": "7.9.0",
         "@svgr/webpack": "4.3.3",
@@ -11571,54 +11651,110 @@
         "sass-loader": "8.0.2",
         "semver": "6.3.0",
         "style-loader": "0.23.1",
-        "terser-webpack-plugin": "2.3.5",
+        "terser-webpack-plugin": "2.3.8",
         "ts-pnp": "1.1.6",
         "url-loader": "2.3.0",
         "webpack": "4.42.0",
-        "webpack-dev-server": "3.10.3",
+        "webpack-dev-server": "3.11.0",
         "webpack-manifest-plugin": "2.2.0",
         "workbox-webpack-plugin": "4.3.1"
       },
       "dependencies": {
-        "clone-deep": {
-          "version": "4.0.1",
-          "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
-          "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
+        "@typescript-eslint/eslint-plugin": {
+          "version": "2.34.0",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.34.0.tgz",
+          "integrity": "sha512-4zY3Z88rEE99+CNvTbXSyovv2z9PNOVffTWD2W8QF5s2prBQtwN2zadqERcrHpcR7O/+KMI3fcTAmUUhK/iQcQ==",
           "requires": {
-            "is-plain-object": "^2.0.4",
-            "kind-of": "^6.0.2",
-            "shallow-clone": "^3.0.0"
+            "@typescript-eslint/experimental-utils": "2.34.0",
+            "functional-red-black-tree": "^1.0.1",
+            "regexpp": "^3.0.0",
+            "tsutils": "^3.17.1"
           }
         },
-        "kind-of": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-          "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
-        },
-        "sass-loader": {
-          "version": "8.0.2",
-          "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-8.0.2.tgz",
-          "integrity": "sha512-7o4dbSK8/Ol2KflEmSco4jTjQoV988bM82P9CZdmo9hR3RLnvNc0ufMNdMrB0caq38JQ/FgF4/7RcbcfKzxoFQ==",
+        "@typescript-eslint/experimental-utils": {
+          "version": "2.34.0",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz",
+          "integrity": "sha512-eS6FTkq+wuMJ+sgtuNTtcqavWXqsflWcfBnlYhg/nS4aZ1leewkXGbvBhaapn1q6qf4M71bsR1tez5JTRMuqwA==",
           "requires": {
-            "clone-deep": "^4.0.1",
-            "loader-utils": "^1.2.3",
-            "neo-async": "^2.6.1",
-            "schema-utils": "^2.6.1",
-            "semver": "^6.3.0"
+            "@types/json-schema": "^7.0.3",
+            "@typescript-eslint/typescript-estree": "2.34.0",
+            "eslint-scope": "^5.0.0",
+            "eslint-utils": "^2.0.0"
+          }
+        },
+        "@typescript-eslint/parser": {
+          "version": "2.34.0",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-2.34.0.tgz",
+          "integrity": "sha512-03ilO0ucSD0EPTw2X4PntSIRFtDPWjrVq7C3/Z3VQHRC7+13YB55rcJI3Jt+YgeHbjUdJPcPa7b23rXCBokuyA==",
+          "requires": {
+            "@types/eslint-visitor-keys": "^1.0.0",
+            "@typescript-eslint/experimental-utils": "2.34.0",
+            "@typescript-eslint/typescript-estree": "2.34.0",
+            "eslint-visitor-keys": "^1.1.0"
+          }
+        },
+        "@typescript-eslint/typescript-estree": {
+          "version": "2.34.0",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-2.34.0.tgz",
+          "integrity": "sha512-OMAr+nJWKdlVM9LOqCqh3pQQPwxHAN7Du8DR6dmwCrAmxtiXQnhHJ6tBNtf+cggqfo51SG/FCwnKhXCIM7hnVg==",
+          "requires": {
+            "debug": "^4.1.1",
+            "eslint-visitor-keys": "^1.1.0",
+            "glob": "^7.1.6",
+            "is-glob": "^4.0.1",
+            "lodash": "^4.17.15",
+            "semver": "^7.3.2",
+            "tsutils": "^3.17.1"
+          },
+          "dependencies": {
+            "semver": {
+              "version": "7.3.2",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
+              "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ=="
+            }
+          }
+        },
+        "doctrine": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+          "requires": {
+            "esutils": "^2.0.2"
+          }
+        },
+        "eslint-plugin-react": {
+          "version": "7.19.0",
+          "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.19.0.tgz",
+          "integrity": "sha512-SPT8j72CGuAP+JFbT0sJHOB80TX/pu44gQ4vXH/cq+hQTiY2PuZ6IHkqXJV6x1b28GDdo1lbInjKUrrdUf0LOQ==",
+          "requires": {
+            "array-includes": "^3.1.1",
+            "doctrine": "^2.1.0",
+            "has": "^1.0.3",
+            "jsx-ast-utils": "^2.2.3",
+            "object.entries": "^1.1.1",
+            "object.fromentries": "^2.0.2",
+            "object.values": "^1.1.1",
+            "prop-types": "^15.7.2",
+            "resolve": "^1.15.1",
+            "semver": "^6.3.0",
+            "string.prototype.matchall": "^4.0.2",
+            "xregexp": "^4.3.0"
+          },
+          "dependencies": {
+            "resolve": {
+              "version": "1.17.0",
+              "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
+              "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
+              "requires": {
+                "path-parse": "^1.0.6"
+              }
+            }
           }
         },
         "semver": {
           "version": "6.3.0",
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
           "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
-        },
-        "shallow-clone": {
-          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
-          "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
-          "requires": {
-            "kind-of": "^6.0.2"
-          }
         }
       }
     },
@@ -12164,6 +12300,48 @@
         "yargs": "^13.3.2"
       }
     },
+    "sass-loader": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-8.0.2.tgz",
+      "integrity": "sha512-7o4dbSK8/Ol2KflEmSco4jTjQoV988bM82P9CZdmo9hR3RLnvNc0ufMNdMrB0caq38JQ/FgF4/7RcbcfKzxoFQ==",
+      "requires": {
+        "clone-deep": "^4.0.1",
+        "loader-utils": "^1.2.3",
+        "neo-async": "^2.6.1",
+        "schema-utils": "^2.6.1",
+        "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "clone-deep": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
+          "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
+          "requires": {
+            "is-plain-object": "^2.0.4",
+            "kind-of": "^6.0.2",
+            "shallow-clone": "^3.0.0"
+          }
+        },
+        "kind-of": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+          "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+        },
+        "shallow-clone": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
+          "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
+          "requires": {
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
     "sax": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
@@ -12283,9 +12461,12 @@
       }
     },
     "serialize-javascript": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz",
-      "integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ=="
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
+      "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
+      "requires": {
+        "randombytes": "^2.1.0"
+      }
     },
     "serve-index": {
       "version": "1.9.1",
@@ -12604,12 +12785,13 @@
       }
     },
     "sockjs": {
-      "version": "0.3.19",
-      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.19.tgz",
-      "integrity": "sha512-V48klKZl8T6MzatbLlzzRNhMepEys9Y4oGFpypBFFn1gLI/QQ9HtLLyWJNbPlwGLelOVOEijUbTTJeLLI59jLw==",
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.20.tgz",
+      "integrity": "sha512-SpmVOVpdq0DJc0qArhF3E5xsxvaiqGNb73XfgBpK1y3UD5gs8DSo8aCTsuT5pX8rssdc2NDIzANwP9eCAiSdTA==",
       "requires": {
         "faye-websocket": "^0.10.0",
-        "uuid": "^3.0.1"
+        "uuid": "^3.4.0",
+        "websocket-driver": "0.6.5"
       }
     },
     "sockjs-client": {
@@ -13250,18 +13432,18 @@
       }
     },
     "terser-webpack-plugin": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-2.3.5.tgz",
-      "integrity": "sha512-WlWksUoq+E4+JlJ+h+U+QUzXpcsMSSNXkDy9lBVkSqDn1w23Gg29L/ary9GeJVYCGiNJJX7LnVc4bwL1N3/g1w==",
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-2.3.8.tgz",
+      "integrity": "sha512-/fKw3R+hWyHfYx7Bv6oPqmk4HGQcrWLtV3X6ggvPuwPNHSnzvVV51z6OaaCOus4YLjutYGOz3pEpbhe6Up2s1w==",
       "requires": {
         "cacache": "^13.0.1",
-        "find-cache-dir": "^3.2.0",
-        "jest-worker": "^25.1.0",
-        "p-limit": "^2.2.2",
-        "schema-utils": "^2.6.4",
-        "serialize-javascript": "^2.1.2",
+        "find-cache-dir": "^3.3.1",
+        "jest-worker": "^25.4.0",
+        "p-limit": "^2.3.0",
+        "schema-utils": "^2.6.6",
+        "serialize-javascript": "^4.0.0",
         "source-map": "^0.6.1",
-        "terser": "^4.4.3",
+        "terser": "^4.6.12",
         "webpack-sources": "^1.4.3"
       },
       "dependencies": {
@@ -13312,13 +13494,6 @@
           "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
           "requires": {
             "semver": "^6.0.0"
-          },
-          "dependencies": {
-            "semver": {
-              "version": "6.3.0",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-              "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
-            }
           }
         },
         "p-locate": {
@@ -13342,6 +13517,11 @@
             "find-up": "^4.0.0"
           }
         },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -13601,9 +13781,9 @@
       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c="
     },
     "typescript": {
-      "version": "3.7.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.7.5.tgz",
-      "integrity": "sha512-/P5lkRXkWHNAbcJIiHPfRoKqyd7bsyCma1hZNUGfn20qm64T6ZBlrzprymeu918H+mB/0rIg2gGK/BXkhhYgBw=="
+      "version": "3.9.7",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.7.tgz",
+      "integrity": "sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw=="
     },
     "uncontrollable": {
       "version": "7.1.1",
@@ -14133,14 +14313,6 @@
             "ajv-keywords": "^3.1.0"
           }
         },
-        "serialize-javascript": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-3.1.0.tgz",
-          "integrity": "sha512-JIJT1DGiWmIKhzRsG91aS6Ze4sFUrYbltlkg2onR5OrnNM02Kl/hnY/T4FN2omvyeBbQmMJv+K4cPOpGzOTFBg==",
-          "requires": {
-            "randombytes": "^2.1.0"
-          }
-        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -14155,15 +14327,15 @@
           }
         },
         "terser-webpack-plugin": {
-          "version": "1.4.4",
-          "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.4.tgz",
-          "integrity": "sha512-U4mACBHIegmfoEe5fdongHESNJWqsGU+W0S/9+BmYGVQDw1+c2Ow05TpMhxjPK1sRb7cuYq1BPl1e5YHJMTCqA==",
+          "version": "1.4.5",
+          "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.5.tgz",
+          "integrity": "sha512-04Rfe496lN8EYruwi6oPQkG0vo8C+HT49X687FZnpPF0qMAIHONI6HEXYPKDOE8e5HjXTyKfqRd/agHtH0kOtw==",
           "requires": {
             "cacache": "^12.0.2",
             "find-cache-dir": "^2.1.0",
             "is-wsl": "^1.1.0",
             "schema-utils": "^1.0.0",
-            "serialize-javascript": "^3.1.0",
+            "serialize-javascript": "^4.0.0",
             "source-map": "^0.6.1",
             "terser": "^4.1.2",
             "webpack-sources": "^1.4.0",
@@ -14185,9 +14357,9 @@
       }
     },
     "webpack-dev-server": {
-      "version": "3.10.3",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.10.3.tgz",
-      "integrity": "sha512-e4nWev8YzEVNdOMcNzNeCN947sWJNd43E5XvsJzbAL08kGc2frm1tQ32hTJslRS+H65LCb/AaUCYU7fjHCpDeQ==",
+      "version": "3.11.0",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.11.0.tgz",
+      "integrity": "sha512-PUxZ+oSTxogFQgkTtFndEtJIPNmml7ExwufBZ9L2/Xyyd5PnOL5UreWe5ZT7IU25DSdykL9p1MLQzmLh2ljSeg==",
       "requires": {
         "ansi-html": "0.0.7",
         "bonjour": "^3.5.0",
@@ -14197,31 +14369,31 @@
         "debug": "^4.1.1",
         "del": "^4.1.1",
         "express": "^4.17.1",
-        "html-entities": "^1.2.1",
+        "html-entities": "^1.3.1",
         "http-proxy-middleware": "0.19.1",
         "import-local": "^2.0.0",
         "internal-ip": "^4.3.0",
         "ip": "^1.1.5",
         "is-absolute-url": "^3.0.3",
         "killable": "^1.0.1",
-        "loglevel": "^1.6.6",
+        "loglevel": "^1.6.8",
         "opn": "^5.5.0",
         "p-retry": "^3.0.1",
-        "portfinder": "^1.0.25",
+        "portfinder": "^1.0.26",
         "schema-utils": "^1.0.0",
         "selfsigned": "^1.10.7",
         "semver": "^6.3.0",
         "serve-index": "^1.9.1",
-        "sockjs": "0.3.19",
+        "sockjs": "0.3.20",
         "sockjs-client": "1.4.0",
-        "spdy": "^4.0.1",
+        "spdy": "^4.0.2",
         "strip-ansi": "^3.0.1",
         "supports-color": "^6.1.0",
         "url": "^0.11.0",
         "webpack-dev-middleware": "^3.7.2",
         "webpack-log": "^2.0.0",
         "ws": "^6.2.1",
-        "yargs": "12.0.5"
+        "yargs": "^13.3.2"
       },
       "dependencies": {
         "ansi-regex": {
@@ -14253,31 +14425,6 @@
             "upath": "^1.1.1"
           }
         },
-        "cliui": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz",
-          "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==",
-          "requires": {
-            "string-width": "^2.1.1",
-            "strip-ansi": "^4.0.0",
-            "wrap-ansi": "^2.0.0"
-          },
-          "dependencies": {
-            "ansi-regex": {
-              "version": "3.0.0",
-              "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
-              "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
-            },
-            "strip-ansi": {
-              "version": "4.0.0",
-              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
-              "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
-              "requires": {
-                "ansi-regex": "^3.0.0"
-              }
-            }
-          }
-        },
         "fsevents": {
           "version": "1.2.13",
           "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
@@ -14287,11 +14434,6 @@
             "nan": "^2.12.1"
           }
         },
-        "get-caller-file": {
-          "version": "1.0.3",
-          "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
-          "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w=="
-        },
         "glob-parent": {
           "version": "3.1.0",
           "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
@@ -14324,11 +14466,6 @@
             "binary-extensions": "^1.0.0"
           }
         },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8="
-        },
         "normalize-path": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -14358,11 +14495,6 @@
             "readable-stream": "^2.0.2"
           }
         },
-        "require-main-filename": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz",
-          "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE="
-        },
         "schema-utils": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
@@ -14378,30 +14510,6 @@
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
           "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
         },
-        "string-width": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
-          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
-          "requires": {
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^4.0.0"
-          },
-          "dependencies": {
-            "ansi-regex": {
-              "version": "3.0.0",
-              "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
-              "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
-            },
-            "strip-ansi": {
-              "version": "4.0.0",
-              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
-              "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
-              "requires": {
-                "ansi-regex": "^3.0.0"
-              }
-            }
-          }
-        },
         "string_decoder": {
           "version": "1.1.1",
           "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
@@ -14426,35 +14534,6 @@
             "has-flag": "^3.0.0"
           }
         },
-        "wrap-ansi": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
-          "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
-          "requires": {
-            "string-width": "^1.0.1",
-            "strip-ansi": "^3.0.1"
-          },
-          "dependencies": {
-            "is-fullwidth-code-point": {
-              "version": "1.0.0",
-              "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
-              "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
-              "requires": {
-                "number-is-nan": "^1.0.0"
-              }
-            },
-            "string-width": {
-              "version": "1.0.2",
-              "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
-              "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
-              "requires": {
-                "code-point-at": "^1.0.0",
-                "is-fullwidth-code-point": "^1.0.0",
-                "strip-ansi": "^3.0.0"
-              }
-            }
-          }
-        },
         "ws": {
           "version": "6.2.1",
           "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
@@ -14462,34 +14541,6 @@
           "requires": {
             "async-limiter": "~1.0.0"
           }
-        },
-        "yargs": {
-          "version": "12.0.5",
-          "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz",
-          "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==",
-          "requires": {
-            "cliui": "^4.0.0",
-            "decamelize": "^1.2.0",
-            "find-up": "^3.0.0",
-            "get-caller-file": "^1.0.1",
-            "os-locale": "^3.0.0",
-            "require-directory": "^2.1.1",
-            "require-main-filename": "^1.0.1",
-            "set-blocking": "^2.0.0",
-            "string-width": "^2.0.0",
-            "which-module": "^2.0.0",
-            "y18n": "^3.2.1 || ^4.0.0",
-            "yargs-parser": "^11.1.1"
-          }
-        },
-        "yargs-parser": {
-          "version": "11.1.1",
-          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz",
-          "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==",
-          "requires": {
-            "camelcase": "^5.0.0",
-            "decamelize": "^1.2.0"
-          }
         }
       }
     },
@@ -14549,13 +14600,21 @@
         }
       }
     },
-    "websocket-driver": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
-      "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+    "websocket-as-promised": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/websocket-as-promised/-/websocket-as-promised-1.0.1.tgz",
+      "integrity": "sha512-+gBevna4yxisb8cigL8NxcS8s241cvfMeyy1fNFcFgBcX/6vknMT84MwMmBNLYmsYH2giVoxOSEiAeeb7txFOw==",
       "requires": {
-        "http-parser-js": ">=0.5.1",
-        "safe-buffer": ">=5.1.0",
+        "chnl": "^1.0.0",
+        "promise-controller": "^1.0.0",
+        "promise.prototype.finally": "^3.1.1"
+      }
+    },
+    "websocket-driver": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.6.5.tgz",
+      "integrity": "sha1-XLJVbOuF9Dc8bYI4qmkchFThOjY=",
+      "requires": {
         "websocket-extensions": ">=0.1.1"
       }
     },
@@ -14573,9 +14632,9 @@
       }
     },
     "whatwg-fetch": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.3.1.tgz",
-      "integrity": "sha512-faXTmGDcLuEPBpJwb5LQfyxvubKiE+RlbmmweFGKjvIPFj4uHTTfdtTIkdTRhC6OSH9S9eyYbx8kZ0UEaQqYTA=="
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.4.0.tgz",
+      "integrity": "sha512-rsum2ulz2iuZH08mJkT0Yi6JnKhwdw4oeyMjokgxd+mmqYSd9cPpOQf01TIWgjxG/U4+QR+AwKq6lSbXVxkyoQ=="
     },
     "whatwg-mimetype": {
       "version": "2.3.0",
diff --git a/package.json b/package.json
index 085153d..7e21269 100644
--- a/package.json
+++ b/package.json
@@ -9,18 +9,24 @@
     "url": "https://github.com/tmpim/KristWeb2.git"
   },
   "author": "Lemmmy",
+  "defaultSyncNode": "https://krist.ceriat.net",
+  "supportURL": "https://donate.lemmmy.pw",
+  "supportersURL": "https://donate.lemmmy.pw/supporters.json",
   "private": true,
   "dependencies": {
     "@craco/craco": "^5.6.4",
-    "bootstrap": "^4.5.1",
+    "bootstrap": "^4.5.2",
+    "debug": "^4.1.1",
     "prop-types": "^15.7.2",
     "react": "^16.13.1",
     "react-bootstrap": "^1.3.0",
     "react-dom": "^16.13.1",
+    "react-router-bootstrap": "^0.25.0",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "3.4.1",
+    "react-scripts": "^3.4.3",
     "semver": "^7.3.2",
-    "typescript": "^3.7.5"
+    "typescript": "^3.9.7",
+    "websocket-as-promised": "^1.0.1"
   },
   "scripts": {
     "start": "craco start",
@@ -50,16 +56,25 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
+    "@types/debug": "^4.1.5",
     "@types/jest": "^24.9.1",
-    "@types/node": "^12.12.53",
+    "@types/node": "^12.12.54",
     "@types/prop-types": "^15.7.3",
-    "@types/react": "^16.9.44",
+    "@types/react": "^16.9.46",
     "@types/react-dom": "^16.9.8",
+    "@types/react-router-bootstrap": "^0.24.5",
     "@types/react-router-dom": "^5.1.5",
-    "@types/semver": "^7.3.1",
+    "@types/semver": "^7.3.3",
     "@types/webpack-env": "^1.15.2",
+    "@typescript-eslint/eslint-plugin": "^3.9.1",
+    "@typescript-eslint/parser": "^3.9.1",
     "craco-alias": "^2.1.1",
-    "node-sass": "^4.14.1"
+    "eslint": "^6.8.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-react": "^7.20.6",
+    "eslint-plugin-tsdoc": "^0.2.6",
+    "node-sass": "^4.14.1",
+    "prettier": "^2.0.5"
   },
   "stylelint": {
     "extends": "stylelint-config-recommended",
diff --git a/src/app/App.tsx b/src/app/App.tsx
index 6bc6431..e9fec83 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -1,10 +1,13 @@
 import React from "react";
 import "./App.scss";
 
-import MainLayout from "../layouts/main";
+import { MainLayout } from "../layouts/main";
+import { kristService } from "@krist/KristConnectionService";
 
-export default function() {
-  return (
-    <MainLayout />
-  );
-}
+// TODO
+kristService().connect("https://krist.ceriat.net")
+  .catch(console.error);
+
+export const App = (): JSX.Element => (
+  <MainLayout />
+);
\ No newline at end of file
diff --git a/src/index.tsx b/src/index.tsx
index 5f37096..11b9263 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom";
 import "./index.scss";
-import App from "./app/App";
+import { App } from "./app/App";
 import * as serviceWorker from "./serviceWorker";
 
 ReactDOM.render(
diff --git a/src/krist/KristConnectionService.ts b/src/krist/KristConnectionService.ts
new file mode 100644
index 0000000..4684f85
--- /dev/null
+++ b/src/krist/KristConnectionService.ts
@@ -0,0 +1,169 @@
+import WebSocketAsPromised from "websocket-as-promised";
+import WSPOptions from "websocket-as-promised/types/options";
+
+import { KristApiWsResponse } from "./types/KristApiTypes";
+
+import { sleep } from "@utils";
+
+import Debug from "debug";
+import { KristWsAnyMessage, KristWsResponseMessage } from "./types/ws/KristWsTypes";
+import { KristWsApi } from "./KristWsApi";
+import { KristAddress } from "./types/KristTypes";
+const debug = Debug("kristweb:connection");
+
+const WSP_OPTIONS: WSPOptions = {
+  packMessage: data => JSON.stringify(data),
+  unpackMessage: data => JSON.parse(data.toString())
+};
+
+/** Silly typing for an object containing a promise's resolve and reject
+ * functions. */
+type PromiseResponseHandler<T> = {
+  resolve: (value?: T | PromiseLike<T>) => void;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  reject: (reason?: any) => void;
+};
+
+export class KristConnectionService {
+  syncNode?: string;
+
+  ws?: WebSocketAsPromised;
+  connected = false;
+  ready = false;
+
+  /** The API wrapper */
+  wsApi: KristWsApi;
+
+  /** The Krist websocket API requires an ID on each message to the server, so
+   * that the client knows which messages the server is responding to. This
+   * counter is reset on each connection. */
+  messageIDCounter = 0;
+  /** When we send a message out, this map keeps track of our own message IDs,
+   * and resolves the promises when the server responds to them. */
+  messageResponses?: Map<number, PromiseResponseHandler<KristWsResponseMessage>>;
+
+  /** Whether or not the current websocket is authenticated as a guest. */
+  isGuest = false;
+  /** The current address that the websocket is authenticated as, if any. */
+  currentAddress?: KristAddress;
+
+  constructor() {
+    this.wsApi = new KristWsApi(this);
+  }
+
+  async connect(syncNode: string): Promise<void> {
+    // Close any existing connection
+    if (this.connected && this.ws)
+      await this.ws.close();
+
+    this.syncNode = syncNode;
+
+    // Fetch the WS token URL. Remove trailing slash and grab /ws/start
+    const connectionURL = this.syncNode.replace(/\/$/, "") + "/ws/start";
+    const resp: KristApiWsResponse = await fetch(connectionURL, {
+      method: "POST"
+    }).then(r => r.json());
+    if (!resp || !resp.ok || !resp.url) 
+      throw new Error("Invalid WS response");
+
+    // Prepare to receive responses
+    this.messageResponses = new Map();
+
+    this.ws = new WebSocketAsPromised(resp.url, WSP_OPTIONS);
+    this.ws.onClose.addListener(this.onDisconnect.bind(this));
+    this.ws.onUnpackedMessage.addListener(this.onUnpackedMessage.bind(this));
+
+    await this.ws.open();
+    this.connected = true;
+
+    debug("connected");
+  }
+
+  async onDisconnect(event: CloseEvent): Promise<void> {
+    this.connected = false;
+    this.ready = false;
+    debug(`disconnected: ${event.reason} (${event.code})`);
+
+    // Reject any existing message requests
+    this.messageIDCounter = 0;
+    if (this.messageResponses) {
+      for (const [, response] of this.messageResponses.entries()) {
+        response.reject();
+      }
+      this.messageResponses.clear();
+    }
+
+    // Don't bother reconnecting if the syncNode was unset
+    if (!this.syncNode) return;
+
+    debug("reconnecting in 3 seconds");
+    await sleep(3000);
+    this.connect(this.syncNode);
+  }
+
+  /** Sends a message out to the Krist websocket server. This is for the lower
+   * level interactions - use {@link KristWsApi} instead. */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  public sendMessage(type: string, data?: any): Promise<KristWsResponseMessage> {
+    return new Promise((resolve, reject) => {
+      if (!this.connected || !this.ws || !this.messageResponses) 
+        return reject(new Error("Websocket not connected"));
+
+      // Prepare to receive a response
+      const messageID = ++this.messageIDCounter;
+      this.messageResponses.set(messageID, { resolve, reject });
+
+      // Attach the metadata to the message, creating it if it doesn't exist
+      data = data || {};
+      data.type = type;
+      data.id = messageID;
+
+      this.ws.sendPacked(data);
+    });
+  }
+
+  /** When a JSON message is received from the websocket, decode it and
+   * delegate it to the relevant event handlers. */
+  onUnpackedMessage(data: KristWsAnyMessage): void {
+    if ("type" in data) {
+      // Regular event or server-sent message
+      debug("event received from server: %O", data);
+
+      if (data.type === "hello")
+        this.ready = true;
+    } else if ("ok" in data && "id" in data) {
+      // Response to one of our sent messages
+      debug("response received from server: %O", data);
+
+      const id = data.id;
+      const responses = this.messageResponses;
+      if (!responses) 
+        throw new Error("Message responses is uninitialised");
+
+      const response = responses.get(id);
+      if (!response)
+        throw new Error("Received response from server twice, or for a message we never sent");
+
+      // Resolve or reject our response handler depending on whether or not the
+      // server gave us an error
+      if (!data.ok || data.error)
+        response.reject(data);
+      else
+        response.resolve(data);
+
+      // We're done with the response handler now, remove it
+      responses.delete(id);
+    } else if ("ok" in data) {
+      // Generic response with no type or ID
+      debug("generic message received from server: %O", data);
+    } else {
+      debug("invalid message received from krist server: %O", data);
+    }
+  }
+}
+
+let kristServiceInstance: KristConnectionService;
+export const kristService = (): KristConnectionService => {
+  return kristServiceInstance // Use existing instance
+    || (kristServiceInstance = new KristConnectionService());
+};
\ No newline at end of file
diff --git a/src/krist/KristWsApi.ts b/src/krist/KristWsApi.ts
new file mode 100644
index 0000000..9ff545c
--- /dev/null
+++ b/src/krist/KristWsApi.ts
@@ -0,0 +1,22 @@
+import { KristConnectionService } from "./KristConnectionService";
+import { KristWsMessageGetWorkResponse, KristWsMessageGetMeResponse, KristWsMessageLoginResponse, KristWsMessageLogoutResponse } from "./types/ws/KristWsMessages";
+
+export class KristWsApi {
+  constructor(private conn: KristConnectionService) {}
+
+  async getWork(): Promise<KristWsMessageGetWorkResponse> {
+    return this.conn.sendMessage("work") as Promise<KristWsMessageGetWorkResponse>;
+  } 
+
+  async getMe(): Promise<KristWsMessageGetMeResponse> {
+    return this.conn.sendMessage("me") as Promise<KristWsMessageGetMeResponse>;
+  } 
+
+  async login(privatekey: string): Promise<KristWsMessageLoginResponse> {
+    return this.conn.sendMessage("login", { privatekey }) as Promise<KristWsMessageLoginResponse>;
+  } 
+
+  async logout(): Promise<KristWsMessageLogoutResponse> {
+    return this.conn.sendMessage("logout") as Promise<KristWsMessageLogoutResponse>;
+  } 
+}
\ No newline at end of file
diff --git a/src/krist/types/KristApiTypes.ts b/src/krist/types/KristApiTypes.ts
new file mode 100644
index 0000000..94f3616
--- /dev/null
+++ b/src/krist/types/KristApiTypes.ts
@@ -0,0 +1,5 @@
+export type KristApiWsResponse = {
+  ok?: boolean,
+  url?: string,
+  expires?: number
+};
\ No newline at end of file
diff --git a/src/krist/types/KristTypes.ts b/src/krist/types/KristTypes.ts
new file mode 100644
index 0000000..f397610
--- /dev/null
+++ b/src/krist/types/KristTypes.ts
@@ -0,0 +1,17 @@
+export type KristAddressName = string;
+export type DateString = string;
+
+export interface KristBlock {
+  height: number;
+  address: KristAddressName;
+  hash: string;
+  short_hash: string;
+  value: number;
+  time: DateString;
+}
+
+export interface KristAddress {
+  address: string;
+  balance: number;
+  firstseen: DateString;
+}
\ No newline at end of file
diff --git a/src/krist/types/ws/KristWsEvents.ts b/src/krist/types/ws/KristWsEvents.ts
new file mode 100644
index 0000000..a5463ac
--- /dev/null
+++ b/src/krist/types/ws/KristWsEvents.ts
@@ -0,0 +1,8 @@
+import { KristBlock } from "../KristTypes";
+import { KristWsMessageEvent } from "./KristWsMessages";
+
+export interface KristWsEventBlock extends KristWsMessageEvent {
+  event: "block";
+  new_work: number;
+  block: KristBlock;
+}
\ No newline at end of file
diff --git a/src/krist/types/ws/KristWsMessages.ts b/src/krist/types/ws/KristWsMessages.ts
new file mode 100644
index 0000000..5e2c536
--- /dev/null
+++ b/src/krist/types/ws/KristWsMessages.ts
@@ -0,0 +1,46 @@
+import { KristWsMessage, KristWsOkMessage, KristWsResponseMessage } from "./KristWsTypes";
+import { DateString, KristBlock, KristAddress } from "../KristTypes";
+
+export interface KristWsMessageHello extends KristWsMessage, KristWsOkMessage {
+  type: "hello";
+  motd: string;
+  motd_set: DateString;
+  server_time: DateString;
+  work: number;
+  last_block: KristBlock;
+}
+
+export interface KristWsMessageKeepalive extends KristWsMessage {
+  type: "keepalive";
+  server_time: DateString;
+}
+
+export interface KristWsMessageEvent extends KristWsMessage {
+  type: "event";
+  event: string;
+}
+
+export interface KristWsMessageGetWorkResponse extends KristWsResponseMessage {
+  type: "work";
+  work: number;
+}
+
+export interface KristWsMessageGetMeResponse extends KristWsResponseMessage {
+  type: "me";
+  isGuest: boolean;
+  address?: KristAddress;
+}
+
+export interface KristWsMessageLogin extends KristWsResponseMessage {
+  type: "login";
+  privatekey: string;
+}
+export interface KristWsMessageLoginResponse extends KristWsResponseMessage {
+  type: "login";
+  isGuest: boolean;
+  address?: KristAddress;
+}
+
+export interface KristWsMessageLogoutResponse extends KristWsResponseMessage {
+  type: "logout";
+}
\ No newline at end of file
diff --git a/src/krist/types/ws/KristWsTypes.ts b/src/krist/types/ws/KristWsTypes.ts
new file mode 100644
index 0000000..97f2770
--- /dev/null
+++ b/src/krist/types/ws/KristWsTypes.ts
@@ -0,0 +1,19 @@
+export type KristWsMessageType = "hello" | "keepalive" | "event" | "work";
+export interface KristWsMessage {
+  type: KristWsMessageType;
+}
+
+export interface KristWsOutgoingMessage extends KristWsMessage {
+  id: number;
+}
+
+export interface KristWsOkMessage {
+  ok: boolean;
+  error?: string;
+}
+
+export interface KristWsResponseMessage extends KristWsOkMessage {
+  id: number;
+}
+
+export type KristWsAnyMessage = KristWsMessage | KristWsResponseMessage | KristWsOkMessage;
\ No newline at end of file
diff --git a/src/layouts/credits/index.tsx b/src/layouts/credits/index.tsx
new file mode 100644
index 0000000..7e85399
--- /dev/null
+++ b/src/layouts/credits/index.tsx
@@ -0,0 +1,93 @@
+import React, { Component, ReactNode } from "react";
+
+import Container from "react-bootstrap/Container";
+import Row from "react-bootstrap/Row";
+import Col from "react-bootstrap/Col";
+import Button from "react-bootstrap/Button";
+
+import packageJson from "@/package.json";
+
+type Supporter = {
+  name: string,
+  url?: string
+};
+
+type CreditsData = {
+  isLoaded: boolean,
+  supporters: Supporter[] | null
+};
+
+export class Credits extends Component<unknown, CreditsData> {
+  constructor(props: unknown) {
+    super(props);
+    this.state = {
+      isLoaded: false,
+      supporters: null
+    };
+  }
+
+  componentDidMount(): void {
+    const { supportersURL } = packageJson;
+    if (!supportersURL) return;
+
+    fetch(supportersURL)
+      .then(res => res.json())
+      .then(result => this.setState({
+        isLoaded: true,
+        supporters: result.supporters
+      }))
+      .catch(() => this.setState({ isLoaded: true }));
+  }
+
+  render(): ReactNode {
+    const { isLoaded, supporters } = this.state;
+    const authorName = packageJson.author || "Lemmmy";
+    const authorURL = `https://github.com/${authorName}`;
+    const supportURL = packageJson.supportURL;
+
+    return <Container fluid className="py-4">
+      <Row>
+        <Col className="text-center">
+          <h1>KristWeb v2</h1>     
+          <p>Made by <a href={authorURL} target="_blank" rel="noopener noreferrer">{authorName}</a></p>   
+        </Col>
+      </Row>
+      <hr className="py-2" />
+      {supportURL && /* Supporters section */
+        <>
+          <Row>
+            <Col className="text-center">
+              <h3>Supporters</h3>     
+              <p>This project was made possible by the following amazing supporters:</p>
+            </Col>
+          </Row>
+          <Row> {/* Supporter list */}
+            <Col className="text-center mw-50">
+              {isLoaded && supporters !== null
+                ? <Supporters supporters={supporters} />
+                : <span className="text-muted">Loading...</span>
+              }              
+            </Col>
+          </Row>
+          <Row> {/* Support button */}
+            <Col className="text-center mt-4">
+              <Button variant="success" as="a" href={supportURL} target="_blank" rel="noopener noreferrer">
+                Support KristWeb
+              </Button>
+            </Col>
+          </Row>
+        </>
+      }
+    </Container>;
+  }
+}
+
+export class Supporters extends Component<{supporters: Supporter[]}> {
+  render(): ReactNode {
+    return this.props.supporters.map(supporter => 
+      (supporter.url
+        ? <a target="_blank" rel="noopener noreferrer" className="d-inline-block m-2 font-weight-bold" href={supporter.url}>{supporter.name}</a>
+        : <span className="d-inline-block m-2 font-weight-bold">{supporter.name}</span>
+      ));
+  }
+}
\ No newline at end of file
diff --git a/src/layouts/main/components/nav/Brand.tsx b/src/layouts/main/components/nav/Brand.tsx
index 73493bb..018f385 100644
--- a/src/layouts/main/components/nav/Brand.tsx
+++ b/src/layouts/main/components/nav/Brand.tsx
@@ -18,7 +18,7 @@
   "rc": "success"
 };
 
-export default function() {
+export const Brand = (): JSX.Element => {
   const version = packageJson.version;
 
   const major = semverMajor(version);
@@ -30,7 +30,7 @@
   let badge = null;
   if (prerelease && prerelease.length) {
     const variant = prereleaseTagColours[prerelease[0]] || "light";
-    badge = <Badge variant={variant}>{prerelease.join(".")}</Badge>
+    badge = <Badge variant={variant}>{prerelease.join(".")}</Badge>;
   }
 
   return (
@@ -41,5 +41,5 @@
         {badge}
       </a>
     </div>
-  )
-}
\ No newline at end of file
+  );
+};
\ No newline at end of file
diff --git a/src/layouts/main/components/nav/ConnectionIndicator.tsx b/src/layouts/main/components/nav/ConnectionIndicator.tsx
index 27df98b..687c8a9 100644
--- a/src/layouts/main/components/nav/ConnectionIndicator.tsx
+++ b/src/layouts/main/components/nav/ConnectionIndicator.tsx
@@ -2,10 +2,8 @@
 
 import "./ConnectionIndicator.scss";
 
-export default function() {
-  return (
-    <div id="connection-indicator" className="connection-connected">
-      Connected
-    </div>
-  )
-};
\ No newline at end of file
+export const ConnectionIndicator = (): JSX.Element => (
+  <div id="connection-indicator" className="connection-connected">
+    Connected
+  </div>
+);
\ No newline at end of file
diff --git a/src/layouts/main/components/nav/Search.scss b/src/layouts/main/components/nav/Search.scss
index c1025d5..283c4da 100644
--- a/src/layouts/main/components/nav/Search.scss
+++ b/src/layouts/main/components/nav/Search.scss
@@ -22,6 +22,7 @@
       transition: $transition-base;
 
       font-size: $navbar-search-placeholder-font-size;
+      vertical-align: middle;
     }
 
     &:hover {
diff --git a/src/layouts/main/components/nav/Search.tsx b/src/layouts/main/components/nav/Search.tsx
index 61c4a6e..99149bd 100644
--- a/src/layouts/main/components/nav/Search.tsx
+++ b/src/layouts/main/components/nav/Search.tsx
@@ -5,10 +5,8 @@
 
 import "./Search.scss";
 
-export default function() {
-  return (
-    <Form inline id="main-nav-search">
-      <FormControl type="text" placeholder="Search the Krist network" />
-    </Form>
-  )
-}
\ No newline at end of file
+export const Search = (): JSX.Element => (
+  <Form inline id="main-nav-search">
+    <FormControl type="text" placeholder="Search the Krist network" />
+  </Form>
+);
\ No newline at end of file
diff --git a/src/layouts/main/components/nav/SettingsCog.tsx b/src/layouts/main/components/nav/SettingsCog.tsx
index 911ac81..1240eb1 100644
--- a/src/layouts/main/components/nav/SettingsCog.tsx
+++ b/src/layouts/main/components/nav/SettingsCog.tsx
@@ -2,8 +2,6 @@
 
 import "./SettingsCog.scss";
 
-export default function() {
-  return (
-    <i className="settings-cog icon-cog"></i>
-  )
-}
\ No newline at end of file
+export const SettingsCog = (): JSX.Element => (
+  <i className="settings-cog icon-cog"></i>
+);
\ No newline at end of file
diff --git a/src/layouts/main/components/nav/index.tsx b/src/layouts/main/components/nav/index.tsx
index 322fee1..563fe94 100644
--- a/src/layouts/main/components/nav/index.tsx
+++ b/src/layouts/main/components/nav/index.tsx
@@ -3,27 +3,25 @@
 import Navbar from "react-bootstrap/Navbar";
 import Nav from "react-bootstrap/Nav";
 
-import Brand from "./Brand";
-import Search from "./Search";
-import ConnectionIndicator from "./ConnectionIndicator";
-import SettingsCog from "./SettingsCog";
+import { Brand } from "./Brand";
+import { Search } from "./Search";
+import { ConnectionIndicator } from "./ConnectionIndicator";
+import { SettingsCog } from "./SettingsCog";
 
 import "./index.scss";
 
-export default function() {
-  return (
-    <Navbar bg="dark" variant="dark" fixed="top" id="main-nav">
-      <Brand />
-      <Navbar.Toggle aria-controls="main-nav-collapse" />
-      <Navbar.Collapse id="main-nav-collapse">
-        <Nav>
-          <Nav.Link href="/send"><span className="nav-icon icon-paper-plane"></span>Send</Nav.Link>
-          <Nav.Link href="/request"><span className="nav-icon icon-download"></span>Request</Nav.Link>
-        </Nav>
-        <Search />
-        <ConnectionIndicator />
-        <SettingsCog />
-      </Navbar.Collapse>
-    </Navbar>
-  );
-}
+export const MainNav = (): JSX.Element => (
+  <Navbar bg="dark" variant="dark" fixed="top" id="main-nav">
+    <Brand />
+    <Navbar.Toggle aria-controls="main-nav-collapse" />
+    <Navbar.Collapse id="main-nav-collapse">
+      <Nav>
+        <Nav.Link href="/send"><span className="nav-icon icon-paper-plane"></span>Send</Nav.Link>
+        <Nav.Link href="/request"><span className="nav-icon icon-download"></span>Request</Nav.Link>
+      </Nav>
+      <Search />
+      <ConnectionIndicator />
+      <SettingsCog />
+    </Navbar.Collapse>
+  </Navbar>
+);
diff --git a/src/layouts/main/components/sidebar/Footer.tsx b/src/layouts/main/components/sidebar/Footer.tsx
index 4287408..f1973bd 100644
--- a/src/layouts/main/components/sidebar/Footer.tsx
+++ b/src/layouts/main/components/sidebar/Footer.tsx
@@ -3,11 +3,14 @@
 import "./Footer.scss";
 
 import packageJson from "@/package.json";
+import { Link } from "react-router-dom";
 
 // Find host.json
 const req = require.context("@/", false, /\.\/host.json$/);
 
-export default function() {
+export const Footer = (): JSX.Element => {
+  const authorName = packageJson.author || "Lemmmy";
+  const authorURL = `https://github.com/${authorName}`;
   const gitURL = packageJson.repository.url.replace(/\.git$/, "");
 
   // Add the host information if host.json exists
@@ -19,18 +22,18 @@
   return (
     <div className="sidebar-footer">
       <div>
-        Made by <a href="https://github.com/Lemmmy">Lemmmy</a>
+        Made by <a href={authorURL} target="_blank" rel="noopener noreferrer">{authorName}</a>
       </div>
       { host && 
         <div>
-          Hosted by <a href={host.url}>{host.name}</a>
+          Hosted by <a href={host.url} target="_blank" rel="noopener noreferrer">{host.name}</a>
         </div>
       }
       <div>
-        <a href={gitURL}>GitHub</a>
+        <a href={gitURL} target="_blank" rel="noopener noreferrer">GitHub</a>
         &nbsp;&ndash;&nbsp;
-        <a href={gitURL + "/commits"}>Changelog</a>
+        <Link to="/credits">Credits</Link>
       </div>
     </div>
-  )
-}
\ No newline at end of file
+  );
+};
\ No newline at end of file
diff --git a/src/layouts/main/components/sidebar/SidebarItem.tsx b/src/layouts/main/components/sidebar/SidebarItem.tsx
index d198cc5..67d2d91 100644
--- a/src/layouts/main/components/sidebar/SidebarItem.tsx
+++ b/src/layouts/main/components/sidebar/SidebarItem.tsx
@@ -1,9 +1,10 @@
-import React, { Component } from "react";
+import React, { Component, ReactNode } from "react";
 import PropTypes from "prop-types";
 
 import "./SidebarItem.scss";
 
 import Nav from "react-bootstrap/Nav";
+import { LinkContainer } from "react-router-bootstrap";
 
 type SidebarItemProps = {
   url: string,
@@ -18,14 +19,16 @@
     icon: PropTypes.string.isRequired
   }
 
-  render() {
+  render(): ReactNode {
     const { url, text, icon } = this.props;
 
     return <Nav.Item>
-      <Nav.Link href={url}>
-        <span className={"sidebar-icon icon-" + icon}></span>
-        {text}
-      </Nav.Link>
-    </Nav.Item>
+      <LinkContainer to={url}>
+        <Nav.Link>
+          <span className={"sidebar-icon icon-" + icon}></span>
+          {text}
+        </Nav.Link>
+      </LinkContainer>
+    </Nav.Item>;
   }
 }
\ No newline at end of file
diff --git a/src/layouts/main/components/sidebar/TotalBalance.tsx b/src/layouts/main/components/sidebar/TotalBalance.tsx
index 897ed92..fb672e6 100644
--- a/src/layouts/main/components/sidebar/TotalBalance.tsx
+++ b/src/layouts/main/components/sidebar/TotalBalance.tsx
@@ -1,4 +1,4 @@
-import React, { Component } from "react";
+import React, { Component, ReactNode } from "react";
 import PropTypes from "prop-types";
 
 import { KristValue } from "@components/krist-value";
@@ -14,12 +14,12 @@
     balance: PropTypes.number.isRequired
   }
 
-  render() {
+  render(): ReactNode {
     const { balance } = this.props;
 
     return <div id="nav-total-balance">
       <h5>Total Balance</h5>
       <KristValue value={balance} long />
-    </div>
+    </div>;
   }
 }
\ No newline at end of file
diff --git a/src/layouts/main/components/sidebar/index.scss b/src/layouts/main/components/sidebar/index.scss
index 7c88354..37db530 100644
--- a/src/layouts/main/components/sidebar/index.scss
+++ b/src/layouts/main/components/sidebar/index.scss
@@ -12,7 +12,7 @@
   flex-direction: column;
   flex-wrap: nowrap;
 
-  border: 1px solid $border-color;
+  border-right: 1px solid $border-color;
   background: $main-sidebar-bg;
 
   .sidebar-content {
diff --git a/src/layouts/main/components/sidebar/index.tsx b/src/layouts/main/components/sidebar/index.tsx
index b4fe025..cb76d81 100644
--- a/src/layouts/main/components/sidebar/index.tsx
+++ b/src/layouts/main/components/sidebar/index.tsx
@@ -5,29 +5,27 @@
 import Nav from "react-bootstrap/Nav";
 import { TotalBalance } from "./TotalBalance";
 import { SidebarItem } from "./SidebarItem";
-import Footer from "./Footer";
+import { Footer } from "./Footer";
 
-export default function() {
-  return (
-    <Nav id="main-sidebar">
-      <TotalBalance balance={250000} /> 
+export const MainSidebar = (): JSX.Element => (
+  <Nav id="main-sidebar">
+    <TotalBalance balance={250000} /> 
 
-      <div className="sidebar-content">
-        <SidebarItem url="/" icon="home" text="Dashboard" />
-        <SidebarItem url="/wallets" icon="wallet" text="My Wallets" />
-        <SidebarItem url="/friends" icon="users" text="Address Book" />
-        <SidebarItem url="/me/transactions" icon="bank" text="Transactions" />
-        <SidebarItem url="/me/names" icon="tags" text="Names" />
-        <SidebarItem url="/mining" icon="diamond" text="Mining" />
+    <div className="sidebar-content">
+      <SidebarItem url="/" icon="home" text="Dashboard" />
+      <SidebarItem url="/wallets" icon="wallet" text="My Wallets" />
+      <SidebarItem url="/friends" icon="users" text="Address Book" />
+      <SidebarItem url="/me/transactions" icon="bank" text="Transactions" />
+      <SidebarItem url="/me/names" icon="tags" text="Names" />
+      <SidebarItem url="/mining" icon="diamond" text="Mining" />
 
-        <h6>Network</h6>
-        <SidebarItem url="/network/blocks" icon="cubes" text="Blocks" />
-        <SidebarItem url="/network/transactions" icon="bank" text="Transactions" />
-        <SidebarItem url="/network/names" icon="tags" text="Names" />
-        <SidebarItem url="/network/statistics" icon="chart-line" text="Statistics" />
-      </div>
+      <h6>Network</h6>
+      <SidebarItem url="/network/blocks" icon="cubes" text="Blocks" />
+      <SidebarItem url="/network/transactions" icon="bank" text="Transactions" />
+      <SidebarItem url="/network/names" icon="tags" text="Names" />
+      <SidebarItem url="/network/statistics" icon="chart-line" text="Statistics" />
+    </div>
 
-      <Footer />
-    </Nav>
-  )
-};
\ No newline at end of file
+    <Footer />
+  </Nav>
+);
\ No newline at end of file
diff --git a/src/layouts/main/index.scss b/src/layouts/main/index.scss
new file mode 100644
index 0000000..ae9dddf
--- /dev/null
+++ b/src/layouts/main/index.scss
@@ -0,0 +1,9 @@
+@import "~scss/variables";
+
+#main-container {
+  margin-top: $navbar-height;
+
+  #page-container {
+    margin-left: $main-sidebar-width;
+  }
+}
\ No newline at end of file
diff --git a/src/layouts/main/index.tsx b/src/layouts/main/index.tsx
index 274b851..f25e819 100644
--- a/src/layouts/main/index.tsx
+++ b/src/layouts/main/index.tsx
@@ -4,19 +4,32 @@
 
 import Container from "react-bootstrap/Container";
 import Row from "react-bootstrap/Row";
+import Col from "react-bootstrap/Col";
 
-import MainNav from "./components/nav";
-import MainSidebar from "./components/sidebar";
+import { MainNav } from "./components/nav";
+import { MainSidebar } from "./components/sidebar";
 
-export default function() {
-  return (
-    <Router>
-      <MainNav />
-      <MainSidebar />
-      <Container fluid>
-        <Row>
-        </Row>
-      </Container>
-    </Router>
-  );
-}
\ No newline at end of file
+import { Credits } from "@layouts/credits";
+
+import "./index.scss";
+
+export const MainLayout = (): JSX.Element => (
+  <Router>
+    <MainNav />
+    <Container fluid id="main-container">
+      <Row>
+        <MainSidebar />
+        <Col id="page-container">
+          <Switch>
+            <Route exact path="/">
+              {/* Home */}
+            </Route>
+            <Route path="/credits">
+              <Credits />
+            </Route>
+          </Switch>        
+        </Col>
+      </Row>
+    </Container>
+  </Router>
+);
\ No newline at end of file
diff --git a/src/serviceWorker.ts b/src/serviceWorker.ts
index e0358d7..49eedf4 100644
--- a/src/serviceWorker.ts
+++ b/src/serviceWorker.ts
@@ -25,7 +25,7 @@
   onUpdate?: (registration: ServiceWorkerRegistration) => void;
 };
 
-export function register(config?: Config) {
+export function register(config?: Config): void {
   if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
     // The URL constructor is available in all browsers that support SW.
     const publicUrl = new URL(
@@ -136,7 +136,7 @@
     });
 }
 
-export function unregister() {
+export function unregister(): void {
   if ("serviceWorker" in navigator) {
     navigator.serviceWorker.ready
       .then(registration => {
diff --git a/src/shared-components/krist-value/index.tsx b/src/shared-components/krist-value/index.tsx
index f3c53ae..557fcc7 100644
--- a/src/shared-components/krist-value/index.tsx
+++ b/src/shared-components/krist-value/index.tsx
@@ -7,9 +7,10 @@
   long?: boolean
 };
 
-export const KristValue = ({ value, long }: KristValueProps) =>
+export const KristValue = ({ value, long }: KristValueProps): JSX.Element => (
   <span className="krist-value">
     <span className="icon-krist"></span>
     <span className="krist-value-amount">{value.toLocaleString()}</span>
     {long && <span className="krist-currency-long">KST</span>}
-  </span>
\ No newline at end of file
+  </span>
+);
\ No newline at end of file
diff --git a/src/utils/index.ts b/src/utils/index.ts
new file mode 100644
index 0000000..cac1f83
--- /dev/null
+++ b/src/utils/index.ts
@@ -0,0 +1,2 @@
+export const sleep = (duration: number): Promise<void> => 
+  new Promise(resolve => setTimeout(resolve, duration));
\ No newline at end of file
diff --git a/tsconfig.extend.json b/tsconfig.extend.json
index 0c71146..5b2cf58 100644
--- a/tsconfig.extend.json
+++ b/tsconfig.extend.json
@@ -4,6 +4,9 @@
     "paths": {
       "@components/*": ["./src/shared-components/*"],
       "@layouts/*": ["./src/layouts/*"],
+      "@krist/*": ["./src/krist/*"],
+      "@utils/*": ["./src/utils/*"],
+      "@utils": ["./src/utils/index.ts"],
       "@/*": ["./*"]
     }
   }
diff --git a/tsconfig.json b/tsconfig.json
index 31beb43..78c2195 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -12,6 +12,7 @@
     "allowSyntheticDefaultImports": true,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
+    "downlevelIteration": true,
     "module": "esnext",
     "moduleResolution": "node",
     "resolveJsonModule": true,