Update styling of Actions page

[carlos-zamora]

Summary of the Pull Request

Updates the Actions and Edit Action pages according to the mockups in #20036. Notable changes:

• KeyChordVisual: new control to display the key bindings. Bound to a KeyChord.
• SettingsCardStyle: styling to look like a SettingContainer without actually being one. Used in the list of actions so that we don't get a warning for them being SettingContainers. Can be used in the color schemes page later for consistency.
• Added a "..." (view all) button that is always visible. This shows all key bindings associated with an action.

Validation Steps Performed

Scenarios:

• Actions page:
  • key chord visuals are legible
  • "view all" button displays other key bindings
  • clicking on entry or pencil navigates to Edit Action page
  • accessibility testing
• Edit Action page:
  • key bindings expander starts expanded when key bindings are defined
  • accessibility testing

PR Checklist

Related to #17000

[carlos-zamora]

Notes

• Actions.xaml:
  • hover on item should cover left/right edge
  • flyout with multiple key bindings (i.e. "copy text") should have a separator between each one
  • rename "Actions" title to "Shortcuts"
• EditAction.xaml:
  • improve key listener control (focus issues when navigating w/ keyboard) DEFERRED

[carlos-zamora]

Feedback

• Consider adding a +# to make it more immediately clear that there's more associated shortcuts
• Adding a shortcut should focus the listener
• deleting an empty shortcut should not prompt for confirmation

[DHowett]

also

• ... usually opens up a menu