Escape special characters in strings to render as expected for json

[aaroncannoncv]

Fixes escape sequence characters not rendering correctly in strings/keys.

If a json string contains "\n" then it would be expected that the display of the json string would show "\n" rather than an actual new line (within a <pre> tag) or a space (within most other html tags). This updates how these values are displayed (but not the underlying value).

As an aside, it is possible to edit a string and add such characters into the string however this can't be done by directly typing them (AutosizeTextarea automatically escapes these characters meaning typing "\n" is stored in the json as "\n" which is not what we want). But pressing enter creates a "\n" and other special escape sequences can be copied in.

I ran the linter to ensure code formatting was valid. There are still some formatting changes in the PR that aren't covered by standard --fix.
Also, the pre-commit check (standard --fix) was failing for issues completely unrelated to my changes so I committed with --no-verify.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
react-json-view	❌ Failed (Inspect)			Oct 23, 2024 3:27pm

[Kikobeats]

Thanks for this! I did some minor changes. Since I can't push in your PR, I created a new one #46 🙂