fix: improve avatar alt text (#892)

* fix: improve avatar alt text

* refactor: fix unknown avatar path on localhost

frontend/src/component/admin/users/UsersList/ChangePassword/ChangePassword.tsx

@@ -104,7 +104,7 @@ const ChangePassword = ({
                 <div className={commonStyles.flexRow}>
                     <Avatar
                         variant="rounded"
-                        alt={user.name}
+                        alt="Gravatar"
                         src={user.imageUrl}
                         title={`${
                             user.name || user.email || user.username

frontend/src/component/admin/users/UsersList/DeleteUser/DeleteUser.tsx

@@ -53,7 +53,7 @@ const DeleteUser = ({
                 <div data-loading className={commonStyles.flexRow}>
                     <Avatar
                         variant="rounded"
-                        alt={user.name}
+                        alt="Gravatar"
                         src={user.imageUrl}
                         title={`${
                             user.name || user.email || user.username

frontend/src/component/admin/users/UsersList/UserListItem/UserListItem.tsx

@@ -50,7 +50,7 @@ const UserListItem = ({
             <TableCell align="center" className={styles.hideXS}>
                 <Avatar
                     data-loading
-                    alt={user.name}
+                    alt="Gravatar"
                     src={user.imageUrl}
                     className={styles.avatar}
                     title={`${user.name || user.email || user.username} (id: ${

frontend/src/component/project/ProjectAccess/ProjectAccessList/ProjectAccessListItem/ProjectAccessListItem.tsx

@@ -45,7 +45,7 @@ export const ProjectAccessListItem = ({
     return (
         <ListItem key={user.id} button>
             <ListItemAvatar>
-                <Avatar alt={user.name} src={user.imageUrl} />
+                <Avatar alt="Gravatar" src={user.imageUrl} />
             </ListItemAvatar>
             <ListItemText
                 id={labelId}

frontend/src/component/user/UserProfile/UserProfile.tsx

@@ -8,6 +8,7 @@ import UserProfileContent from './UserProfileContent/UserProfileContent';
 import { IUser } from 'interfaces/user';
 import { ILocationSettings } from 'hooks/useLocationSettings';
 import { HEADER_USER_AVATAR } from 'utils/testIds';
+import unknownUser from 'assets/icons/unknownUser.png';
 
 interface IUserProfileProps {
     profile: IUser;
@@ -53,7 +54,7 @@ const UserProfile = ({
     }, [locationSettings]);
 
     const email = profile ? profile.email : '';
-    const imageUrl = email ? profile.imageUrl : 'unknown-user.png';
+    const imageUrl = email ? profile.imageUrl : unknownUser;
 
     return (
         <ClickAwayListener onClickAway={() => setShowProfile(false)}>
@@ -69,7 +70,7 @@ const UserProfile = ({
                     disableRipple
                 >
                     <Avatar
-                        alt="user image"
+                        alt="Your Gravatar"
                         src={imageUrl}
                         data-testid={HEADER_USER_AVATAR}
                     />

frontend/src/component/user/UserProfile/UserProfileContent/UserProfileContent.tsx

@@ -74,7 +74,7 @@ const UserProfileContent = ({
                     )}
                 >
                     <Avatar
-                        alt="user image"
+                        alt="Your Gravatar"
                         src={imageUrl}
                         className={profileAvatarClasses}
                     />