Refactor stream and template cards: collapsible groups, icon pills, compact layout

- Make picture stream groups expandable/collapsible with localStorage persistence
- Replace text labels with icon pill badges on stream and capture template cards
- Remove section description text from all tabs
- Add auto-validation on edit for static image streams
- Show full URL on static image cards instead of truncating at 50 chars

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

server/src/wled_controller/static/style.css

@@ -2192,6 +2192,30 @@ input:-webkit-autofill:focus {
     margin-bottom: 12px;
     padding-bottom: 8px;
     border-bottom: 2px solid var(--border-color);
+    cursor: pointer;
+    user-select: none;
+    transition: opacity 0.2s;
+}
+
+.stream-group-header:hover {
+    opacity: 0.8;
+}
+
+.stream-group-chevron {
+    font-size: 10px;
+    color: var(--text-secondary);
+    flex-shrink: 0;
+    width: 12px;
+    transition: transform 0.2s;
+}
+
+.stream-group.collapsed .stream-group-header {
+    margin-bottom: 0;
+    border-bottom-color: transparent;
+}
+
+.stream-group.collapsed .templates-grid {
+    display: none;
 }
 
 .stream-group-icon {
@@ -2395,10 +2419,32 @@ input:-webkit-autofill:focus {
 .validation-status.loading {
     color: var(--text-muted);
 }
-.stream-card-image-source {
-    font-size: 0.7rem;
-    color: var(--text-muted);
-    word-break: break-all;
-    margin-top: 4px;
+.stream-card-props {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    margin-bottom: 8px;
+}
+
+.stream-card-prop {
+    display: inline-flex;
+    align-items: center;
+    gap: 3px;
+    font-size: 0.75rem;
+    color: var(--text-secondary);
+    background: var(--border-color);
+    padding: 2px 8px;
+    border-radius: 10px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 180px;
+}
+
+.stream-card-prop-full {
+    max-width: 100%;
+    word-break: break-all;
+    white-space: normal;
+    font-size: 0.7rem;
 }