Prevent avatar fallback flash

[austin-smith]

What Changed

• Render avatar images in the server HTML instead of waiting for client-side load confirmation.
• Track image loading and error state so the fallback remains visible until the image loads and returns after a failure.
• Reset image state when the avatar URL changes in place.
• Keep the image decorative and expose the avatar's accessible name from its root so failed images do not paint replacement text before hydration.

Why

The Radix avatar image was omitted from the server-rendered HTML until client-side JavaScript confirmed it had loaded. On refresh, this briefly displayed the fallback icon before swapping to a cached avatar. Rendering the image immediately removes that flash while preserving the fallback for loading and failed images.

Validation

• pnpm web:verify
• git diff --check

UI Changes

Cached account avatars now render on the initial page frame without flashing the fallback icon. Failed avatar URLs continue to display the fallback without broken-image replacement text.

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: cde5beefc8

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".