Show a modal when dropping a file outside the dropzone

[javierarce]

In this PR @mtias suggested showing a modal when a user drags a file to the editor but outside of the dropzone.

The text of the modal could indicate the type of the file the user is trying to add (image, video, etc.) or we could go with something more generic, like "media". Something else we could do is to show an error modal if the user drags an unrecognized file type.

Initial exploration

Here are a couple of ideas for such a modal: one with a simple list of text options and another one with images.

Screen.Recording.2022-09-20.at.12.15.47.mov

Figma file

[jasmussen]

@javierarce we can probably update the main ticket here with your latest iteration, then swap out the tags and send this over to a dev. What do you think?

[javierarce]

@jasmussen done. I ended up using an icon size of 48px… bigger than your last proposal but not so big as my initial one, but we can explore other styles as the feature gets implemented.

[jasmussen]

Looks great!

[apeatling]

This would be a really nice UX win, would be great to get it in 6.3.