refactor(@angular-devkit/schematics): remove CommonModule

The template now uses the new control flow syntax

Author: JeanMeche

packages/schematics/angular/application/files/standalone-files/src/app/app.component.ts.template

@@ -1,16 +1,15 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';<% if(routing) { %>
+import { Component } from '@angular/core';<% if(routing) { %>
 import { RouterOutlet } from '@angular/router';<% } %>
 
 @Component({
   selector: '<%= selector %>',
   standalone: true,
-  imports: [CommonModule<% if(routing) { %>, RouterOutlet<% } %>],<% if(inlineTemplate) { %>
+  imports: [<% if(routing) { %>RouterOutlet<% } %>],<% if(inlineTemplate) { %>
   template: `
     <h1>Welcome to {{title}}!</h1>
 
     <% if (routing) {
-     %><router-outlet></router-outlet><%
+     %><router-outlet /><%
     } %>
   `,<% } else { %>
   templateUrl: './app.component.html',<% } if(inlineStyle) { %>

packages/schematics/angular/application/index_spec.ts

@@ -538,7 +538,7 @@ describe('Application Schematic', () => {
 
     const component = tree.readContent('/projects/foo/src/app/app.component.ts');
     expect(component).toContain(`import { RouterOutlet } from '@angular/router';`);
-    expect(component).toContain(`imports: [CommonModule, RouterOutlet]`);
+    expect(component).toContain(`imports: [RouterOutlet]`);
 
     const config = tree.readContent('/projects/foo/src/app/app.config.ts');
     expect(config).toContain(`import { provideRouter } from '@angular/router';`);