Add status dashboard button

src/app.scss

@@ -65,3 +65,29 @@ code,
 .code-font {
   font-family: 'Fira Code', monospace;
 }
+
+.btn-green,
+.btn-red,
+.btn-blue,
+.btn-yellow {
+  display: inline-block;
+  border: none;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: black;
+  cursor: pointer;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 24px;
+  height: 50px;
+  padding: 4px 16px;
+  vertical-align: middle;
+
+  &:hover {
+    color: black;
+  }
+}
+
+.btn-green {
+  background-color: #04aa6d;
+}

src/views/GeneralView.svelte

@@ -1 +1,5 @@
 <div style="padding:8px;background-color:#bb7900;">Warning: This is currently still under development</div>
+
+<div>
+  <a class="btn-green" href="https://uptime-kuma.1f349.com" target="_blank">Status Dashboard</a>
+</div>

src/views/RoutesView.svelte

@@ -140,7 +140,7 @@
   </div>
 
   <div class="footer">
-    <button on:click={() => saveChanges()}>Save Changes</button>
+    <button class="btn-green" on:click={() => saveChanges()}>Save Changes</button>
   </div>
 </div>
 
@@ -186,19 +186,5 @@
     height: 50px;
     background-color: #2c2c2c;
     box-shadow: 0 -4px 8px #0003, 0 -6px 20px #00000030;
-
-    button {
-      background-color: #04aa6d;
-      border: none;
-      box-shadow: none;
-      box-sizing: border-box;
-      color: black;
-      cursor: pointer;
-      font-size: 20px;
-      font-weight: 700;
-      line-height: 24px;
-      height: 50px;
-      padding: 4px 16px;
-    }
   }
 </style>