fix(onboarding): clean up referral step UI and error display

[graycyrus]

Summary

• Remove progress bar (step dots) from onboarding overlay
• Remove back button from referral code step
• Place "Skip for now" and "Apply code" as inline side-by-side buttons
• Parse API error responses into user-friendly messages instead of showing raw JSON/HTTP details

Test plan

• Verify onboarding overlay no longer shows progress dots at the top
• Verify referral step shows "Skip for now" and "Apply code" buttons inline
• Verify entering an invalid referral code shows a clean error like "Invalid referral code" instead of raw API response
• Verify applying a valid referral code still works and advances to next step

Summary by CodeRabbit

Release Notes

• New Features

  • Added "Skip for now" button in the referral step, allowing users to proceed with onboarding without applying a referral code.
  • Improved button layout and styling for better usability.

• Refactor

  • Removed step progress indicator from the onboarding experience for a cleaner interface.
  • Enhanced error handling to display clearer messages during referral code validation.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: ef6aabe4-7dbb-4a08-b241-eea8b9c2d732

📥 Commits

Reviewing files that changed from the base of the PR and between 5dbf9d4 and a45c945.

📒 Files selected for processing (2)

• app/src/pages/onboarding/Onboarding.tsx
• app/src/pages/onboarding/steps/ReferralApplyStep.tsx

---

📝 Walkthrough

Walkthrough

The pull request removes the progress indicator UI from the onboarding flow and refactors the referral step to make the onBack callback optional, improve error handling with more robust parsing logic, and reorganize action buttons into a two-button row layout.

Changes

Cohort / File(s)	Summary
Progress Indicator Removal app/src/pages/onboarding/Onboarding.tsx	Removed ProgressIndicator component import and rendering, eliminating computed pagination values (totalSteps, progressCurrentStep) that adjusted step display based on skipReferralStep flag.
Referral Step Refactoring app/src/pages/onboarding/steps/ReferralApplyStep.tsx	Made onBack prop optional, enhanced error handling in handleApply with more flexible error parsing (checks error and message fields, attempts JSON extraction), and replaced button layout with a two-button row ("Skip for now" and "Apply code") removing the back button.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Possibly related PRs

• feat(onboarding): redesign WelcomeStep as auto-advancing carousel #427: Also removes ProgressIndicator import and rendering from Onboarding.tsx as part of progress UI cleanup.

Poem

🐰 Progress fades like morning dew,
Buttons dance in rows anew,
Error parsing stands more tall,
Onboarding flows, refined and small! ✨

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}