Add weather badge, chore chart, fix controls grid

- Header now shows weather icon + temp from weather.forecast_home_2 next
  to the connection badge (right side of nav bar)
- New ChoreChart widget below TodoWidget on Home view; reads from
  todo.chores HA entity; items prefixed with a name (Becca: / Chris: /
  Arabella:) get per-person color coding matching the calendar palette;
  tap toggles completion
- Controls overlay simplified from grid-cols-12 auto-rows-min to a plain
  grid-cols-2 — removes the uneven gaps between widgets

src/components/controls/ControlsOverlay.tsx

@@ -26,27 +26,13 @@ export function ControlsOverlay() {
       </header>
 
       <div className="flex-1 overflow-auto p-5">
-        <div className="grid grid-cols-12 auto-rows-min gap-4">
-          {config.alarm && (
-            <div className="col-span-12 md:col-span-6">
-              <AlarmoPanel />
-            </div>
-          )}
+        <div className="grid grid-cols-2 gap-4">
+          {config.alarm && <AlarmoPanel />}
           {config.thermostats.map((thermostat) => (
-            <div key={thermostat.entityId} className="col-span-12 md:col-span-6">
-              <ThermostatWidget config={thermostat} />
-            </div>
+            <ThermostatWidget key={thermostat.entityId} config={thermostat} />
           ))}
-          {config.lights.length > 0 && (
-            <div className="col-span-12 md:col-span-6">
-              <LightsWidget />
-            </div>
-          )}
-          {config.locks.length > 0 && (
-            <div className="col-span-12 md:col-span-6">
-              <LocksWidget />
-            </div>
-          )}
+          {config.lights.length > 0 && <LightsWidget />}
+          {config.locks.length > 0 && <LocksWidget />}
         </div>
       </div>
     </div>