[APM] Update User Experience app callout code to reflect new name (#80641) (#80662)

Author: cauemarcondes

x-pack/plugins/apm/public/components/app/TransactionOverview/index.tsx

@@ -36,7 +36,7 @@ import { TransactionTypeFilter } from '../../shared/LocalUIFilters/TransactionTy
 import { TransactionList } from './TransactionList';
 import { useRedirect } from './useRedirect';
 import { TRANSACTION_PAGE_LOAD } from '../../../../common/transaction_types';
-import { ClientSideMonitoringCallout } from './ClientSideMonitoringCallout';
+import { UserExperienceCallout } from './user_experience_callout';
 
 function getRedirectLocation({
   urlParams,
@@ -129,7 +129,7 @@ export function TransactionOverview({ serviceName }: TransactionOverviewProps) {
         <EuiFlexItem grow={7}>
           {transactionType === TRANSACTION_PAGE_LOAD && (
             <>
-              <ClientSideMonitoringCallout />
+              <UserExperienceCallout />
               <EuiSpacer size="s" />
             </>
           )}

x-pack/plugins/apm/public/components/app/TransactionOverview/ClientSideMonitoringCallout.tsx renamed to x-pack/plugins/apm/public/components/app/TransactionOverview/user_experience_callout.tsx

@@ -9,31 +9,31 @@ import { EuiButton, EuiCallOut, EuiSpacer, EuiText } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { useApmPluginContext } from '../../../hooks/useApmPluginContext';
 
-export function ClientSideMonitoringCallout() {
+export function UserExperienceCallout() {
   const { core } = useApmPluginContext();
-  const clientSideMonitoringHref = core.http.basePath.prepend(`/app/ux`);
+  const userExperienceHref = core.http.basePath.prepend(`/app/ux`);
 
   return (
     <EuiCallOut
       iconType="cheer"
       title={i18n.translate(
-        'xpack.apm.transactionOverview.clientSideMonitoring.calloutTitle',
+        'xpack.apm.transactionOverview.userExperience.calloutTitle',
         { defaultMessage: 'Introducing: Elastic User Experience' }
       )}
     >
       <EuiText>
         {i18n.translate(
-          'xpack.apm.transactionOverview.clientSideMonitoring.calloutText',
+          'xpack.apm.transactionOverview.userExperience.calloutText',
           {
             defaultMessage:
               'We are beyond excited to introduce a new experience for analyzing the user experience metrics specifically for your RUM services. It provides insights into the core vitals and visitor breakdown by browser and location. The app is always available in the left sidebar among the other Observability views.',
           }
         )}
       </EuiText>
       <EuiSpacer size="m" />
-      <EuiButton href={clientSideMonitoringHref}>
+      <EuiButton href={userExperienceHref}>
         {i18n.translate(
-          'xpack.apm.transactionOverview.clientSideMonitoring.linkLabel',
+          'xpack.apm.transactionOverview.userExperience.linkLabel',
           { defaultMessage: 'Take me there' }
         )}
       </EuiButton>