chore(runway): cherry-pick fix: cp-7.47.0 add MetaMask fee disclaimer text to bridge view (#15377)

## **Description**

This PR adds a fee disclaimer text to the Bridge View to inform users
about the 0.875% MetaMask fee. This change improves transparency by
clearly communicating the fee structure to users before they proceed
with a bridge transaction.

## **Related issues**

Fixes:
[MMS-2343](https://consensyssoftware.atlassian.net/browse/MMS-2343)

## **Manual testing steps**

1. Open the Bridge View
2. Verify that the fee disclaimer text "Includes 0.875% MM fee" appears
below the quote details
3. Confirm the text is properly aligned and styled
4. Test with different screen sizes to ensure responsive layout

## **Screenshots/Recordings**

### **Before**

[Please add screenshot of Bridge View without fee disclaimer]

### **After**



https://github.com/user-attachments/assets/452f9b31-f797-4033-9f47-6b766627bc8d


## **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**

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

[MMS-2343]:
https://consensyssoftware.atlassian.net/browse/MMS-2343?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: amitabh94

app/components/UI/Bridge/Views/BridgeView/BridgeView.styles.ts

@@ -22,14 +22,11 @@ export const createStyles = (params: { theme: Theme }) => {
       alignItems: 'center',
       justifyContent: 'center',
       backgroundColor: theme.colors.background.default,
+      paddingTop: 12,
     },
     button: {
       width: '100%',
     },
-    bottomSection: {
-      flex: 1,
-      justifyContent: 'flex-end',
-    },
     arrowContainer: {
       position: 'relative',
       alignItems: 'center',

app/components/UI/Bridge/Views/BridgeView/__snapshots__/BridgeView.test.tsx.snap

@@ -910,6 +910,7 @@ exports[`BridgeView Bottom Content blurs input when opening QuoteExpiredModal 1`
                                     "justifyContent": "center",
                                     "paddingBottom": 24,
                                     "paddingHorizontal": 16,
+                                    "paddingTop": 12,
                                     "width": "100%",
                                   },
                                 ]
@@ -1857,6 +1858,7 @@ exports[`BridgeView renders 1`] = `
                                     "justifyContent": "center",
                                     "paddingBottom": 24,
                                     "paddingHorizontal": 16,
+                                    "paddingTop": 12,
                                     "width": "100%",
                                   },
                                 ]

app/components/UI/Bridge/Views/BridgeView/index.tsx

@@ -367,8 +367,7 @@ const BridgeView = () => {
               tokenBalance={latestSourceBalance?.displayBalance}
               networkImageSource={
                 sourceToken?.chainId
-                  ?
-                    getNetworkImageSource({
+                  ? getNetworkImageSource({
                       chainId: sourceToken?.chainId,
                     })
                   : undefined
@@ -395,8 +394,7 @@ const BridgeView = () => {
               token={destToken}
               networkImageSource={
                 destToken
-                  ?
-                    getNetworkImageSource({ chainId: destToken?.chainId })
+                  ? getNetworkImageSource({ chainId: destToken?.chainId })
                   : undefined
               }
               testID="dest-token-area"

app/components/UI/Bridge/components/QuoteDetailsCard/QuoteDetailsCard.styles.ts

@@ -31,6 +31,9 @@ const createStyles = ({ colors }: Theme) =>
       alignItems: 'center',
       gap: 4,
     },
+    disclaimerText: {
+      textAlign: 'center',
+    },
   });
 
 export default createStyles;