Add onboarding tour for new users

[big14way]

Create a guided tour that walks new users through the app's key features.

Acceptance Criteria:

• Implement step-by-step tour using react-joyride or similar
• Cover: wallet connection, browsing groups, joining a group, contributing
• Show on first visit, dismissable
• Option to replay from settings/help menu

Files: new file src/components/OnboardingTour.tsx, src/app/providers.tsx, package.json

[opensecretsauce]

@algora-pbc attempt — building onboarding tour with step-by-step modal. PR incoming.

[MCH-Strategies]

/attempt #72

Claiming this bounty to add an interactive onboarding tour for new users, enhancing the user experience by guiding them through the platform's features.

[MCH-Strategies]

/attempt #72

Ollama Connection Error: HTTPConnectionPool(host='localhost', port=11434): Max retries exceeded with url: /api/generate (Caused by NewConnectionError('<urllib3.connection.HTTPConnection object at 0x000001E24A40D1E0>: Failed to establish a new connection: [WinError 10061] No connection could be made because the target machine actively refused it'))

[MCH-Strategies]

/attempt #72

Ollama Connection Error: HTTPConnectionPool(host='localhost', port=11434): Max retries exceeded with url: /api/generate (Caused by NewConnectionError('<urllib3.connection.HTTPConnection object at 0x00000242C20F4820>: Failed to establish a new connection: [WinError 10061] No connection could be made because the target machine actively refused it'))

[hriszc]

/attempt #72

I'm implementing a lightweight guided tour with multi-page steps and replay support. Plan:

• first-visit auto-start persisted in localStorage
• step flow for wallet connection, browsing groups, opening a group, and contribution
• replay entry in the navbar help area
• minimal client-side state so the app stays Next-friendly and doesn't add a heavy bundle by default

[hriszc]

Opened PR for #72: #105

Delivered in this branch:

• first-visit guided tour with persistent dismissal
• replay button in the navbar
• guided steps for wallet connect, browsing groups, joining a forming group, and contributing to an active group
• mock group detail split into forming/active states so the tour lands on real UI actions

Validation note: the repo is checked out as a single package and still depends on @sorosave/sdk via workspace:*, so npm install cannot complete locally in this environment.

[huangxiao2008]

/attempt #72

I'm an experienced React/TypeScript developer and would love to take this on! I'll implement a clean, dismissable onboarding tour using react-joyride covering the wallet connection, group browsing, joining, and contributing steps as requested. I'll make sure it's replayable from the settings menu too.

Will submit a PR shortly!