Handle user avatar error

[christian-byrne]

When Avatar component emits error, use icon as fallback.

Prevents this scenario:

Additionally, adds translation for aria label.

[huchenlei]

There are various other places where we just Avatar, Ideally we wrap it in a new component so the fallback logic can be reused.

[christian-byrne]

There are various other places where we just Avatar, Ideally we wrap it in a new component so the fallback logic can be reused.

Good point.

[christian-byrne]

Changes:

• Create dedicated component UserAvatar in common components folder
• Use UserAvatar in two places Avatar was being used
• Add basic component test

[huchenlei]

Can

ComfyUI_frontend/src/components/topbar/CurrentUserPopover.vue

Lines 7 to 14 in 926278e

	<Avatar
	class="mb-3"
	:image="user?.photoURL ?? undefined"
	:icon="user?.photoURL ? undefined : 'pi pi-user !text-2xl'"
	shape="circle"
	size="large"
	aria-label="User Avatar"
	/>

also be replaced?

[christian-byrne]

Changes:

• Allow/handle using fallback when null passed for photoUrl prop, for easier use with firebase store currentUser + add unit test to verify
• Use UserAvatar component in CurrentUserPopover. Maintain icon class styling with pt syntax:

            :pt:icon:class="{
              '!text-2xl': !user?.photoURL
            }"