Octuple Modal not behaving as expected with long header names

[tarora-eightfold]

Expectation: The header should wrap in subsequent lines

Sandbox:

[dkilgore-eightfold]

@tarora-eightfold Try updating the wrapping CSS for long single strings using headerClassNames prop. Currently the header text wraps a long title of multiple words, but not this edge case where a single word has many chars to avoid breaking short words in a long piece of text.

[tarora-eightfold]

Tracking with ENG-56457