Fixed the file upload issue (#2552)

-   Ticket: ### [ENG-7588]
-   Feature flag: n/a

## Purpose
There was the slightest chance of a race condition that I fixed using the "preUpload" called and a spinner.

I first tried to use "enabled=false" and it literally destroys the entire widget. So then I moved to the spinner

## Summary of Changes
Add a variable and preUpload method to the component.
Added the variable to the spinner conditional statement to display the spinner once the file is uploaded.

[ENG-7588]: https://openscience.atlassian.net/browse/ENG-7588

Author: bp-cos

app/preprints/-components/submit/file/upload-file/component.ts

@@ -9,6 +9,7 @@ import FileModel from 'ember-osf-web/models/file';
 import { task } from 'ember-concurrency';
 import { waitFor } from '@ember/test-waiters';
 import { taskFor } from 'ember-concurrency-ts';
+import { tracked } from '@glimmer/tracking';
 
 interface PreprintUploadArgs {
     manager: PreprintStateMachine;
@@ -28,6 +29,7 @@ export default class PreprintUpload extends Component<PreprintUploadArgs> {
     url?: URL;
     rootFolder?: FileModel;
     primaryFile: FileModel | undefined;
+    @tracked isUploadFileDisplayed = false;
 
     constructor(owner: unknown, args: any) {
         super(owner, args);
@@ -99,4 +101,11 @@ export default class PreprintUpload extends Component<PreprintUploadArgs> {
         }
         this.args.validate(file);
     }
+
+    @task
+    @waitFor
+    async preUpload(): Promise<void> {
+        this.isUploadFileDisplayed = true;
+    }
+
 }

app/preprints/-components/submit/file/upload-file/template.hbs

@@ -1,4 +1,4 @@
-{{#if (or this.preUrl.isRunning this.success.isRunning)}}
+{{#if (or this.preUrl.isRunning this.success.isRunning this.isUploadFileDisplayed)}}
     <LoadingIndicator data-test-loading-indicator @dark={{true}} />
 {{else}}
     <div ...attributes>
@@ -15,7 +15,7 @@
                 @enable={{@enable}}
                 @id={{id}}
                 @clickable={{this.clickableElementSelectors}}
-                @preUpload={{this.preUpload}}
+                @preUpload={{perform this.preUpload}}
                 @success={{perform this.success}}
             >
                 {{yield}}