Improve new invite screen

[fditrapani]

Problem

The new invite screen uses unnecessary language and can be ambiguous.

Let's update the interface to be more concise and offer more clarity.

Where

1. Visit the User screen for your site
2. Send yourself an invite for a new user
3. Click on the CTA in the email

[github-actions]

OpenAI suggested the following labels for this issue:

• [Feature Group] Signup & Site Onboarding: The issue pertains to the onboarding process for inviting new users, making it relevant to the signup experience.
• [Feature] Emails & Domains: Since the issue involves clarifying the email invite sent to users, this label connects to the email communication aspect.
• [Feature] User Management: The new invite screen is related to inviting and managing users within the application, making this label appropriate.

[crisbusquets]

@fditrapani could you design a proposal on how this should look like? I agree that this UI feels ancient and needs some love 😅.

[fditrapani]

Sure thing! I can put something together this week.

[fditrapani]

Here are some variations of a new design that removes the card layout and aligns with some of our other account screens:

I didn't update the permissions because that would be a bigger task that involves updating the emails and other areas of the product. I also pushed the site's name onto a new line to reduce breaking the site name on multiple lines. It's not always avoidable but would happen less in this case. Let me know what you think!