diff --git a/dashboard/package-lock.json b/dashboard/package-lock.json
index c8dc10d..720231b 100644
--- a/dashboard/package-lock.json
+++ b/dashboard/package-lock.json
@@ -8,7 +8,7 @@
       "name": "dashboard",
       "version": "0.0.1",
       "devDependencies": {
-        "@sveltejs/adapter-auto": "next",
+        "@carbon/colors": "^11.0.0",
         "@sveltejs/adapter-node": "^1.0.0-next.73",
         "@sveltejs/kit": "next",
         "@typescript-eslint/eslint-plugin": "^5.10.1",
@@ -20,6 +20,7 @@
         "eslint-plugin-svelte3": "^3.2.1",
         "prettier": "^2.5.1",
         "prettier-plugin-svelte": "^2.5.0",
+        "sass": "^1.50.0",
         "svelte": "^3.44.0",
         "svelte-check": "^2.2.6",
         "svelte-preprocess": "^4.10.1",
@@ -130,6 +131,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/@carbon/colors": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/@carbon/colors/-/colors-11.0.0.tgz",
+      "integrity": "sha512-12zcB3Hf6kgxzvrhMEnGEMs4m8ferwEOqkcmeKYmCTr7G3uTozcCdwYGc7vEFIjKPbmKNpQ3BJ+19k/+kMViDg==",
+      "dev": true
+    },
     "node_modules/@eslint/eslintrc": {
       "version": "0.4.3",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz",
@@ -179,12 +186,6 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
-    "node_modules/@iarna/toml": {
-      "version": "2.2.5",
-      "resolved": "https://registry.npmjs.org/@iarna/toml/-/toml-2.2.5.tgz",
-      "integrity": "sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==",
-      "dev": true
-    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -221,9 +222,9 @@
       }
     },
     "node_modules/@rollup/pluginutils": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.0.tgz",
-      "integrity": "sha512-2WUyJNRkyH5p487pGnn4tWAsxhEFKN/pT8CMgHshd5H+IXkOnKvKZwsz5ZWz+YCXkleZRAU5kwbfgF8CPfDRqA==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
+      "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==",
       "dev": true,
       "dependencies": {
         "estree-walker": "^2.0.1",
@@ -233,38 +234,6 @@
         "node": ">= 8.0.0"
       }
     },
-    "node_modules/@sveltejs/adapter-auto": {
-      "version": "1.0.0-next.34",
-      "resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-1.0.0-next.34.tgz",
-      "integrity": "sha512-BzZVfy39idFojauroLrE/v9paJ1/HOlS2R857ooCwaLg+RrRy6zJHWwYxNSv5e8AaZiVg7ioZZpU/2g6ZgUpaQ==",
-      "dev": true,
-      "dependencies": {
-        "@sveltejs/adapter-cloudflare": "1.0.0-next.17",
-        "@sveltejs/adapter-netlify": "1.0.0-next.51",
-        "@sveltejs/adapter-vercel": "1.0.0-next.47"
-      }
-    },
-    "node_modules/@sveltejs/adapter-cloudflare": {
-      "version": "1.0.0-next.17",
-      "resolved": "https://registry.npmjs.org/@sveltejs/adapter-cloudflare/-/adapter-cloudflare-1.0.0-next.17.tgz",
-      "integrity": "sha512-B2ze5L0LsHFsZctVNy4sw0XxgV2YiVEHyMrWRo3pmpTwpu6GT5V3U2fsEoCMg/RKMazlWkyKTCuUqmcpYjjf2g==",
-      "dev": true,
-      "dependencies": {
-        "esbuild": "^0.14.21",
-        "worktop": "0.8.0-next.12"
-      }
-    },
-    "node_modules/@sveltejs/adapter-netlify": {
-      "version": "1.0.0-next.51",
-      "resolved": "https://registry.npmjs.org/@sveltejs/adapter-netlify/-/adapter-netlify-1.0.0-next.51.tgz",
-      "integrity": "sha512-P7/cW/0z8zd8J6DOI2yxKZG0+HRMMuzfOf0yzFXX0vRwBePhKlZ/H4qhTOo2NrCmj3Len545o+ugj5gyMXl1+g==",
-      "dev": true,
-      "dependencies": {
-        "@iarna/toml": "^2.2.5",
-        "esbuild": "^0.14.21",
-        "tiny-glob": "^0.2.9"
-      }
-    },
     "node_modules/@sveltejs/adapter-node": {
       "version": "1.0.0-next.73",
       "resolved": "https://registry.npmjs.org/@sveltejs/adapter-node/-/adapter-node-1.0.0-next.73.tgz",
@@ -274,19 +243,10 @@
         "tiny-glob": "^0.2.9"
       }
     },
-    "node_modules/@sveltejs/adapter-vercel": {
-      "version": "1.0.0-next.47",
-      "resolved": "https://registry.npmjs.org/@sveltejs/adapter-vercel/-/adapter-vercel-1.0.0-next.47.tgz",
-      "integrity": "sha512-VV3vP8KqL9XOc7xfQLVhXTM5jrTme+r1qJy98u5/dhAhkdjqrGDwAKo/s7MoB3rTYxLb2b8I4QxAaoz2Y2aIBg==",
-      "dev": true,
-      "dependencies": {
-        "esbuild": "^0.14.21"
-      }
-    },
     "node_modules/@sveltejs/kit": {
-      "version": "1.0.0-next.311",
-      "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.0.0-next.311.tgz",
-      "integrity": "sha512-OkRIi0XBXcs16J+H+6fgOeFYxKu05gamY08KHAQ5cohjymUODGWIwaIfwAuNkZAcEEr8Vh2ejp4UcaxNzD53lQ==",
+      "version": "1.0.0-next.314",
+      "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.0.0-next.314.tgz",
+      "integrity": "sha512-EkXjEd30XO8+AydBLARxAtI6Ak8V0KFSEJ07sNsrkGq9J70sWPL7yGenhGaeq6S852XZAqeyWd6uGQZmQLR4Wg==",
       "dev": true,
       "dependencies": {
         "@sveltejs/vite-plugin-svelte": "^1.0.0-next.32",
@@ -1781,6 +1741,12 @@
         "node": ">= 4"
       }
     },
+    "node_modules/immutable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.0.0.tgz",
+      "integrity": "sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==",
+      "dev": true
+    },
     "node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -2047,15 +2013,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/mrmime": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.0.tgz",
-      "integrity": "sha512-a70zx7zFfVO7XpnQ2IX1Myh9yY4UYvfld/dikWRnsXxbyvMcfz+u6UfgNAtH+k2QqtJuzVpv6eLTx1G2+WKZbQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -2286,15 +2243,6 @@
         "node": ">=8.10.0"
       }
     },
-    "node_modules/regexparam": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/regexparam/-/regexparam-2.0.0.tgz",
-      "integrity": "sha512-gJKwd2MVPWHAIFLsaYDZfyKzHNS4o7E/v8YmNf44vmeV2e4YfVoDToTOKTvE7ab68cRJ++kLuEXJBaEeJVt5ow==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/regexpp": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
@@ -2368,9 +2316,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "2.70.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.70.1.tgz",
-      "integrity": "sha512-CRYsI5EuzLbXdxC6RnYhOuRdtz4bhejPMSWjsFLfVM/7w/85n2szZv6yExqUXsBdz5KT8eoubeyDUDjhLHEslA==",
+      "version": "2.70.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.70.2.tgz",
+      "integrity": "sha512-EitogNZnfku65I1DD5Mxe8JYRUCy0hkK5X84IlDtUs+O6JRMpRciXTzyCUuX11b5L5pvjH+OmFXiQ3XjabcXgg==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -2441,6 +2389,23 @@
         "rimraf": "bin.js"
       }
     },
+    "node_modules/sass": {
+      "version": "1.50.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.50.0.tgz",
+      "integrity": "sha512-cLsD6MEZ5URXHStxApajEh7gW189kkjn4Rc8DQweMyF+o5HF5nfEz8QYLMlPsTOD88DknatTmBWkOcw5/LnJLQ==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/semver": {
       "version": "7.3.6",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.6.tgz",
@@ -2886,9 +2851,9 @@
       "dev": true
     },
     "node_modules/vite": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.1.tgz",
-      "integrity": "sha512-vSlsSdOYGcYEJfkQ/NeLXgnRv5zZfpAsdztkIrs7AZHV8RCMZQkwjo4DS5BnrYTqoWqLoUe1Cah4aVO4oNNqCQ==",
+      "version": "2.9.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.5.tgz",
+      "integrity": "sha512-dvMN64X2YEQgSXF1lYabKXw3BbN6e+BL67+P3Vy4MacnY+UzT1AfkHiioFSi9+uiDUiaDy7Ax/LQqivk6orilg==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.14.27",
@@ -2946,19 +2911,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/worktop": {
-      "version": "0.8.0-next.12",
-      "resolved": "https://registry.npmjs.org/worktop/-/worktop-0.8.0-next.12.tgz",
-      "integrity": "sha512-ZXdgI9XOf0uB4IegFoViLdQ0Bf7hish0XMHwuV3nopOXygfLJkwAC5+HyA+sihBMSM2sLLQ5uGnD5aknL8+NQg==",
-      "dev": true,
-      "dependencies": {
-        "mrmime": "^1.0.0",
-        "regexparam": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
@@ -3051,6 +3003,12 @@
         }
       }
     },
+    "@carbon/colors": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/@carbon/colors/-/colors-11.0.0.tgz",
+      "integrity": "sha512-12zcB3Hf6kgxzvrhMEnGEMs4m8ferwEOqkcmeKYmCTr7G3uTozcCdwYGc7vEFIjKPbmKNpQ3BJ+19k/+kMViDg==",
+      "dev": true
+    },
     "@eslint/eslintrc": {
       "version": "0.4.3",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz",
@@ -3093,12 +3051,6 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
-    "@iarna/toml": {
-      "version": "2.2.5",
-      "resolved": "https://registry.npmjs.org/@iarna/toml/-/toml-2.2.5.tgz",
-      "integrity": "sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==",
-      "dev": true
-    },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -3126,47 +3078,15 @@
       }
     },
     "@rollup/pluginutils": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.0.tgz",
-      "integrity": "sha512-2WUyJNRkyH5p487pGnn4tWAsxhEFKN/pT8CMgHshd5H+IXkOnKvKZwsz5ZWz+YCXkleZRAU5kwbfgF8CPfDRqA==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
+      "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==",
       "dev": true,
       "requires": {
         "estree-walker": "^2.0.1",
         "picomatch": "^2.2.2"
       }
     },
-    "@sveltejs/adapter-auto": {
-      "version": "1.0.0-next.34",
-      "resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-1.0.0-next.34.tgz",
-      "integrity": "sha512-BzZVfy39idFojauroLrE/v9paJ1/HOlS2R857ooCwaLg+RrRy6zJHWwYxNSv5e8AaZiVg7ioZZpU/2g6ZgUpaQ==",
-      "dev": true,
-      "requires": {
-        "@sveltejs/adapter-cloudflare": "1.0.0-next.17",
-        "@sveltejs/adapter-netlify": "1.0.0-next.51",
-        "@sveltejs/adapter-vercel": "1.0.0-next.47"
-      }
-    },
-    "@sveltejs/adapter-cloudflare": {
-      "version": "1.0.0-next.17",
-      "resolved": "https://registry.npmjs.org/@sveltejs/adapter-cloudflare/-/adapter-cloudflare-1.0.0-next.17.tgz",
-      "integrity": "sha512-B2ze5L0LsHFsZctVNy4sw0XxgV2YiVEHyMrWRo3pmpTwpu6GT5V3U2fsEoCMg/RKMazlWkyKTCuUqmcpYjjf2g==",
-      "dev": true,
-      "requires": {
-        "esbuild": "^0.14.21",
-        "worktop": "0.8.0-next.12"
-      }
-    },
-    "@sveltejs/adapter-netlify": {
-      "version": "1.0.0-next.51",
-      "resolved": "https://registry.npmjs.org/@sveltejs/adapter-netlify/-/adapter-netlify-1.0.0-next.51.tgz",
-      "integrity": "sha512-P7/cW/0z8zd8J6DOI2yxKZG0+HRMMuzfOf0yzFXX0vRwBePhKlZ/H4qhTOo2NrCmj3Len545o+ugj5gyMXl1+g==",
-      "dev": true,
-      "requires": {
-        "@iarna/toml": "^2.2.5",
-        "esbuild": "^0.14.21",
-        "tiny-glob": "^0.2.9"
-      }
-    },
     "@sveltejs/adapter-node": {
       "version": "1.0.0-next.73",
       "resolved": "https://registry.npmjs.org/@sveltejs/adapter-node/-/adapter-node-1.0.0-next.73.tgz",
@@ -3176,19 +3096,10 @@
         "tiny-glob": "^0.2.9"
       }
     },
-    "@sveltejs/adapter-vercel": {
-      "version": "1.0.0-next.47",
-      "resolved": "https://registry.npmjs.org/@sveltejs/adapter-vercel/-/adapter-vercel-1.0.0-next.47.tgz",
-      "integrity": "sha512-VV3vP8KqL9XOc7xfQLVhXTM5jrTme+r1qJy98u5/dhAhkdjqrGDwAKo/s7MoB3rTYxLb2b8I4QxAaoz2Y2aIBg==",
-      "dev": true,
-      "requires": {
-        "esbuild": "^0.14.21"
-      }
-    },
     "@sveltejs/kit": {
-      "version": "1.0.0-next.311",
-      "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.0.0-next.311.tgz",
-      "integrity": "sha512-OkRIi0XBXcs16J+H+6fgOeFYxKu05gamY08KHAQ5cohjymUODGWIwaIfwAuNkZAcEEr8Vh2ejp4UcaxNzD53lQ==",
+      "version": "1.0.0-next.314",
+      "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.0.0-next.314.tgz",
+      "integrity": "sha512-EkXjEd30XO8+AydBLARxAtI6Ak8V0KFSEJ07sNsrkGq9J70sWPL7yGenhGaeq6S852XZAqeyWd6uGQZmQLR4Wg==",
       "dev": true,
       "requires": {
         "@sveltejs/vite-plugin-svelte": "^1.0.0-next.32",
@@ -4161,6 +4072,12 @@
       "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
       "dev": true
     },
+    "immutable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.0.0.tgz",
+      "integrity": "sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==",
+      "dev": true
+    },
     "import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -4367,12 +4284,6 @@
       "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
       "dev": true
     },
-    "mrmime": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.0.tgz",
-      "integrity": "sha512-a70zx7zFfVO7XpnQ2IX1Myh9yY4UYvfld/dikWRnsXxbyvMcfz+u6UfgNAtH+k2QqtJuzVpv6eLTx1G2+WKZbQ==",
-      "dev": true
-    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -4522,12 +4433,6 @@
         "picomatch": "^2.2.1"
       }
     },
-    "regexparam": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/regexparam/-/regexparam-2.0.0.tgz",
-      "integrity": "sha512-gJKwd2MVPWHAIFLsaYDZfyKzHNS4o7E/v8YmNf44vmeV2e4YfVoDToTOKTvE7ab68cRJ++kLuEXJBaEeJVt5ow==",
-      "dev": true
-    },
     "regexpp": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
@@ -4573,9 +4478,9 @@
       }
     },
     "rollup": {
-      "version": "2.70.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.70.1.tgz",
-      "integrity": "sha512-CRYsI5EuzLbXdxC6RnYhOuRdtz4bhejPMSWjsFLfVM/7w/85n2szZv6yExqUXsBdz5KT8eoubeyDUDjhLHEslA==",
+      "version": "2.70.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.70.2.tgz",
+      "integrity": "sha512-EitogNZnfku65I1DD5Mxe8JYRUCy0hkK5X84IlDtUs+O6JRMpRciXTzyCUuX11b5L5pvjH+OmFXiQ3XjabcXgg==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.2"
@@ -4622,6 +4527,17 @@
         }
       }
     },
+    "sass": {
+      "version": "1.50.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.50.0.tgz",
+      "integrity": "sha512-cLsD6MEZ5URXHStxApajEh7gW189kkjn4Rc8DQweMyF+o5HF5nfEz8QYLMlPsTOD88DknatTmBWkOcw5/LnJLQ==",
+      "dev": true,
+      "requires": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      }
+    },
     "semver": {
       "version": "7.3.6",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.6.tgz",
@@ -4921,9 +4837,9 @@
       "dev": true
     },
     "vite": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.1.tgz",
-      "integrity": "sha512-vSlsSdOYGcYEJfkQ/NeLXgnRv5zZfpAsdztkIrs7AZHV8RCMZQkwjo4DS5BnrYTqoWqLoUe1Cah4aVO4oNNqCQ==",
+      "version": "2.9.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.5.tgz",
+      "integrity": "sha512-dvMN64X2YEQgSXF1lYabKXw3BbN6e+BL67+P3Vy4MacnY+UzT1AfkHiioFSi9+uiDUiaDy7Ax/LQqivk6orilg==",
       "dev": true,
       "requires": {
         "esbuild": "^0.14.27",
@@ -4948,16 +4864,6 @@
       "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
       "dev": true
     },
-    "worktop": {
-      "version": "0.8.0-next.12",
-      "resolved": "https://registry.npmjs.org/worktop/-/worktop-0.8.0-next.12.tgz",
-      "integrity": "sha512-ZXdgI9XOf0uB4IegFoViLdQ0Bf7hish0XMHwuV3nopOXygfLJkwAC5+HyA+sihBMSM2sLLQ5uGnD5aknL8+NQg==",
-      "dev": true,
-      "requires": {
-        "mrmime": "^1.0.0",
-        "regexparam": "^2.0.0"
-      }
-    },
     "wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
diff --git a/dashboard/package.json b/dashboard/package.json
index 3f85cf0..aa6471b 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -13,6 +13,7 @@
     "format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
   },
   "devDependencies": {
+    "@carbon/colors": "^11.0.0",
     "@sveltejs/adapter-node": "^1.0.0-next.73",
     "@sveltejs/kit": "next",
     "@typescript-eslint/eslint-plugin": "^5.10.1",
@@ -24,11 +25,13 @@
     "eslint-plugin-svelte3": "^3.2.1",
     "prettier": "^2.5.1",
     "prettier-plugin-svelte": "^2.5.0",
+    "sass": "^1.50.0",
     "svelte": "^3.44.0",
     "svelte-check": "^2.2.6",
     "svelte-preprocess": "^4.10.1",
     "tslib": "^2.3.1",
     "typescript": "~4.6.2"
   },
-  "type": "module"
+  "type": "module",
+  "dependencies": {}
 }
diff --git a/dashboard/src/app.html b/dashboard/src/app.html
index 79e0b29..42b09ff 100644
--- a/dashboard/src/app.html
+++ b/dashboard/src/app.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="description" content="" />
-    <link rel="icon" href="%svelte.assets%/favicon.png" />
+    <link rel="icon" href="%svelte.assets%/favicon.jpg" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     %svelte.head%
   </head>
diff --git a/dashboard/src/components/Header.svelte b/dashboard/src/components/Header.svelte
new file mode 100644
index 0000000..6d4ca34
--- /dev/null
+++ b/dashboard/src/components/Header.svelte
@@ -0,0 +1,28 @@
+<header class="header">
+  <div class="header-kek">
+    <img src="kek.jpg" class="header-kek" />
+  </div>
+  <h1 class="header-title">kekboard</h1>
+</header>
+
+<style lang="scss">
+  @import '@carbon/colors';
+
+  .header {
+    background-color: $gray-100;
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .header-title {
+    text-align: center;
+  }
+
+  .header-kek {
+    text-align: center;
+  }
+
+  .header-kek > img {
+    height: 100px;
+  }
+</style>
diff --git a/dashboard/src/routes/index.svelte b/dashboard/src/routes/index.svelte
index d6b4649..bd69e48 100644
--- a/dashboard/src/routes/index.svelte
+++ b/dashboard/src/routes/index.svelte
@@ -18,6 +18,7 @@
   import 'carbon-components-svelte/css/g90.css';
   import { DataTable } from 'carbon-components-svelte';
   import Card from '../components/Card.svelte';
+  import Header from '../components/Header.svelte';
 
   const headers = [
     {
@@ -34,5 +35,18 @@
   export let topScorers;
 </script>
 
-<Card data={topScorers} />
+<svelte:head>
+  <title>kekboard</title>
+</svelte:head>
+<Header />
+<div class="top-scores">
+  <Card data={topScorers} />
+</div>
 <DataTable {headers} {rows} />
+
+<style>
+  .top-scores {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+</style>
diff --git a/dashboard/static/favicon.jpg b/dashboard/static/favicon.jpg
new file mode 100644
index 0000000..ec94e80
Binary files /dev/null and b/dashboard/static/favicon.jpg differ
diff --git a/dashboard/static/favicon.png b/dashboard/static/favicon.png
deleted file mode 100644
index 825b9e6..0000000
Binary files a/dashboard/static/favicon.png and /dev/null differ
diff --git a/dashboard/static/kek.jpg b/dashboard/static/kek.jpg
new file mode 100644
index 0000000..ec94e80
Binary files /dev/null and b/dashboard/static/kek.jpg differ