feat: onboarding wizard #3

[comatory]

@coderabbitai summary

Checklist

• I have discussed my proposed changes in an issue and have received approval to proceed.
• I have followed the coding standards of the project.
• Tests or benchmarks have been added or updated.
• Documentation has been updated on https://github.com/wundergraph/docs-website.
• I have read the Contributors Guide.

Open Source AI Manifesto

This project follows the principles of the Open Source AI Manifesto. Please ensure your contribution aligns with its principles.

PR (3) UI for onboarding wizard + step 1 (welcome) implementation

Parent: #2720

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 7939c727-7640-4968-8340-4b878c9ca2c9

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

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

[codecov]

Codecov Report

❌ Patch coverage is 0.22222% with 449 lines in your changes missing coverage. Please review.
✅ Project coverage is 1.56%. Comparing base (d462062) to head (bd2472e).

Files with missing lines	Patch %	Lines
...io/src/components/onboarding/traffic-animation.tsx	0.00%	188 Missing and 1 partial ⚠️
studio/src/components/onboarding/step-1.tsx	0.00%	95 Missing ⚠️
...rc/components/onboarding/onboarding-navigation.tsx	0.00%	48 Missing and 1 partial ⚠️
studio/src/components/onboarding/stepper.tsx	0.00%	48 Missing and 1 partial ⚠️
studio/src/pages/onboarding/[step].tsx	0.00%	24 Missing ⚠️
studio/src/components/layout/onboarding-layout.tsx	0.00%	13 Missing and 1 partial ⚠️
studio/src/components/onboarding/step-3.tsx	0.00%	13 Missing ⚠️
...udio/src/components/onboarding/onboarding-steps.ts	16.66%	5 Missing ⚠️
...src/components/onboarding/onboarding-container.tsx	0.00%	2 Missing and 1 partial ⚠️
studio/src/components/onboarding/step-2.tsx	0.00%	3 Missing ⚠️
... and 2 more

❌ Your patch check has failed because the patch coverage (0.22%) is below the target coverage (90.00%). You can increase the patch coverage or adjust the target coverage.
❌ Your project check has failed because the head coverage (1.56%) is below the target coverage (30.00%). You can increase the head coverage or adjust the target coverage.

Additional details and impacted files

@@                                         Coverage Diff                                         @@
##           ondrej/eng-9192-onboarding-wizard-from-signup-to-live-metrics-02   #2732      +/-   ##
===================================================================================================
- Coverage                                                              1.57%   1.56%   -0.02%     
===================================================================================================
  Files                                                                   306     311       +5     
  Lines                                                                 41951   42326     +375     
  Branches                                                                442     447       +5     
===================================================================================================
+ Hits                                                                    662     663       +1     
- Misses                                                                40993   41363     +370     
- Partials                                                                296     300       +4     

Files with missing lines	Coverage Δ
.../src/components/onboarding/onboarding-provider.tsx	0.00% <ø> (ø)
studio/src/hooks/use-onboarding-navigation.ts	0.00% <0.00%> (ø)
...src/components/onboarding/onboarding-container.tsx	0.00% <0.00%> (ø)
studio/src/components/onboarding/step-2.tsx	0.00% <0.00%> (ø)
studio/tailwind.config.js	0.00% <0.00%> (ø)
...udio/src/components/onboarding/onboarding-steps.ts	16.66% <16.66%> (ø)
studio/src/components/onboarding/step-3.tsx	0.00% <0.00%> (ø)
studio/src/components/layout/onboarding-layout.tsx	0.00% <0.00%> (ø)
studio/src/pages/onboarding/[step].tsx	0.00% <0.00%> (ø)
...rc/components/onboarding/onboarding-navigation.tsx	0.00% <0.00%> (ø)
... and 3 more

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.