fix: Addressing design feedbacks on re-designed signature pages

[jpuri]

Description

Addressing design feedbacks details here on re-designed signature request pages.

Related issues

Fixes: https://github.com/MetaMask/MetaMask-planning/issues/3900

Manual testing steps

1. Enable re-designs locally
2. Open test-dapp and submit signature requests
3. Check re-designed signature request pages

Screenshots/Recordings

todo

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.

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

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

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

See analysis details on SonarQube Cloud

[github-actions]

Bitrise

✅✅✅ pr_smoke_e2e_pipeline passed on Bitrise! ✅✅✅

Commit hash: 4ed790a
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/e40ba2ca-77af-4588-995d-0246d693c79a

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request