Feature: Implement canvas info change handler for future purposes (creating foreground canvas layer for users to manipulate)

hunkim98 commented 1 year ago

🚀 [Resolves #78 ]

Implement canvas info change handler

[🪝Hooks] Added an additional handler in useHandlers hook
- Now users can listen to canvas info change through useHandlers hook
[🎨Component] Create emit event functions for emitting canvas info changes
- I created functions to emit change events for panZoom, topLeftCornerOffset, topRightCornerOffset, bottomLeftCornerOffset, bottomRightCornerOffset, and gridSquareSize
- The reason I emit change events for those specific values is because I am further trying develop a feature where users can manipulate a foreground canvas or a background canvas.
[📒Docs] Refactor useHandlers hook storybook
- I made the storybook for useHandlers more readable