Move the design picker in front of the plans step

[p-jackson]

Details

This should be implemented behind the onboarding/goals-first feature flag

Checklist

• [ ]
• [ ]

Related

No response

[github-actions]

This issue could use some more labels, to help prioritize and categorize our work. Could you please add at least a [Type], a [Feature], and a [Pri] label?

[p-jackson]

WIP #97383

[candy02058912]

Where we are currently:

We've merged

• Moves design picker after the goals step #97383
• Remove design picker from site-setup flow #97540

meaning that the design picker is showing at the right position and won't be duplicated when we redirect to the /site-setup flow.

What is still not working

• styleVariation and globalStyles are not persisted on site creation

Currently, we cannot move forward if we select a Paid theme or Premium styles with what has been merged.
To pass the modal during testing, we can use this snippet from @zaguiini #97548

Not part of this Issue

For the modal that needs to be removed, it will be part of #97535

[paulopmt1]

we cannot move forward if we select a Paid theme or Premium styles
For the modal that needs to be removed, it will be part of #97535

This will be addressed in this task, which I'm working on. If it takes too much time I may land that diff (implemented in a draft here) to allow us test it with premium themes.

styleVariation and globalStyles are not persisted on site creation

To help with clear goals for each task, I'm moving this to a new task and closing this one, since we already reached its goal.

[paulopmt1]

we cannot move forward if we select a Paid theme or Premium styles

Solution is ready for review.