fix: avatar object fit

src/common/component/Contact/styled.js

@@ -23,6 +23,7 @@ const StyledWrapper = styled.div`
     height: ${({ size }) => `${size}px`};
     position: relative;
     img {
+      object-fit: cover;
       border-radius: 50%;
       width: 100%;
       height: 100%;

src/common/component/Message/styled.js

@@ -31,12 +31,13 @@ const StyledMsg = styled.div`
   &.readonly:hover {
     background: none;
   }
-  .avatar {
+  > .avatar {
     flex-shrink: 0;
     cursor: pointer;
     width: 40px;
     height: 40px;
     img {
+      object-fit: cover;
       width: 100%;
       height: 100%;
       border-radius: 50%;

src/common/component/Profile/styled.js

@@ -13,6 +13,7 @@ const StyledWrapper = styled.div`
     width: 80px;
     height: 80px;
     border-radius: 50%;
+    object-fit: cover;
   }
   .name {
     user-select: text;

src/common/component/styled/Textarea.js

@@ -17,7 +17,7 @@ const StyledTextarea = styled.textarea`
     background-color: #f9fafb;
   }
   &::placeholder {
-    color: #78787c;
+    color: #d1d5db;
   }
 `;