fix(style): response data flows off the screen

[mathis-m]

Description

Response data no longer wraps text and flows off the screen.
Fixed it by changing:

code {
      background-color: #dedede;
      padding: 4px 4px 2px;
      white-space: pre;
 }

To:

code {
      background-color: #dedede;
      padding: 4px 4px 2px;
      white-space: pre-wrap;
      word-break: break-all;
 }

Motivation and Context

Fixes #6749

How Has This Been Tested?

browser

Screenshots (if appropriate):

Before:

After:

Checklist

My PR contains...

• No code changes (src/ is unmodified: changes to documentation, CI, metadata, etc.)
• Dependency changes (any modification to dependencies in package.json)
• Bug fixes (non-breaking change which fixes an issue)
• Improvements (misc. changes to existing features)
• Features (non-breaking change which adds functionality)

My changes...

• are breaking changes to a public API (config options, System API, major UI change, etc).
• are breaking changes to a private API (Redux, component props, utility functions, etc.).
• are breaking changes to a developer API (npm script behavior changes, new dev system dependencies, etc).
• are not breaking changes.

Documentation

• My changes do not require a change to the project documentation.
• My changes require a change to the project documentation.
• If yes to above: I have updated the documentation accordingly.

Automated tests

• My changes can not or do not need to be tested.
• My changes can and should be tested by unit and/or integration tests.
• If yes to above: I have added tests to cover my changes.
• If yes to above: I have taken care to cover edge cases in my tests.
• All new and existing tests passed.

[watery]

Can you test this with a single long word (no spaces)? I hit this issue with a JWT token that I can no longer copy from the UI.

[mathis-m]

Can you test this with a single long word (no spaces)? I hit this issue with a JWT token that I can no longer copy from the UI.

Would look like this:

[watery]

Can you test this with a single long word (no spaces)? I hit this issue with a JWT token that I can no longer copy from the UI.

Would look like this:

Very good. Thank you.

[tim-lai]

@mathis-m PR is now merged! Thanks for the contribution!