fix: provide media controls access for participants with no permissions

[Antreesy]

☑️ Resolves

• Fix Being muted blocks access to audio output settings #16631
  • Disabled state for toggle button should bring the device check dialog (as it was originally)
  • Imitate disabled appearance with no event prevention
  • In popover, hide input actions, if not allowed to enable in call, show only output

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏚️ Before	🏡 After

🚧 Tasks

• Cases, when it's allowed, but not available? - navigator.mediaDevices.getUserMedia Promise is rejected, no output devices to show anyway

🏁 Checklist

• 🌏 Tested with different browsers / clients:
  • Chromium (Chrome / Edge / Opera / Brave)
  • Firefox
  • Safari
  • Talk Desktop
  • Integrations with Files sidebar and other apps
  • Not risky to browser differences / client
• 🖌️ Design was reviewed, approved or inspired by the design team
• ⛑️ Tests are included or not possible
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

[DorraJaouad]

Looks good, also the error state addition

[ShGKme]

Git I get it correctly that when there is no access, mic/video toggle (on/off) button opens the device picker?

[Antreesy]

when there is no access, mic/video toggle (on/off) button opens the device picker?

Yes, that was the original behavior from the old times, but it was locked by 'disabled' attribute:

• if you don't have permissions in the room, you can still set up your mic and camera where, before permissions granted to you;
• if there's an access error... we may probably handle it better, to explain reasons to user

[Antreesy]

/backport to stable32