feat(pro): UI updates

[olarclara]

What kind of change does this PR introduce?

• Extends the Badge component to accept more props.
• Removes the Pro badge.
• Adds the Free badge where appropriate.
• Adds the link to team settings.
• Removes unused code + organizes the folder.

What steps did you take to test this? This is required before we can merge, make sure to test the flow you've updated.

1. Visit /pro.

[codesandbox]

  Open in CodeSandbox Web Editor | VS Code | VS Code Insiders

• Application (fast)
• Application home (fast)

[linear]

XTD-307 Update page to upgrade to Pro

codesandbox.io/pro if you are not on a pro account, the view should look like the designs below. There are some missing features like

• link to go to team setting
• the free badge next to the team name
• updated designs for the workspace selector dropdown

Designs

Subscription pages - Sign-up and Trial (Figma)

Current:

image.png

image.png

[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 51565e0:

Sandbox	Source
Notifications Test	Configuration

[lbogdan]

Build for latest commit 51565e0 is at https://pr7110.build.csb.dev/s/new.

[alexnm]

Disabled options in the select still have a weird extra padding that needs to be removed, other then that, it looks good. I would suggest some additional changes here, like not even showing the teams that are disabled, but we should merge this first and follow-up with an improvement ticket of the page for later.