fix(@schematics/angular): remove CommonModule import from standalone …

…components

`ng g c` no longer generates a component with the `CommonModule` import.
This import is not useful if developers adopt the control flow syntax in their templates.
Instead, developers are encouraged to import the individual directives/pipes if needed.

(cherry picked from commit 571722d)

packages/schematics/angular/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.ts.template

@@ -1,10 +1,9 @@
-import { <% if(changeDetection !== 'Default') { %>ChangeDetectionStrategy, <% }%>Component<% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%> } from '@angular/core';<% if(standalone) {%>
-import { CommonModule } from '@angular/common';<% } %>
+import { <% if(changeDetection !== 'Default') { %>ChangeDetectionStrategy, <% }%>Component<% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%> } from '@angular/core';
 
 @Component({<% if(!skipSelector) {%>
   selector: '<%= selector %>',<%}%><% if(standalone) {%>
   standalone: true,
-  imports: [CommonModule],<%}%><% if(inlineTemplate) { %>
+  imports: [],<%}%><% if(inlineTemplate) { %>
   template: `
     <p>
       <%= dasherize(name) %> works!

packages/schematics/angular/component/index_spec.ts

@@ -340,11 +340,9 @@ describe('Component Schematic', () => {
     const tree = await schematicRunner.runSchematic('component', options, appTree);
     const moduleContent = tree.readContent('/projects/bar/src/app/app.module.ts');
     const componentContent = tree.readContent('/projects/bar/src/app/foo/foo.component.ts');
-    expect(componentContent).toContain('@angular/common');
     expect(componentContent).toContain('class FooComponent');
     expect(moduleContent).not.toContain('FooComponent');
     expect(componentContent).toContain('standalone: true');
-    expect(componentContent).toContain('imports: [CommonModule]');
   });
 
   it('should declare standalone components in the `imports` of a test', async () => {