Add a hover on Show Person Avatar (#1631)

* Display 404 while person or company not found

* Display 404 while person or company not found

* Issue solved

* Icon Size Adjustment, resize the icons used in filter and sort

* Fixed issues

* Icon Size Adjustment, resize the icons used in filter and sort

* Add onClick in Avatar.tsx

* Comments solved

* Solve conflicts

* Update front/src/modules/users/components/Avatar.tsx

* Update front/src/modules/users/components/Avatar.tsx

* Update front/src/modules/users/components/Avatar.tsx

* Update front/src/modules/users/components/Avatar.tsx

* Update front/src/modules/users/components/Avatar.tsx

---------

Co-authored-by: Charles Bochet <charlesBochet@users.noreply.github.com>

front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx

@@ -89,15 +89,16 @@ export const ShowPageSummaryCard = ({
   const onFileChange = (e: ChangeEvent<HTMLInputElement>) => {
     if (e.target.files) onUploadPicture?.(e.target.files[0]);
   };
-  const onAvatarClick = () => {
+  const handleAvatarClick = () => {
     if (onUploadPicture) inputFileRef?.current?.click?.();
   };
 
   return (
     <StyledShowPageSummaryCard>
-      <StyledAvatarWrapper onClick={onAvatarClick}>
+      <StyledAvatarWrapper>
         <Avatar
           avatarUrl={logoOrAvatar}
+          onClick={handleAvatarClick}
           size="xl"
           colorId={id}
           placeholder={title}

front/src/modules/ui/view-bar/components/UpdateViewButtonGroup.tsx

@@ -28,7 +28,6 @@ const StyledContainer = styled.div`
   margin-right: ${({ theme }) => theme.spacing(2)};
   position: relative;
 `;
-
 export type UpdateViewButtonGroupProps = {
   hotkeyScope: string;
   onViewEditModeChange?: () => void;