Controls images for docs

[InesaFitsner]

Description

Test Code

# Test code for the review of this PR

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist

• I signed the CLA.
• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• My changes generate no new warnings
• New and existing tests pass locally with my changes
• I have made corresponding changes to the documentation (if applicable)

Screenshots

Additional details

Summary by Sourcery

Integrate autogenerated control screenshots into documentation and code examples by extending docs front-matter and class summaries, embedding demo images, adding usage snippets in control docstrings, and providing integration tests and example scripts to generate and verify those images.

New Features:

• Add standalone example script for the Badge control under examples/controls

Enhancements:

• Embed code usage snippets in AppBar, Banner, AlertDialog, Badge, and Markdown control classes
• Enrich docs front-matter for multiple controls to reference golden screenshot paths and include image captions

Documentation:

• Update control docs (badge, appbar, banner, alertdialog, markdown, dropdownm2) to use generated example_images and example_media paths and display embedded screenshots

Tests:

• Add integration tests to capture and validate screenshots for Badge, Banner, AlertDialog, AppBar, and Markdown controls

[sourcery-ai]

We've reviewed this pull request using the Sourcery rules engine