Implement mobile media query in StepGrid

Commit notes

Replace the hardcoded `isMobile = false` placeholder with a reactive media query. Adds a reusable `useMediaQuery` hook that tracks a CSS media query via matchMedia, and uses it in StepGrid to detect viewports below Tailwind's `md` breakpoint (768px) for the single-column layout.

[private session redacted]