FCE-2188: Use username from server metadata as display name (#523)

## Description

We need to use username from server metadata as display name.

## Motivation and Context

Web is not sending displayName in peer metadata.

## Documentation impact

- [ ] Documentation update required
- [ ] Documentation updated [in another PR](_)
- [x] No documentation update required

## Types of changes

- [x] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to
      not work as expected)

Author: anna1901

internal/fishjam-chat/components/VideosGrid/parsePeersToTracks.ts

@@ -1,9 +1,9 @@
 import { PeerWithTracks } from '@fishjam-cloud/react-native-client/build/hooks/usePeers';
 import { GridTrack } from './GridTrackItem';
-import { PeerMetadata } from '../../types/metadata';
+import { PeerMetadata, ServerMetadata } from '../../types/metadata';
 
 const createGridTracksFromPeer = (
-  peer: PeerWithTracks<PeerMetadata>,
+  peer: PeerWithTracks<PeerMetadata, ServerMetadata>,
 ): GridTrack[] => {
   const tracks: GridTrack[] = [];
 
@@ -12,7 +12,7 @@ const createGridTracksFromPeer = (
       ...peer.cameraTrack,
       peerId: peer.id,
       isLocal: peer.isLocal,
-      userName: peer.metadata.peer?.displayName,
+      userName: peer.metadata.server?.username,
       isVadActive: peer.microphoneTrack?.vadStatus === 'speech',
       aspectRatio: peer.cameraTrack.aspectRatio,
     });
@@ -23,7 +23,7 @@ const createGridTracksFromPeer = (
       ...peer.screenShareVideoTrack,
       peerId: peer.id,
       isLocal: peer.isLocal,
-      userName: peer.metadata.peer?.displayName,
+      userName: peer.metadata.server?.username,
       isVadActive: peer.screenShareAudioTrack?.vadStatus === 'speech',
       aspectRatio: peer.screenShareVideoTrack.aspectRatio,
     });
@@ -33,8 +33,8 @@ const createGridTracksFromPeer = (
 };
 
 export const parsePeersToTracks = (
-  localPeer: PeerWithTracks<PeerMetadata> | null,
-  remotePeers: PeerWithTracks<PeerMetadata>[],
+  localPeer: PeerWithTracks<PeerMetadata, ServerMetadata> | null,
+  remotePeers: PeerWithTracks<PeerMetadata, ServerMetadata>[],
 ): GridTrack[] => [
   ...(localPeer ? createGridTracksFromPeer(localPeer) : []),
   ...remotePeers.flatMap(createGridTracksFromPeer),

internal/fishjam-chat/types/metadata.ts

@@ -1 +1,2 @@
 export type PeerMetadata = { displayName?: string };
+export type ServerMetadata = { username?: string };