Dashboard Studio 2.1.0: every card redesigned for desktop, tablet and phone

- One card system in three device bands, applied automatically: compact with
  hover on desktop; larger type and 44px controls on tablets and wall panels;
  touch sizes in a tighter frame on phones; narrow-card layouts by container
- Answers as the largest thing, in regular-weight tabular figures; plain
  outline icons instead of tinted chips; pale status pills; flat buttons and
  sliders without shadows or gradients
- Energy: power flow (sun, house, battery, grid and the flows between them)
- Garage: state in large type with one wide button; vacuum: state and a
  battery bar
- The first heading on a tab is the page's h1

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

dashboard_studio/web/app.js

@@ -1006,6 +1006,9 @@
       placeEl(el, pos[w.id]);
       renderWidget(w, el);
     }
+    // The first heading on the tab is the screen's title.
+    const h = gridEl.querySelector("h2.h-main");
+    if (h) { const h1 = document.createElement("h1"); h1.className = h.className; h1.style.cssText = h.style.cssText; h1.textContent = h.textContent; h.replaceWith(h1); }
     updateGridHeight(pos);
   }