Feature: Improved the display of keyboard shortcuts in the Command Palette

[0x5bfa]

Summary

As the title.

PR Checklist

• Were these changes approved in an issue or discussion with the project maintainers? In order to prevent extra work, feature requests and changes to the codebase must be approved before the pull request will be reviewed. This prevents extra work for the contributors and maintainers.
  Closes Feature: Improve keyboard shortcut display #13200
• Did you build the app and test your changes?
• Did you check for accessibility? You can use Accessibility Insights for this.
• Did you remove any strings from the en-us resource file?
  • Did you search the solution to see if the string is still being used?
• Did you implement any design changes to an existing feature?
  • Was this change approved?
• Are there any other steps that were used to validate these changes?
  1. Open Command Palette with no words

Screenshots

[0x5bfa]

@hishitetsu Is secondary display and supplymentary display used no longer in this PR? If so, I'd like to remove them in this PR.

[hishitetsu]

They were originally intended to be displayed on two lines, one in the native language and one in English, as in VSCode. If we don't plan to do so, you may remove them.

[0x5bfa]

Thanks. I will remove for now. Will remove in the future.

[yaira2]

LGTM

[yaira2]

@0x5bfa can you try to center the text vertically?