Merge the nodes and edges update for single operation

[Max-ChenFei]

currently, we use window.requestAnimationFrame to postpone the operation, until the previous nodes are rendered. The correct way should be to change nodes and edges somehow and update the rendering. Also, it is good for undo/redo

Some are async, return promise or add callback to setNodes

https://stackoverflow.com/questions/34687091/can-i-execute-a-function-after-setstate-is-finished-updating

change to class component, add setStates once

[Max-ChenFei]

refactoring the domain model and interactive reactflow