Revert text editor, move more into config file

public/config.yaml

@@ -1,15 +1,64 @@
+sections:
+  - id: "system"
+    title: "System"
+    icon: "Server"
+    cardStyle:
+      background: "bg-blue-50 dark:bg-blue-950/30"
+      iconColor: "text-blue-600 dark:text-blue-400"
+
+  - id: "media"
+    title: "Media"
+    icon: "Play"
+    cardStyle:
+      background: "bg-orange-50 dark:bg-orange-950/30"
+      iconColor: "text-orange-600 dark:text-orange-400"
+
+  - id: "monitoring"
+    title: "Monitoring"
+    icon: "Activity"
+    cardStyle:
+      background: "bg-emerald-50 dark:bg-emerald-950/30"
+      iconColor: "text-emerald-600 dark:text-emerald-400"
+
+  - id: "tools"
+    title: "Tools"
+    icon: "Settings"
+    cardStyle:
+      background: "bg-purple-50 dark:bg-purple-950/30"
+      iconColor: "text-purple-600 dark:text-purple-400"
+
+  - id: "acot"
+    title: "ACOT"
+    icon: "LayoutDashboard"
+    cardStyle:
+      background: "bg-sky-50 dark:bg-sky-950/30"
+      iconColor: "text-sky-600 dark:text-sky-400"
+
+  - id: "home"
+    title: "Home"
+    icon: "Home"
+    cardStyle:
+      background: "bg-indigo-50 dark:bg-indigo-950/30"
+      iconColor: "text-indigo-600 dark:text-indigo-400"
+
 services:
   - name: "Portainer"
     description: "Container Management"
     url: "https://portainer.kent.pw"
     iconName: "portainer"
     category: "system"
+    cardStyle:
+      background: "bg-blue-50 dark:bg-blue-950/30"
+      iconColor: "text-blue-600 dark:text-blue-400"
 
   - name: "Gitea"
     description: "Git Server"
     url: "https://gitea.kent.pw"
     iconName: "gitea"
     category: "system"
+    cardStyle:
+      background: "bg-green-50 dark:bg-green-950/30"
+      iconColor: "text-green-600 dark:text-green-400"
 
   - name: "Cockpit"
     description: "Server Management"
@@ -23,18 +72,27 @@ services:
     iconName: "synology"
     category: "system"
     monitorName: "Synology Diskstation"
+    cardStyle:
+      background: "bg-slate-50 dark:bg-slate-950/30"
+      iconColor: "text-slate-600 dark:text-slate-400"
 
   - name: "Plex"
     description: "Media Server"
     url: "https://plex.kent.pw"
     iconName: "plex"
     category: "media"
+    cardStyle:
+      background: "bg-orange-50 dark:bg-orange-950/30"
+      iconColor: "text-orange-600 dark:text-orange-400"
 
   - name: "Sonarr"
     description: "TV Show Management"
     url: "https://sonarr.kent.pw"
     iconName: "sonarr"
     category: "media"
+    cardStyle:
+      background: "bg-blue-50 dark:bg-blue-950/30"
+      iconColor: "text-blue-600 dark:text-blue-400"
 
   - name: "Jackett"
     description: "Torrent Indexer"
@@ -47,6 +105,9 @@ services:
     url: "https://deluge.kent.pw"
     iconName: "deluge"
     category: "media"
+    cardStyle:
+      background: "bg-green-50 dark:bg-green-950/30"
+      iconColor: "text-green-600 dark:text-green-400"
 
   - name: "Uptime"
     description: "Service Monitoring"
@@ -54,6 +115,9 @@ services:
     iconName: "uptime-kuma"
     category: "monitoring"
     monitorName: "Uptime Kuma"
+    cardStyle:
+      background: "bg-emerald-50 dark:bg-emerald-950/30"
+      iconColor: "text-emerald-600 dark:text-emerald-400"
 
   - name: "AdGuard"
     description: "Network Ad Blocking"
@@ -61,6 +125,9 @@ services:
     iconName: "adguard-home"
     category: "system"
     monitorName: "Adguard Home"
+    cardStyle:
+      background: "bg-emerald-50 dark:bg-emerald-950/30"
+      iconColor: "text-emerald-600 dark:text-emerald-400"
 
   - name: "NocoDB"
     description: "Database Platform"
@@ -81,6 +148,9 @@ services:
     url: "https://firefox.kent.pw"
     iconName: "firefox"
     category: "tools"
+    cardStyle:
+      background: "bg-orange-50 dark:bg-orange-950/30"
+      iconColor: "text-orange-600 dark:text-orange-400"
 
   - name: "Speedtest"
     description: "Network Speed Monitor"
@@ -88,6 +158,9 @@ services:
     iconName: "speedtest-tracker"
     category: "monitoring"
     monitorName: "Speedtest Tracker"
+    cardStyle:
+      background: "bg-blue-50 dark:bg-blue-950/30"
+      iconColor: "text-blue-600 dark:text-blue-400"
 
   - name: "Netdata"
     description: "Monitoring Dashboard"
@@ -95,6 +168,9 @@ services:
     iconName: "netdata"
     category: "monitoring"
     monitorName: "Netdata"
+    cardStyle:
+      background: "bg-purple-50 dark:bg-purple-950/30"
+      iconColor: "text-purple-600 dark:text-purple-400"
 
   - name: "Drive"
     description: "File Storage"
@@ -108,6 +184,9 @@ services:
     url: "https://dashboard.kent.pw"
     iconName: "lucide-layout-dashboard"
     category: "acot"
+    cardStyle:
+      background: "bg-sky-50 dark:bg-sky-950/30"
+      iconColor: "text-sky-600 dark:text-sky-400"
 
   - name: "Inventory"
     description: "ACOT Inventory"
@@ -120,9 +199,15 @@ services:
     url: "https://homebridge.kent.pw"
     iconName: "homebridge"
     category: "home"
+    cardStyle:
+      background: "bg-purple-50 dark:bg-purple-950/30"
+      iconColor: "text-purple-600 dark:text-purple-400"
 
   - name: "Scrypted"
     description: "Smart Home Integration"
     url: "https://scrypted.kent.pw"
     iconName: "scrypted"
-    category: "home" 
+    category: "home"
+    cardStyle:
+      background: "bg-indigo-50 dark:bg-indigo-950/30"
+      iconColor: "text-indigo-600 dark:text-indigo-400"