Option to embed iframe in MD editor

[SimoneZaza]

Description

As a user I want to be able to embed a video from youtube into my post. As a user with a new Space, seeing these cool Arcade click-throughs, I want it even more!

Acceptance criteria

Server:

• [ ] Extend the Markdown scalar type to detect iframe usage, plus
• [ ] check against list of approved domains (see below)

Client:

• [ ] Add button to MD editor, next to the image button

• import SmartScreenOutlinedIcon from '@mui/icons-material/SmartScreenOutlined';

• label: Embed Video

• [ ] Clicking on the button opens a small dialog in which the user can paste the iframe code

• Title: Embed Video or other Media

• Text: Copy the embed/iframe code below

• Large input field

• Buttons: Cancel; Insert

• [ ] Validation in the client, mailto link to support@alkem.io in the validation error.

• Text: "Unfortunately, this code is not supported. Please check the code carefully or contact support@alkem.io"

Approved domains:

• Youtube
• Vimeo,
• Arcade
• Issuu

Additional Context

Timebox to 5

The result should look something like this:

I found this on the tiptap website, not sure it can be used since it's still in experimental phase: https://tiptap.dev/docs/examples/experiments/iframe

Areas that will be affected

To be added during the refinement

[techsmyth]

@SimoneZaza am concerned about this one, lets chat it through.