Add edgehandles extension support

[markgomer]

Add support for visually drawing edges in database through the edge handles extension: https://github.com/cytoscape/cytoscape.js-edgehandles.

Development is being made on the branch feature/edgehandles.

• [x] the modal is not sending the proper query to the editor.
• [x] Bug: the id fields, even though properly filled while opening the modal, still get the warning that they are required to be filled, after pressing the 'submit' button. Editing the fields manually is a temporary fix.
• [ ] Destroy drawn edge if the form modal is cancelled.

[markgomer]

Update:

Right-clicking a node with the mouse and selecting the "X" (must update the icon), activates the 'drawing mode', which enables to drag an edge from one node to another with mouse's left button. Connecting two nodes opens a modal window with a form to enter edge label and properties. Todo: the modal is not sending the proper query to the editor. Bug: the id fields, even though properly filled while opening the modal, still get the warning that they are required to be filled, after pressing the 'submit' button. Editing the fields manually is a temporary fix.

[markgomer]

False empty id field warning bug fixed by converting input field to type="textarea".

[markgomer]

Update:

• Connecting nodes through GUI now opens the modal window for additional edge data input and the query is properly sent to the editor box when clicking "submit".
• NewEdgeModal had to be wrapped in a container, then importing the setCommand reducer and apply mapdispatchToProps function to it:

// Components/Modals/Containers/NewEdgeModal.js

import { connect } from 'react-redux';
import { setCommand } from '../../../features/editor/EditorSlice';
import { NewEdgeModal } from '../presentations/NewEdgeModal';

const mapStateToProps = () => ({});

const mapDispatchToProps = { setCommand };

export default connect(mapStateToProps, mapDispatchToProps)(NewEdgeModal);

Changes are being tested in the "feature/edgehandles" branch.