✨(frontend) focus chat input on panel open

move keyboard focus to the message input when the chat panel opens.

Signed-off-by: Cyril <c.gromoff@gmail.com>

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

@@ -1,5 +1,5 @@
 import type { ChatMessage, ChatOptions } from '@livekit/components-core'
-import * as React from 'react'
+import React, { useEffect } from 'react'
 import {
   formatChatMessageLinks,
   useChat,
@@ -36,6 +36,11 @@ export function Chat({ ...props }: ChatProps) {
   const { isChatOpen } = useSidePanel()
   const chatSnap = useSnapshot(chatStore)
 
+  useEffect(() => {
+    if (!isChatOpen || !inputRef.current) return
+    inputRef.current.focus()
+  }, [isChatOpen])
+
   // Use useParticipants hook to trigger a re-render when the participant list changes.
   const participants = useParticipants()