fix: replace br with space instead of nothing, always rounded corners (#447)

Author: Cl0v1s

app/soapbox/features/conversations/components/conversation.tsx

@@ -59,7 +59,7 @@ const Conversation: React.FC<IConversation> = ({ conversationId, onMoveUp, onMov
 
   return (
     <HotKeys handlers={handlers} data-testid='status'>
-      <div onClick={handleClick} role='button' tabIndex={0} className={`bg-white dark:bg-slate-800 px-4 py-6 sm:shadow-sm dark:shadow-inset sm:p-5 sm:rounded-xl ${className}`}>
+      <div onClick={handleClick} role='button' tabIndex={0} className={`bg-white dark:bg-slate-800 px-4 py-6 sm:shadow-sm dark:shadow-inset sm:p-5 rounded-xl ${className}`}>
         <div className='flex justify-between gap-3'>
           <div className='flex gap-2 grow'>
             {accounts.map((a) => <Account withLinkToProfile={false} account={a} />)}
@@ -71,7 +71,7 @@ const Conversation: React.FC<IConversation> = ({ conversationId, onMoveUp, onMov
           />
         </div>
         <div className='flex justify-between mt-3 items-end gap-2'>
-          <div style={{ 'whiteSpace': 'nowrap' }} className='overflow-x-hidden text-ellipsis text-gray-700 dark:text-gray-300' dangerouslySetInnerHTML={{ __html: lastStatus.contentHtml.replace(/<br ?\/?>/g, '') }} />
+          <div style={{ 'whiteSpace': 'nowrap' }} className='overflow-x-hidden text-ellipsis text-gray-700 dark:text-gray-300' dangerouslySetInnerHTML={{ __html: lastStatus.contentHtml.replace(/<br ?\/?>/g, ' ') }} />
           <div className='text-gray-300 dark:text-gray-300 text-xs'>
             {new Date(lastStatus.get('created_at')).toLocaleDateString(undefined, { day: '2-digit', month: '2-digit', year: 'numeric' })}
           </div>