[Bug]: Toast notifications overlap important action buttons on mobile screens

[kavin553]

Before submitting

• I have searched existing issues to make sure this is not a duplicate.
• I have read the contribution guidelines.

Bug summary

Toast messages occasionally cover buttons and navigation controls on smaller devices.

Steps to reproduce

1. Open application on mobile
2. Trigger success/error toast
3. Observe overlap with action buttons

Expected behavior

Notifications should not block interactive UI elements.

Actual behavior

Toast overlays important controls.

Screenshots or recordings

Attach mobile screenshots if available.

Browser and device information

Browser: Chrome
Device: Android
Resolution: Various mobile sizes

Additional context

Likely positioning/z-index issue.

[kavin553]

Hi maintainers 👋

I'd like to investigate and fix this mobile UI bug.

The solution will focus on responsive toast positioning and maintaining accessibility.

Please assign this issue to me.

Thank you 🚀