fix(app): load small list avatars eagerly (#1918)

fluxer_app/src/features/guild/components/modals/guild_tabs/UserListItem.tsx

@@ -75,13 +75,7 @@ export const UserListItem: React.FC<UserListItemProps> = observer(
 				<div className={styles.memberMain} data-flx="guild.guild-tabs.user-list-item.member-main">
 					<div className={styles.avatarWrapper} data-flx="guild.guild-tabs.user-list-item.avatar-wrapper">
 						{avatarUrl ? (
-							<img
-								src={avatarUrl}
-								alt=""
-								className={styles.avatar}
-								loading="lazy"
-								data-flx="guild.guild-tabs.user-list-item.avatar"
-							/>
+							<img src={avatarUrl} alt="" className={styles.avatar} data-flx="guild.guild-tabs.user-list-item.avatar" />
 						) : (
 							<div className={styles.avatarPlaceholder} data-flx="guild.guild-tabs.user-list-item.avatar-placeholder">
 								{resolvedDisplayName[0].toUpperCase()}

fluxer_app/src/features/invite/components/InviteListItem.tsx

@@ -166,13 +166,7 @@ export const InviteListItem: React.FC<{
 				</span>
 				{inviter && avatarUrl ? (
 					<>
-						<img
-							src={avatarUrl}
-							alt=""
-							className={styles.avatar}
-							loading="lazy"
-							data-flx="invite.invite-list-item.avatar"
-						/>
+						<img src={avatarUrl} alt="" className={styles.avatar} data-flx="invite.invite-list-item.avatar" />
 						<span className={styles.username} data-flx="invite.invite-list-item.username">
 							{inviterDisplayName}
 						</span>

fluxer_app/src/features/user/components/modals/tabs/applications_tab/ApplicationsList.tsx

@@ -63,8 +63,6 @@ export const ApplicationsList: React.FC<ApplicationsListProps> = observer(({appl
 											src={avatarUrl}
 											alt=""
 											className={styles.itemAvatar}
-											loading="lazy"
-											decoding="async"
 											draggable={false}
 											data-flx="user.applications-tab.applications-list.item-avatar"
 										/>