Handling very long strings for metadata and file names

[LotteHofstede]

References

• Fixes Non-ergonomic display of long metadatavalue without space on admin metadata + bitstream edit AND public item pages #1429

Description

This PR makes sure very long words and urls for metadata and file names don't overflow on the Edit Item Page and Item page.
For the file names on the item's edit/bitstream page and titles in the trail, the word should be truncated and end in an ellipsis. For all other occurrences, the .dont-break-out class was added.

Instructions for Reviewers

Metadata:

• Add a metadata field with a very long word or url (without spaces and/or hyphens) to an item
• Check that the text does not overflow the field on both the Item Page and the Edit Item Page /metadata tab.

Title metadata:

• Add a title metadata field with a very long word or url (without spaces and/or hyphens) to an item
• Check that the title does not overflow the field on both the Item Page and the Edit Item Page /metadata tab, in the trail and the list view.

File names:

• Add a file with a very long file name and description (without spaces and/or hyphens)
• Check that the text does not overflow the field on both the Item Page and the Edit Item Page /bitstreams tab.

Checklist

• My PR is small in size (e.g. less than 1,000 lines of code, not including comments & specs/tests), or I have provided reasons as to why that's not possible.
• My PR passes TSLint validation using yarn run lint
• My PR doesn't introduce circular dependencies

(*) This code does not contain new tests or TypeDoc as the changes are all CSS changes

[manez]

Tested. With this PR, text properly wraps instead of overflowing if too long for the field. Approved 👍

[tdonohue]

👍 Code looks good to me, and I also gave it a quick test and it looks to fix the bug. Thanks @LotteHofstede !