[DevTools] Send suspense nodes to frontend store

[eps1lon]

Stacked on #34082

We could create a separate Suspense store instead. But I found it easier to just reuse the existing operations for now.

[sebmarkbage]

It's not safe to do this until you've popped back up to the same level as this suspenseNode since otherwise you could call this multiple times within the same parent and too early before all the children have settled into their new place.

One way to do this is to call it unconditionally every time fiberInstance.suspenseNode !== null here without the parent traversal above.

However, you'd have to call it even if shouldResetChildren is false. Otherwise you'd miss some cases where the change to the Instance tree is fully handled by some inner virtual or fiber instance. Since shouldResetChildren only accounts for changes to the DevToolsInstance tree.

It would be semantically correct to always call it. It would just be unnecessary slow since changes deep inside the tree would make the traversal and send the commands to front end every time. The shouldResetChildren flag only exists as an optimization.

We could return a bitmask that has two flags. shouldResetChildren and shouldResetSuspenseNodeChildren up the stack so that shouldResetSuspenseNodeChildren can bubble up the stack to the nearest SuspenseNode.

[eps1lon]

One way to do this is to call it unconditionally every time fiberInstance.suspenseNode !== null here without the parent traversal above.

I think we need do bubble up a flag for correctness as well. Right now, with the unconditional reset, it doesn't handle this reorder:

   <Suspense key="e" name="e">
      <Passthrough>
        <Suspense name="e-child-one">
          <p>e1</p>
        </Suspense>
      </Passthrough>
      <Passthrough>
        <Suspense name="e-child-two">
          <div>e2</div>
        </Suspense>
      </Passthrough>
    </Suspense>

to

   <Suspense key="e" name="e">
      <Passthrough>
        <Suspense name="e-child-two">
          <div>e2</div>
        </Suspense>
      </Passthrough>
      <Passthrough>
        <Suspense name="e-child-one">
          <p>e1</p>
        </Suspense>
      </Passthrough>
    </Suspense>

[eps1lon]

Implemented the additional flag. I haven't double checked yet if the "propagate it from everywhere" approach is correct or if I need to be more selected.

The current impl seems to reach parity with the Components tab.

[eps1lon]

mountVirtualInstanceRecursively can mount a Fiber. Was the flag previously not set on purpose or missing?

[eps1lon]

This is just a mess at the moment for visual debugging of the store. A follow-up will make this a flat list that you can navigate through.