fix(stage-pocket): enable Android audio input device selection (#2180)

apps/stage-pocket/android/app/src/main/AndroidManifest.xml

@@ -43,4 +43,6 @@
     <!-- Permissions -->
 
     <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
 </manifest>

packages/stage-ui/src/components/scenarios/dialogs/audio-input/hearing-config-dialog.vue

@@ -6,8 +6,8 @@ import { onMounted, watch } from 'vue'
 
 import HearingConfig from './hearing-config.vue'
 
-import { useAudioDevice } from '../../../../composables'
 import { useBreakpoints } from '../../../../composables/use-breakpoints'
+import { useSettingsAudioDevice } from '../../../../stores'
 
 const props = defineProps<{
   overlayDim?: boolean
@@ -19,7 +19,7 @@ const showDialog = defineModel('show', { type: Boolean, default: false, required
 const autoSend = defineModel<boolean | undefined>('autoSend')
 
 const { isDesktop } = useBreakpoints()
-const { askPermission } = useAudioDevice()
+const { askPermission } = useSettingsAudioDevice()
 const screenSafeArea = useScreenSafeArea()
 
 useResizeObserver(document.documentElement, () => screenSafeArea.update())