Improve more actions button on the workspace start page when opening in desktop IDEs

[gtsiolis]

Problem to solve

Back in https://github.com/gitpod-io/gitpod/issues/6841 and https://github.com/gitpod-io/gitpod/pull/6847, we've added a dropdown button with more options besides opening a workspace in VS Code in Browser. Cc @corneliusludmann @akosyakov @JanKoehnlein

The current implementation brings in the following issues:

1. Redandunt right padding on the secondary button (see down chevron icon)
2. Center aligned dropdown options which is not following the pattern used in other dropdowns.
3. Inaccurate footer text as not all options above are IDE options.
4. Option order could affect memory muscle as usually this button links back to the dashboard while in the current implementation the option to open the dashboard has been moved to the bottom of the list.

Proposal

Button	Dropdow

See design specs.

[gtsiolis]

@corneliusludmann I've added the design specs in the issue description. Feedback is welcome! 🍊

fyi: The dropdown button will most probably be used in a few other places like in https://github.com/gitpod-io/gitpod/issues/6826#issuecomment-985039468. In the next iteration we could improve this page by including the context but this could be considered out of the scope of this issue.

Feel free to leave the team: meta label or pick this up as part of the team: ide efforts! 🏀

Cc @loujaybee @akosyakov because https://github.com/gitpod-io/gitpod/issues/6841 and team: ide

Cc @gitpod-io/engineering-meta

Cc @laushinka because https://github.com/gitpod-io/gitpod/issues/6826#issuecomment-985088331

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.