Merge pull request #36290 from ZhenjaHorbach/hidden-is-not-shown-on-h…

…eader-of-avatar-for-hidden-contact

Fix bug with Hidden is not shown on the header of avatar for Hidden contact

src/pages/settings/Profile/ProfileAvatar.tsx

@@ -5,6 +5,7 @@ import {withOnyx} from 'react-native-onyx';
 import AttachmentModal from '@components/AttachmentModal';
 import Navigation from '@libs/Navigation/Navigation';
 import type {AuthScreensParamList} from '@libs/Navigation/types';
+import * as PersonalDetailsUtils from '@libs/PersonalDetailsUtils';
 import * as UserUtils from '@libs/UserUtils';
 import * as ValidationUtils from '@libs/ValidationUtils';
 import * as PersonalDetails from '@userActions/PersonalDetails';
@@ -24,6 +25,7 @@ function ProfileAvatar({route, personalDetails, isLoadingApp = true}: ProfileAva
     const avatarURL = personalDetail?.avatar ?? '';
     const accountID = Number(route.params.accountID ?? '');
     const isLoading = personalDetail?.isLoading ?? (isLoadingApp && !Object.keys(personalDetail ?? {}).length);
+    const displayName = PersonalDetailsUtils.getDisplayNameOrDefault(personalDetail);
 
     useEffect(() => {
         if (!ValidationUtils.isValidAccountRoute(Number(accountID)) ?? !!avatarURL) {
@@ -34,7 +36,7 @@ function ProfileAvatar({route, personalDetails, isLoadingApp = true}: ProfileAva
 
     return (
         <AttachmentModal
-            headerTitle={personalDetail?.displayName ?? ''}
+            headerTitle={displayName}
             defaultOpen
             source={UserUtils.getFullSizeAvatar(avatarURL, accountID)}
             onModalClose={() => {