SWF-Editor: Create custom nodes types

[handreyrc]

Summary

The goal of this task is to create is to create all renderable custom node types described in the SWF spec.

Note: Check current SWF J2CL implementation of the editor for reference.

Description

• The node shall contain a main Icon and node label (node name)
• Implement React Flow node type settings so the the library can identify what type of node shall be rendered and its properties from the provided model instance
• The look&feel of the nodes shall be based on SVG to avoid image distortions
• Update the static model to contain all the renderable nodes so they can be rendered and visualized

Note: Internal state data icons and its tooltips will be implemented in a separate task.

Testing

• By running the component it should be possible to visualize all the supported renderable states in the sample workflow loaded.