Unable to end the polygon on high-resolution images in Mirador3

[ChickbanurKumar]

Issue Summary:
When working with high-resolution images in Mirador3 using the mirador-annotations plugin, I encountered a problem where I am unable to end the polygon shape. This issue prevents me from saving the polygon since the target details are never sent to the API.

Steps to Reproduce:

1. Clone the mirador-annotations repository to your local system.
2. Replace the image with a high-resolution image in your local setup by changing the loadedManifest url(demo/src/index.js Line no. 20) pointing to high-resolution image.
3. Attempt to create a polygon shape on the high-resolution image using the mirador-annotations tool.
4. Observe that the polygon creation works as expected, but you are unable to complete (end) the polygon drawing.

Expected Behavior:
When drawing a polygon on the high-resolution image, it should be possible to complete (end) the polygon by connecting the last point with the starting point.

Current Behavior:
The polygon drawing tool works well on lower-resolution images. However, on high-resolution images, I cannot end the polygon, and therefore, the shape remains incomplete.

Versions:

• react: 17.0.2
• mirador-annotations: 0.5.0
• mirador: 3.3.0

This issue significantly affects my project, as I rely on the mirador-annotations plugin to annotate and save specific regions of high-resolution images for further analysis.
Any insights or help to resolve this issue would be highly appreciated. Thank you!