Add emails to the org settings tables (#1785)

Fixes #1687

- Adds an email field to the table at all times
- Converts the trash icon to `sl-icon-button` in the pending table,
makes it red on hover

frontend/src/pages/org/settings.ts

@@ -269,9 +269,10 @@ export class OrgSettings extends LiteElement {
   }
 
   private renderMembers() {
-    const columnWidths = ["1fr", "auto", "min-content"];
+    const columnWidths = ["1fr", "2fr", "auto", "min-content"];
     const rows = Object.entries(this.org.users!).map(([_id, user]) => [
       user.name,
+      user.email,
       this.renderUserRoleSelect(user),
       this.renderRemoveMemberButton(user),
     ]);
@@ -280,6 +281,7 @@ export class OrgSettings extends LiteElement {
         <btrix-data-table
           .columns=${[
             msg("Name"),
+            msg("Email"),
             msg("Role"),
             html`<span class="sr-only">${msg("Delete")}</span>`,
           ]}
@@ -380,12 +382,12 @@ export class OrgSettings extends LiteElement {
   }
 
   private renderRemoveInviteButton(invite: Invite) {
-    return html`<btrix-button
-      icon
+    return html`<sl-icon-button
+      class="text-base hover:text-danger"
+      name="trash3"
+      label=${msg("Revoke invite")}
       @click=${() => void this.removeInvite(invite)}
-    >
-      <sl-icon name="trash3"></sl-icon>
-    </btrix-button>`;
+    ></sl-icon-button>`;
   }
 
   private hideInviteDialog() {