When dragging multiple file types to the editor canvas, detect and insert Image, Video, or File blocks as appropriate

[andrewserong]

What problem does this address?

Based on discussion in #65030 and related to #64795, when a user drags a mix of file types to the editor canvas or onto an empty Paragraph block, we currently insert all the blocks as File blocks, and a warning about the Gallery block displays:

What is your proposed solution?

Instead, as suggested by @swissspidy, let's iterate over the files being dragged, and if there's an image or a video, create the appropriate blocks. Pascal as already implemented a solution for this in the media experiments plugin, so that approach could be borrowed. See: #65030 (comment)

Can't we just make it work? I find these notices very annoying and unnecessary when we could actually make it work.
Here's how I solved it in my project:
https://github.com/swissspidy/media-experiments/blob/b1d0910bec2835158f31e971702393117889055b/packages/editor/src/transforms/index.ts
When you drop e.g. an audio file, image and a video at the same time, it will insert an audio block, image block, and a video block. Anything else could be a file block.