fix: audio/video stream in Safari by coping attachmediastream to source in ESM format

[ShGKme]

☑️ Resolves

• Fix Can not hear nor see people in Safari #10910

The original attachMediaStream provides CJS and AMD versions to use in RequireJS and Browserify.

The CJS version has an issue with imported inside webrtc-adapter with export default behavior in ESM-CJS interop. webrtc-adapter defines it as __esModule: https://npmfs.com/package/webrtc-adapter/8.2.3/dist/adapter_core.js. This is a commonly used by bundlers approach, but it is not a standard (there is no standard, it is a known undefined behavior).

But old CJS version attachMediaStream doesn't respect __esModule and imports webrtc-adapter wrong. We fixed it with a babel plugin in the past.

The AMD version seemed to work. But for an unknown reason breaks the audio stream in Safari.

See also: f2b67fe

The solution: making an ESM version of a attachMediaStream that uses webrtc-adapter with a native ES import.

🏁 Checklist

• 🌏 Tested with Chrome, Firefox and Safari or should not be risky to browser differences
• 🖌️ Design was reviewed, approved or inspired by the design team or not needed
• ⛑️ 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

[Antreesy]

Code-wise looks good, all required files are updated.
If it works for Safari, I'm up for it

[ShGKme]

• Rebased onto main
• Squashed fixups
• Added JSDoc to fix ESLint warnings