Upgrading to support React v17+

[jonaslagoni]

Reason/Context

Right now we are limited to React 16 which is limiting integration options with for example Studio. There are two things that need to be upgraded, react + webpack and react-flow-renderer (renamed to reactflow dependency).

Breaking changes moving from v9 to v11:

v10 breaking changes:

• Split the elements array into nodes and edges arrays and implement onNodesChange and onEdgesChange handlers (detailed guide in the core concepts section)
• Memoize your custom nodeTypes and edgeTypes
• Rename onLoad to onInit
• Rename paneMoveable to panOnDrag
• Rename useZoomPanHelper to useReactFlow (and setTransform to setViewport)
• Rename node and edge option isHidden to hidden

v11 breaking changes:

• Changed name to reactflow instead of react-flow-renderer
• Importing CSS is mandatory
• defaultPosition and defaultZoom have been merged to defaultViewport
• Removal of getBezierEdgeCenter, getSimpleBezierEdgeCenter and getEdgeCenter
• Removal of onClickConnectStop and onConnectStop
• Pan over nodes

This probably also mean we have to upgrade webpack to the newest versions. Maybe we can follow something like https://medium.com/naukri-engineering/migrating-a-react-16-application-to-react-18-with-webpack-5-435d044b846