Problem

The image zoom functionality was reported as "not usable" by users.

Solution

Created a new ImageZoom component with proper, intuitive controls:

Features

• Click to open: Click any image to open the zoom modal
• Mouse wheel zoom: Scroll to zoom in/out smoothly
• Drag to pan: When zoomed in, drag the image to pan around
• Zoom controls: Dedicated +/- buttons with percentage display
• Reset button: Quickly return to 100% view
• Keyboard shortcuts:
  • + / = to zoom in
  • - to zoom out
  • 0 to reset
  • Esc to close
• Visual feedback: Hover state on thumbnails, cursor changes based on state
• Help text: Instructions shown at bottom of modal

Technical Details

• Smooth transitions for zoom (except during drag for responsiveness)
• Prevents body scroll when modal is open
• Click outside image or press Esc to close
• Zoom range: 50% to 500%

Feedback ID: fb_de1969a40c0e

Changes:

• frontend/src/components/ui/image-zoom.tsx: Create a new, fully functional image zoom component with proper controls, keyboard shortcuts, mouse wheel zoom, and drag-to-pan functionality. This replaces any broken zoom implementation.
• frontend/src/components/result/result-viewer.tsx: Import the new ImageZoom component in the result viewer where generated images are displayed.

This PR was automatically generated from user feedback.
Please review all changes carefully before merging.