Cleaning up usage of console log in front end

src/lib/components/channel/MessageInput.svelte

@@ -80,7 +80,7 @@
 
 	const inputFilesHandler = async (inputFiles) => {
 		inputFiles.forEach((file) => {
-			console.log('Processing file:', {
+			console.info('Processing file:', {
 				name: file.name,
 				type: file.type,
 				size: file.size,
@@ -91,7 +91,7 @@
 				($config?.file?.max_size ?? null) !== null &&
 				file.size > ($config?.file?.max_size ?? 0) * 1024 * 1024
 			) {
-				console.log('File exceeds max size limit:', {
+				console.error('File exceeds max size limit:', {
 					fileSize: file.size,
 					maxSize: ($config?.file?.max_size ?? 0) * 1024 * 1024
 				});
@@ -163,14 +163,14 @@
 			const uploadedFile = await uploadFile(localStorage.token, file);
 
 			if (uploadedFile) {
-				console.log('File upload completed:', {
+				console.info('File upload completed:', {
 					id: uploadedFile.id,
 					name: fileItem.name,
 					collection: uploadedFile?.meta?.collection_name
 				});
 
 				if (uploadedFile.error) {
-					console.warn('File upload warning:', uploadedFile.error);
+					console.error('File upload warning:', uploadedFile.error);
 					toast.warning(uploadedFile.error);
 				}
 
@@ -193,7 +193,6 @@
 
 	const handleKeyDown = (event: KeyboardEvent) => {
 		if (event.key === 'Escape') {
-			console.log('Escape');
 			draggedOver = false;
 		}
 	};
@@ -215,7 +214,6 @@
 
 	const onDrop = async (e) => {
 		e.preventDefault();
-		console.log(e);
 
 		if (e.dataTransfer?.files) {
 			const inputFiles = Array.from(e.dataTransfer?.files);
@@ -270,7 +268,6 @@
 	});
 
 	onDestroy(() => {
-		console.log('destroy');
 		window.removeEventListener('keydown', handleKeyDown);
 
 		const dropzoneElement = document.getElementById('channel-container');
@@ -479,12 +476,12 @@
 										}
 
 										if (e.key === 'Escape') {
-											console.log('Escape');
+											console.info('Escape');
 										}
 									}}
 									on:paste={async (e) => {
 										e = e.detail.event;
-										console.log(e);
+										console.info(e);
 									}}
 								/>
 							</div>

src/lib/components/channel/Messages.svelte

@@ -51,7 +51,7 @@
 		{#if !top}
 			<Loader
 				on:visible={(e) => {
-					console.log('visible');
+					console.info('visible');
 					if (!messagesLoading) {
 						loadMoreMessages();
 					}

src/lib/components/channel/Thread.svelte

@@ -54,7 +54,7 @@
 	};
 
 	const channelEventHandler = async (event) => {
-		console.log(event);
+		console.debug(event);
 		if (event.channel_id === channel.id) {
 			const type = event?.data?.type ?? null;
 			const data = event?.data?.data ?? null;