fix(workspace): show member emails (#2393)

Co-authored-by: dadachann <185672915+dadachann@users.noreply.github.com>

web/src/app/home/components/workspace-settings/WorkspaceSettingsPanel.tsx

@@ -313,18 +313,20 @@ export default function WorkspaceSettingsPanel({
                     <ItemMedia variant="icon">
                       <Users className="size-4" />
                     </ItemMedia>
-                    <ItemContent>
+                    <ItemContent className="min-w-0">
                       <ItemTitle>
-                        {member.email}
+                        {member.display_name}
                         {isSelf && (
                           <Badge variant="outline">{t('workspace.you')}</Badge>
                         )}
                       </ItemTitle>
-                      <ItemDescription>
-                        {t(`workspace.roles.${member.role}`)}
+                      <ItemDescription className="flex flex-wrap items-center gap-x-1.5 gap-y-0.5">
+                        <span className="break-all">{member.email}</span>
+                        <span aria-hidden="true">·</span>
+                        <span>{t(`workspace.roles.${member.role}`)}</span>
                       </ItemDescription>
                     </ItemContent>
-                    <ItemActions>
+                    <ItemActions className="max-sm:basis-full max-sm:justify-end max-sm:pl-10">
                       {canUpdateMembers && member.role !== 'owner' && (
                         <Select
                           value={member.role}

web/src/app/infra/entities/workspace.ts

@@ -19,6 +19,7 @@ export interface WorkspaceMembership {
   uuid: string;
   workspace_uuid: string;
   account_uuid: string;
+  display_name: string;
   email: string;
   role: WorkspaceRole;
   status: 'active' | 'disabled' | 'removed';