Improve the the cropping process, UI and UX

.github/copilot-instructions.md

@@ -7,8 +7,10 @@
     - Pass fucntions as props instead od dispatching events
     - Mixing old (on:click) and new syntaxes for event handling is not allowed. Use only the onclick syntax
     - when setting state entity, simply od variable = newValue, do not use setState or similar methods like $state.
+    - USe $props instead of export let!
 - Use styling from ".github/styling.md" for any UI components.
 - Refer to the ".github/core-instructions.md" for the overall structure of the application.
 - Generate ".github/done.md" file to see what is done and what is not. Check it when you start and finish a task.
 - Remain consistent in styling and code structure.
-- Avoid unncessary iterations. If problems is mostly solved, stop.
+- Avoid unncessary iterations. If problems is mostly solved, stop.
+- Split big components into subcomponents. Always create smaller subcomponents for better context management later.