[Enhancement, Epic] Improve debug experience

[pictos]

Description

Today when working on a maui App the debugger experience isn't great, when we inspect a member, it doesn't show useful information at first glance, and some important values are at the bottom of a long list, so would be great if we can improve that with the usage of DebuggerDisplay.

Example of not useful information:

When debugging the popup will show the ToString value of that type which isn't very useful

Example of the need to find a useful information:

In order to find the ItemsSource or SelectedItem on picker, I need to expand that popup and scroll over all properties before it.

And some values are recursive:

Here I'm inspecting a layout variable, which is a VerticalStackLayout, and I would like to see its Children, but when I inspect it says that Children is a Window, and it ends in an infinite loop inside the Window. The expected result is this

Public API Changes

We should use the DebuggerDisplay attribute to improve the debugger experience, showing useful information at first glance.

Here's the expected result:

Useful information right way:

(maybe we should add the type?)

Intended Use-Case

improve debug cycle on devs that create apps and work on .net maui framework.

[jfversluis]

Awesome! I like it!