feat(web): add avatars to add-member search results

web/src/components/ChatInfoPanel.tsx

@@ -657,8 +657,19 @@ export function ChatInfoPanel({ chatId, open, onClose }: Props) {
                         }
                       }}
                     >
-                      <p className="truncate font-semibold">{user.name}</p>
-                      <p className="truncate text-xs text-slate-400">@{user.username}</p>
+                      <div className="flex items-start gap-2">
+                        {user.avatar_url ? (
+                          <img alt="avatar" className="h-8 w-8 shrink-0 rounded-full object-cover" src={user.avatar_url} />
+                        ) : (
+                          <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-700 text-[11px] font-semibold uppercase text-slate-200">
+                            {initialsFromName(user.name || user.username || `user ${user.id}`)}
+                          </div>
+                        )}
+                        <div className="min-w-0">
+                          <p className="truncate font-semibold">{user.name}</p>
+                          <p className="truncate text-xs text-slate-400">@{user.username}</p>
+                        </div>
+                      </div>
                     </button>
                   ))}
                 </div>