refactor

- `MediaDevice`->`MediaDeviceHandle`
 - use just one provider and switch inside the
 MediaDevicesProvider between: controlledAudioOutput, webViewAudioOutput
 - fix muteAllAudio

src/settings/DeviceSelection.tsx

@@ -24,12 +24,12 @@ import { Trans, useTranslation } from "react-i18next";
 
 import {
   EARPIECE_CONFIG_ID,
-  type MediaDevice,
+  type MediaDeviceHandle,
 } from "../livekit/MediaDevicesContext";
 import styles from "./DeviceSelection.module.css";
 
 interface Props {
-  device: MediaDevice;
+  device: MediaDeviceHandle;
   title: string;
   numberedLabel: (number: number) => string;
 }