style: fix MessageStatus lint issues

Author: MartinCupela

src/components/Message/MessageStatus.tsx

@@ -88,18 +88,18 @@ const UnMemoizedMessageStatus = <
     >
       {sending &&
         (MessageSendingStatus ? (
-            <MessageSendingStatus />
+          <MessageSendingStatus />
         ) : (
-        <>
-           <PopperTooltip
+          <>
+            <PopperTooltip
               offset={[0, 5]}
               referenceElement={referenceElement}
               visible={tooltipVisible}
             >
               {t<string>('Sending...')}
             </PopperTooltip>
             <LoadingIndicator />
-        </>
+          </>
         ))}
 
       {delivered &&
@@ -109,13 +109,13 @@ const UnMemoizedMessageStatus = <
         ) : (
           <>
             <PopperTooltip
-            offset={[0, 5]}
-            referenceElement={referenceElement}
-            visible={tooltipVisible}
-          >
-            {t<string>('Delivered')}
-          </PopperTooltip>
-          <MessageDeliveredIcon />
+              offset={[0, 5]}
+              referenceElement={referenceElement}
+              visible={tooltipVisible}
+            >
+              {t<string>('Delivered')}
+            </PopperTooltip>
+            <MessageDeliveredIcon />
           </>
         ))}
 
@@ -125,12 +125,12 @@ const UnMemoizedMessageStatus = <
         ) : (
           <>
             <PopperTooltip
-            offset={[0, 5]}
-            referenceElement={referenceElement}
-            visible={tooltipVisible}
-          >
-            {getReadByTooltipText(readBy, t, client, tooltipUserNameMapper)}
-          </PopperTooltip>
+              offset={[0, 5]}
+              referenceElement={referenceElement}
+              visible={tooltipVisible}
+            >
+              {getReadByTooltipText(readBy, t, client, tooltipUserNameMapper)}
+            </PopperTooltip>
 
             <Avatar
               className='str-chat__avatar--message-status'