MM-61303 - fix accesibility issues with feature scheduled messages (#29247)

* MM-61303 - fix tab accesibility for core-menu-options

* add tabindex options and autofocus for tabs component

---------

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

webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/core_menu_options.tsx

@@ -122,6 +122,7 @@ function CoreMenuOptions({handleOnSelect, channelId}: Props) {
                 />
             }
             className='core-menu-options'
+            autoFocus={true}
             {...extraProps}
         />
     );
@@ -158,6 +159,7 @@ function CoreMenuOptions({handleOnSelect, channelId}: Props) {
                 />
             }
             className='core-menu-options'
+            autoFocus={now.weekday === 5 || now.weekday === 6}
             {...extraProps}
         />
     );

webapp/channels/src/components/drafts/drafts.tsx

@@ -164,6 +164,7 @@ function Drafts({
                         title={draftTabHeading}
                         unmountOnExit={false}
                         tabClassName='drafts_tab'
+                        tabIndex={0}
                     >
                         <DraftList
                             drafts={drafts}

webapp/channels/src/components/tabs/tab/index.tsx

@@ -10,15 +10,17 @@ type Props = {
     title?: React.ReactNode | undefined;
     unmountOnExit?: boolean | undefined;
     tabClassName?: string | undefined;
+    tabIndex?: number;
 }
 
-export default function Tab({children, title, unmountOnExit, tabClassName, eventKey}: Props) {
+export default function Tab({children, title, unmountOnExit, tabClassName, eventKey, tabIndex = -1}: Props) {
     return (
         <ReactBootstrapTab
             eventKey={eventKey}
             title={title}
             unmountOnExit={unmountOnExit}
             tabClassName={tabClassName}
+            tabIndex={tabIndex}
         >
             {children}
         </ReactBootstrapTab>

webapp/channels/src/components/tabs/tabs/index.tsx

@@ -35,6 +35,7 @@ export default function Tabs({
             onSelect={onSelect}
             className={classNames('tabs', className)}
             mountOnEnter={mountOnEnter}
+            autoFocus={true}
         >
             {children}
         </ReactBootstrapTabs>