Add annot image display through a dialog and annot list in sidebar

[MImranAsghar]

• Display an image annotation in sidebar Canvas Annotations
• Add annotation image dialog to display full annotation image (full size with scrolling)

[ggeisler]

Hi @MImranAsghar. This looks like nice progress on this feature, thanks for continuing to work on it. Your screenshots are helpful but is there a way you can also enable others to actually try out the feature in this PR?

The Netlify deploy-preview link doesn't appear to resolve to a preview that includes the annotation creation plugin so there isn't a way to try creating our own image annotation.

Or, if this PR is just focused on displaying an existing image annotation, there still isn't a way to see an image annotation in the deploy preview. Maybe you need to provide an example manifest that can be added to show something like your screenshots?

[MImranAsghar]

Hi! This PR is focused on displaying the created annotations. Hmm, not sure how to make it easy to view other than deploying on cloud... but I was thinking maybe you can try it out locally? I was doing that when developing.

To try out locally:

1. Mirador folder needs to be moved under mirador-annotations
2. In nwb.config.js, the following line can be added under 'mirador' > 'aliases':
   • 'mirador': path.resolve('./', 'mirador'),
3. Then the usual 'npm run start' in mirador-annotations should run this