Modify Samples to allow new Astro Sample component to handle spacing and position

[ChronosSF]

Task type

• New topic / component documentation
• Update existing topic (new release, API change, new feature)
• Add missing platform variant (Angular / React / WebComponents / Blazor)
• Improve existing content (clarity, examples, structure)
• Add or update code samples
• Other

Platform(s)

• Angular
• React
• WebComponents
• Blazor
• All platforms

Description

This is a parent issue to contain all sample browser specific ones (one per platform).

Acceptance criteria

Samples should allow the sample astro component handle things like:

• body paddings / left-right spacings
• position

This should be handled topic by topic while moving the migration forward.

Related resources

No response