Fix touch issues for pinchzoom and extension

hunkim98 commented 1 year ago

🚀 [Related Issue: #57 #8]

Enable pinch zoom with touch

[🎨Component] Fix handlePinchZoom to be activated when two fingers are on the canvas
- Previously, pinch and zooming with two fingers did not work.
- The problem was that the this.isPanzoomable inside function handlePinchzoom was pointing to the function not the class variable
[🔗Other] Allow pinch zoom to be called when there are two fingers on the canvas
- Previously, if user was drawing in the canvas, even though the user uses two fingers to pinch and zoom, pinch zoom did not happen.
- I fixed the code to change to pinch zoom mode even though the user was drawing in the canvas

[🎨Component] Fix hovered extension button to the initially clicked button when user drags the button
- Previously, the hovered button kept changing according to the user's mouse position
- I fixed the hovered button to the initial hovered button to reduce confusion while user extends the grids