fix(dashboard): unsqueeze board on Android tablets

- Drop the tablet-tier `.board` grid rule that crammed 6 columns into
  ≤1024px viewports with no min-width, scrunching column content to
  unreadable widths. Tablets now use the default `minmax(300px, 1fr)`
  and scroll horizontally like desktop.
- Drop `maximum-scale=1.0, user-scalable=no` from the viewport meta.
  Combined with `initial-scale=1.0` those flags trigger Android Chrome
  layout bugs in multi-window mode; the Capacitor-feel justification
  isn't worth the breakage in a browser-rendered dashboard.
- Broaden the existing iOS scroll-snap stabilization in Board.tsx from
  `(max-width: 768px)` to any touch-primary device, and re-run it the
  first time tasks populate so Android tablets get the same first-cards-
  loaded reflow that mobile already had.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

packages/dashboard/app/styles.css

@@ -3464,13 +3464,6 @@ input[type="range"]:focus-visible {
 /* === Tablet Responsive Tier (769px–1024px) === */
 /* Cross-cutting tablet rules only. Component-specific tablet overrides
    live in co-located @media blocks in app/components/. */
-@media (min-width: 769px) and (max-width: 1024px) {
-  .board {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-    overflow-x: hidden;
-    overflow-y: hidden;
-  }
-}
 
 /* === Badge Base === */
 .badge {