feat: Inline Action Sheets should have inline buttons as well

[Spinnenzunge]

Prerequisites

• [x] I have read the Contributing Guidelines.
• [x] I agree to follow the Code of Conduct.
• [x] I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

Current inline action sheet design is a mix between inline and controller style as buttons are still done via a property instead of inline components. This forces consumers to still have to inject things like translation services for button description translation, etc.

Describe the Use Case

When moving to inline components for dialogs etc. it would be great if the important part of the action sheet, namely its buttons were inline as well. This would allow us to use translation pipes, click directives for tracking etc. the same as we are doing it for all other buttons in an app.

Describe Preferred Solution

Introduce action sheet button components for inline action sheet instead of using controller variable

<ion-action-sheet trigger="open-action-sheet" header="Actions">
  <ion-action-sheet-button role="delete">{{'action.delete' | translate}}</ion-action-sheet-button>
  <ion-action-sheet-button role="cancel">{{'action.cancel' | translate}}</ion-action-sheet-button>
</ion-action-sheet>

Describe Alternatives

No response

Related Code

No response

Additional Information

No response