Add download image action to dashboard panels

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

Problem to solve

In order to deliver Allow users to download/share/embed a chart pan... (&8940) we need a way for users to download an image snapshot of an analytics dashboard panel in its current state.

Proposed solution

• Add a Download image item to the panel actions.

Design

Implementation plan

Weight 2️⃣

1. Add a new yarn dependancy modern-screenshot.
2. Change the panels_base.vue actions to be always visible.
   • Delete is only visible when editing.
3. Add a Download image action to panels_base.vue.
   • When clicked, generate an image of the panel and download it.
   • The image filename should be the panel title + date(time).
   • Note that the dropdown menu shouldn't be rendered in the generated image.
4. If Create audit event when a visualisation is shared (#460475) is complete, ensure this creates an audit event.
5. Update the relevant specs.
6. Update the documentation.

Note: See this spike for a rough example Draft: [SPIKE] Add image share & download to an... (!152190 - closed).