feat(web): image editor - panel and cropping (#11074)

* cropping, panel

* fix presets

* types

* prettier

* fix lint

* fix aspect ratio, performance optimization

* improved tool selection, removed placeholder

* fix the mouse's exit from canvas

* fix error

* the "save" button and change tracking

* lint, format

* the mini functionality of the save button

* fix aspect ratio

* hide editor button on mobiles

* strict equality

Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>

* Use the dollar sign syntax for stores inside components

* unobtrusive grid lines, circles at the corners

* more correct image load, handleError

* more strict equality

* fix styles. unused and tailwind

Co-Authored-By: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>

* dont store isShowEditor

* if showEditor - hide navbar & shortcuts

* crop-canvas decomposition (danger)

I could have accidentally broken something.. but I checked the work and it seems ok.

* fix lint

* fix ts

* callback function as props

* correctly disabling shortcuts

* convenient canvas borders

• you can use the mouse to go beyond the boundaries and freely change the crop.
• the circles on the corners of the canvas are not cut off.

* -the editor button for video files, -save button

* hide editor btn if panoramic || gif || live

* corners instead of circles (preview), fix lint&format

* confirm close editor without save

* vertical aspect ratios

* recovery after merge. editor's closing shortcut

* fix format

* move from canvas to html elements

* fix changes detections

* rotation

* hide detail panel if showing editor

* fix aspect ratios near min size

* fix crop area when changing image size when rotate

* fix of fix

* better layout - grouping

https://github.com/user-attachments/assets/48f15172-9666-4588-acb6-3cb5eda873a8

* hide the button

* fix i18n, format

* hide button

* hide button v2

---------

Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>
Co-authored-by: Alex Tran <alex.tran1502@gmail.com>

web/src/lib/i18n/ru.json

@@ -360,6 +360,7 @@
   "allow_edits": "Разрешить редактирование",
   "allow_public_user_to_download": "Разрешить скачивание публичным пользователям",
   "allow_public_user_to_upload": "Разрешить публичным пользователям загружать файлы",
+  "anti_clockwise": "Против часовой",
   "api_key": "API Ключ",
   "api_key_description": "Это значение будет показано только один раз. Пожалуйста, убедитесь, что скопировали его перед закрытием окна.",
   "api_key_empty": "Ваш API ключ не должен быть пустым",
@@ -441,6 +442,7 @@
   "clear_all_recent_searches": "Очистить все недавние результаты поиска",
   "clear_message": "Очистить сообщение",
   "clear_value": "Очистить значение",
+  "clockwise": "По часовой",
   "close": "Закрыть",
   "collapse": "Свернуть",
   "collapse_all": "Свернуть всё",
@@ -550,6 +552,10 @@
   "edit_user": "Редактировать пользователя",
   "edited": "Отредактировано",
   "editor": "Редактор",
+  "editor_close_without_save_prompt": "Изменения не будут сохранены",
+  "editor_close_without_save_title": "Закрыть редактор?",
+  "editor_crop_tool_h2_aspect_ratios": "Соотношения сторон",
+  "editor_crop_tool_h2_rotation": "Вращение",
   "email": "Электронная почта",
   "empty": "",
   "empty_album": "Пустой альбом",