Fix bad wrapping for arrays (#868)

* Fix bad wrapping for arrays

* Add space for array display

---------

Co-authored-by: Marius Conjeaud <[email protected]>

Author: mariusconjeaud

src/report/ReportRecordProcessing.tsx

@@ -247,12 +247,15 @@ function RenderPath(value) {
 }
 
 function RenderArray(value) {
+  if (value.length > 0 && !valueIsNode(value[0]) && !valueIsRelationship(value[0])) {
+    return RenderString(value.join(', '));
+  }
   const mapped = value.map((v, i) => {
     return (
-      <div key={String(`k${i}`) + v}>
+      <span key={String(`k${i}`) + v}>
         {RenderSubValue(v)}
         {i < value.length - 1 && !valueIsNode(v) && !valueIsRelationship(v) ? <span>,&nbsp;</span> : <></>}
-      </div>
+      </span>
     );
   });
   return mapped;