Feat: Use sonner to replace the requested prompt message component #3221 (#9951)

### What problem does this PR solve?

Feat: Use sonner to replace the requested prompt message component #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/components/ui/message.ts

@@ -1,28 +1,34 @@
 import { toast } from 'sonner';
 
+const duration = { duration: 1500 };
+
 const message = {
   success: (msg: string) => {
     toast.success(msg, {
       position: 'top-center',
       closeButton: false,
+      ...duration,
     });
   },
   error: (msg: string) => {
     toast.error(msg, {
       position: 'top-center',
       closeButton: false,
+      ...duration,
     });
   },
   warning: (msg: string) => {
     toast.warning(msg, {
       position: 'top-center',
       closeButton: false,
+      ...duration,
     });
   },
   info: (msg: string) => {
     toast.info(msg, {
       position: 'top-center',
       closeButton: false,
+      ...duration,
     });
   },
 };