Updated the web UI to use the API. Reworked the looks of web UI

DiscordBotWebUI/wwwroot/app.css

@@ -1,3 +1,51 @@
+:root {
+    --rz-white: #ffffff;
+    --rz-black: #000000;
+    --rz-base-50: #fafafa;
+    --rz-base-100: #f5f5f5;
+    --rz-base-200: #eeeeee;
+    --rz-base-300: #e0e0e0;
+    --rz-base-400: #bdbdbd;
+    --rz-base-500: #9e9e9e;
+    --rz-base-600: #757575;
+    --rz-base-700: #616161;
+    --rz-base-800: #424242;
+    --rz-base-900: #212121;
+    --rz-primary: #8cbe44;
+    --rz-primary-light: #6966db;
+    --rz-primary-lighter: rgba(67, 64, 210, 0.12);
+    --rz-primary-dark: #3633a8;
+    --rz-primary-darker: #2e2c8f;
+    --rz-secondary: #e91e63;
+    --rz-secondary-light: #ed4b82;
+    --rz-secondary-lighter: rgba(233, 30, 99, 0.12);
+    --rz-secondary-dark: #ba184f;
+    --rz-secondary-darker: #9e1443;
+    --rz-info: #2196f3;
+    --rz-info-light: #4dabf5;
+    --rz-info-lighter: rgba(33, 150, 243, 0.2);
+    --rz-info-dark: #1a78c2;
+    --rz-info-darker: #1666a5;
+    --rz-success: #4caf50;
+    --rz-success-light: #70bf73;
+    --rz-success-lighter: rgba(76, 175, 80, 0.16);
+    --rz-success-dark: #3d8c40;
+    --rz-success-darker: #347736;
+    --rz-warning: #ff9800;
+    --rz-warning-light: #ffad33;
+    --rz-warning-lighter: rgba(255, 152, 0, 0.2);
+    --rz-warning-dark: #cc7a00;
+    --rz-warning-darker: #ad6700;
+    --rz-danger: #f44336;
+    --rz-danger-light: #f6695e;
+    --rz-danger-lighter: rgba(244, 67, 54, 0.2);
+    --rz-danger-dark: #c3362b;
+    --rz-danger-darker: #a62e25;
+    --rz-series-1: #3700b3;
+    --rz-series-2: #ba68c8;
+    --rz-series-3: #f0;
+}
+
 html, body {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }