feat(dashboard): replace QSL chip with 2x2 status matrix per row

[patrickrb]

Summary

• Each log row now renders a 2×2 status matrix (LoTW/QRZ × upload/download) of arrow pips — ok / pending / bad / none — matching the new-design/dashboard.html mockup.
• Replaces the prior single qslChip plus the xl:-only LotwSyncIndicator / QRZSyncIndicator icon pair that only appeared on very wide screens.
• The LoTW upload pip keeps its existing click-to-upload action; tooltips on each pip describe status (e.g. "Uploaded to LoTW", "Awaiting QRZ confirmation", "QRZ upload failed").
• New component src/components/QslMatrix.tsx; used in both the desktop table row and the mobile card header on /dashboard.

Per new-design/-as-reference convention, only src/ is touched — the mockup is unchanged.

Test plan

• npm run dev and load /dashboard — confirm the matrix renders for each row with correct service labels and arrow direction.
• Hover a pip — tooltip shows the right state.
• A row with lotw_qsl_sent !== 'Y' — clicking the LoTW upload pip triggers upload (loader spins, list refreshes on success).
• A row with qrz_qsl_sent === 'R' shows a red ✕ on the QRZ upload pip.
• A row pending confirmation shows the small pulsing dot on the relevant pending pip.
• Resize to mobile — the mobile card header shows the same matrix.

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
nodelog	Ready	Preview, Comment	May 18, 2026 4:13pm