refac

src/lib/components/chat/Chat.svelte

@@ -161,7 +161,7 @@
 
 		const messageElement = document.getElementById(`message-${message.id}`);
 		if (messageElement) {
-			messageElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
+			messageElement.scrollIntoView({ behavior: 'smooth' });
 		}
 	};
 

src/lib/components/chat/Messages.svelte

@@ -337,11 +337,7 @@
 		<div class="w-full pt-2">
 			{#key chatId}
 				{#each messages as message, messageIdx (message.id)}
-					<div
-						class=" w-full {messageIdx === messages.length - 1
-							? ' pb-12'
-							: ''} message-{message.id}"
-					>
+					<div class=" w-full {messageIdx === messages.length - 1 ? ' pb-12' : ''}">
 						<div
 							class="flex flex-col justify-between px-5 mb-3 {($settings?.widescreenMode ?? null)
 								? 'max-w-full'

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

@@ -62,7 +62,7 @@
 	};
 </script>
 
-<div class=" flex w-full user-message" dir={$settings.chatDirection}>
+<div class=" flex w-full user-message" dir={$settings.chatDirection} id="message-{message.id}">
 	{#if !($settings?.chatBubble ?? true)}
 		<ProfileImage
 			src={message.user