feat: add styles for message sent and delivered status icons

Author: MartinCupela

src/v2/styles/Message/Message-layout.scss

@@ -260,6 +260,24 @@
     }
   }
 
+  .str-chat__message-status-sent {
+    --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 12);
+
+    svg {
+      width: var(--str-chat-icon-height);
+      height: var(--str-chat-icon-height);
+    }
+  }
+
+  .str-chat__message-status-delivered {
+    --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 15);
+
+    svg {
+      width: var(--str-chat-icon-height);
+      height: var(--str-chat-icon-height);
+    }
+  }
+
   .str-chat__message-replies-count-button-wrapper,
   .str-chat__message-is-thread-reply-button-wrapper {
     grid-area: replies;

src/v2/styles/Message/Message-theme.scss

@@ -344,6 +344,15 @@
     }
   }
 
+  .str-chat__message-status-sent,
+  .str-chat__message-status-delivered {
+    svg {
+      path {
+        fill: var(--str-chat__text-low-emphasis-color);
+      }
+    }
+  }
+
   .str-chat__message-replies-count-button-wrapper,
   .str-chat__message-is-thread-reply-button-wrapper {
     button {