v0.12.0: simplify backup page app data section

Replace the complex "Alkalmazás adatok" form (checkboxes, paths, volumes,
save button) with a clean read-only status list. Each app shows its name
(linked to its deploy page) and a simple status: Aktív / Inaktív / N/A.

Also include ALL deployed stacks in the list (not just HDD-capable ones),
so apps without user data appear with N/A status.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

controller/internal/web/templates/style.css

@@ -1804,7 +1804,7 @@ a.stat-card:hover {
     color: var(--text-primary);
 }
 
-/* --- Backup page: App backup toggles --- */
+/* --- Backup page: App backup status (read-only) --- */
 .backup-section-desc {
     color: var(--text-secondary);
     font-size: .85rem;
@@ -1826,54 +1826,68 @@ a.stat-card:hover {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: .25rem;
 }
-.app-backup-toggle {
+.app-backup-name-link {
+    font-weight: 500;
+    font-size: .9rem;
+    color: var(--text-primary);
+    text-decoration: none;
+}
+.app-backup-name-link:hover {
+    color: var(--accent-blue);
+    text-decoration: underline;
+}
+.app-backup-status-row {
     display: flex;
     align-items: center;
     gap: .5rem;
-    cursor: pointer;
-}
-.app-backup-toggle input[type="checkbox"] {
-    accent-color: var(--accent-blue);
-}
-.app-backup-name {
-    font-weight: 500;
-    font-size: .9rem;
-}
-.app-backup-disabled-icon {
-    color: var(--text-muted);
-    font-size: .9rem;
-    width: 16px;
-    text-align: center;
 }
 .app-backup-size {
     font-size: .8rem;
     color: var(--text-muted);
 }
-.app-backup-details {
-    padding-left: 1.5rem;
-}
-.app-backup-path {
+.app-backup-status {
     font-size: .8rem;
-    color: var(--text-secondary);
-    padding: .1rem 0;
+    font-weight: 500;
+    display: inline-flex;
+    align-items: center;
+    gap: .35rem;
 }
-.app-backup-volume {
-    font-size: .8rem;
+.app-backup-status::before {
+    content: '';
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    flex-shrink: 0;
+}
+.app-backup-active {
+    color: var(--green);
+}
+.app-backup-active::before {
+    background: var(--green);
+    box-shadow: 0 0 4px rgba(35, 134, 54, 0.4);
+}
+.app-backup-inactive {
     color: var(--text-muted);
-    padding: .1rem 0;
 }
-.app-backup-dbinfo {
-    font-size: .8rem;
+.app-backup-inactive::before {
+    border: 1px solid var(--text-muted);
+    background: transparent;
+    width: 6px;
+    height: 6px;
+}
+.app-backup-na {
     color: var(--text-muted);
-    padding: .1rem 0;
 }
-.app-backup-actions {
-    margin-top: .75rem;
-}
-.app-backup-notice {
-    margin-top: .75rem;
+.app-backup-na::before {
+    content: '—';
+    width: auto;
+    height: auto;
+    border-radius: 0;
+    background: none;
+    border: none;
+    box-shadow: none;
     font-size: .8rem;
 }