Improve drawing tools

[mxdanger]

Describe the solution

One of the most inconvenient parts about drawing is that there’s no way to adjust the nodes of already drawn areas without undoing back to that node to replace it.

I propose we implement a similar drawing feature to iD as seen on OpenStreetMap. Not only would that resolve the issue about but it would allow for easier and more feature rich drawing.

Demo; use the line tool: https://ideditor-release.netlify.app

What this could add:

• A tool is selected to draw. We could add a line tool and even a circle tool.
• Allow for drawing incomplete paths and connect it to the at the end or press Esc/Enter to create the closed area.
• Once connected into a loop it functions exactly like it currently does except that the user will now be able to deselect the tool to stop drawing.
• Nodes can be clicked and dragged.
• Node can be clicked and deleted.
• Clicking on the center point of an edge and dragging can create a new node.
• Double clicking anywhere on the edge can create a new node.
• Selecting the edge will select the entire area and allow it to be dragged.
• Keybind (Q) for squaring the corners of a drawing to 90°.

The one issue is that the resolution of the drawing tool is quite limited and we may need to find ways to add the icon hints for edge node creation, and nodes themselves.