fix: typing animation alignment

ts/components/conversation/SessionMessagesListContainer.tsx

@@ -71,6 +71,10 @@ const StyledMessagesContainer = styled.div<{}>`
   }
 `;
 
+const StyledTypingBubble = styled(TypingBubble)`
+  margin: var(--margins-xs) var(--margins-lg) 0;
+`;
+
 class SessionMessagesListContainerInner extends React.Component<Props> {
   private timeoutResetQuotedScroll: NodeJS.Timeout | null = null;
 
@@ -120,7 +124,7 @@ class SessionMessagesListContainerInner extends React.Component<Props> {
         ref={this.props.messageContainerRef}
         data-testid="messages-container"
       >
-        <TypingBubble
+        <StyledTypingBubble
           conversationType={conversation.type}
           isTyping={!!conversation.isTyping}
           key="typing-bubble"

ts/session/apis/snode_api/swarmPolling.ts

@@ -360,6 +360,8 @@ export class SwarmPolling {
     const newMessages = messages.filter((m: Message) => !dupHashes.includes(m.hash));
 
     if (newMessages.length) {
+      // TODO explain this better
+      // NOTE setting expiresAt here will trigger disappearing messages via the listener
       const newHashes = newMessages.map((m: Message) => ({
         expiresAt: m.expiration,
         hash: m.hash,