Typo (#30372)

Co-authored-by: Ben Schumacher <ben.schumacher@mattermost.com>

webapp/channels/src/components/advanced_text_editor/advanced_text_editor.tsx

@@ -671,7 +671,7 @@ const AdvancedTextEditor = ({
 
     const ariaLabelMessageInput = formatMessage({
         id: 'accessibility.sections.centerFooter',
-        defaultMessage: 'message input complimentary region',
+        defaultMessage: 'message input complementary region',
     });
 
     const ariaLabel = loginSuccessfulLabel ? `${loginSuccessfulLabel} ${ariaLabelMessageInput}` : ariaLabelMessageInput;

webapp/channels/src/components/search_results/search_results.tsx

@@ -422,7 +422,7 @@ const SearchResults: React.FC<Props> = (props: Props): JSX.Element => {
                     data-a11y-loop-navigation={false}
                     aria-label={intl.formatMessage({
                         id: 'accessibility.sections.rhs',
-                        defaultMessage: '{regionTitle} complimentary region',
+                        defaultMessage: '{regionTitle} complementary region',
                     }, {
                         regionTitle: formattedTitle,
                     })}

webapp/channels/src/components/threading/virtualized_thread_viewer/virtualized_thread_viewer.tsx

@@ -429,7 +429,7 @@ class ThreadViewerVirtualized extends PureComponent<Props, State> {
                 )}
                 <div
                     role='application'
-                    aria-label={Utils.localizeMessage({id: 'accessibility.sections.rhsContent', defaultMessage: 'message details complimentary region'})}
+                    aria-label={Utils.localizeMessage({id: 'accessibility.sections.rhsContent', defaultMessage: 'message details complementary region'})}
                     className='post-right__content a11y__region'
                     style={{height: '100%', position: 'relative'}}
                     data-a11y-sort-order='3'