feat: Add onboarding tour for first-time users on the climb list page

[marcodejongh]

Uses Ant Design Tour component with constrained width (max 340px) to prevent the tour from rendering too wide on mobile. The first step is a centered overlay (no target) instead of anchoring on the climb card header, which is double-clickable and could cause unintended interactions. Subsequent steps anchor on the card body, queue bar, and bluetooth button. Tour completion state is persisted in localStorage.

https://claude.ai/code/session_01Y6Xx7PmoC1c3QJcf9KU2gu

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
boardsesh	Error		Feb 6, 2026 10:40am

[claude]

Claude Review

✅ Ready to merge - Minor issues noted below, but nothing blocking.

Issues

1. Missing tests - No unit or e2e tests for the new onboarding tour component. Consider adding tests for:

   • Tour visibility on list page vs other pages
   • localStorage persistence behavior
   • Graceful handling when target elements don't exist

2. Race condition risk (onboarding-tour.tsx:34,80) - The 800ms timeout is arbitrary and may not be enough for slow network/devices. If elements aren't rendered yet, the tour will still open with only the welcome step, which may confuse users. Consider using a more reliable element detection approach (e.g., MutationObserver or polling with a max timeout).

3. Memory leak potential (onboarding-tour.tsx:82-83) - The cleanup function only clears the timeout, but if the component unmounts during the timeout callback execution (after setSteps but before setOpen), state updates on unmounted components could occur. This is minor but worth noting.