Umbau auf Bootstrap 5 + Gerüst für Diagramme

Watcher/Views/Server/overview.cshtml

@@ -3,13 +3,13 @@
     ViewData["Title"] = "Serverübersicht";
 }
 
-<div class="flex items-center justify-between mb-6">
-    <h1 class="text-2xl font-bold">
-        <i class="bi bi-hdd-network me-2 text-blue-700"></i>Serverübersicht
+<div class="d-flex align-items-center justify-content-between mb-4">
+    <h1 class="h2 fw-bold mb-0">
+        <i class="bi bi-hdd-network me-2 text-primary"></i>Serverübersicht
     </h1>
     <a asp-controller="Server" asp-action="AddServer"
-        class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded transition">
-        <i class="bi bi-plus-circle me-1"></i>Server hinzufügen
+       class="btn btn-primary d-flex align-items-center gap-1">
+        <i class="bi bi-plus-circle"></i> Server hinzufügen
     </a>
 </div>
 
@@ -18,6 +18,9 @@
 </div>
 
 @section Scripts {
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <script src="~/js/server_uptime.js"></script>
+
     <script>
         async function loadServerCards() {  
             try {