fix: white space inconsistency in quoted messages, clamp quoted messages

Author: szuperaz

Diff for: src/components/Message/QuotedMessage.tsx

@@ -78,7 +78,7 @@ export const QuotedMessage = <
                 className='str-chat__quoted-message-bubble__text'
                 data-testid='quoted-message-text'
               >
-                {quotedMessageText}
+                <p className='str-chat__quoted-message-text-value'>{quotedMessageText}</p>
               </div>
             </>
           )}

Diff for: src/components/Message/__tests__/QuotedMessage.test.js

@@ -129,7 +129,7 @@ describe('QuotedMessage', () => {
       customProps: { message },
     });
     expect(queryByTestId(quotedAttachmentListTestId)).toBeInTheDocument();
-    expect(queryByTestId(quotedMessageTextTestId)).toBeEmptyDOMElement();
+    expect(queryByTestId(quotedMessageTextTestId)).toHaveTextContent('');
     const results = await axe(container);
     expect(results).toHaveNoViolations();
   });

Diff for: src/components/MessageInput/QuotedMessagePreview.tsx

@@ -86,7 +86,7 @@ export const QuotedMessagePreview = <
               <Attachment attachments={quotedMessageAttachment} isQuoted />
             )}
             <div className='str-chat__quoted-message-text' data-testid='quoted-message-text'>
-              <p>{quotedMessageText}</p>
+              <p className='str-chat__quoted-message-txt'>{quotedMessageText}</p>
             </div>
           </>
         )}