Add support for structured logging

[sebastianbuechler]

Summary

Add support for properly displaying structured logging in the log section instead of simple strings.

Motivation

Most logging systems support structured logging due to the extensive amount of information that could be logged. Showing collapsible structured logs enhances the value of extensive logs.

Proposal

Detect if a log is valid json and then use a different renderer that will capture the structure of the log automatically. Similarly as GCP does it in Cloud Logging.

[crenshaw-dev]

Duplicate of #7550?

[sebastianbuechler]

Duplicate of #7550?

Not quite. Although pretty printing the JSON object would already help a bit with long logging messages and the mentioned PR seems to be quite small.

What I had in mind is a more interactive UI for structured logs where the user can uncollapse on-demand without seeing all log fields at once. Structured logs can grow pretty large and finding the right field in a unformatted string or even a pretty printed JSON object thus can become tedious.

Also, adding the support for structured logs can open out new features for commonly used log events like API calls.

To summarize:
Current

Proposed

[crenshaw-dev]

So if I understand correctly, the request is #7550 with the addition of:

1. request to make JSON sections collapsible (probably collapsed by default)
2. support for non-JSON structures

[sebastianbuechler]

So if I understand correctly, the request is #7550 with the addition of:

1. request to make JSON sections collapsible (probably collapsed by default)
2. support for non-JSON structures

Yes. More or less add the functionality of https://www.npmjs.com/package/react-json-view if the log is in JSON format. Demo: https://mac-s-g.github.io/react-json-view/demo/dist/