updated onClick of close button to call the same autohide fxn as the …

[dswilson4]

…NFT import removal

Explanation

Referenced issue:
#18485

Problem: after adding an NFT, I cannot close the Toast Notification by clicking on the cross sign.

There's an onAutoHide fxn that is used in the removeNftMessage <ButtonIcon/> component to close the toast notification that wasn't being called in the newNftAddedMessage component. Calling this in an onClick allows the toast notification to close without relying on the autohide duration.

Screenshots/Screencaps

Before

After

Manual Testing Steps

1. Checkout and build yarn start
2. I used the E2E test app to deploy a collection and mint a test NFT on Goerli here https://metamask.github.io/test-dapp/ if you don't have an NFT
3. Once your connected wallet owns an NFT, input the collection + NFT ID into the fields after clicking import
4. Try to click the x to close the toast notification, should work on this branch but not develop. The remove nft toast notification should work on both branches

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.

[dswilson4]

@georgewrmarshall @seaona

[Pistondo]

lgtm

[seaona]

I've re-run the failing pipeline.
From QA looks good @dswilson4 ! Nice work!