Put the generator examples and the AI disclosure in tooltips to save space

Problem/Motivation

The generator form in the Media Library and on the Add media page spends a lot of height before the Generate button: the example description buttons, then the full "Made by AI with ... Your description is sent to ..." paragraph. On a laptop the Generate button is pushed down and the form needs scrolling.

Steps to reproduce

1. Open the Media Library and choose "Generate image with AI".
2. See the two example buttons and the disclosure paragraph under the description field.

Proposed resolution

• Replace the example buttons with one small "Examples" button that opens a tooltip (a popover) with several very good examples. Choosing one fills the description, as the buttons do now.
• Show the AI disclosure and the site context line in a tooltip on a small info button next to the field, keeping it read with the field (aria-describedby) for screen readers.
• Raise the limit of examples from 3 to 8 and ship better defaults for image, SVG and video.
• Both tooltips work with the keyboard and without a pointer.

AI-Generated: Yes

Remaining tasks

• ✅ File an issue
• ❌ Addition/Change/Update/Fix
• ❌ Testing to ensure no regression
• ❌ Automated unit/functional testing coverage
• ❌ Developer Documentation support
• ❌ User Guide Documentation support
• ➖ UX/UI designer responsibilities
• ❌ Accessibility and Readability
• ❌ Reviewed by a human
• ❌ Code review by maintainers
• ❌ Full testing and approval
• ❌ Credit contributors
• ❌ Review with the product owner
• ❌ Update Release Notes
• ❌ Release

User interface changes

• The example buttons and the disclosure paragraph move into tooltips; the generator form is shorter.

API changes

• None.

Data model changes

• None. The description_examples setting allows up to 8 lines instead of 3.

Release notes snippet

• The AI generator form is shorter: examples and the AI disclosure are in tooltips.