fix: move heater/stirrer connection status next to the panel heading

The Connected/Disconnected badge, F/W version text, and both Connect/
Disconnect buttons were crammed into one row, clipping the Disconnect
button off-panel. Move the status badge into the h3 heading itself
(right-aligned) so the row below has room for the F/W text and both
buttons.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01YaPLuRPpyjWcwhMvCvpHCL

web/style.css

@@ -307,6 +307,9 @@ header#connection-bar {
     box-shadow: 0 2px 8px rgba(0,0,0,0.45);
 }
 .panel h3 {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
     margin: 0 0 0.5em 0;
     font-size: 0.85em;
     text-transform: uppercase;
@@ -315,6 +318,11 @@ header#connection-bar {
     border-bottom: 1px solid var(--border);
     padding-bottom: 0.35em;
 }
+.panel-status {
+    text-transform: none;
+    letter-spacing: normal;
+    font-size: 1rem;
+}
 .panel label {
     display: flex;
     flex-direction: column;
@@ -336,6 +344,7 @@ header#connection-bar {
 .device-status-row {
     display: flex;
     align-items: center;
+    flex-wrap: wrap;
     gap: 0.6em;
     margin: 0.4em 0;
     font-size: 0.9em;