fix: updated toasts component and copy

[NidhiKJha]

This PR is to update the toast component and update the copy changes for the toast

Related issues

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

Manual testing steps

1. Run extension with CHAIN_PERMISSIONS=1 yarn start
2. Check the toast component, it has border radius, box shadow and other fixes as described in ticket

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension 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.

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarCloud

[metamaskbot]

Builds ready [9f454fc]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6
  • common: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1950 ± 173 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	234	3276	1877	517	248
		domContentLoaded	1661	3251	1918	361	173
		load	1674	3276	1950	360	173
		domInteractive	17	101	45	19	9

Bundle size diffs [🚀 Bundle size reduced!]

• background: 0 Bytes (0.00%)
• ui: -61 Bytes (-0.00%)
• common: -111 Bytes (-0.00%)

[darkwing]

We need to use a new localization key so that other messages get re-translated.

[NidhiKJha]

We need to use a new localization key so that other messages get re-translated.

@darkwing This localization key is not translated yet. It only exists in en file. So, I think we can use it. Right?

[andreahaku]

LGTM