refactor(files-selection): updated selected files input

Author: nsemets

src/app/features/files/components/files-selection-actions/files-selection-actions.component.html

@@ -1,8 +1,8 @@
-@if (selectedFiles().length > 0) {
+@if (selectedFilesCount() > 0) {
   <div class="flex align-items-center flex-wrap gap-2 p-1 -mb-2">
     <div>
       <span class="mr-2">
-        <b>{{ selectedFiles().length }}</b> {{ 'files.selectedFiles' | translate }}
+        <b>{{ selectedFilesCount() }}</b> {{ 'files.selectedFiles' | translate }}
       </span>
 
       <p-button

src/app/features/files/components/files-selection-actions/files-selection-actions.component.ts

@@ -4,8 +4,6 @@ import { Button } from 'primeng/button';
 
 import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
 
-import { FileModel } from '@osf/shared/models/files/file.model';
-
 @Component({
   selector: 'osf-files-selection-actions',
   imports: [Button, TranslatePipe],
@@ -14,7 +12,7 @@ import { FileModel } from '@osf/shared/models/files/file.model';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class FilesSelectionActionsComponent {
-  selectedFiles = input<FileModel[]>([]);
+  selectedFilesCount = input<number>(0);
   canUpdateFiles = input<boolean>(true);
   hasViewOnly = input<boolean>(false);
   copySelected = output<void>();