Improve calibration UI: animated config sections, always-visible tick labels, zoom-independent fonts, smooth line selection

- Replace <details> with grid-template-rows animated expand for template config sections
- Always show edge boundary tick labels in both simple and advanced calibration
- Make tick labels, monitor names, and tick marks zoom-independent in advanced calibration
- Place new monitors next to existing ones and fit view on add
- Fix layout jump on line selection: toggle class in-place instead of DOM rebuild
- Use transparent border-left on all line items to prevent content shift

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

server/src/wled_controller/static/css/streams.css

@@ -125,21 +125,38 @@
     color: var(--text-muted);
 }
 
-.template-config-details {
-    margin: 12px 0;
-    font-size: 13px;
+.template-config-collapse {
+    margin-top: 4px;
 }
-
-.template-config-details summary {
+.template-config-toggle {
     cursor: pointer;
-    color: var(--primary-text-color);
-    font-weight: 500;
-    padding: 4px 0;
+    font-size: 0.75rem;
+    color: var(--text-secondary);
+    background: none;
+    padding: 0;
+    border: none;
+    font-family: inherit;
 }
-
-.template-config-details summary:hover {
+.template-config-toggle::before {
+    content: '▸ ';
+}
+.template-config-collapse.open .template-config-toggle::before {
+    content: '▾ ';
+}
+.template-config-toggle:hover {
     text-decoration: underline;
 }
+.template-config-animate {
+    display: grid;
+    grid-template-rows: 0fr;
+    transition: grid-template-rows 0.25s ease;
+}
+.template-config-collapse.open .template-config-animate {
+    grid-template-rows: 1fr;
+}
+.template-config-inner {
+    overflow: hidden;
+}
 
 .template-no-config {
     margin: 12px 0;