auto migrate standalone components

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;