Part of #18714: Replacing deprecated constants

[dhruvv173]

Explanation

• This PR is a part of Replace deprecated constants with enums #18714
• Replace deprecated Box component with new Box component #19526
• Replace deprecated Button component with new Button component #18896
  Made changes to the follow files

1. ui/components/app/beta-header
2. ui/components/app/custom-spending-cap
3. ui/components/app/detected-token/detected-token-address

Screenshots/Screencaps

BetaHeader

Before

After

unit test

CustomSpendingCap

Before

After

unit test

DetectedTokenAddress

Before

After

unit test

Manual Testing Steps

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.

[dhruvv173]

hey @georgewrmarshall, I hope its fine if I can work on these issues till theres a fix for my build error. Could you please review this PR, thanks 🙏

[codecov]

Codecov Report

Merging #19843 (c60543e) into develop (990dc33) will increase coverage by 0.00%.
The diff coverage is n/a.

❗ Current head c60543e differs from pull request most recent head bd6f483. Consider uploading reports for the commit bd6f483 to get more accurate results

@@           Coverage Diff            @@
##           develop   #19843   +/-   ##
========================================
  Coverage    68.67%   68.67%           
========================================
  Files          988      986    -2     
  Lines        37959    37862   -97     
  Branches     10163    10135   -28     
========================================
- Hits         26065    25999   -66     
+ Misses       11894    11863   -31     

Files Changed	Coverage Δ
ui/components/app/beta-header/index.js	100.00% <ø> (ø)
...nts/app/custom-spending-cap/custom-spending-cap.js	78.41% <ø> (ø)
...n/detected-token-address/detected-token-address.js	75.00% <ø> (ø)
...ed-token-aggregators/detected-token-aggregators.js	100.00% <ø> (ø)

... and 44 files with indirect coverage changes

[georgewrmarshall]

Hey @dhruvv173, Would it be possible to update this PR?

[dhruvv173]

Hey @dhruvv173, Would it be possible to update this PR?

done, updated screenshots in description and added unit test screenshots. Can see visual changes changes due to updates in the ButtonLink component

[georgewrmarshall]

LGTM

[georgewrmarshall]

Hey @dhruvv173, looks like you have some failing e2e tests that need fixing