refac

src/lib/components/chat/Messages/UserMessage.svelte

@@ -16,6 +16,7 @@
 	import Tooltip from '$lib/components/common/Tooltip.svelte';
 	import FileItem from '$lib/components/common/FileItem.svelte';
 	import Markdown from './Markdown.svelte';
+	import Image from '$lib/components/common/Image.svelte';
 
 	const i18n = getContext('i18n');
 
@@ -128,7 +129,7 @@
 					{#each message.files as file}
 						<div class={($settings?.chatBubble ?? true) ? 'self-end' : ''}>
 							{#if file.type === 'image'}
-								<img src={file.url} alt="input" class=" max-h-96 rounded-lg" draggable="false" />
+								<Image src={file.url} imageClassName=" max-h-96 rounded-lg"  />
 							{:else}
 								<FileItem
 									item={file}