FE: Messages: Format JSON arrays

We currently only format JSON objects but we can detect JSON arrays and format them as well for a better user experience when messages contain arrays of JSON objects.

Signed-off-by: Yarden Shoham <[email protected]>

Author: yardenshoham

frontend/src/components/Topics/Topic/Messages/MessageContent/MessageContent.tsx

@@ -59,7 +59,9 @@ const MessageContent: React.FC<MessageContentProps> = ({
   };
 
   const contentType =
-    messageContent && messageContent.trim().startsWith('{')
+    messageContent &&
+    (messageContent.trim().startsWith('{') ||
+      messageContent.trim().startsWith('['))
       ? SchemaType.JSON
       : SchemaType.PROTOBUF;