Moving transaction-alerts component from /ui/pages/confirm-transaction folder to ui/component/app folder (#17272)

ui/components/app/app-components.scss

@@ -103,3 +103,4 @@
 @import 'detected-token/detected-token-selection-popover/index';
 @import 'network-account-balance-header/index';
 @import 'approve-content-card/index';
+@import 'transaction-alerts/transaction-alerts'

ui/components/app/transaction-alerts/transaction-alerts.js

@@ -6,8 +6,8 @@ import { PRIORITY_LEVELS } from '../../../../shared/constants/gas';
 import { submittedPendingTransactionsSelector } from '../../../selectors/transactions';
 import { useGasFeeContext } from '../../../contexts/gasFee';
 import { useI18nContext } from '../../../hooks/useI18nContext';
-import ActionableMessage from '../../../components/ui/actionable-message/actionable-message';
-import Typography from '../../../components/ui/typography';
+import ActionableMessage from '../../ui/actionable-message/actionable-message';
+import Typography from '../../ui/typography';
 import { TYPOGRAPHY } from '../../../helpers/constants/design-system';
 import ZENDESK_URLS from '../../../helpers/constants/zendesk-url';
 

ui/pages/confirm-transaction-base/confirm-transaction-base.component.js

@@ -70,7 +70,7 @@ import {
   CHAIN_ID_TO_NETWORK_ID_MAP,
   ///: END:ONLY_INCLUDE_IN
 } from '../../../shared/constants/network';
-import TransactionAlerts from './transaction-alerts';
+import TransactionAlerts from '../../components/app/transaction-alerts';
 
 const renderHeartBeatIfNotInTest = () =>
   process.env.IN_TEST ? null : <LoadingHeartBeat />;

ui/pages/pages.scss

@@ -7,7 +7,6 @@
 @import 'confirm-approve/index';
 @import 'confirm-decrypt-message/confirm-decrypt-message';
 @import 'confirm-encryption-public-key/confirm-encryption-public-key';
-@import 'confirm-transaction-base/transaction-alerts/transaction-alerts';
 @import 'confirmation/confirmation';
 @import 'connected-sites/index';
 @import 'connected-accounts/index';