✨(frontend) add configurable documentation link

Expose a room options Documentation link via FRONTEND_DOCUMENTATION_URL
so deployers can set or hide it.

src/frontend/src/api/useConfig.ts

@@ -20,6 +20,7 @@ export interface ApiConfig {
   feedback: {
     url: string
   }
+  documentation_url?: string
   external_home_url?: string
   silence_livekit_debug_logs?: boolean
   is_silent_login_enabled?: boolean

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

@@ -0,0 +1,23 @@
+import { RiBookOpenLine } from '@remixicon/react'
+import { MenuItem } from 'react-aria-components'
+import { useTranslation } from 'react-i18next'
+import { menuRecipe } from '@/primitives/menuRecipe'
+import { useConfig } from '@/api/useConfig'
+
+export const DocumentationMenuItem = () => {
+  const { t } = useTranslation('rooms', { keyPrefix: 'options.items' })
+  const { data } = useConfig()
+
+  if (!data?.documentation_url) return
+
+  return (
+    <MenuItem
+      href={data.documentation_url}
+      target="_blank"
+      className={menuRecipe({ icon: true, variant: 'dark' }).item}
+    >
+      <RiBookOpenLine size={20} />
+      {t('documentation')}
+    </MenuItem>
+  )
+}

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

@@ -5,6 +5,7 @@ import { SettingsMenuItem } from './SettingsMenuItem'
 import { FeedbackMenuItem } from './FeedbackMenuItem'
 import { EffectsMenuItem } from './EffectsMenuItem'
 import { SupportMenuItem } from './SupportMenuItem'
+import { DocumentationMenuItem } from './DocumentationMenuItem'
 import { TranscriptMenuItem } from './TranscriptMenuItem'
 import { ScreenRecordingMenuItem } from './ScreenRecordingMenuItem'
 import { PictureInPictureMenuItem } from '@/features/rooms/livekit/components/controls/Options/PictureInPictureMenuItem'
@@ -28,6 +29,7 @@ export const OptionsMenuItems = () => {
       <Separator />
       <MenuSection>
         <SupportMenuItem />
+        <DocumentationMenuItem />
         <FeedbackMenuItem />
         <SettingsMenuItem />
       </MenuSection>

src/frontend/src/locales/de/rooms.json

@@ -260,7 +260,8 @@
         "enter": "Vollbild",
         "exit": "Vollbildmodus verlassen"
       },
-      "support": "Support kontaktieren"
+      "support": "Support kontaktieren",
+      "documentation": "Dokumentation"
     }
   },
   "effects": {

src/frontend/src/locales/en/rooms.json

@@ -260,7 +260,8 @@
         "enter": "Fullscreen",
         "exit": "Exit fullscreen mode"
       },
-      "support": "Contact support"
+      "support": "Contact support",
+      "documentation": "Documentation"
     }
   },
   "effects": {

src/frontend/src/locales/fr/rooms.json

@@ -260,7 +260,8 @@
         "enter": "Plein écran",
         "exit": "Quitter le mode plein écran"
       },
-      "support": "Contacter l'aide"
+      "support": "Contacter l'aide",
+      "documentation": "Documentation"
     }
   },
   "effects": {

src/frontend/src/locales/nl/rooms.json

@@ -260,7 +260,8 @@
         "enter": "Volledig scherm",
         "exit": "Stop volledig scherm stand"
       },
-      "support": "Contact ondersteuning"
+      "support": "Contact ondersteuning",
+      "documentation": "Documentatie"
     }
   },
   "effects": {