US: Implement Toast Messaging System

[patrickhladun]

As a user, I want to receive real-time feedback through toast messages so that I am immediately informed about the success or failure of my actions on the platform.

Objective

To implement a toast messaging system that provides users with non-intrusive, real-time feedback on actions such as form submissions, product additions, edits, deletions, and other key interactions on the platform.

Acceptance Criteria

• A toast messaging system is implemented in the frontend.
• Toast messages are displayed for successful actions (e.g., form submissions, product/category additions).
• Toast messages are displayed for errors or failed actions (e.g., validation errors).
• Messages are non-intrusive, consistent in style, and disappear after a short duration.
• The toast messaging system is responsive and works correctly on all devices.

Tasks

• [x] Design the UI for toast messages ensuring consistency with the platform’s design language.
• [x] Implement the toast messaging system in the frontend using a suitable JavaScript or CSS library.
• [x] Trigger toast messages on key actions (e.g., form submissions, CRUD operations).
• [x] Ensure that toast messages can display different types of feedback (success, error, warning, info).
• [x] Test the toast messaging system across various actions and devices to ensure it functions correctly.

[patrickhladun]

Toast Messaging System implemented: