Component: Preview Canvas

[allishultes]

Is your feature request related to a problem? Please describe.

We would like the components of the Preview Canvas to be refactored and migrated to the Storybook.

Describe the solution you'd like

• The component must take in elements and actions.
• The preview canvas is available in storybook as an isolated component
• It is published on NPM.
• It is removed from client.

Plus, refactors:

• The Play button should start a preview of the PE (Issue) - TBD as a separate issue

Describe alternatives you've considered

NA

Additional context

Link to DPE Client Code

Checklist

• Fork the repository (external contributors)
• Create a branch with a meaningful name eg component-<component name>
• Add automated tests*
• Test suite passes (npm run test)
• Code is linted (npm run lint)
• Update documentation and QA docs - see updating the documentation*
• re-factoring for code quality and readability
• Setup your PR for review (start with a draft PR)
• Demonstrated (attach link or image)

*where appropriate