Issue: Toaster Component Not Adapting to Dark/Light Mode

[AakashGujar]

Description:

The component, which displays toast notifications, does not adapt to dark/light mode changes. This results in toast notifications appearing with the default theme, regardless of whether the user switches between light or dark modes.

Steps to Reproduce:

1. Open the app in either dark or light mode.
2. Trigger a toast notification (e.g., by performing an action that shows a toast).
3. Observe that the toast notification does not change with the app’s theme.

Expected Behavior:

The component should reflect the current theme (dark or light mode). The toast notifications should match the app's theme, providing a consistent user experience.

Actual Behavior:

The toast notifications remain in the default theme and do not change when switching between dark and light modes.

Proposed Solution:

Move the component inside the to ensure it inherits the theme and adapts properly when the user switches between dark and light modes.

Additional Notes:

No breaking changes are expected from this fix. It’s simply a matter of ensuring that the toast notifications are rendered in the correct theme context.

[github-actions]

Hello @AakashGujar, thanks for opening your first issue! Your contribution is valuable to us. The maintainers will review this issue and provide feedback as soon as possible.