feat: move workspace name in post-pro flow

[alexnm]

Closes PC-1222

Removes the step to name the workspace / create team before going to stripe.

On the pro page, when you start trial / upgrade to pro you go directly to stripe
When stripe redirects to the dashboard, you end up with new_workspace=true in the query string.
The modal window now has 3 steps:

A few style adjustments to match on all 3 screens

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

• Application (fast + production)
• Application (fast + stream)

[linear]

PC-1222 Remove first step to add team name

The problem

We are learning that users are deterred by naming their workspace, they expect to go straight to stripe

(see parent ticket)

I think we should look into removing the step where we have users name their workspace before creating a subscription. I know that we implemented this step bc the BE needs a team name to attach to a subscription.

alex sanne can we do this behind the scenes? I'm not sure if the client should pass in a filler team name or if the BE could do it, but I'm thinking that the steps would be

• from /pro users select Upgrade to pro
• either the client names the team something generic like [username]'s pro and send that through on behalf of the user or the BE does something similar
• user fills in strip details
• we show a welcome screen where the user can name their workspace and invite others to join
• in the future we could have an option for them to move their sandboxes from their personal to the new workspace
• direct users to the workspace onboarding screen

[necoline]

Love the styling changes!

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 40093f7:

Sandbox	Source
Notifications Test	Configuration