[Docs]: Dialog - Reordering buttons in footer

[toshie-rashtavie]

Area

React Components (https://react.fluentui.dev)

What kind of documentation issue are you reporting?

• Reporting a typo
• Reporting a documentation bug
• Documentation improvement
• Documentation feedback

Is there a specific documentation page you are reporting?

Dialog

Description

Current behaviour:

• Secondary button is on the left, while Primary is on the right.
• This applies to all button footers in the Dialog page.

Expected behaviour:

• Primary button on the left, Secondary on the right.
• This helps with landing focus on the primary button if it's in a ButtonGroup and it would help with reflow, where expected behaviour is secondary button goes below primary.
• Third action remains where it is currently in the bottom left of the Dialog.

Validations

• Check that there isn't already an issue that requests the same feature to avoid creating a duplicate.