Connected paths out of place

[rossicler]

When creating new connected path lines, the position created is messed up because of the scaling changing by react-zoom-pan-pinch.
Instead of creating new/removing, change the existing path color to the connected color, and when "removing", just change the color back. This should be achievable with vanilla JS without any issues.