Change default OPE editors to be floating editors instead of flyout editors

Description

Change the default wrapper in which editors appear in on page editing to be floating.

The floating editor wrapper is a movable dialog that sizes itself based on the content it contains. When opened the floating editor wrapper will attempt to position itself so as not to block the view of the content which is being edited. If there is no position that doesn't block the view then the floating editor will appear over the content being edited and the editor can move it manually by dragging with the title bar.

Changes within the floating editor are saved automatically. To confirm changes the editor simply needs to click within the on page editing area, alternatively they can click the close icon. It is also possible to cancel editing by pressing the ESC key; this reverts any changes. It is possible to drag and drop content from the side panels to the floating editor.