Standardise fixed top ha-dialog usages and fix safe areas

[timmo001]

Breaking change

Proposed change

Various style consolidation and fixes for ha-dialog and its usages.

Introduces a container padding to make dialogs conform to safe areas and use padding on the surface instead when on narrow layouts. Swaps between the 2 when layout changes to full mode.

screenrecording-2025-11-20_10-36-05.mp4

screenrecording-2025-11-19_12-12-04.mp4

Also moves more info dialog styles for fixed top to shared area to be reused on other dialogs like the media browser.

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes Safe area: ha-dialog #27996
• This PR is related to issue or discussion:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io