[MM-55112] Replace usage of LocalizedIcon in 'user_settings_notifications.tsx' with i/span tags (#25264)

webapp/channels/src/components/user_settings/notifications/user_settings_notifications.tsx

@@ -17,12 +17,10 @@ import type {UserNotifyProps, UserProfile} from '@mattermost/types/users';
 import type {ActionResult} from 'mattermost-redux/types/actions';
 
 import ExternalLink from 'components/external_link';
-import LocalizedIcon from 'components/localized_icon';
 import SettingItem from 'components/setting_item';
 import SettingItemMax from 'components/setting_item_max';
 
 import Constants, {NotificationLevels} from 'utils/constants';
-import {t} from 'utils/i18n';
 import {stopTryNotificationRing} from 'utils/notification_sounds';
 import {a11yFocus} from 'utils/utils';
 
@@ -1068,12 +1066,12 @@ class NotificationsTab extends React.PureComponent<Props, State> {
                         ref={this.drawerRef}
                     >
                         <div className='modal-back'>
-                            <LocalizedIcon
+                            <i
                                 className='fa fa-angle-left'
-                                ariaLabel={{
+                                aria-label={this.props.intl.formatMessage({
-                                    id: t('generic_icons.collapse'),
+                                    id: 'generic_icons.collapse',
                                     defaultMessage: 'Collapse Icon',
-                                }}
+                                })}
                                 onClick={this.props.collapseModal}
                             />
                         </div>