fix(front/file-uploader): properly disable forms when uploading files to avoid interrupting a file upload

fixes #9

src/assets/views/file-uploader.svelte

@@ -87,13 +87,6 @@
 			opacity: 0.25;
 		}
 	}
-
-    .upload-form-container.disabled {
-        :global(button) {
-            cursor: not-allowed;
-            opacity: 0.1;
-        }
-    }
 </style>
 
 <BaseTemplate title="{$locals.app.name} - Upload file" description="File upload web interface." noH1>
@@ -107,9 +100,8 @@
         <p>You are responsible for the files that you upload.</p>
 
 
-        <div class="upload-form-container" class:disabled={uploading}>
         <Form action={route('post-file-frontend')} withFiles
-                  submitText="Upload" submitIcon="upload"
+              submitText="Upload" submitIcon="upload" submitDisabled={uploading}
               onSubmit={uploadFiles}>
             <Field type="file" name="upload" placeholder="Choose wisely" icon="file"
                    hint="The maximum upload size is {$locals.max_upload_size} MiB"
@@ -138,7 +130,6 @@
                          content="When upload multiple files, URLs will be generated automatically."/>
             {/if}
         </Form>
-        </div>
 
         {#if uploading}
             <FileUpload file={currentFile} form={uploadForm} fileFieldName="upload"
@@ -208,7 +199,7 @@
                             <CopyableText content="{file.url}" buttonMode/>
 
                             <Form action={route('delete-file-frontend', file.slug)} button
-                                  submitIcon="trash" submitText="delete" submitClass="danger"
+                                  submitIcon="trash" submitText="delete" submitClass="danger" submitDisabled={uploading}
                                   confirm="Are you sure you want to delete file {file.real_name}?"/>
                         {/if}
                     </td>