chore: update support.metamask urls to track utm source (#27331)

<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**

Adds UTM parameters (`utm_source=mobile_app`) to outbound links in the
MetaMask Mobile app, specifically updating the support page link to
`https://support.metamask.io?utm_source=mobile_app`.

Currently all mobile app traffic appears as "Direct" in analytics. This
change enables proper attribution to distinguish mobile users from
extension users and other sources.

The solution updates link URLs in relevant components (help screens,
settings, etc.) while maintaining identical user experience.

## **Changelog**

CHANGELOG entry: Added UTM parameters to mobile app links for improved
analytics tracking

## **Related issues**

## **Manual testing steps**

```gherkin
Feature: UTM parameters on support links

  Scenario: Support link contains UTM parameters
    Given MetaMask Mobile app is running on test build
    And user navigates to Settings → Help
    
    When user taps the "Get help" / support link
    Then link URL contains "?utm_source=mobile_app"
    
  Scenario: External browser opens with correct UTM parameters
    Given MetaMask Mobile app is running on test build
    And user navigates to a screen with support link
    
    When user taps support link
    Then external browser opens https://support.metamask.io?utm_source=mobile_app
```

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**

<!-- [screenshots/recordings] -->

### **After**

<!-- [screenshots/recordings] -->

## **Pre-merge author checklist**

- [x] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask Mobile
Coding
Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [x] I've completed the PR template to the best of my ability
- [x] I've included tests if applicable
- [x] I've documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [x] I've applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [x] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [x] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.

<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> **Medium Risk**
> Touches many user-facing outbound support links and `AppConstants` URL
wiring; low functional complexity, but mistakes could send users to
incorrect help pages or break deep-link constants.
> 
> **Overview**
> Adds a `MOBILE_UTM` suffix and expands `app/constants/urls.ts` to
provide canonical, UTM-tagged MetaMask support/article URLs (plus shared
deep-link base constants like `MM_UNIVERSAL_LINK_HOST` and
`MM_ANDROID_BUNDLE_ID`).
> 
> Updates a wide set of screens/modals (Support/Help, onboarding,
password reset, staking/earn, perps, ramp region/eligibility, network
verification, error boundary, etc.) to **stop using hardcoded support
URLs** and instead reference these centralized constants, with
corresponding test expectation updates. Also switches `AppConstants` to
import several URL values and bundle/universal-link constants from
`constants/urls` to avoid duplication.
> 
> <sup>Reviewed by [Cursor Bugbot](https://cursor.com/bugbot) for commit
6ff5d04. Bugbot is set up for automated
code reviews on this repo. Configure
[here](https://www.cursor.com/dashboard/bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

Author: saraantole

app/components/UI/Compliance/contexts/AccessRestrictedContext.test.tsx

@@ -6,6 +6,7 @@ import {
   useAccessRestrictedModal,
 } from './AccessRestrictedContext';
 import { AccessRestrictedModalSelectorsIDs } from '../AccessRestrictedModal/AccessRestrictedModal.testIds';
+import { METAMASK_SUPPORT_URL } from '../../../../constants/urls';
 
 const mockNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => ({
@@ -128,7 +129,7 @@ describe('AccessRestrictedContext', () => {
       expect.any(String),
       expect.objectContaining({
         params: expect.objectContaining({
-          url: 'https://support.metamask.io',
+          url: METAMASK_SUPPORT_URL,
         }),
       }),
     );

app/components/UI/Earn/components/Tron/TronStakingLearnMoreModal/TronStakingLearnMoreModal.test.tsx

@@ -9,6 +9,7 @@ import {
   createMockEventBuilder,
   createMockUseAnalyticsHook,
 } from '../../../../../../util/test/analyticsMock';
+import { TRON_STAKING_FAQ_URL } from '../../../../../../constants/urls';
 
 const mockNavigate = jest.fn();
 
@@ -185,7 +186,7 @@ describe('TronStakingLearnMoreModal', () => {
       expect(mockNavigate).toHaveBeenCalledWith('Webview', {
         screen: 'SimpleWebview',
         params: {
-          url: 'https://support.metamask.io/metamask-portfolio/move-crypto/stake/',
+          url: TRON_STAKING_FAQ_URL,
         },
       });
     });

app/components/UI/Earn/components/Tron/TronStakingLearnMoreModal/index.tsx

@@ -19,9 +19,7 @@ import {
   StakingInfoBodyText,
   StakingInfoStrings,
 } from '../../../../Stake/components/LearnMoreModal';
-
-const TRON_STAKING_FAQ_URL =
-  'https://support.metamask.io/metamask-portfolio/move-crypto/stake/';
+import { TRON_STAKING_FAQ_URL } from '../../../../../../constants/urls';
 
 const TronStakingLearnMoreModal = () => {
   const { styles } = useStyles(styleSheet, {});

app/components/UI/Earn/constants/urls.ts

@@ -1,3 +1,5 @@
+import { LENDING_FAQ_URL } from '../../../../constants/urls';
+
 export const EARN_URLS = {
-  LENDING_FAQ: 'https://support.metamask.io/manage-crypto/earn/lending/',
+  LENDING_FAQ: LENDING_FAQ_URL,
 };

app/components/UI/NetworkVerificationInfo/NetworkVerificationInfo.tsx

@@ -25,6 +25,7 @@ import { CustomNetworkInformation } from './NetworkVerificationInfo.types';
 import { ScrollView } from 'react-native-gesture-handler';
 import { useSelector } from 'react-redux';
 import { selectUseSafeChainsListValidation } from '../../../selectors/preferencesController';
+import { ADD_CUSTOM_NETWORK_ARTCILE } from '../../../constants/urls';
 import {
   ButtonSize,
   ButtonVariants,
@@ -41,7 +42,6 @@ import { convertHexToDecimal } from '@metamask/controller-utils';
 import { isValidASCIIURL, toPunycodeURL } from '../../../util/url';
 import { PopularList } from '../../../util/networks/customNetworks';
 import { MISSMATCH_RPC_URL_TEST_ID } from './NetworkVerificationInfo.constants';
-import { ADD_CUSTOM_NETWORK_ARTCILE } from '../../../constants/urls';
 
 interface Alert {
   alertError: string;
@@ -99,9 +99,7 @@ const NetworkVerificationInfo = ({
   }, [matchingPopularNetwork, customNetworkInformation.rpcUrl]);
 
   const goToLearnMore = () => {
-    Linking.openURL(
-      'https://support.metamask.io/networks-and-sidechains/managing-networks/verifying-custom-network-information/',
-    );
+    Linking.openURL(ADD_CUSTOM_NETWORK_ARTCILE);
   };
 
   useEffect(() => setAlerts(alertsFromProps), [alertsFromProps]);

app/components/UI/OptinMetrics/index.tsx

@@ -51,6 +51,7 @@ import {
 import { setupSentry } from '../../../util/sentry/utils';
 import PrivacyIllustration from '../../../images/privacy_metrics_illustration.png';
 import Device from '../../../util/device';
+import { HOWTO_MANAGE_METAMETRICS } from '../../../constants/urls';
 import type { OptinMetricsRouteParams } from './OptinMetrics.types';
 import {
   useNavigation,
@@ -257,7 +258,7 @@ const OptinMetrics = () => {
   const openLearnMore = useCallback(
     () =>
       onPressLink({
-        url: 'https://support.metamask.io/configure/privacy/how-to-manage-your-metametrics-settings/',
+        url: HOWTO_MANAGE_METAMETRICS,
         title: 'How to manage your MetaMetrics settings',
       }),
     [onPressLink],

app/components/UI/Perps/components/PerpsTutorialCarousel/PerpsTutorialCarousel.tsx

@@ -32,6 +32,7 @@ import { useStyles } from '../../../../../component-library/hooks';
 import Routes from '../../../../../constants/navigation/Routes';
 import NavigationService from '../../../../../core/NavigationService';
 import { EXTERNAL_LINK_TYPE } from '../../../../../constants/browser';
+import { PERPS_LEARN_MORE_URL } from '../../../../../constants/urls';
 import { MetaMetricsEvents } from '../../../../../core/Analytics';
 import {
   PERPS_EVENT_PROPERTY,
@@ -379,7 +380,7 @@ const PerpsTutorialCarousel: React.FC = () => {
     NavigationService.navigation.navigate(Routes.BROWSER.HOME, {
       screen: Routes.BROWSER.VIEW,
       params: {
-        newTabUrl: 'https://support.metamask.io/manage-crypto/trade/perps',
+        newTabUrl: PERPS_LEARN_MORE_URL,
         linkType: EXTERNAL_LINK_TYPE,
         timestamp: Date.now(),
         fromPerps: true,

app/components/UI/Perps/constants/perpsConfig.ts

@@ -10,6 +10,10 @@
  */
 import type { Hex } from '@metamask/utils';
 import { TokenI } from '../../Tokens/types';
+import {
+  PERPS_ADL_URL,
+  METAMASK_SUPPORT_URL,
+} from '../../../../constants/urls';
 
 /** Address used to represent "Perps balance" as the payment token (synthetic option). */
 export const PERPS_BALANCE_PLACEHOLDER_ADDRESS =
@@ -191,7 +195,7 @@ export const LEARN_MORE_CONFIG = {
  * Contact support button configuration (matches Settings behavior)
  */
 export const SUPPORT_CONFIG = {
-  Url: 'https://support.metamask.io',
+  Url: METAMASK_SUPPORT_URL,
   TitleKey: 'perps.support.title',
   DescriptionKey: 'perps.support.description',
 } as const;
@@ -210,8 +214,7 @@ export const FEEDBACK_CONFIG = {
  * Links to specific MetaMask support articles for Perps features
  */
 export const PERPS_SUPPORT_ARTICLES_URLS = {
-  AdlUrl:
-    'https://support.metamask.io/manage-crypto/trade/perps/leverage-and-liquidation/#what-is-auto-deleveraging-adl',
+  AdlUrl: PERPS_ADL_URL,
 } as const;
 
 /**

app/components/UI/ProtectYourWalletModal/index.js

@@ -23,6 +23,7 @@ import { connect } from 'react-redux';
 import { protectWalletModalNotVisible } from '../../../actions/user';
 import { strings } from '../../../../locales/i18n';
 import scaling from '../../../util/scaling';
+import { LEARN_MORE_URL } from '../../../constants/urls';
 import { MetaMetricsEvents } from '../../../core/Analytics/MetaMetrics.events';
 import { ProtectWalletModalSelectorsIDs } from './ProtectWalletModal.testIds';
 import { analytics } from '../../../util/analytics/analytics';
@@ -63,7 +64,7 @@ class ProtectYourWalletModal extends PureComponent {
     this.props.navigation.navigate('Webview', {
       screen: 'SimpleWebview',
       params: {
-        url: 'https://support.metamask.io/privacy-and-security/basic-safety-and-security-tips-for-metamask/',
+        url: LEARN_MORE_URL,
         title: strings('protect_wallet_modal.title'),
       },
     });

app/components/UI/ProtectYourWalletModal/index.test.tsx

@@ -8,6 +8,7 @@ import renderWithProvider from '../../../util/test/renderWithProvider';
 import { strings } from '../../../../locales/i18n';
 import { ProtectWalletModalSelectorsIDs } from './ProtectWalletModal.testIds';
 import { analytics } from '../../../util/analytics/analytics';
+import { LEARN_MORE_URL } from '../../../constants/urls';
 
 jest.mock('../../../util/analytics/analytics', () => ({
   analytics: {
@@ -120,7 +121,7 @@ describe('ProtectYourWalletModal', () => {
         expect(mockNavigation.navigate).toHaveBeenCalledWith('Webview', {
           screen: 'SimpleWebview',
           params: {
-            url: 'https://support.metamask.io/privacy-and-security/basic-safety-and-security-tips-for-metamask/',
+            url: LEARN_MORE_URL,
             title: strings('protect_wallet_modal.title'),
           },
         });