[TRI-1364] feat: Switch to Sonner toasts #555

[arjunindia]

Closes #555

✅ Checklist

• I have followed every step in the contributing guide
• The PR title follows the convention.
• I ran and tested the code works

---

Testing

• Created new stories for UIs and toasts

---

Changelog

• Removes react-hot-toast based Toast
• Adds Sonner based toast

---

Screenshots

💯

[changeset-bot]

⚠️ No Changeset found

Latest commit: f54a9ff

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[ericallam]

I've recorded a video of some issues with this PR. As you can see in the video the toasts aren't right-aligned against the bottom of the window. They are also transparent and don't work very well when there are multiple toasts:

CleanShot.2023-10-06.at.17.01.33.mp4

[arjunindia]

@ericallam can you check the latest revision?

[ericallam]

Will do! In the meantime can you make a similar screencast as mine so I can visually inspect the changes?

[arjunindia]

chrome_4h9KdbV2Uw.mp4

Here you go

[ericallam]

Pulled this down and looks like there is an issue with the pnpm-lock.yaml file as I'm getting this error when running pnpm install:

Ignoring broken lockfile at /Users/eric/code/triggerdotdev/trigger.dev: Lockfile /Users/eric/code/triggerdotdev/trigger.dev/pnpm-lock.yaml not compatible with current pnpm

Can you make sure you are using [email protected]

[ericallam]

Also ran into this same issue in another PR and left a comment just now about how to recover from this:

#581 (comment)

[arjunindia]

I seem to have messed up :(