auto migrate standalone components

src/app/widget-modules/components/card/card.component.spec.ts

@@ -9,8 +9,8 @@ describe('CardComponent', () => {
   beforeEach(
     waitForAsync(() => {
       void TestBed.configureTestingModule({
-        declarations: [CardComponent],
-      }).compileComponents();
+    imports: [CardComponent],
+}).compileComponents();
     }),
   );
 

src/app/widget-modules/components/card/card.component.ts

@@ -1,11 +1,20 @@
 import {Component, Input} from '@angular/core';
 import {faTimes} from '@fortawesome/free-solid-svg-icons';
+import { NgIf } from '@angular/common';
+import { MatIconButton } from '@angular/material/button';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
-  selector: 'app-card',
-  templateUrl: './card.component.html',
-  styleUrls: ['./card.component.less'],
-  standalone: false,
+    selector: 'app-card',
+    templateUrl: './card.component.html',
+    styleUrls: ['./card.component.less'],
+    imports: [
+        NgIf,
+        MatIconButton,
+        RouterLink,
+        FaIconComponent,
+    ],
 })
 export class CardComponent {
   @Input() public padding = true;

src/app/widget-modules/components/card/card.module.ts

@@ -1,14 +0,0 @@
-import {NgModule} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {CardComponent} from './card.component';
-import {MatButtonModule} from '@angular/material/button';
-import {RouterModule} from '@angular/router';
-import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
-
-@NgModule({
-  declarations: [CardComponent],
-  exports: [CardComponent],
-  imports: [CommonModule, MatButtonModule, RouterModule, FontAwesomeModule],
-})
-export class CardModule {
-}