Mobile: single-device "Devices" card wastes the top third of the Code screen

Summary

On the mobile app's Code tab, the "Geräte" / "Devices" section at the top reserves a large fixed card even when only a single device is connected. On a phone screen this card eats roughly the top third of the viewport, pushing the actual Sessions list — the thing you're usually there for — down below the fold.

Current behavior

• One connected device ("kalle · Verbunden/Connected") is rendered as a full-width, tall card.
• Below it, the Sessions list (the primary content) is compressed; only ~2 sessions are comfortably visible before scrolling.
• The device card carries very little information (name + connection status) for the vertical space it consumes.

Expected behavior

• With a single device, the device area should be compact — e.g. a single-line status row or a small chip — instead of a large card.
• Reserve the tall multi-card layout for the case where there are actually multiple devices to choose between.
• Prioritize the Sessions list, which is the primary content of this screen.

Suggested fix

• Collapse the "Devices" section to a one-line summary when deviceCount === 1 (tap to expand for details).
• Only switch to the current card grid when deviceCount > 1.

Environment

• Platform: iOS (Claude Code mobile app)
• Screen: Code tab → Devices + Sessions
• Devices connected: 1

Screenshot

<!-- Drag & drop the screenshot here in the GitHub web editor -->
_(Screenshot: the single "kalle · Connected" device card occupies the top third of the screen; the Sessions list below is pushed down.)_
!image