Add SafeAreaDemos sample demonstrating SafeAreaEdges property usage

[Copilot]

Converts existing SafeArea XAML pages into a complete sample project following repository conventions.

Structure

• Project setup: Solution, csproj, App/AppShell boilerplate, platform configurations
• Navigation hub: MainPage.xaml with categorized examples (Basic/Advanced/NavigationPage)
• 8 example pages: Moved to Views/ folder with updated namespaces (Maui.Controls.Sample → SafeAreaDemos.Views)
• Resources: Standard MAUI resources (fonts, icons, styles) copied from GridDemos template
• Documentation: README.md with YAML frontmatter and feature descriptions

Examples Included

Basic: None (immersive), All (safe), SoftInput (keyboard-aware)
Advanced: Container (scrolling), per-layout control, padding combinations
NavigationPage: Transparent/semi-transparent bars with edge-to-edge content

<!-- Example navigation from MainPage -->
<Button Text="Example 1: Edge-to-Edge Content"
    Command="{Binding NavigateCommand}"
    CommandParameter="{x:Type views:Example1EdgeToEdge}" />

Follows same structure as GridDemos, FlexLayoutDemos, etc.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>New Sample: Create new samples that demonstrate all the different things you can do with SafeArea</issue_title>
<issue_description></issue_description>

<agent_instructions>the branch that I've included here already has a bunch of safearea XAML pages added to it.

Can you turn these into samples for SafeArea using all the conventions of this repository please?</agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes New Sample: Create new samples that demonstrate all the different things you can do with SafeArea #711

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.