Replaced ActionableMessage in Advanced Tab

[pritam1813]

Explanation

• This PR fixes part of Replace deprecated ActionableMessage component with new BannerAlert component #19528
• Replaces instances of ActionableMessage with BannerAlert in ui/pages/settings/advanced-tab/advanced-tab.component.js

Screenshots/Screencaps

Before

After

Manual Testing Steps

• Create build from this PR
• From Menu go to Settings -> Advanced
• Scroll Down to find Restore user data section.
• Try Restoring with proper/corrupted file.

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]

This looks great @pritam1813! I've updated the e2e test to use a data test id which should help with e2e test failures. I have one question what JSON file did you use to show the corrupt version of the banner? Once I can test that I can approve

[codecov]

Codecov Report

Patch coverage has no change and project coverage change: -0.01% ⚠️

Comparison is base (f315a2b) 68.17% compared to head (56865cd) 68.16%.
Report is 52 commits behind head on develop.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #20900      +/-   ##
===========================================
- Coverage    68.17%   68.16%   -0.01%     
===========================================
  Files          998      998              
  Lines        39966    39967       +1     
  Branches     10686    10687       +1     
===========================================
- Hits         27243    27241       -2     
- Misses       12723    12726       +3     

Files Changed	Coverage Δ
...es/settings/advanced-tab/advanced-tab.component.js	59.39% <0.00%> (-0.36%)	⬇️

... and 2 files with indirect coverage changes

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[pritam1813]

This looks great @pritam1813! I've updated the e2e test to use a data test id which should help with e2e test failures. I have one question what JSON file did you use to show the corrupt version of the banner? Once I can test that I can approve

Thanks @georgewrmarshall for updating the e2e tests.

For the corrupt version of the Banner, I first created a backup from the "Backup your data" option , which gives a backup json file.

Then I just edited that file to add improper formatting for json (like adding extra bracket or comma), which would make it a corrupted backup data.

[georgewrmarshall]

LGTM! 👍

• pulled branch and checked locally with compatible json and corrupt json file