Shift Key Scroll Direction Support for Mouse Devices

[0MUHAMMEDIRFAN]

This pull request introduces a small improvement to the development server configuration and enhances the pan-and-zoom utility for better user interaction. Below are the key changes:

Development Server Configuration:

• Updated the dev script in frontend/package.json to include the --host flag, allowing the development server to be accessed from external devices.

Pan-and-Zoom Utility Enhancements:

• Modified the setPanAndZoom function in frontend/src/utils/panAndZoom.ts to enable horizontal panning when the Shift key is pressed, improving navigation capabilities.

• Implemented support for detecting Shift key presses during scroll events. When the Shift key is held, the scroll direction is now reversed to provide a more intuitive horizontal-to-vertical scroll behavior—especially for devices with limited axis support.

• Previously, this was not an issue on laptops with touchpads, which support multi-directional scrolling. However, certain mouse devices only support horizontal (X-axis) scrolling. In those cases, holding the Shift key now triggers vertical (Y-axis) scrolling instead.

• This update ensures consistent scrolling behavior across both laptops and external mouse devices.

[0MUHAMMEDIRFAN]

Hope this will review soon