[MM-55121] Replace usage of LocalizedIcon in 'fa_success_icon.tsx' with i/span tags (#25134)

webapp/channels/src/components/admin_console/request_button/__snapshots__/request_button.test.tsx.snap

@@ -382,20 +382,10 @@ exports[`components/admin_console/request_button/request_button.jsx should match
             className="alert alert-success"
           >
             <SuccessIcon>
-              <LocalizedIcon
+              <i
                 className="fa fa-check"
-                title={
-                  Object {
-                    "defaultMessage": "Success Icon",
-                    "id": "generic_icons.success",
-                  }
-                }
-              >
-                <i
-                  className="fa fa-check"
-                  title="Success Icon"
-                />
-              </LocalizedIcon>
+                title="Success Icon"
+              />
             </SuccessIcon>
             <FormattedMessage
               defaultMessage="Success Message"

webapp/channels/src/components/widgets/icons/fa_success_icon.tsx

@@ -2,16 +2,15 @@
 // See LICENSE.txt for license information.
 
 import React from 'react';
-
-import LocalizedIcon from 'components/localized_icon';
-
-import {t} from 'utils/i18n';
+import {useIntl} from 'react-intl';
 
 export default function SuccessIcon() {
+    const {formatMessage} = useIntl();
+
     return (
-        <LocalizedIcon
+        <i
             className='fa fa-check'
-            title={{id: t('generic_icons.success'), defaultMessage: 'Success Icon'}}
+            title={formatMessage({id: 'generic_icons.success', defaultMessage: 'Success Icon'})}
         />
     );
 }