many changes

app/components/WebConsole/serverStatus.tsx

@@ -5,7 +5,30 @@ interface Props {
 }
 
 const serverStatus = ({ serverStatus }: Props) => {
-  let bgColor = "bg-success";
+  let color = "bg-danger";
+  switch (serverStatus) {
+    case "running":
+      serverStatus = "Running";
+      color = "bg-success";
+      break;
+    case "offline":
+      serverStatus = "Offline";
+      color = "bg-error";
+      break;
+    case "starting":
+      serverStatus = "Starting";
+      color = "bg-info";
+      break;
+    case "stopping":
+      serverStatus = "Stopping";
+      color = "bg-error";
+      break;
+    default:
+      serverStatus = "N/A";
+  }
+
+  let bgColor =
+    "p-3 rounded-md w-32 font-weight-600 font-face text-center " + color;
 
   return (
     <>