[NEW] EncreUI: Need to put wires behind nodes in Workflow Editor

[VictorS67]

Feature Request

Currently, the wire is shown above the nodes because the wire layer is rendered above the node layer. Need to put those wires behind nodes because current workflow view looks very messy.

However, when the user is dragging the wire, the dragged wire should appear above all nodes. Otherwise they cannot clearly see where the dragged wire goes.

This can be resolved by adding another wire layer behind the node layer for those non-dragged wires When the user drag the wire, we re-render that wire into another wire layer that above the node layer. This is similar to how to deal with dragging nodes (See NodeCanvas.tsx)..

This is how it looks like for now:

Code of Conduct

• [X] I agree to follow this project's Code of Conduct

[VictorS67]

This is done in https://github.com/VictorS67/encre/pull/130