Limit width of items aligned left and right

When the relation between two items in a list is communicated by their horizontal alignment, the space between the left and right sides should be reduced to make the list easier to parse.

This is currently quite bad with keyboard shortcuts as they tend to have short labels with lots of similar items below each other.

As briefly discussed in #7807 and #7811, limiting the size of individual elements is suboptimal. The best solution would most likely be to limit the width of the entire list, and in the case of dialogs, the entire dialog.

For app settings (including keyboard shortcuts), it would likely be done in #7641.

For something like admin settings where the outer container spans the entire page width, not sure what the best solution would be. Maybe a generic container component that limits the width of its content? As this is an issue that affects many lists, not just forms. For example, Files:

cc @ShGKme

Start by reading the related issues #7807, #7811, and #7641 to understand the proposed constraints and how app settings are handled. The scope for admin settings and other full-width lists is unresolved; done would require an agreed approach that consistently limits the relevant list or dialog width without harming other layouts.