core: implement sponsor onboarding flow

[EmeditWeb]

Problem

New sponsors go directly to the dashboard with no
context or guidance about how the pool works.

What To Build

4-step onboarding:

1. Welcome to the Sponsor Pool
2. Understand the risks
3. Current pool health
4. Make your first deposit

Files To Touch

• src/pages/SponsorOnboarding.tsx (new)
• src/router/index.tsx
• src/stores/app.store.ts

Acceptance Criteria

• 4 steps work with smooth transitions
• Risk section is honest and complete
• Live stats load from API
• Yield preview calculates correctly
• npm run build passes

Mandatory Checks Before PR

• npm run build passes
• No any types
• PR references this issue

[Truphile]

Hi,

I would love to take ownership of building out this 4-step sponsor onboarding flow. First impressions matter immensely, especially when introducing sponsors to capital pools, and this guided onboarding is exactly what's needed to build immediate trust and clarity.
🛠️ Proposed Implementation Plan

State & Architecture Setup (app.store.ts & index.tsx):

    I'll introduce a clean wizard state machine inside the app store to track onboarding progress, keeping it persistent so users don't lose their place if they accidentally refresh.

    I will register the new SponsorOnboarding route securely in the central router, ensuring un-onboarded sponsors are gracefully intercepted and guided here first.

The 4-Step UI Flow (SponsorOnboarding.tsx):

    Step 1: Welcome: A high-impact, welcoming introduction detailing exactly how the pool aggregates capital to drive value.

    Step 2: Risks: A transparent, scannable layout detailing the smart contract and liquidity risks honestly, ensuring complete compliance and alignment.

    Step 3: Pool Health: Integrating live stats directly from your API to display real-time utilization rates, defaults, and pool capacity.

    Step 4: Deposit: An interactive yield preview calculator widget where sponsors can input potential deposit amounts and see estimated yield projections instantly before committing.

Validation & Quality Checks:

    I'll ensure all step transitions use smooth, performance-optimized animations.

    I'll verify the TypeScript types are airtight, and confirm that npm run build runs perfectly with zero errors or warnings before submissio

[daRk8238]

would love to work on this

[grantfox-oss]

🦊 GrantFox — @daRk8238 has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #29)
2. Your PR will be reviewed by the StepFi-app maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign campaign!

@daRk8238's PR #39 was approved and merged by @EmeditWeb.

🏆 @daRk8238: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (118 total points). Track your full progress on GrantFox.

👏 Great work, @daRk8238! Keep contributing to StepFi-app.