Build a Custom Live Notification Toast Manager

[Luluameh]

• Labels: feature, ux, notifications

Description

We need a custom, premium toast notification system that alerts users in real-time when a session state changes (e.g., "Expert joined call", "Payment refunded", "Escrow funded").

Technical Scope & Steps

1. Create a lightweight ToastProvider and a useToast hook inside src/providers/ and src/hooks/.
2. Implement toast templates for success, info, warning, and error states, styled with smooth CSS transitions.
3. Automatically clear toast notifications after a 5-second timeout.
4. Allow manual dismissal by clicking a close (X) icon.

Acceptance Criteria

• Toast notifications stack cleanly on the bottom-right or top-right of the screen.
• Transitions feel fluid and premium (fade-in, slide-out).
• Clicking dismiss removes the toast immediately without affecting remaining active toasts.

[Divine-mercyx]

Hello, i would like to work on this pr

[grantfox-oss]

🦊 GrantFox — @Divine-mercyx has been assigned to this issue as part of the Official Campaign | FWC26 campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #441)
2. Your PR will be reviewed by the LightForgeHub maintainers

Good luck! Track your progress on GrantFox.

[Luluameh]

Hello @Divine-mercyx still waiting for your pr