Add member (eg "invite sent" state) in members list when inviting a new member via email

[mxcrbn]

Current behavior

When adding members via email, a toast message confirms the action but those members don't appear anywhere, which can be confusing (on perso & even more on team level).

[greptile-apps]

To add the invited member to the members list, follow these steps:

1. Update WorkspaceInviteTeam component:

   • File: frontend/src/components/WorkspaceInviteTeam.tsx
   • After the invite action, update the state to include the invited member with an 'invite sent' status.

   const handleInvite = async (email: string) => {
     await inviteMember(email);
     setMembers([...members, { email, status: 'invite sent' }]);
   };

2. Reflect state change in SettingsWorkspaceMembers component:

   • File: frontend/src/components/SettingsWorkspaceMembers.tsx
   • Ensure the component correctly displays members with the 'invite sent' status.

   const renderMember = (member) => {
     return (
       <div key={member.email}>
         {member.email} - {member.status}
       </div>
     );
   };

   • Map through the members state to render each member.

   return (
     <div>
       {members.map(renderMember)}
     </div>
   );

_{Edit Issue Bot Settings}