fix: don't render link for anon profiles

src/element/live-chat.tsx

@@ -146,7 +146,7 @@ function ChatZap({ ev }: { ev: TaggedRawEvent }) {
       <div className="zap">
         <Icon name="zap-filled" className="zap-icon" />
         <Profile
-          pubkey={parsed.anonZap ? "" : parsed.sender ?? ""}
+          pubkey={parsed.anonZap ? "anon" : parsed.sender ?? "anon"}
           options={{
             showAvatar: !parsed.anonZap,
             overrideName: parsed.anonZap ? "Anon" : undefined,

src/element/profile.tsx

@@ -35,10 +35,13 @@ export function Profile({
   options?: ProfileOptions;
 }) {
   const profile = useUserProfile(System, pubkey);
+  const showAvatar = options?.showAvatar ?? true;
+  const showName = options?.showName ?? true;
 
   const content = (
     <>
-      {(options?.showAvatar ?? true) && pubkey === "anon" ? (
+      {showAvatar &&
+        (pubkey === "anon" ? (
           <Icon size={40} name="zap-filled" />
         ) : (
           <img
@@ -46,8 +49,8 @@ export function Profile({
             className={avatarClassname ? avatarClassname : ""}
             src={profile?.picture ?? ""}
           />
-      )}
-      {(options?.showName ?? true) && (
+        ))}
+      {showName && (
         <span>
           {options?.overrideName ?? pubkey === "anon"
             ? "Anon"