fix: add keys and show name for counterparts

src/components/UsersDetails.tsx/index.tsx

@@ -72,7 +72,11 @@ export const UsersDetails = ({ meta }: UsersDetailsProps) => {
             {signers.map((signer) => {
               const pubkey = npubToHex(signer)!
               return (
-                <DisplaySigner status={signersStatus[signer]} pubkey={pubkey} />
+                <DisplaySigner
+                  key={pubkey}
+                  status={signersStatus[signer]}
+                  pubkey={pubkey}
+                />
               )
             })}
           </UserAvatarGroup>
@@ -87,7 +91,11 @@ export const UsersDetails = ({ meta }: UsersDetailsProps) => {
                   const pubkey = npubToHex(signer)!
 
                   return (
-                    <DisplaySigner status={SignStatus.Viewer} pubkey={pubkey} />
+                    <DisplaySigner
+                      key={pubkey}
+                      status={SignStatus.Viewer}
+                      pubkey={pubkey}
+                    />
                   )
                 })}
               </UserAvatarGroup>

src/pages/create/index.tsx

@@ -1179,7 +1179,7 @@ const Counterpart = ({
   return (
     <>
       <div className={styles.avatar}>
-        <UserAvatar pubkey={user.pubkey} />
+        <UserAvatar pubkey={user.pubkey} isNameVisible={true} />
       </div>
       <Tooltip title="Toggle User Role" arrow disableInteractive>
         <Button