feat: Zoomable image improvements

[przemvs]

https://wearezeta.atlassian.net/browse/WPB-1445

Description

Improved Image zoom. Now user can click on image and zoom image to original width and height of image. User can change image position by dragging on image.

Details copied from JIRA:

Image gallery view:

• Zoom in is available for any image in the gallery view that is not shown in 100% already
• Cursor is changes to “zoom in” when zoom is available
• When clicking, Image is zoomed to 100% (naturalHeight / naturalWidth)

Zoomed in view:

• Cursor changes to “zoom out”
• The image zooms in on the part of the image that the mouse pointer pointed to
• The image can be scrolled in each direction with a smooth scrolling animation
• The image can be dragged in each direction
• No automatic scrolling when the cursor is moved (to reduce fidgety movement on the screen)
• No additional zoom levels (for now) – just zoom in to 100%
• When clicking, image is zoomed back to its previous scale

Screenshots/Screencast (for UI changes)

2024-05-20.21-20-02.mp4

Checklist

• PR has been self reviewed by the author;
• Hard-to-understand areas of the code have been commented;
• If it is a core feature, unit tests have been added;

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 3.77358% with 102 lines in your changes are missing coverage. Please review.

Project coverage is 46.06%. Comparing base (373bd3f) to head (7b1ac5c).
Report is 24 commits behind head on dev.

Additional details and impacted files

@@            Coverage Diff             @@
##              dev   #17431      +/-   ##
==========================================
- Coverage   46.07%   46.06%   -0.01%     
==========================================
  Files         753      754       +1     
  Lines       24737    24789      +52     
  Branches     5669     5683      +14     
==========================================
+ Hits        11398    11420      +22     
- Misses      11910    11935      +25     
- Partials     1429     1434       +5     

[sonarcloud]

Quality Gate passed

Issues
4 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[PatrykBuniX]

Looks good