SWF-Editor: Enable Preview component

[handreyrc]

Summary

The goal of this task is to enable the react flow native preview component.
An extra button shall be added to the zoombar component to show / hide the preview.

Note: React flow native navigation features may make the preview useless once the user can use the mouse wheel to quickly zoom in and out and the click and drag of the canvas to move arround the viewable area without changing the zoom.
We need to make sure we really need a preview before implementing it.

Description

React flow has a native component to for the preview. The idea is to use as much as possible react flow native components.

• Enable the react flow preview component.
• Add a button to the zoombar to show / hide the preview.

Testing

Run the component and open a valid workflow from the storybook.
From the tool bar open the preview and check if it is functional.
Click again on the preview button in the zoombar to hide the preview box.

Dependencies

• SWF-Editor: Enable Zoombar #1663