fix(ivy): don't create TNodes for native projectable nodes (#28275)

Before this commit we were creating a "fake" TNode for each and every
projectable node passed during dynamic component creation. This approach
had several problems:
- the existing TView structure had to be mutated to accomodate new TNodes and
it was very easy to "corrupt" TView / TNode data structures;
- TNodes are not really needed to fully support projectable nodes so we were
creating objects and updating existing data structures for nothing.

This commit changes the approach so we don't create "fake" TNodes for projectable
nodes but instead we process projectable nodes directly in the projection instruction.
As a result we've got less code, less object allocation and - as a bonus - we fix few
bugs where TView / TNode data structures were corrupted when using projectable nodes.

PR Close #28275

packages/upgrade/test/static/integration/downgrade_component_spec.ts

@@ -705,37 +705,36 @@ withEachNg1Version(() => {
          });
        }));
 
-    fixmeIvy('FW-873: projected component injector hierarchy not wired up correctly')
-        .it('should respect hierarchical dependency injection for ng2', async(() => {
-              @Component({selector: 'parent', template: 'parent(<ng-content></ng-content>)'})
-              class ParentComponent {
-              }
+    it('should respect hierarchical dependency injection for ng2', async(() => {
+         @Component({selector: 'parent', template: 'parent(<ng-content></ng-content>)'})
+         class ParentComponent {
+         }
 
-              @Component({selector: 'child', template: 'child'})
-              class ChildComponent {
-                constructor(parent: ParentComponent) {}
-              }
+         @Component({selector: 'child', template: 'child'})
+         class ChildComponent {
+           constructor(parent: ParentComponent) {}
+         }
 
-              @NgModule({
-                declarations: [ParentComponent, ChildComponent],
-                entryComponents: [ParentComponent, ChildComponent],
-                imports: [BrowserModule, UpgradeModule]
-              })
-              class Ng2Module {
-                ngDoBootstrap() {}
-              }
+         @NgModule({
+           declarations: [ParentComponent, ChildComponent],
+           entryComponents: [ParentComponent, ChildComponent],
+           imports: [BrowserModule, UpgradeModule]
+         })
+         class Ng2Module {
+           ngDoBootstrap() {}
+         }
 
-              const ng1Module =
-                  angular.module('ng1', [])
-                      .directive('parent', downgradeComponent({component: ParentComponent}))
-                      .directive('child', downgradeComponent({component: ChildComponent}));
+         const ng1Module =
+             angular.module('ng1', [])
+                 .directive('parent', downgradeComponent({component: ParentComponent}))
+                 .directive('child', downgradeComponent({component: ChildComponent}));
 
-              const element = html('<parent><child></child></parent>');
+         const element = html('<parent><child></child></parent>');
 
-              bootstrap(platformBrowserDynamic(), Ng2Module, element, ng1Module).then(upgrade => {
-                expect(multiTrim(document.body.textContent)).toBe('parent(child)');
-              });
-            }));
+         bootstrap(platformBrowserDynamic(), Ng2Module, element, ng1Module).then(upgrade => {
+           expect(multiTrim(document.body.textContent)).toBe('parent(child)');
+         });
+       }));
 
     fixmeIvy(
         'FW-717: Injector on lazy loaded components are not the same as their NgModule\'s injector')