show profileCard in some components

packages/app/src/Element/Event/Reactions.tsx

@@ -88,7 +88,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
             return (
               <div key={ev.id} className="reactions-item">
                 <div className="reaction-icon">{ev.content === "+" ? <Icon name="heart" /> : ev.content}</div>
-                <ProfileImage pubkey={ev.pubkey} />
+                <ProfileImage pubkey={ev.pubkey} showProfileCard={true} />
               </div>
             );
           })}
@@ -102,6 +102,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
                     <span className="zap-amount">{formatShort(z.amount)}</span>
                   </div>
                   <ProfileImage
+                    showProfileCard={true}
                     pubkey={z.anonZap ? "" : z.sender}
                     subHeader={<div title={z.content}>{z.content}</div>}
                     link={z.anonZap ? "" : undefined}
@@ -120,7 +121,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
                 <div className="reaction-icon">
                   <Icon name="repost" size={16} />
                 </div>
-                <ProfileImage pubkey={ev.pubkey} />
+                <ProfileImage pubkey={ev.pubkey} showProfileCard={true} />
               </div>
             );
           })}
@@ -131,7 +132,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
                 <div className="reaction-icon">
                   <Icon name="dislike" />
                 </div>
-                <ProfileImage pubkey={ev.pubkey} />
+                <ProfileImage pubkey={ev.pubkey} showProfileCard={true} />
               </div>
             );
           })}

packages/app/src/Element/Event/Zap.tsx

@@ -18,7 +18,7 @@ const Zap = ({ zap, showZapped = true }: { zap: ParsedZap; showZapped?: boolean
   return valid && sender ? (
     <div className="card">
       <div className="flex justify-between">
-        <ProfileImage pubkey={sender} />
+        <ProfileImage pubkey={sender} showProfileCard={true} />
         {receiver !== pubKey && showZapped && <ProfileImage pubkey={unwrap(receiver)} />}
         <h3>
           <FormattedMessage {...messages.Sats} values={{ n: formatShort(amount ?? 0) }} />

packages/app/src/Element/User/FollowListBase.tsx

@@ -57,7 +57,12 @@ export default function FollowListBase({
       )}
       <div className={className}>
         {pubkeys?.map(a => (
-          <ProfilePreview pubkey={a} key={a} options={{ about: showAbout }} actions={profileActions?.(a)} />
+          <ProfilePreview
+            pubkey={a}
+            key={a}
+            options={{ about: showAbout, profileCards: true }}
+            actions={profileActions?.(a)}
+          />
         ))}
       </div>
     </div>