Replaced ActionableMessage in confirm-page-container-content

[pritam1813]

Explanation

• This PR fixes Part of Replace deprecated ActionableMessage component with new BannerAlert component #19528, Replace deprecated Button component with new Button component #18896 and Replace deprecated Typography with Text component #17670
• Replaces ActionableMessage with BannerAlert in ui/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-content.component.js
• Replaces <Typography /> with <Text /> components inside the BannerAlert component.
• Replaces old <Button /> component (ui/components/component-library) with new <Button /> component (ui/components/component-library/button/button.js) inside the BannerAlert component.

Screenshots/Screencaps

Before

After

Not sure how to display the first warning but it would look like this. Commented out code to display

Manual Testing Steps

• Create New Build from this PR
• Install and Setup account
• Click Send then Input address
• In Amount section enter any Insufficient Amount and then next.

Pre-merge author checklist

• I've clearly explained:
  • What problem this PR is solving
  • How this problem was solved
  • How reviewers can test my changes
• Sufficient automated test coverage has been added

Pre-merge reviewer checklist

• Manual testing (e.g. pull and build branch, run in browser, test code being changed)
• PR is linked to the appropriate GitHub issue
• IF this PR fixes a bug in the release milestone, add this PR to the release milestone

If further QA is required (e.g. new feature, complex testing steps, large refactor), add the Extension QA Board label.

In this case, a QA Engineer approval will be be required.

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

[georgewrmarshall]

Hey @pritam1813, thanks for your contribution. I noticed your "after" screenshots may have been out of date. I've made some small updates and updated the description images. LGTM

[codecov]

Codecov Report

Merging #20417 (c8a310f) into develop (63d67f3) will decrease coverage by 0.00%.
The diff coverage is 100.00%.

@@             Coverage Diff             @@
##           develop   #20417      +/-   ##
===========================================
- Coverage    68.69%   68.69%   -0.00%     
===========================================
  Files          991      991              
  Lines        38281    38282       +1     
  Branches     10253    10254       +1     
===========================================
- Hits         26296    26295       -1     
- Misses       11985    11987       +2     

Files Changed	Coverage Δ
...ontent/confirm-page-container-content.component.js	92.00% <100.00%> (+0.16%)	⬆️

... and 2 files with indirect coverage changes