[MM-55115] Replace usage of LocalizedIcon in 'view_user_group_header_sub_menu.tsx' with i/span tags (#25207)

webapp/channels/src/components/view_user_group_modal/view_user_group_header_sub_menu/view_user_group_header_sub_menu.tsx

@@ -2,18 +2,17 @@
 // See LICENSE.txt for license information.
 
 import React, {useCallback} from 'react';
+import {useIntl} from 'react-intl';
 
 import type {Group} from '@mattermost/types/groups';
 
 import type {ActionResult} from 'mattermost-redux/types/actions';
 
-import LocalizedIcon from 'components/localized_icon';
 import UpdateUserGroupModal from 'components/update_user_group_modal';
 import Menu from 'components/widgets/menu/menu';
 import MenuWrapper from 'components/widgets/menu/menu_wrapper';
 
 import {ModalIdentifiers} from 'utils/constants';
-import {t} from 'utils/i18n';
 import * as Utils from 'utils/utils';
 
 import type {ModalData} from 'types/actions';
@@ -83,6 +82,8 @@ const ViewUserGroupHeaderSubMenu = (props: Props) => {
         });
     }, [group.id, actions.archiveGroup, backButtonCallback, onExited]);
 
+    const {formatMessage} = useIntl();
+
     return (
         <div className='details-action'>
             <MenuWrapper
@@ -91,9 +92,9 @@ const ViewUserGroupHeaderSubMenu = (props: Props) => {
                 id={`detailsCustomWrapper-${group.id}`}
             >
                 <button className='btn btn-icon'>
-                    <LocalizedIcon
+                    <i
                         className='icon icon-dots-vertical'
-                        ariaLabel={{id: t('user_groups_modal.goBackLabel'), defaultMessage: 'Back'}}
+                        aria-label={formatMessage({id: 'user_groups_modal.goBackLabel', defaultMessage: 'Back'})}
                     />
                 </button>
                 <Menu