Added Suspense event row-border lines

Author: Brian Vaughn

packages/react-devtools-scheduling-profiler/src/content-views/SuspenseEventsView.js

@@ -250,6 +250,8 @@ export class SuspenseEventsView extends View {
       visibleArea.size.width,
       visibleArea.size.height,
     );
+    console.log('visibleArea:', JSON.stringify(visibleArea));
+    console.log('frame:', JSON.stringify(frame));
 
     // Draw events
     const scaleFactor = positioningScaleFactor(
@@ -273,7 +275,7 @@ export class SuspenseEventsView extends View {
       const borderFrame: Rect = {
         origin: {
           x: frame.origin.x,
-          y: frame.origin.y + SUSPENSE_EVENT_HEIGHT,
+          y: frame.origin.y + (i + 1) * ROW_WITH_BORDER_HEIGHT - BORDER_SIZE,
         },
         size: {
           width: frame.size.width,