Autocomplete children prop when used in markup

[theetrain]

Description

When authoring a component and using the {children} reserved name, it would be nice to have this prop extracted from $props() automatically.

Proposed solution

As you author the body of a component:

<button>{children}</button>
<!--      ^ cursor is here after typing `c` -->

An autocomplete suggestion appears to extract children from $props(). Upon hitting ENTER, the autocomplete provides the prop and @render syntax:

<script>
  let { children } = $props()
</script>

<button>{@render children()}</button>

And if other props are already destructured, it will intelligently append children to the list of destructured props.

Alternatives

No response

Additional Information, eg. Screenshots

Relates to #2499.