Update useParticipants to listen for any Participant's info changes (#980)

Author: lebaudantoine

.changeset/calm-rivers-behave.md

@@ -0,0 +1,5 @@
+---
+'@livekit/components-core': patch
+---
+
+update useParticipants to listen for any Participant's info changes

packages/core/src/helper/eventGroups.ts

@@ -11,6 +11,8 @@ export const allRemoteParticipantRoomEvents = [
   RoomEvent.ParticipantDisconnected,
   RoomEvent.ParticipantPermissionsChanged,
   RoomEvent.ParticipantMetadataChanged,
+  RoomEvent.ParticipantNameChanged,
+  RoomEvent.ParticipantAttributesChanged,
 
   RoomEvent.TrackMuted,
   RoomEvent.TrackUnmuted,

packages/react/src/prefabs/ControlBar.tsx

@@ -30,7 +30,7 @@ export interface ControlBarProps extends React.HTMLAttributes<HTMLDivElement> {
   controls?: ControlBarControls;
   /**
    * If `true`, the user's device choices will be persisted.
-   * This will enables the user to have the same device choices when they rejoin the room.
+   * This will enable the user to have the same device choices when they rejoin the room.
    * @defaultValue true
    * @alpha
    */

packages/react/src/prefabs/PreJoin.tsx

@@ -203,7 +203,7 @@ export function usePreviewDevice<T extends LocalVideoTrack | LocalAudioTrack>(
  *
  * @remarks
  * This component is independent of the `LiveKitRoom` component and should not be nested within it.
- * Because it only access the local media tracks this component is self contained and works without connection to the LiveKit server.
+ * Because it only accesses the local media tracks this component is self-contained and works without connection to the LiveKit server.
  *
  * @example
  * ```tsx

packages/react/src/prefabs/VideoConference.tsx

@@ -43,7 +43,7 @@ export interface VideoConferenceProps extends React.HTMLAttributes<HTMLDivElemen
  * @remarks
  * The component is implemented with other LiveKit components like `FocusContextProvider`,
  * `GridLayout`, `ControlBar`, `FocusLayoutContainer` and `FocusLayout`.
- * You can use this components as a starting point for your own custom video conferencing application.
+ * You can use these components as a starting point for your own custom video conferencing application.
  *
  * @example
  * ```tsx