fix(frontend): allow to close toasts

[0ubbe]

Changes 🏗️

Allow to close toasts 🍞

Checklist 📋

For code changes:

• I have clearly listed my changes in the PR description
• I have made a test plan
• I have tested my changes according to the test plan:
  • Run Storybook locally
  • Toast have a close button top-right

[netlify]

✅ Deploy Preview for auto-gpt-docs-dev canceled.

Name	Link
🔨 Latest commit	6022784
🔍 Latest deploy log	https://app.netlify.com/projects/auto-gpt-docs-dev/deploys/6936a3c9693cde000888bdc6

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/closing-toasts

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[netlify]

✅ Deploy Preview for auto-gpt-docs canceled.

Name	Link
🔨 Latest commit	6022784
🔍 Latest deploy log	https://app.netlify.com/projects/auto-gpt-docs/deploys/6936a3c902295b000873d002

[qodo-code-review]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Visual Regression Forcing absolute positioning of the close button with negative right/top offsets and !important may misalign on different toast sizes or themes. Verify across variants (success/error/info) and responsive breakpoints, and ensure RTL layouts are handled if applicable. /* Position close button on the right */ html body [data-sonner-toast] [data-close-button] { left: unset !important; right: -18px !important; top: -3px !important; } Unused Import The icon imports appear unused in this component after the change. Consider removing them or confirm they are required by Sonner via context; otherwise tree-shaking might handle it, but explicit cleanup is clearer. import { CheckCircle, Info, Warning, XCircle } from "@phosphor-icons/react"; import { Toaster as SonnerToaster } from "sonner";

[deepsource-io]

Here's the code health analysis summary for commits 8be3c88..6022784. View details on DeepSource ↗.

Analysis Summary

Analyzer	Status	Summary	Link
JavaScript	✅ Success		View Check ↗
Python	✅ Success		View Check ↗

---

💡 If you’re a repository administrator, you can configure the quality gates from the settings.