⚡️(frontend) narrow chat event subscriptions to reduce re-renders

Reduce the set of events the chat subscribes to, keeping only those
that actually affect its rendering.

This avoids frequent re-renders triggered by unrelated events on
the room or participants.

src/frontend/src/features/rooms/livekit/prefabs/Chat.tsx

@@ -3,7 +3,7 @@ import React from 'react'
 import {
   formatChatMessageLinks,
   useChat,
-  useParticipants,
+  useRemoteParticipants,
   useRoomContext,
 } from '@livekit/components-react'
 import {
@@ -75,13 +75,9 @@ export function Chat({ ...props }: ChatProps) {
     shouldRestoreOnClose: () => !isSidePanelOpen,
   })
 
-  // Use useParticipants hook to trigger a re-render when the participant list changes.
+  // Use to trigger a re-render when the participant list changes.
-  const participants = useParticipants({
+  const remoteParticipants = useRemoteParticipants({
-    updateOnlyOn: [
+    updateOnlyOn: [RoomEvent.ParticipantNameChanged],
-      RoomEvent.ParticipantAttributesChanged,
-      RoomEvent.ParticipantNameChanged,
-      RoomEvent.ParticipantMetadataChanged,
-    ],
   })
 
   const lastReadMsgAt = React.useRef<ChatMessage['timestamp']>(0)
@@ -150,10 +146,10 @@ export function Chat({ ...props }: ChatProps) {
         msg.timestamp - allMsg[idx - 1].timestamp < 60_000 &&
         allMsg[idx - 1].from === msg.from,
     }))
-    // `participants` is included so rows re-render when participant
+    // `remoteParticipants` is included so rows re-render when participant
-    // information (name, metadata) changes.
+    // information (name) changes.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [chatMessages, participants])
+  }, [chatMessages, remoteParticipants])
 
   return (
     <Div