feat(rewards): add VIP tag to referral code input

[samir-acle]

Description

Adds a gold "VIP" tag displayed inside the referral code input field when the entered code belongs to a VIP. The tag renders a gold MetaMask fox icon and "VIP" label with a continuously rotating gold gradient border animation. It appears as the endAccessory of the referral TextField when the code is valid and VIP-flagged.

Changelog

CHANGELOG entry: Display a VIP tag when using a VIP referral code.

Related issues

Fixes: RWDS-1389

Manual testing steps

1. Open the Rewards onboarding flow
2. Enter a VIP referral code in the referral code input
3. Verify the gold fox + "VIP" tag appears on the right side of the input with an animated gradient border
4. Verify non-VIP valid codes show the standard checkmark icon instead

Screenshots/Recordings

Before

Valid referral code shows a plain checkmark icon.

Invalid referral codes show an error message.

This is still the current state for invalid and non-VIP referral codes.

After

VIP referral code shows an animated gold "🦊 VIP" tag inside the input field.

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I've included tests if applicable
• I've documented my code using JSDoc format if applicable
• I've applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• 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.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[samir-acle]

I have read the CLA Document and I hereby sign the CLA

[mm-token-exchange-service]

Builds ready [d011ec3]

• ⚠️ Make sure the build is safe before downloading and running this build.
  • Please do not use these builds with accounts that contain significant real money.
  • Beware the security risks of cache poisoning.
• Webpack builds: chrome, firefox
• Webpack builds (beta): chrome, firefox
• Webpack builds (flask): chrome, firefox
• Webpack builds (test): chrome, firefox
• Webpack builds (test-flask): chrome, firefox
• bundle size: Bundle Size Stats
• bundle analyzer: Bundle Analyzer
• interaction-benchmark: Interaction Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts

Deprecated Browserify fallback builds

• Browserify builds: chrome, firefox
• Browserify builds (beta): chrome, firefox
• Browserify builds (flask): chrome, firefox
• Browserify builds (test): chrome, firefox
• Browserify builds (test-flask): chrome, firefox

⚡ Performance Benchmarks (Total: 🟢 17 pass · 🟡 8 warn · 🔴 0 fail)

Baseline (latest main): 5682526 | Date: 6/13/2026 | Pipeline: 27450793510 | Baseline logs

Interaction Benchmarks · Samples: 5

Benchmark	chrome-webpack	firefox-webpack
loadNewAccount [Sentry log · main/release]	🟡 [CI log]	🟢 [CI log]
confirmTx [Sentry log · main/release]	🟢 [CI log]	🟢 [CI log]
bridgeUserActions [Sentry log · main/release]	🟢 [CI log]	🟢 [CI log] 🟡 bridge_search_token

📈 Results compared to the previous 5 runs on main

• ↓ loadNewAccount/inp: -12%
• ↑ loadNewAccount/fcp: +17%
• ↓ bridgeUserActions/bridge_load_page: -10%
• ↓ bridgeUserActions/bridge_load_asset_picker: -13%
• ↓ bridgeUserActions/inp: -24%
• ↑ loadNewAccount/load_new_account: +81%
• ↑ loadNewAccount/total: +81%
• ↑ loadNewAccount/lcp: +1018%
• ↑ confirmTx/confirm_tx: +10%
• ↓ confirmTx/longTaskCount: -100%
• ↓ confirmTx/longTaskTotalDuration: -100%
• ↓ confirmTx/longTaskMaxDuration: -100%
• ↓ confirmTx/tbt: -100%
• ↑ confirmTx/total: +10%
• ↓ confirmTx/inp: -10%
• ↑ confirmTx/lcp: +1064%
• ↑ bridgeUserActions/bridge_load_page: +173%
• ↑ bridgeUserActions/bridge_load_asset_picker: +229%
• ↑ bridgeUserActions/bridge_search_token: +221%
• ↓ bridgeUserActions/longTaskCount: -100%
• ↓ bridgeUserActions/longTaskTotalDuration: -100%
• ↓ bridgeUserActions/longTaskMaxDuration: -100%
• ↓ bridgeUserActions/tbt: -100%
• ↑ bridgeUserActions/total: +204%
• ↓ bridgeUserActions/inp: -17%
• ↓ bridgeUserActions/fcp: -41%
• ↑ bridgeUserActions/lcp: +1122%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)

• 🟡 loadNewAccount/FCP: p75 2.0s

Startup Benchmarks · Samples: 100

Benchmark	chrome-webpack	firefox-webpack
startupStandardHome [Sentry log · main/release]	🟢 [CI log]	🟢 [CI log]
startupPowerUserHome [Sentry log · main/release]	🟡 [CI log]	🟡 [CI log]

📈 Results compared to the previous 5 runs on main

