feat: implemeted pan and zoom

[ADARSHsri2004]

Description

Implemented Pan and Zoom functionality for the Infinite Canvas to improve navigation and usability.

• Pan: Users can hold the Spacebar and drag the mouse to move around the canvas. The cursor changes to a grabbing 🖐️ icon while panning.
• Zoom: Users can use the mouse scroll wheel to zoom in and out, centered on the cursor position.
• State Management: The canvas’s scale (zoom level) and offset (pan position) are managed in the component’s state.
• Rendering: Drawing tools (pen, shapes, etc.) respect the current zoom and pan state for accurate rendering.

Semver Changes

• Patch (bug fix, no new features)
• Minor (new features, no breaking changes)
• Major (breaking changes)

Issues

Closes #27 – Implement Pan and Zoom for Infinite Canvas

Checklist

• I have read the Contributing Guidelines