[Logs Overview] Experiment to improve visual category representation

[weltenwort]

📓 Summary

Currently each category is represented using its tokens concatenated with a * in the pattern column of the log categories data grid. Depending on the underlying log entries, it might be hard to understand how that sequence of tokens relates to the log messages, so we should try to improve the rendering.

• 🔗 related to: [Logs Overview] Enhanced logs component for solution UIs #190848

✔️ Acceptance criteria

• Experiments are done to render the pattern and one or more example messages such that the categories can be made more sense of.
  • This could include highlighting the tokens in an example message or
  • This could include showing both at the same time.

🎨 Inspirations

[elasticmachine]

Pinging @elastic/obs-ux-logs-team (Team:obs-ux-logs)

[weltenwort]

Some ideas that came to mind:

• fetch a few examples with top_hits and hide the wildcards in the pattern when the terms are consecutive in all the examples
• fetch a few examples with top_hits and show more datatype-specific placeholders like ${number} if that can be deduced from the examples
• highlight terms, punctuation and variable terms differently