• ↓ startupPowerUserHome/numNetworkReqs: -27%
• ↑ startupPowerUserHome/longTaskTotalDuration: +13%
• ↑ startupPowerUserHome/longTaskMaxDuration: +13%
• ↑ startupPowerUserHome/tbt: +13%
• ↑ startupPowerUserHome/inp: +21%
• ↑ startupStandardHome/domInteractive: +27%
• ↑ startupStandardHome/fcp: +15%
• ↓ startupPowerUserHome/uiStartup: -17%
• ↓ startupPowerUserHome/load: -23%
• ↓ startupPowerUserHome/domContentLoaded: -23%
• ↓ startupPowerUserHome/domInteractive: -30%
• ↓ startupPowerUserHome/backgroundConnect: -46%
• ↓ startupPowerUserHome/firstReactRender: -26%
• ↓ startupPowerUserHome/loadScripts: -23%
• ↓ startupPowerUserHome/setupStore: -25%
• ↑ startupPowerUserHome/numNetworkReqs: +11%
• ↓ startupPowerUserHome/inp: -24%
• ↓ startupPowerUserHome/fcp: -26%
• ↓ startupPowerUserHome/lcp: -16%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)

• 🔴 startupPowerUserHome/INP: p75 592ms
• 🟡 startupPowerUserHome/LCP: p75 2.5s

User Journey Benchmarks · Samples: 5 · mock API

Benchmark	chrome-webpack	firefox-webpack
onboardingImportWallet [Sentry log · main/release]	🟢 [CI log]	🟢 [CI log]
onboardingNewWallet [Sentry log · main/release]	🟢 [CI log]	🟡 [CI log] 🟡 total
assetDetails [Sentry log · main/release]	🟢 [CI log]	🟡 [CI log]
solanaAssetDetails [Sentry log · main/release]	🟢 [CI log]	🟢 [CI log]
importSrpHome [Sentry log · main/release]	🟡 [CI log]	🟡 [CI log]
sendTransactions [Sentry log · main/release]	🟢 [CI log]	🟡 [CI log]
swap [Sentry log · main/release]	🟢 [CI log]	🟢 [CI log]

📈 Results compared to the previous 5 runs on main

• ↓ onboardingImportWallet/metricsToWalletReadyScreen: -18%
• ↓ onboardingImportWallet/doneButtonToHomeScreen: -87%
• ↓ onboardingImportWallet/openAccountMenuToAccountListLoaded: -97%
• ↓ onboardingImportWallet/longTaskCount: -77%
• ↓ onboardingImportWallet/longTaskTotalDuration: -93%
• ↓ onboardingImportWallet/longTaskMaxDuration: -91%
• ↓ onboardingImportWallet/tbt: -99%
• ↓ onboardingImportWallet/total: -85%
• ↑ onboardingNewWallet/skipBackupToMetricsScreen: +13%
• ↓ onboardingNewWallet/doneButtonToAssetList: -29%
• ↓ onboardingNewWallet/longTaskTotalDuration: -32%
• ↓ onboardingNewWallet/longTaskMaxDuration: -28%
• ↓ onboardingNewWallet/tbt: -63%
• ↓ onboardingNewWallet/total: -26%
• ↑ solanaAssetDetails/assetClickToPriceChart: +99%
• ↑ solanaAssetDetails/longTaskCount: +400%
• ↑ solanaAssetDetails/longTaskTotalDuration: +431%
• ↑ solanaAssetDetails/longTaskMaxDuration: +431%
• ↑ solanaAssetDetails/tbt: +463%
• ↑ solanaAssetDetails/total: +99%
• ↓ solanaAssetDetails/cls: -89%
• ↓ importSrpHome/loginToHomeScreen: -16%
• ↑ importSrpHome/openAccountMenuAfterLogin: +151%
• ↓ importSrpHome/homeAfterImportWithNewWallet: -38%
• ↓ importSrpHome/longTaskCount: -22%
• ↓ importSrpHome/longTaskTotalDuration: -31%
• ↓ importSrpHome/tbt: -38%
• ↓ importSrpHome/total: -32%
• ↓ importSrpHome/inp: -22%
• ↑ importSrpHome/fcp: +16%
• ↑ importSrpHome/lcp: +12%
• ↓ sendTransactions/openSendPageFromHome: -40%
• ↑ sendTransactions/selectTokenToSendFormLoaded: +51%
• ↓ sendTransactions/tbt: -10%
• ↓ sendTransactions/inp: -37%
• ↓ sendTransactions/fcp: -20%
• ↓ sendTransactions/cls: -89%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)

• 🟡 importSrpHome/FCP: p75 2.1s
• 🟡 assetDetails/FCP: p75 1.9s
• 🟡 importSrpHome/FCP: p75 1.9s
• 🟡 sendTransactions/FCP: p75 1.9s

Dapp Page Load Benchmarks · Samples: 100

Benchmark	chrome-webpack
dappPageLoad [Sentry log · main/release]	🟢 [CI log]

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 512 Bytes (0.01%)
• ui: -38.87 KiB (-0.34%)
• common: 287.56 KiB (2.16%)