Organization: create workflow

[humitos]

Initial approach to improve the "Organizaion creation workflow" and help users to remove confusions when signing up.

The idea is to expose the 3 alternatives clearly and let them decide what's the step they want to follow:

• join an existing organization
• create a new organization
• not sure what I'm doing

Depending what option they select, we tell them to contact the organization owner, we present a form to create an organization or we tell them to contact us.

Related https://github.com/readthedocs/readthedocs.org/issues/11356

[humitos]

I followed the pattern we have on sso_edit.html, regarding the UI. However, I wanted to add the same dynamic tabs we used for the example config files, but I wasn't able to. @agjohnson how I can combine a select input with a tab menu?

[agjohnson]

So, noted above, but tabmenu isn't usable on select elements. If you want to use a dropdown/select to activate you should either use a dropdown menu, reuse the first list as a menu with selectable items, or consider some JS.

[humitos]

I updated this PR with the feedback received. It's still not perfect, but at least it gives the user a lot more context about what's happening when they Sign Up without an invitation. I'm happy with this as a first iteration at least.

[agjohnson]

That looks great! That was about what I wanted from the SSO UI initially too.

The right column looks to need to be vertically top aligned now as well, otherwise that content will float around vertically like it does in your screencast. I think top aligned column is what should resolve that bug.

[humitos]

Thanks for the feedback! I think it's ready to go now 🚀