feat: multiple files input

Co-Authored-By: Entaigner <61445450+entaigner@users.noreply.github.com>

src/lib/components/chat/MessageInput.svelte

@@ -328,10 +328,10 @@
 					];
 				};
 
-				const inputFiles = e.dataTransfer?.files;
+				const inputFiles = Array.from(e.dataTransfer?.files);
 
 				if (inputFiles && inputFiles.length > 0) {
-					const file = inputFiles[0];
+					inputFiles.forEach((file) => {
 						console.log(file, file.name.split('.').at(-1));
 						if (['image/gif', 'image/jpeg', 'image/png'].includes(file['type'])) {
 							reader.readAsDataURL(file);
@@ -349,6 +349,7 @@
 							);
 							uploadDoc(file);
 						}
+					});
 				} else {
 					toast.error($i18n.t(`File not found.`));
 				}
@@ -467,6 +468,7 @@
 					bind:files={inputFiles}
 					type="file"
 					hidden
+					multiple
 					on:change={async () => {
 						let reader = new FileReader();
 						reader.onload = (event) => {
@@ -482,7 +484,8 @@
 						};
 
 						if (inputFiles && inputFiles.length > 0) {
-							const file = inputFiles[0];
+							const _inputFiles = Array.from(inputFiles);
+							_inputFiles.forEach((file) => {
 								if (['image/gif', 'image/jpeg', 'image/png'].includes(file['type'])) {
 									reader.readAsDataURL(file);
 								} else if (
@@ -501,6 +504,7 @@
 									uploadDoc(file);
 									filesInputElement.value = '';
 								}
+							});
 						} else {
 							toast.error($i18n.t(`File not found.`));
 						}