I can manage blocks inside the preview (quanta toolbar)

[djay]

Some context on how quanta toolbar helps with container inside container issues - - plone/volto#4931

User stories (As an editor...)

• I can Click on a block in preview to see its configuration appear in sidepanel #23
• I can Click on a block and see a border to show its selected and this stays visible while scrolling #24
• I can Click on block and Quanta toolbar appears on top. #25
• I can Click delete button on quanta toolbar and removes block from preview #26
• I can Click Add button below block to add a new block below #27
• as an integrator I can specify which blocks can be added #70
• I can add a block inside a container #71
• I can click block settings to open the sidebar if its closed or switch to block settings #81
• I can see that the integrator hasn't enabled live updates #87

Out of scope

• I can Use DnD (inline) to move a block around in a page (line for droppoint and no shadow like tiles?) #65
• I can click to navigate up to parent container #66
• I can cut, Copy and paste blocks (using quanta toolbar) #67
• I can Click on Undo/redo button to reverse the changes just made
• I can Select multiple blocks from toolbar to adjust there order at once.
• I can Select multiple blocks at once (inline) so I can move them inside a container. (does Volto support this now?)
• I can select multiple blocks using text selection
• I can use the quanta toolbar on mobile #82

Technical

• Communicating from the iFrame bridge to the admin UI
• Keeping block locations stored- for selection/showing UI
• Painting inside of the iFrame (block selection border) for simple things that stay during scroll
• Painting ontop-outside of the iFrame (quanta toolbar) and hiding them during scroll