[Feature] Improve Navigation and Presentation of Large MQTT Messages

[ppfeiler]

Motivation

During the testing of our MQTT implementation, I frequently encounter extremely large messages, often JSON-structured, with over 1000 lines each. Navigating through these messages is cumbersome due to the need for extensive scrolling. To enhance productivity and efficiency, the following features would be highly beneficial:

• Display the message timestamp prominently at the beginning of each message to facilitate quick identification and context gathering.
• Implement a mechanism to jump easily between messages, minimizing navigation time and frustration.
• Introduce the ability to collapse and expand lengthy messages to improve readability and minimize visual clutter.

These enhancements would significantly streamline message analysis and improve the overall user experience for developers working with large datasets in MQTT.

Detailed design

Example for the mechanism to jump easily between messages:

• 
• 

Example for the ability to collapse and expand lengthy messages:

•