Fix word-wrapping behavior of machine names in UI tables

Problem/Motivation

Discovered while working on ✨ Show machine name in "manage form display" and "manage display" table row Needs review .

Steps to reproduce

1. Install Standard and enable the Media module.
2. Go to /admin/structure/media/manage/remote_video/fields.
3. Shrink your browser tab gradually until the "Machine name" column starts to wrap, but not far enough to hit the breakpoint where it will be hidden.
4. Notice that the machine name is wrapped on several lines with hyphens, which is confusing and makes it look like hyphens are a part of the machine name.

Proposed resolution

• Fix the CSS for this column (on Manage fields, Manage display, and Manage form display following ✨ Show machine name in "manage form display" and "manage display" table row Needs review ; possibly other places) so that it does not wrap with hyphens.
• Machine names of a reasonable length (TBD) should not break, and the column should be hidden when the window is too small to display the longest (reasonable-length) machine name.
• Exceptionally long machine names should be truncated, possibly with an ellipsis, or wrapped without hyphens, or another strategy (research the problem of how long string literals are handled elsewhere in the UI; there are some related issues from the past year or so).

Remaining tasks

TBD

User interface changes

Hopefully better wrapping behavior for machine name columns.

API changes

Probably not.

Data model changes

N/A

Release notes snippet

N/A