🚩(frontend) display transcript items only when back is enabled

Avoid displaying the feature in the client if it's disabled
in the backend.

src/frontend/src/features/rooms/livekit/components/controls/Options/TranscriptMenuItem.tsx

@@ -9,6 +9,7 @@ import {
 import { useStopRecording } from '@/features/rooms/api/stopRecording'
 import { useRoomContext } from '@livekit/components-react'
 import { useRoomData } from '@/features/rooms/livekit/hooks/useRoomData'
+import { useConfig } from '@/api/useConfig'
 
 export const TranscriptMenuItem = () => {
   const { t } = useTranslation('rooms', { keyPrefix: 'options.items' })
@@ -18,6 +19,8 @@ export const TranscriptMenuItem = () => {
   const { mutateAsync: startRecordingRoom } = useStartRecording()
   const { mutateAsync: stopRecordingRoom } = useStopRecording()
 
+  const { data: apiConfig } = useConfig()
+
   const room = useRoomContext()
 
   const handleTranscript = async () => {
@@ -39,6 +42,13 @@ export const TranscriptMenuItem = () => {
     }
   }
 
+  if (
+    !apiConfig.recording?.is_enabled ||
+    !apiConfig.recording?.available_modes?.includes(RecordingMode.Transcript)
+  ) {
+    return
+  }
+
   return (
     <MenuItem
       className={menuRecipe({ icon: true }).item}