Refactor components to use standalone Angular imports on dev-app

npm/ng-packs/apps/dev-app/src/app/home/home.component.ts

@@ -1,12 +1,12 @@
 import { AuthService, LocalizationPipe } from '@abp/ng.core';
 import { Component, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import { ButtonComponent, CardBodyComponent, CardComponent } from '@abp/ng.theme.shared';
 
 @Component({
   selector: 'app-home',
   templateUrl: './home.component.html',
-  imports: [CommonModule, LocalizationPipe, CardComponent, CardBodyComponent, ButtonComponent],
+  imports: [NgTemplateOutlet, LocalizationPipe, CardComponent, CardBodyComponent, ButtonComponent],
 })
 export class HomeComponent {
   protected readonly authService = inject(AuthService);

templates/app-nolayers/angular/src/app/home/home.component.ts

@@ -1,12 +1,12 @@
 import {AuthService, LocalizationPipe} from '@abp/ng.core';
 import { Component, inject } from '@angular/core';
-import {CommonModule} from "@angular/common";
+import {NgTemplateOutlet} from "@angular/common";
 
 @Component({
   selector: 'app-home',
   templateUrl: './home.component.html',
   styleUrls: ['./home.component.scss'],
-  imports: [CommonModule, LocalizationPipe],
+  imports: [NgTemplateOutlet, LocalizationPipe],
 })
 export class HomeComponent {
   private authService = inject(AuthService);

templates/app/angular/src/app/home/home.component.ts

@@ -1,12 +1,12 @@
 import {AuthService, LocalizationPipe} from '@abp/ng.core';
 import { Component, inject } from '@angular/core';
-import {CommonModule} from "@angular/common";
+import {NgTemplateOutlet} from "@angular/common";
 
 @Component({
   selector: 'app-home',
   templateUrl: './home.component.html',
   styleUrls: ['./home.component.scss'],
-  imports: [CommonModule, LocalizationPipe]
+  imports: [NgTemplateOutlet, LocalizationPipe]
 })
 export class HomeComponent {
   private authService = inject(AuthService);