feat: toast

[RobChangCA]

Pull Request Checklist

• Did you add new tests and confirm existing tests pass? (yarn test)
• Did you update relevant docs? (docs are found in the site folder, and guidelines for updating/adding docs can be found in the contribution guide)
• Do your commits follow the Conventional Commits standard?
• Does your PR title also follow the Conventional Commits standard?
• If you have a breaking change, is it correctly reflected in your commit message? (e.g. feat!: breaking change)
• Did you run lint (yarn lint:check) and fix any issues? (yarn lint:write)
• Did you follow the contribution guidelines?

Description

Adds a toast component to display a success / error when transferring and NFT.

Testing steps

Attempt to transfer an NFT, on success you should see a green toast appear on top of the white nav bar.
You can click the X next to the toast to dismiss it early. It will naturally dismiss after 4 seconds.
This toast is not themeable as the nav bar is always white.

---

PR-Codex overview

This PR introduces a Toast notification system using @radix-ui/react-toast. It adds a ToastProvider, updates the UI components to utilize the toast functionality, and implements animations for toast visibility.

Detailed summary

• Added @radix-ui/react-toast dependency.
• Created ToastProvider in ToastProvider.tsx.
• Implemented useToast hook in useToast.tsx.
• Added Toast component for displaying notifications.
• Integrated toast notifications in MintCard for success/error messages.
• Added toast animations in globals.css.
• Created XIcon component for closing the toast.

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
aa-sdk-site	❌ Failed (Inspect)			Oct 1, 2024 6:17pm
aa-sdk-ui-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 1, 2024 6:17pm