Merge pull request #16944 from rgaricano/dev-FIX_RTL_in_messages-LTR_codeblock

FIX: Auto RTL-LTR text orientation in Messages & Reversion previous PR

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

@@ -40,7 +40,7 @@
 	export let code = '';
 	export let attributes = {};
 
-	export let className = 'my-2 !text-left !direction-ltr';
+	export let className = 'my-2';
 	export let editorClassName = '';
 	export let stickyButtonsClassName = 'top-0';
 

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

@@ -45,7 +45,7 @@
 	export let topPadding = false;
 </script>
 
-<li
+<div
 	class="flex flex-col justify-between px-5 mb-3 w-full {($settings?.widescreenMode ?? null)
 		? 'max-w-full'
 		: 'max-w-5xl'} mx-auto rounded-lg group"
@@ -124,4 +124,4 @@
 			/>
 		{/if}
 	{/if}
-</li>
+</div>

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

@@ -640,12 +640,7 @@
 			</Name>
 
 			<div>
-				<div
-					class="chat-{message.role} w-full min-w-full markdown-prose {$settings.chatDirection ===
-					'RTL'
-						? 'text-right'
-						: ''}"
-				>
+				<div class="chat-{message.role} w-full min-w-full markdown-prose">
 					<div>
 						{#if (message?.statusHistory ?? [...(message?.status ? [message?.status] : [])]).length > 0}
 							{@const status = (

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

@@ -330,7 +330,7 @@
 								? `max-w-[90%] px-5 py-2  bg-gray-50 dark:bg-gray-850 ${
 										message.files ? 'rounded-tr-lg' : ''
 									}`
-								: ' w-full'} {$settings.chatDirection === 'RTL' ? 'text-right' : ''}"
+								: ' w-full'}"
 						>
 							{#if message.content}
 								<Markdown