fix(tree) make change detection less often

The CdkTree component calls change detection after each node insert, which has impact
on performance. The fix is to call change detection only once, when a set of nodes
is rendered.

Related bug: #11101

Author: stasmaxymov

src/cdk/tree/tree.spec.ts

@@ -605,7 +605,9 @@ describe('CdkTree', () => {
         try {
           TestBed.createComponent(NestedCdkErrorTreeApp).detectChanges();
           flush();
-        } catch {
+        } catch (e) {
+          flush();
+        } finally {
           flush();
         }
       }).toThrowError(getTreeControlFunctionsMissingError().message);

src/cdk/tree/tree.ts

@@ -287,6 +287,8 @@ export class CdkTree<T> implements CollectionViewer, OnInit, OnDestroy {
           viewContainer.move(view!, currentIndex);
         }
       });
+
+    this._changeDetectorRef.detectChanges();
   }
 
   /**
@@ -336,7 +338,5 @@ export class CdkTree<T> implements CollectionViewer, OnInit, OnDestroy {
     if (CdkTreeNode.mostRecentTreeNode) {
       CdkTreeNode.mostRecentTreeNode.data = nodeData;
     }
-
-    this._changeDetectorRef.detectChanges();
   }
 }