feat: Add a util for image zoom

[iamsivin]

Image Zoom and Rotation Helpers

This PR adds three utility functions for handling image zoom and rotation based on cursor position. Ref: chatwoot/chatwoot#11040

Key Features:

1. calculateCenterOffset: Calculates the relative position of the cursor from the center of an image element. This helps establish the reference point for zooming operations.

2. applyRotationTransform: Applies a rotation matrix to coordinates, allowing adjustments to mouse coordinates based on the current rotation angle of the image. This ensures zoom operations work correctly even when the image is rotated.

3. normalizeToPercentage: Converts the calculated rotated coordinates to percentage values (0-100%) relative to the image dimensions. These values are used for CSS transform-origin properties.

Use Cases:

• Double-click zooming that centers on the mouse cursor position
• Maintaining proper zoom origin point when the image is rotated
• Providing natural zoom behavior that follows the user's cursor

[github-actions]

size-limit report 📦

Path	Size
dist/utils.cjs.production.min.js	6.98 KB (+2.59% 🔺)
dist/utils.esm.js	6.4 KB (+2.27% 🔺)