auto migrate standalone components

src/app/modules/songs/song/edit/edit-file/edit-file.component.spec.ts

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

src/app/modules/songs/song/edit/edit-file/edit-file.component.ts

@@ -6,12 +6,26 @@ import {map, switchMap} from 'rxjs/operators';
 import {FileDataService} from '../../../services/file-data.service';
 import {Observable} from 'rxjs';
 import {File} from '../../../services/file';
+import { CardComponent } from '../../../../../widget-modules/components/card/card.component';
+import { NgIf, NgStyle, NgFor, AsyncPipe } from '@angular/common';
+import { MatIconButton } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+import { FileComponent } from './file/file.component';
 
 @Component({
-  selector: 'app-edit-file',
-  templateUrl: './edit-file.component.html',
-  styleUrls: ['./edit-file.component.less'],
-  standalone: false,
+    selector: 'app-edit-file',
+    templateUrl: './edit-file.component.html',
+    styleUrls: ['./edit-file.component.less'],
+    imports: [
+        CardComponent,
+        NgIf,
+        NgStyle,
+        MatIconButton,
+        MatIcon,
+        NgFor,
+        FileComponent,
+        AsyncPipe,
+    ],
 })
 export class EditFileComponent {
   public selectedFiles: FileList | null = null;

src/app/modules/songs/song/edit/edit-file/file/file.component.spec.ts

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

src/app/modules/songs/song/edit/edit-file/file/file.component.ts

@@ -3,12 +3,19 @@ import {Observable} from 'rxjs';
 import {File} from '../../../../services/file';
 import {faTrashAlt} from '@fortawesome/free-solid-svg-icons';
 import {FileService} from '../../../../services/file.service';
+import { MatIconButton } from '@angular/material/button';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { AsyncPipe } from '@angular/common';
 
 @Component({
-  selector: 'app-file',
-  templateUrl: './file.component.html',
-  styleUrls: ['./file.component.less'],
-  standalone: false,
+    selector: 'app-file',
+    templateUrl: './file.component.html',
+    styleUrls: ['./file.component.less'],
+    imports: [
+        MatIconButton,
+        FaIconComponent,
+        AsyncPipe,
+    ],
 })
 export class FileComponent {
   public url$: Observable<string> | null = null;