[MM-58686] Adjust text alignment on custom status tooltip (#27353)

* Change: Adjust text alignment on custom status tooltip
Change: Update 'Today' expiry time calculation on custom_status_modal

* Change: Use display inline-block instead of flex for custom-status class

---------

Co-authored-by: Mattermost Build <build@mattermost.com>

webapp/channels/src/components/custom_status/custom_status.scss

@@ -267,8 +267,7 @@
     }
 
     .custom-status {
-        display: flex;
+        display: inline-block;
-        justify-content: center;
 
         &-expiry {
             font-weight: 400;

webapp/channels/src/components/custom_status/custom_status_emoji.tsx

@@ -76,7 +76,7 @@ function CustomStatusEmoji({
                             emojiName={customStatus.emoji}
                             size={14}
                             emojiStyle={{
-                                marginTop: 2,
+                                marginTop: -1,
                             }}
                         />
                         {customStatus.text &&

webapp/channels/src/components/custom_status/custom_status_modal.tsx

@@ -206,7 +206,7 @@ const CustomStatusModal: React.FC<Props> = (props: Props) => {
         case FOUR_HOURS:
             return moment().add(4, 'hours').seconds(0).milliseconds(0).toISOString();
         case TODAY:
-            return moment().endOf('day').toISOString();
+            return moment().add(1, 'day').set({hour: 8, minute: 0}).toISOString();
         case THIS_WEEK:
             return moment().endOf('week').toISOString();
         case DATE_AND_TIME: