Fix username / displayname naming confusion

src/room/GroupCallView.tsx

@@ -85,7 +85,7 @@ export function GroupCallView({
   const roomAvatarUrl = useRoomAvatar(groupCall.room);
 
   const matrixInfo: MatrixInfo = {
-    userName: displayName,
+    displayName,
     avatarUrl,
     roomName: groupCall.room.name,
     roomIdOrAlias,

src/room/InCallView.tsx

@@ -96,7 +96,7 @@ export function ActiveCall(props: ActiveCallProps) {
     sfuUrl: Config.get().livekit!.server_url,
     jwtUrl: `${Config.get().livekit!.jwt_service_url}/token`,
     roomName: props.matrixInfo.roomName,
-    userName: props.matrixInfo.userName,
+    userDisplayName: props.matrixInfo.displayName,
     userIdentity: `${props.client.getUserId()}:${props.client.getDeviceId()}`,
   });
 

src/room/VideoPreview.tsx

@@ -31,7 +31,7 @@ import { DeviceChoices, UserChoices } from "../livekit/useLiveKit";
 import { useDefaultDevices } from "../settings/useSetting";
 
 export type MatrixInfo = {
-  userName: string;
+  displayName: string;
   avatarUrl: string;
   roomName: string;
   roomIdOrAlias: string;
@@ -145,7 +145,7 @@ export function VideoPreview({ matrixInfo, onUserChoicesChanged }: Props) {
             <Avatar
               size={(previewBounds.height - 66) / 2}
               src={matrixInfo.avatarUrl}
-              fallback={matrixInfo.userName.slice(0, 1).toUpperCase()}
+              fallback={matrixInfo.displayName.slice(0, 1).toUpperCase()}
             />
           </div>
         )}