Fix participant name format (#8203)

Signed-off-by: Kristina Fefelova <[email protected]>

Author: kristina-fefelova

plugins/love-resources/src/components/ParticipantsList.svelte

@@ -16,6 +16,7 @@
   import { Avatar, personByIdStore } from '@hcengineering/contact-resources'
   import { ParticipantInfo } from '@hcengineering/love'
   import { Scroller } from '@hcengineering/ui'
+  import { formatName } from '@hcengineering/contact'
 
   export let items: (ParticipantInfo & { onclick?: (e: MouseEvent) => void })[]
 </script>
@@ -36,7 +37,7 @@
           person={$personByIdStore.get(participant.person)}
         />
       </div>
-      {participant.name}
+      {formatName(participant.name)}
     </div>
   {/each}
 </Scroller>

plugins/love-resources/src/components/RoomButton.svelte

@@ -17,6 +17,7 @@
   import { Avatar, personByIdStore } from '@hcengineering/contact-resources'
   import { tooltip, deviceOptionsStore as deviceInfo, checkAdaptiveMatching } from '@hcengineering/ui'
   import { ParticipantInfo } from '@hcengineering/love'
+  import { formatName } from '@hcengineering/contact'
   import ParticipantsList from './ParticipantsList.svelte'
 
   export let label: string
@@ -61,7 +62,7 @@
     <div class="hulyStatusBarButton-icons">
       {#each participants as participant (participant._id)}
         <div
-          use:tooltip={{ label: getEmbeddedLabel(participant.name), direction: 'bottom' }}
+          use:tooltip={{ label: getEmbeddedLabel(formatName(participant.name)), direction: 'bottom' }}
           on:click={participant.onclick}
         >
           <Avatar