Refactor: Change how user navigates between steps in the Onboarding Wizard

[pauloiankoski]

Resolves GIVE-967

Description

This pull request changes how the user navigates between steps. It removes the ability to change the current step by clicking directly in the navigation bar and adds ‘Previous’ buttons to the steps. This way, we intend to guide the user to go through all the steps. Additionally, it brings enhancements to styling.

Affects

Navigation in the Onboarding Wizard

Visuals

CleanShot.2024-07-10.at.17.34.46.mp4

Cause step

Location step

Features step

Preview step

Add-ons step

Testing Instructions

In the Onboarding Wizard, guarantee that you can move forward and backaward.

Pre-review Checklist

• Acceptance criteria satisfied and marked in related issue
• Relevant @unreleased tags included in DocBlocks
• Includes unit tests
• Reviewed by the designer (if follows a design)
• Self Review of code and UX completed

[JoshuaHungDinh]

Hey, so Is it safe to assume you plan to update screen 1 "Cause" later?

Also, not a big deal but why does confetti image look different?

[pauloiankoski]

Yeah. The last PR is the one that replaces that Accept and Continue button with a checkbox. Regarding confetti, that's an emoji and can be rendered differently according to the system. Do you mind trying it on Chrome or Safari?

[JoshuaHungDinh]

Yeah. The last PR is the one that replaces that Accept and Continue button with a checkbox. Regarding confetti, that's an emoji and can be rendered differently according to the system. Do you mind trying it on Chrome or Safari?

Interesting, yea its red on Safari, Chrome & Opera for me. I don't think it should hold the PR up. I was just wondering. This tests out perfect and the code LGTM. I say we move this forward!