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.

Commencez par la reproduction StackBlitz liée à src/example/tree-dynamic-example.html et reproduisez la séquence : appuyez sur `a` pour appeler insertNode, puis sur `r` pour restaurer les données initiales. Suivez la manière dont Material Tree gère la mise à jour des données après l’insertion ; c’est terminé lorsque seuls les nœuds du tableau de données restauré restent visibles, sans nœud fantôme.

Rédigé par le modèle d'indexation à partir du texte de l'issue.