[RTL] Chat List: Various fixes (#452)

src/components/left/main/Chat.scss

@@ -249,6 +249,15 @@
     }
 
     .last-message {
+      overflow: hidden;
+      display: flex;
+      &-summary {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        flex: unset;
+        max-width: none;
+        white-space: nowrap;
+      }
       .draft {
         &::after {
           content: ": ";
@@ -280,6 +289,7 @@
         vertical-align: -0.25rem;
 
         object-fit: cover;
+        flex-shrink: 0;
 
         body.is-ios & {
           width: 1.125rem;

src/components/left/main/hooks/useChatListEntry.tsx

@@ -105,12 +105,14 @@ export default function useChatListEntry({
       return (
         <p className="last-message" dir={oldLang.isRtl ? 'auto' : 'ltr'}>
           <span className="draft">{oldLang('Draft')}</span>
-          {renderTextWithEntities({
+          <span className="last-message-summary" dir="auto">
-            text: draft.text?.text || '',
+            {renderTextWithEntities({
-            entities: draft.text?.entities,
+              text: draft.text?.text || '',
-            asPreview: true,
+              entities: draft.text?.entities,
-            withTranslucentThumbs: true,
+              asPreview: true,
-          })}
+              withTranslucentThumbs: true,
+            })}
+          </span>
         </p>
       );
     }
@@ -133,7 +135,9 @@ export default function useChatListEntry({
         )}
         {!isSavedDialog && lastMessage.forwardInfo && (<Icon name="share-filled" className="chat-prefix-icon" />)}
         {lastMessage.replyInfo?.type === 'story' && (<Icon name="story-reply" className="chat-prefix-icon" />)}
-        {renderSummary(lastMessage, observeIntersection, mediaBlobUrl || mediaThumbnail, isRoundVideo)}
+        <span className="last-message-summary" dir="auto">
+          {renderSummary(lastMessage, observeIntersection, mediaBlobUrl || mediaThumbnail, isRoundVideo)}
+        </span>
       </p>
     );
   }, [