fix: pass raw avatar filename to preview card Avatar instead of pre-resolved URL

packages/web/src/components/modals/settingsPanels/AccountPanel.tsx

@@ -226,26 +226,15 @@ export function AccountPanel() {
           />
           {/* Avatar + info */}
           <div className="px-4 pb-3">
-            <div
+            <Avatar
-              className="mt-[-28px] mb-2 w-fit rounded-full"
+              src={avatarPreview ?? (avatarFilename === '' ? null : user.avatar)}
-              style={{ border: '4px solid var(--color-surface-channel, #1e1e2a)' }}
+              name={effectiveDisplayName}
-            >
+              size={56}
-              {displayAvatarSrc ? (
+              userId={user.homeUserId ?? user.id}
-                <img
+              user={{ ...user, avatarColor: effectiveAvatarColor } as User}
-                  src={displayAvatarSrc}
+              ring={{ width: 4, color: 'var(--color-surface-channel, #1e1e2a)' }}
-                  alt="Avatar"
+              className="mt-[-32px] mb-2"
-                  className="w-[56px] h-[56px] rounded-full object-cover"
+            />
-                />
-              ) : (
-                <Avatar
-                  src={null}
-                  name={effectiveDisplayName}
-                  size={56}
-                  userId={user.homeUserId ?? user.id}
-                  user={{ ...user, avatarColor: effectiveAvatarColor } as User}
-                />
-              )}
-            </div>
             <div
               className="font-semibold text-[15px] leading-tight text-txt-primary"
             >