Limit width of items aligned left and right

[kra-mo]

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

[kra-mo]

It's also worth noting that

1. Width limiting like this is already done in Talk for example.
2. The width should probably be variable as some lists usually have wider content than others.

Maybe it doesn't need to be a component and should just be done case-by-case, but we should probably agree on a strategy.