docs: add AI-driven dashboard screenshot refresh workflow - #7392

Updating screenshots is ass, let's have AI do it.

We can use a data-docs-target attribute to mark components or pages in our dashboard code, and at the same time use a custom <DashboardScreenshot> component in mintlify, where we track some metadata and instructions for seeded data.

Steps to perform:

1. Mark an existing dashboard element with data-docs-target="xxx". This gives Amp/Claude/Whatever a place to capture without adding a wrapper or changing the layout.
2. In the docs, use DashboardScreenshot with that target and a plain-language description of what the image should show.
3. Ask Amp/CLaude to check all registered screenshots or a specific one. Amp reads the descriptions, prepares synthetic local data, opens the real dashboard, and compares it with the saved images. All instructions are in the skill.
4. If an image needs an update, Amp captures and inspects both themes, saves the images, and records their capture time. Accurate images stay unchanged.

We can run this periodically or on demand. I just did a few random ones in this PR as proof of concept.

Rendered after states

Edit before	Edit after: transparent, no outer shadow