rename everything to controlledMediaDevices to make it consistent with the actual name in the url parameters (controlledOutput is now only used for the hook that provides the output handle)

src/livekit/MediaDevicesContext.tsx

@@ -280,7 +280,7 @@ export const MediaDevicesProvider: FC<Props> = ({ children }) => {
     usingNames,
   } = useInputDevices();
 
-  const { controlledOutput } = useUrlParams();
+  const { controlledMediaDevices } = useUrlParams();
 
   const webViewAudioOutput = useMediaDeviceHandle(
     "audiooutput",
@@ -292,7 +292,7 @@ export const MediaDevicesProvider: FC<Props> = ({ children }) => {
   const context: MediaDevices = useMemo(
     () => ({
       audioInput,
-      audioOutput: controlledOutput
+      audioOutput: controlledMediaDevices
         ? controlledAudioOutput
         : webViewAudioOutput,
       videoInput,
@@ -301,7 +301,7 @@ export const MediaDevicesProvider: FC<Props> = ({ children }) => {
     }),
     [
       audioInput,
-      controlledOutput,
+      controlledMediaDevices,
       controlledAudioOutput,
       webViewAudioOutput,
       videoInput,