feat: Add skeleton loading for the Send flow

[dan437]

Description

Replaces blank page with a loader for the Send flow with skeleton loading

Changelog

CHANGELOG entry: Replaces blank page with a loader for the Send flow with skeleton loading

Related issues

Fixes:
#19676
#22763
#17838

Manual testing steps

1. Click Send on the main page
2. Fill in the form, submit it
3. You will see skeleton loading now

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile 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.

---

Note

Adds a Transfer-specific skeleton loader (including footer skeleton) to the confirmation screen and routes Send flow to use it, plus skeletons across key info rows.

• Confirmations UI
  • Adds ConfirmationLoader.Transfer and renders TransferInfoSkeleton in confirm-component.tsx.
  • Extends InfoLoader to accept loader and shows FooterSkeleton when loader === 'transfer'.
  • Keeps default spinner; retains existing loaders (customAmount, predictClaim).
• Footer
  • Introduces FooterSkeleton with styles (footerSkeletonContainer, footerButtonSkeleton).
  • Refactors base footer styles for reuse.
• Transfer Info Skeletons
  • Adds skeleton components for rows: HeroRowSkeleton, FromToRowSkeleton, NetworkAndOriginRowSkeleton, GasFeesDetailsRowSkeleton, AdvancedDetailsRowSkeleton with corresponding style additions.
  • Replaces react-native-skeleton-placeholder usage with shared Skeleton component in gas fee row.
• Navigation/Send Flow
  • useSendActions: navigates to RedesignedConfirmations with { loader: 'transfer', params: { maxValueMode } }.
• Tests
  • Updates confirm-component.test.tsx and useSendActions.test.ts to cover new loaders, SafeArea + ScrollView, defaults, and navigation params.

^{Written by Cursor Bugbot for commit 2f5656e. This will update automatically on new commits. Configure here.}

[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.

[github-actions]

🔍 Smart E2E Test Selection

• Selected E2E tags: SmokeAccounts, SmokeCore, SmokeConfirmationsRedesigned, SmokeIdentity, SmokeNetworkAbstractions, SmokeNetworkExpansion, SmokeTrade, SmokeWalletPlatform, SmokeWalletUX, SmokeAssets, SmokeSwaps, SmokeStake, SmokeCard, SmokeNotifications, SmokeRewards, SmokePerps, SmokeRamps, SmokeMultiChainPermissions, SmokeAnalytics, SmokeMultiChainAPI, SmokePredictions
• Risk Level: high
• AI Confidence: %

click to see 🤖 AI reasoning details

Fallback: AI analysis did not complete successfully. Running all tests.

View GitHub Actions results

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud