feat: Canvas-based Image Editor (Canva-like)

[Abhay2133]

Feature Request: Canvas-based Image Editor (Canva-like)

Summary

Implement a canvas-based image editor feature within the application, allowing users to upload, paste, annotate, layer, and export images directly from the web interface.

Core Features & Requirements

1. Clipboard & File Operations

• Paste from Clipboard: Allow users to directly paste images (Ctrl+V / Cmd+V) from their clipboard onto the canvas.
• Copy to Clipboard: Provide an action/button to copy the final edited canvas image back to the system clipboard.
• Save / Export: Provide options to download/export the edited canvas in both PNG and JPG formats.

2. Canvas Annotation & Overlay Tools

Support adding configurable overlays of various colors:

• Shapes & Overlays:
  • Arrow (pointing/directional annotation)
  • Circle (outlined and filled)
  • Square / Rectangle (outlined and filled)
• Custom Styling: Ability to choose different colors, stroke widths, and fills for each overlay shape.

3. Image & Layer Management

• Image Overlays: Allow placing secondary images as overlays on top of the base image/canvas.
• Layer Controls:
  • Ordering: Ability to reorder layers (bring to front, send to back, move up/down).
  • Settings: Customize settings per layer, such as opacity, basic image filters (e.g., brightness, contrast, grayscale, blur), etc.