Add an onboarding tour for first-time users highlighting the marketplace, key detail, and portfolio pages

[Chucks1093]

Summary

New users land on the marketplace with no guidance on how the platform works. A step-by-step onboarding tour triggered on first login should highlight the marketplace, explain bonding curves, point to the buy flow, and direct users to their portfolio.

Scope

• Trigger the tour automatically on first login by checking a hasSeenTour flag in localStorage
• Use a lightweight tooltip library (e.g. driver.js) to highlight elements step by step
• Step 1: Marketplace — 'Discover and invest in creator keys'
• Step 2: Key card — 'Each card shows the current bonding curve price and 24h change'
• Step 3: Buy flow — 'Click Buy to purchase keys — price increases with each buy'
• Step 4: Portfolio — 'Track your holdings and performance here'
• Add a Skip Tour button that sets the flag and exits at any step

Acceptance Criteria

• Tour triggers on first login
• Tour does not trigger on subsequent logins
• All 4 steps highlight the correct elements
• Skip Tour exits and sets the localStorage flag
• Tour works correctly on both desktop and mobile viewport sizes

ETA: 12 hours

---

Coordinate on Telegram

[tecch-wiz]

@tecch-wiz has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hi! I’d like to take this issue. I’ll go through the existing implementation, identify the root cause, and work on a clean solution before submitting a PR for review.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @tecch-wiz to this issue.

[dakwa001]

@dakwa001 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hi! I’d like to take this issue. I’ll go through the existing implementation, identify the root cause, and work on a clean solution before submitting a PR for review.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @dakwa001 to this issue.

[drips-wave]

Congratulations, @dakwa001! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

🧑‍💻 @dakwa001: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