Group related blocks into tabs

Summary

1. As a developer

2. I want to be able to group related blocks under tabs

3. so that the user can navigate between related content without swamping the page

Acceptance Criteria

1. I can add blocks to the tabs

2. I can drag blocks to the tabs

3. I can edit tab blocks

4. I can detach tab blocks

5. I can remove tab blocks

Wireframes and mockups

Inline page editor for design-time blocks (no tabs)

Inline page editor for design-time blocks (has tabs)

Notes

• example of block of type block api response:

https://vsltst1.applaudsolutions.com/OA_HTML/a/#/performance-dashboard/202_?1053310-cal=bulkEdit:false&1052091-1-cal=bulkEdit:false

• i think the blocks can also be lazy loaded by the ui, if the api returns something like:
  block.links.blocks = /api/blocks/1/blocks (instead of linked.blocks)

• not sure what we need for draggable stuff