fix: show error when the file is over the max size

src/lib/elements/forms/inputFile.svelte

@@ -37,6 +37,13 @@
         }
         return true;
     }
+
+    function isFileOverSize(file: File) {
+        if (maxSize && file.size > maxSize) {
+            return true;
+        }
+        return false;
+    }
     function dropHandler(ev: DragEvent) {
         ev.dataTransfer.dropEffect = 'move';
         hovering = false;
@@ -47,6 +54,10 @@
                 error = 'Invalid file extension';
                 return;
             }
+            if (isFileOverSize(ev.dataTransfer.items[i].getAsFile())) {
+                error = 'File size exceeds the limit';
+                return;
+            }
             if (ev.dataTransfer.items[i].kind === 'file') {
                 const dataTransfer = new DataTransfer();
                 dataTransfer.items.add(ev.dataTransfer.items[i].getAsFile());
@@ -86,12 +97,20 @@
             const fileExtension = file.name.split('.').pop();
             return isFileExtensionAllowed(fileExtension);
         });
+        const isOverSize = maxSize
+            ? Array.from(target.files).some((file) => isFileOverSize(file))
+            : false;
 
         if (!isValidFiles) {
             error = 'Invalid file extension';
             target.value = '';
             return;
         }
+        if (isOverSize) {
+            error = 'File size exceeds the limit';
+            target.value = '';
+            return;
+        }
 
         setFiles(target.files);
     };

src/routes/(console)/project-[project]/storage/bucket-[bucket]/create-file/step1.svelte

@@ -47,7 +47,9 @@
                 required
                 bind:files={$createFile.files}
                 allowedFileExtensions={$bucket.allowedFileExtensions}
-                maxSize={$bucket.maximumFileSize} />
+                maxSize={isCloud
+                    ? $bucket.maximumFileSize
+                    : ($bucket.maximumFileSize ?? sizeToBytes(service, 'MB', 1000))} />
         </div>
 
         {#if !showCustomId}