fix: align user chat avatar on the right

src/components/ChatWorkspace.jsx

@@ -146,8 +146,8 @@ function AssistantMessage({
 
 function UserMessage({ item, userInfo }) {
   return (
-    <ChatMessage.User>
-      <ChatMessage.Body>
+    <ChatMessage.User className="rc-chat-message-user">
+      <ChatMessage.Body className="rc-chat-message-user-body">
         <ChatMessage.Bubble>
           <ChatMessage.Content>{item.message?.content}</ChatMessage.Content>
           <MessageAttachments files={item.message?.files} />

src/tailwind.css

@@ -534,6 +534,19 @@ body [data-theme='dark'] .login-page {
   padding-block-start: 0.75rem;
 }
 
+.rc-chat-message-user {
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: flex-end;
+  gap: 0.75rem;
+}
+
+.rc-chat-message-user-body {
+  max-width: calc(100% - 2.75rem);
+  flex: 0 1 auto;
+  padding-inline-end: 0;
+}
+
 .rc-chat-context {
   display: flex;
   width: 100%;