chore: Create a story for Snackbar component

[devin-ai-integration]

Description

This pull request adds a Storybook story for the Snackbar component in the MetaMask extension repository. The story is created to test the Snackbar component in isolation and ensure it renders correctly in the Storybook UI.

Related issues

N/A

Manual testing steps

1. Go to the latest build of Storybook in this PR.
2. Navigate to the Snackbar component in the Components/UI folder.

Screenshots/Recordings

Pre-merge author checklist

• I’ve followed MetaMask 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.

Link to Devin run: https://preview.devin.ai/devin/5be2ff2370a84b619ee0027d9cbca344
Requested by: the user

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

[garrettbear]

Suggested change

balance: '0x0', // Ensure balance is defined

[garrettbear]

Let's revert back and remove these changes. They don't seem to apply to the purpose of this PR of adding the Snackbar story file

[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 [dd2d645]

• 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
  • common: 0, 1, 10, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (393 ± 316 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	70	307	117	54	26
		domContentLoaded	9	88	29	19	9
		load	40	2027	393	658	316
		domInteractive	9	88	29	19	9

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 0 Bytes (0.00%)
• common: 0 Bytes (0.00%)

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 69.67%. Comparing base (98d792f) to head (dd2d645).
Report is 7 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop   #25515   +/-   ##
========================================
  Coverage    69.67%   69.67%           
========================================
  Files         1405     1405           
  Lines        49733    49733           
  Branches     13751    13751           
========================================
  Hits         34651    34651           
  Misses       15082    15082           

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

[georgewrmarshall]

LGTM!

• checked storybook ✅

[greptile-apps]

PR Summary

This pull request introduces a Storybook story for the Snackbar component to facilitate isolated testing and ensure proper rendering.

• Added ui/components/ui/snackbar/snackbar.stories.tsx to create a Storybook story for the Snackbar component.
• The story allows customizable props for className and content, enhancing the development workflow by providing a visual testing environment.

_{1 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings}