refactor logo, bottom bar and perks.js

- add new logo
- add tsconfig.json
- move logo to new component
- update bottombar
- remove props from hotkeys and progress bar
- convert perks.js -> perks.ts

src/components/Logo.vue

@@ -0,0 +1,23 @@
+<template>
+  <div id="logo-container">
+    <router-link :to="{ name: 'Home' }">
+      <div id="logo" class="rounded"></div
+    ></router-link>
+  </div>
+</template>
+
+<style lang="scss">
+@import "../assets/css/mixins.scss";
+
+#logo-container {
+  overflow: hidden;
+}
+
+#logo {
+  height: 4.5rem !important;
+  width: 15rem;
+  background-image: url(./../assets/images/logo.webp);
+  background-size: contain;
+  @include ximage;
+}
+</style>