Updated warning popup base component

apps/meteor/client/views/admin/integrations/new/NewZapier.js

@@ -1,4 +1,4 @@
-import { Box, Skeleton, Margins, Banner, Icon } from '@rocket.chat/fuselage';
+import { Box, Skeleton, Margins, Callout } from '@rocket.chat/fuselage';
 import { useTranslation } from '@rocket.chat/ui-contexts';
 import React, { useEffect, useState } from 'react';
 
@@ -33,14 +33,14 @@ export default function NewZapier({ ...props }) {
 
 	return (
 		<>
-			<Banner
-				icon={<Icon name='warning' />}
-				title={t('This_is_a_deprecated_feature_alert')}
-				variant='warning'
+			<Callout
+				bg='status-background-warning'
+				icon={'warning'}
+				title={t('Zapier_integration_has_been_deprecated')}
 				style={{ marginInline: '-1.5rem' }}
 			>
 				{t('Install_Zapier_from_marketplace')}
-			</Banner>
+			</Callout>
 			{!script && (
 				<Box display='flex' flexDirection='column' alignItems='stretch' mbs={10}>
 					<Margins blockEnd={14}>

apps/meteor/packages/rocketchat-i18n/i18n/en.i18n.json

@@ -4763,7 +4763,8 @@
   "This_feature_is_currently_in_alpha": "This feature is currently in alpha!",
   "This_is_a_desktop_notification": "This is a desktop notification",
   "This_is_a_deprecated_feature_alert": "This is a deprecated feature. It may not work as expected and will not get new updates.",
-  "Install_Zapier_from_marketplace": "Install the Zapier app from Marketplace to avoid disruptions.",
+  "Zapier_integration_has_been_deprecated": "The Zapier integration has been deprecated, may not work as expected and will not receive updates",
+  "Install_Zapier_from_marketplace": "Install the Zapier app from Marketplace to avoid disruptions",
   "This_is_a_push_test_messsage": "This is a push test message",
   "This_message_was_rejected_by__peer__peer": "This message was rejected by <em>__peer__</em> peer.",
   "This_monitor_was_already_selected": "This monitor was already selected",