Annotation Feature

• Description:
  Allow users to annotate specific areas of a bone image by clicking and dragging to create labeled areas on the image.

• Acceptance Criteria:
  Users can draw bounding boxes or other shapes on the image by clicking and dragging.
  Users can add text labels to the annotated areas.
  Annotations are visualized on the bone image.
  Annotations can be edited or deleted.

• Steps to Resolve:

1. Implement click-and-drag functionality to create bounding boxes or shapes on the image.
2. Add functionality to label the annotated areas with text.
3. Make sure annotations are visible over the image.
4. Allow users to modify annotations (move, resize, delete).
5. Save annotations in a temporary state for future use in the backend.

• Why It's Useful:
  This feature allows users to visually mark and label important parts of the bone for study or collaboration. It enhances the usability of the bone editor.

Start by locating the bone editor and the image-rendering entry points in the application, then review how the current editor handles user interaction and temporary state. The work is done when users can draw, label, view, edit, delete, and temporarily save annotations on a bone image as described in the acceptance criteria.