SSO: Add invite user button option (#88369)

* Add invite button option

* Fix type

* Remove unnecessary comment

* Add notice and style

* Use LocalizeUrl

* Fix small viewport message style

* Fix pending invites not being shown sometimes

* Add error handling

* Use correct icon

* Rename variable

* Remove unnecessary test expectation

client/my-sites/people/invite-status/index.jsx

@@ -9,16 +9,11 @@ const InviteStatus = ( {
 	handleDelete,
 	resendSuccess,
 	requestingResend,
-	inviteWasDeleted,
 	deletingInvite,
 } ) => {
 	const translate = useTranslate();
 	const { isPending } = invite;
 
-	if ( invite && inviteWasDeleted ) {
-		return null;
-	}
-
 	return (
 		<div
 			className={ classNames( 'people-list-item__invite-status', {

client/my-sites/people/people-invite-details/index.jsx

@@ -96,14 +96,13 @@ export class PeopleInviteDetails extends PureComponent {
 			requesting,
 			invite,
 			translate,
-			deleteSuccess,
 			requestingResend,
 			resendSuccess,
 			inviteWasDeleted,
 			deletingInvite,
 		} = this.props;
 
-		if ( ! site || ! site.ID || deleteSuccess ) {
+		if ( ! site || ! site.ID ) {
 			return this.renderPlaceholder();
 		}
 

client/my-sites/people/people-invite-details/test/index.jsx

@@ -150,11 +150,6 @@ describe( 'PeopleInviteDetails', () => {
 		expect( mockGoBack ).toHaveBeenCalledTimes( 1 );
 		expect( mockGoBack ).toHaveBeenCalledWith( '/people/invites/' + siteObject.slug );
 
-		// Verify that a placeholder is rendered while waiting for `page.back`
-		// to take effect.
-		const loadingUsersEl2 = screen.queryByText( 'Loading Users' );
-		expect( loadingUsersEl2 ).toBeInTheDocument();
-
 		// Change another prop and verify that `page.back` isn't called again.
 		rerender( <PeopleInviteDetails { ...props } invite={ { ...acceptedInviteObject } } /> );
 		expect( mockGoBack ).toHaveBeenCalledTimes( 1 );