🐛(frontend) prevent displaying audio output selector to Safari users

Hide audio output selector component for Safari browsers due to lack
of native support for audio output device selection APIs. This
prevents user confusion and improves browser compatibility.

src/frontend/src/features/rooms/livekit/components/controls/Device/AudioDevicesControl.tsx

@@ -15,6 +15,7 @@ import { SettingsButton } from './SettingsButton'
 import { SettingsDialogExtendedKey } from '@/features/settings/type'
 import { TrackSource } from '@livekit/protocol'
 import Source = Track.Source
+import { isSafari } from '@/utils/livekit'
 
 type AudioDevicesControlProps = Omit<
   UseTrackToggleProps<Source.Microphone>,
@@ -111,19 +112,21 @@ export const AudioDevicesControl = ({
                   onSubmit={saveAudioInputDeviceId}
                 />
               </div>
-              <div
+              {!isSafari() && (
-                style={{
+                <div
-                  flex: '1 1 0',
+                  style={{
-                  minWidth: 0,
+                    flex: '1 1 0',
-                }}
+                    minWidth: 0,
-              >
+                  }}
-                <SelectDevice
+                >
-                  context="room"
+                  <SelectDevice
-                  kind="audiooutput"
+                    context="room"
-                  id={audioOutputDeviceId}
+                    kind="audiooutput"
-                  onSubmit={saveAudioOutputDeviceId}
+                    id={audioOutputDeviceId}
-                />
+                    onSubmit={saveAudioOutputDeviceId}
-              </div>
+                  />
+                </div>
+              )}
               <SettingsButton
                 settingTab={SettingsDialogExtendedKey.AUDIO}
                 onPress={close}