fix: Fixed a bug where right padding is added to messages sent by me (#1056)

Fixes: [CLNP-2923](https://sendbird.atlassian.net/browse/CLNP-2923)

### Changelogs
- Fixed a bug where right padding is added to messages sent by me in
mobile devices

[CLNP-2923]:
https://sendbird.atlassian.net/browse/CLNP-2923?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: chohongm

src/modules/GroupChannel/components/MessageList/index.scss

@@ -10,6 +10,8 @@
     position: relative;
     height: 100%;
     overflow-x: hidden;
+    padding-left: 24px;
+    padding-right: 24px;
   }
   .sendbird-separator,
   .sendbird-admin-message {

src/ui/MessageContent/index.scss

@@ -4,8 +4,7 @@
   display: inline-flex;
   flex-direction: row;
   position: relative;
-  width: calc(100% - 48px);
-  padding: 0 24px;
+  width: 100%;
 
   &.incoming {
     justify-content: flex-start;