FIX: Repair and re-style the upload button

src/ext/js/fileupload.js

@@ -27,19 +27,19 @@ var fileupload = new function() {
     // * style path input
     const _modal_str = `
 <div class="modal fade" tabindex="-1" role="dialog">
-    <div class="modal-dialog modal-lg" role="document"> 
+    <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
             <div class="modal-header">
                 <h4 class="modal-title">File Upload</h4>
                 <button type="button" class="btn-close" data-bs-dismiss="modal">
-                </button>  
+                </button>
             </div>
-            <div class="modal-body"> 
+            <div class="modal-body">
                 <form action="/Entity/" class="dropzone dz-clickable" >
                     <label>path</label>
-                    <input id="upload-path" type="text" value="/"/> 
+                    <input id="upload-path" type="text" value="/"/>
                     <div class="dz-message">
-                        Drag'n'drop files to this area or click to upload.  
+                        Drag'n'drop files to this area or click to upload.
                     </div>
                 </form>
             </div>
@@ -135,7 +135,7 @@ var fileupload = new function() {
                 input.after(`<div class="alert alert-danger alert-dismissible"
     role="alert">
     <button type="button" class="btn-close" data-bs-dismiss="alert"
-        aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        aria-label="Close"></button>
     <strong>Error!</strong> You are not logged in!.</div>`);
             } else {
                 globalError(event, error, xhr);
@@ -201,7 +201,7 @@ var fileupload = new function() {
             input.after(`<div class="alert alert-success alert-dismissible"
   role="alert">
   <button type="button" class="btn-close" data-bs-dismiss="alert"
-    aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    aria-label="Close"></button>
   <strong>Success!</strong>
   The file <code class="caosdb-f-file-upload-file-name">` +
                 getEntityName(entity) + `</code> has been uploaded.</div>`);
@@ -321,7 +321,7 @@ var fileupload = new function() {
             error_handler,
             atom_par);
         var toggle_function = function() {
-            $(modal).modal()
+            $(modal).modal("toggle");
         };
 
         this.add_file_upload_button(edit_menu, button, toggle_function);