fix: Confirm font size; use default 16 px (#14715)

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

There are inconsistent font sizes used across various confirmation
texts. This PR removes multiple font sizes set to 14 and 16 to allow
uses of the default font-size, 16px.

Note that Figma specifies font-size: 14px but these were also designed
for both mobile and extension.

Figma:
https://www.figma.com/design/wcXUl6AH5KNFwKdAIv49kh/Confirmation-redesign-V5?node-id=4157-13541&t=Zf3Nw0lAeQeeyWNK-0

Disclaimer: There is a discussion on the design side to possibly update
fonts and styles. We may readjust font styles following this. For now,
we can merge this PR to implement consistencies. cc: @SayaGT

## **Related issues**

Fixes: #14772

## **Manual testing steps**

Test various mobile redesigned confirmation pages 

## **Screenshots/Recordings**

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

### **Before**

![CleanShot 2025-04-16 at 22 46
18](https://github.com/user-attachments/assets/690fc554-60a5-415d-b52a-a5b935efa5fa)
![CleanShot 2025-04-16 at 22 46
34](https://github.com/user-attachments/assets/1b152d4a-6c7e-466d-9897-6a781b3d21bf)


### **After**

![CleanShot 2025-04-16 at 23 39
44](https://github.com/user-attachments/assets/0d11c8ff-3f95-4858-a7fb-266fa42bcdd1)
![CleanShot 2025-04-16 at 23 40
01](https://github.com/user-attachments/assets/0d3844e2-eaeb-4884-bd10-ade57a0032bb)


## **Pre-merge author checklist**

- [ ] 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).
- [ ] 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](https://jsdoc.app/) format
if applicable
- [ ] 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.

Author: digiwand

CHANGELOG.md

@@ -45,6 +45,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - fix(bridge): keyboard not appearing when error banner is displayed ([#14862](https://github.com/MetaMask/metamask-mobile/pull/14862))
 - fix(bridge): fix not switching networks when selecting source token ([#14712](https://github.com/MetaMask/metamask-mobile/pull/14712))
+- fix: update confirmation font sizes ([#14715](https://github.com/MetaMask/metamask-mobile/pull/14715))
 - fix: updates a padding style specifically for Android devices ([#14725](https://github.com/MetaMask/metamask-mobile/pull/14725))
 - fix(bridge): enhance UI/UX with improved input handling and layout adjustments ([#14781](https://github.com/MetaMask/metamask-mobile/pull/14781))
 - fix(swaps): set default slippage when source or destination token is not stablecoin ([#14730](https://github.com/MetaMask/metamask-mobile/pull/14730))

app/components/Views/confirmations/components/UI/Tooltip/Tooltip.styles.ts

@@ -50,7 +50,6 @@ const styleSheet = (params: { theme: Theme }) => {
     modalContentValue: {
       color: theme.colors.text.default,
       ...fontStyles.normal,
-      fontSize: 14,
     },
   });
 };

app/components/Views/confirmations/components/UI/expandable-section/expandable-section.styles.ts

@@ -35,7 +35,6 @@ const styleSheet = (params: { theme: Theme, vars: { isCompact: boolean | undefin
     expandedContentTitle: {
       color: theme.colors.text.default,
       ...fontStyles.bold,
-      fontSize: isCompact ? 16 : 14,
       width: '90%',
       textAlign: 'center',
     },

app/components/Views/confirmations/components/UI/info-row/info-row.styles.ts

@@ -27,7 +27,6 @@ const styleSheet = (params: { theme: Theme }) => {
     value: {
       color: theme.colors.text.default,
       ...fontStyles.normal,
-      fontSize: 14,
     },
     valueOnNewLineContainer: {
       paddingBottom: 8,

app/components/Views/confirmations/components/UI/info-row/info-value/display-url/display-url.styles.ts

@@ -15,7 +15,6 @@ const styleSheet = (params: { theme: Theme }) => {
     value: {
       color: theme.colors.text.default,
       ...fontStyles.normal,
-      fontSize: 14,
     },
     warningContainer: {
       display: 'flex',

app/components/Views/confirmations/components/UI/info-row/info-value/network/__snapshots__/network.test.tsx.snap

@@ -42,7 +42,7 @@ exports[`Network should match snapshot 1`] = `
       {
         "color": "#121314",
         "fontFamily": "CentraNo1-Book",
-        "fontSize": 14,
+        "fontSize": 16,
         "fontWeight": "400",
         "letterSpacing": 0,
         "lineHeight": 24,

app/components/Views/confirmations/components/UI/info-row/info-value/network/network.styles.ts

@@ -15,7 +15,6 @@ const styleSheet = (params: { theme: Theme }) => {
     value: {
       color: theme.colors.text.default,
       ...fontStyles.normal,
-      fontSize: 14,
       marginLeft: 8,
     },
   });

app/components/Views/confirmations/components/UI/info-row/info-value/network/style.ts

@@ -13,7 +13,6 @@ const createStyles = (colors: Colors) =>
     value: {
       color: colors.text.default,
       ...fontStyles.normal,
-      fontSize: 14,
       marginTop: 8,
     },
     warningContainer: {

app/components/Views/confirmations/components/UI/text-with-tooltip/text-with-tooltip.styles.ts

@@ -18,7 +18,6 @@ const styleSheet = (params: { theme: Theme }) => {
       paddingVertical: 8,
     },
     text: {
-      fontSize: 16,
       ...fontStyles.normal,
     },
     tooltipHeader: {

app/components/Views/confirmations/components/info/personal-sign/message.tsx

@@ -24,13 +24,11 @@ const styleSheet = (params: { theme: Theme }) => {
     messageExpanded: {
       color: theme.colors.text.default,
       ...fontStyles.normal,
-      fontSize: 14,
       fontWeight: '400',
     },
     siweTos: {
       color: theme.colors.text.default,
       ...fontStyles.normal,
-      fontSize: 14,
       fontWeight: '400',
       paddingHorizontal: 8,
       marginBottom: 8,