bug(material/tree): node added with insertNode remains visible after dataSource is updated

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

I'm using Material Tree and `insertNode` method to create a node inside the tree menu.

### Reproduction

[StackBlitz link]( https://stackblitz.com/edit/eksxnj-u1duzq?file=src%2Fexample%2Ftree-dynamic-example.html)
Steps to reproduce:
1. Open the app and focus inside the document
2. Press `a` to add a new node using `insertNode` method
3. Press `r` to restore the data to the initial state.

### Expected Behavior

I expect that when the `data` object is populated, only the nodes passed in this array should be on the interface.

### Actual Behavior

A ghost node is added.

### Environment

```sh
@angular-devkit/architect 0.1703.7
@angular-devkit/build-angular 17.3.7
@angular-devkit/core 17.3.7
@angular-devkit/schematics 17.3.7
@angular/cli 17.3.7
@schematics/angular 17.3.7
ng-packagr 17.3.0
rxjs 7.8.1
typescript 5.4.5
webpack 5.90.3
zone.js 0.14.5
```

This is also in v18.

Beginne mit der verknüpften StackBlitz-Reproduktion unter src/example/tree-dynamic-example.html und reproduziere die Sequenz: Drücke `a`, um insertNode aufzurufen, und anschließend `r`, um die ursprünglichen Daten wiederherzustellen. Verfolge, wie der Material Tree die Datenaktualisierung nach dem Einfügen verarbeitet; fertig ist die Untersuchung, wenn nur die Knoten im wiederhergestellten Daten-Array sichtbar bleiben und kein Geisterknoten vorhanden ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.