feat(tools): add straight stitch and seam ripper tool(s)

[bmcminn]

Add ability to draw straight line stitches between points at corners of stitches

Add ability to remove straight line stitches from design via a seam ripper tool

• Straight line stitches are stored in their own lineStitch[] array with a similar schema to the stitches[] collection
• when a stitch is higlighted for deletion, it is outlined in a pale red color
• how do we change colors of stitches? do you just delete them and redraw?

lineStitch: [
    [ x1, y1, x2, y2, colorId ],
    ...
]

// example:
let [ x1, y1, x2, y2, colorId ] = lineStitch[INDEX]

[bmcminn]

Issue:

Lines are currently drawn based on their start and end coordinates (x1,y1 | x2,y2) which causes a few issues:

1. it is possible to draw lines on top of lines
   • I can fix this by making lines[] an object list like tiles{} so a given coordinate pair will overwrite a matching coordinate pair
   • I am not currently enforcing coordinate order from origin, so there is no convenient way to overwrite matching inverse pairs...
     • EX: 2,4|10,12 == 10,12|2,4 but my system wouldn't know that without rearranging the coordinate order before pushing to the lines[] array
2. it is possible for multiple lines to start/end on the same coordinate, making it extremely difficult to pick which line to delete
3. If I fix issue#1 like I said, I can't think of a performant way to highlight the current line since you can overlap lines without conflicting coordinates
   • EX: line1 = 2,4|10,12 completely overlaps line2 = 5,7|8,10 but it wouldn't be possible to determine which line to delete here...

Interim solution:

• Add a new list of stitch swatches under layers
• Render a list of matching lines under each stitch "color layer"
• need method to calculate length of coordinates
• see if it's possible to hover a line entry and highlight it in grid

Going forward...

It's possible that eventually upgrading the system to D3.js/SVG would be the better option going forward. Vector tooling would simplify scaling, and native hover event targets would make identifying lines to delete easier... not to mention being able to adjust existing geometry