add support for pass formControl into the suffix/prefix material template

[wizardnet972]

Is your feature request related to a problem? Please describe.
form-field in material doesn't support passing params into the suffix/prefix template. at least it should pass the formControl.

Why? Because sometimes the select can have suffix with an action. not just display template. for example to clear the value of the formControl.

Consider this code:

<mat-form-field>
  <mat-select formControlName="team" placeholder="Team">
    <mat-option *ngFor="let team of availableTeams" [value]="team.id">
      {{team.name}}
    </mat-option>
  </mat-select>
  <button
    *ngIf="form.controls.team.value"
    matSuffix
    mat-icon-button
    type="button"
    aria-label="Clear"
    (click)="form.controls.team.setValue(null); $event.stopPropagation()">
    <mat-icon>close</mat-icon>
  </button>
</mat-form-field>

It's simple select and the button should display only when the value exists. and if so you can clear the value (x).

Describe the solution you'd like
The solution is can be very simple, just add ngTemplateOutletContext or any similar directive to pass the formControl into the template.

Additional context

Need simple change here: https://github.com/ngx-formly/ngx-formly/blob/main/src/ui/material/form-field/src/form-field.wrapper.ts#L68.

I can send a PR if you want.

[aitboudad]

I can send a PR if you want.

yes please, passing field would be enough