Toast Notifications for all errors and status

[migpovrap]

Currently, warning, error, and status messages are displayed in text boxes at the top or bottom of various pages. Let's improve this experience across the entire website, by replacing all inline (erros, warning and status) messages with toast notifications using the Sonner library.

Requirements:

• Replace all existing inline error/warning/success boxes with toast notifications.

• Use the same custom component that warps the Sonner library to accommodate the design and custom messages we want to use and maintain consistency across the website.

• Ensure all error, warning and status updates handlers trigger the appropriate toast message.

• Remove elements related to old inline message boxes, from tsx and css modules.

• Test across all major screen sizes to confirm messages appear consistently.