style(docs-infra): fix docs examples for tslint rule import-spacing (#38143)

This commit updates the docs examples to be compatible with the
`import-spacing` tslint rule.

This is in preparation of updating the docs examples `tslint.json` to
match the one generated for new Angular CLI apps in a future commit.

PR Close #38143

aio/content/examples/hierarchical-dependency-injection/src/app/app.module.ts

@@ -1,12 +1,12 @@
 // #docregion
-import { NgModule }      from '@angular/core';
+import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { FormsModule }   from '@angular/forms';
+import { FormsModule } from '@angular/forms';
 
-import { AppComponent }           from './app.component';
+import { AppComponent } from './app.component';
 import { HeroTaxReturnComponent } from './hero-tax-return.component';
-import { HeroesListComponent }    from './heroes-list.component';
-import { VillainsListComponent }  from './villains-list.component';
+import { HeroesListComponent } from './heroes-list.component';
+import { VillainsListComponent } from './villains-list.component';
 
 import { carComponents } from './car.components';
 

aio/content/examples/hierarchical-dependency-injection/src/app/hero-tax-return.component.ts

@@ -1,6 +1,6 @@
 // #docregion
 import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { HeroTaxReturn }        from './hero';
+import { HeroTaxReturn } from './hero';
 import { HeroTaxReturnService } from './hero-tax-return.service';
 
 @Component({

aio/content/examples/hierarchical-dependency-injection/src/app/hero-tax-return.service.ts

@@ -1,5 +1,5 @@
 // #docregion
-import { Injectable }    from '@angular/core';
+import { Injectable } from '@angular/core';
 import { HeroTaxReturn } from './hero';
 import { HeroesService } from './heroes.service';
 

aio/content/examples/hierarchical-dependency-injection/src/app/heroes-list.component.ts

@@ -1,9 +1,9 @@
 // #docregion
-import { Component }  from '@angular/core';
+import { Component } from '@angular/core';
 import { Observable } from 'rxjs';
 
 import { Hero, HeroTaxReturn } from './hero';
-import { HeroesService }       from './heroes.service';
+import { HeroesService } from './heroes.service';
 
 @Component({
   selector: 'app-heroes-list',

aio/content/examples/hierarchical-dependency-injection/src/app/villains-list.component.ts

@@ -1,5 +1,5 @@
 // #docregion
-import { Component }  from '@angular/core';
+import { Component } from '@angular/core';
 import { Observable } from 'rxjs';
 
 import { Villain, VillainsService } from './villains.service';

aio/content/examples/hierarchical-dependency-injection/src/app/villains.service.ts

@@ -1,6 +1,6 @@
 import { Injectable } from '@angular/core';
 
-import { of }         from 'rxjs';
+import { of } from 'rxjs';
 
 export interface Villain { id: number; name: string; }