style: refine admin dashboard and project management UI with cohesive color palette and improved readability

- Update background colors and text styles for better contrast and legibility.
- Enhance button styles and hover effects for a more modern look.
- Remove unnecessary scaling effects and adjust border styles for consistency.
- Introduce a cohesive design language across components to improve user experience.

components/Toast.tsx

@@ -50,9 +50,9 @@ const ToastItem = ({ toast, onRemove }: ToastProps) => {
       case 'warning':
         return <AlertTriangle className="w-5 h-5 text-yellow-400" />;
       case 'info':
-        return <Info className="w-5 h-5 text-blue-400" />;
+        return <Info className="w-5 h-5 text-stone-400" />;
       default:
-        return <Info className="w-5 h-5 text-blue-400" />;
+        return <Info className="w-5 h-5 text-stone-400" />;
     }
   };
 
@@ -112,7 +112,7 @@ const ToastItem = ({ toast, onRemove }: ToastProps) => {
           initial={{ width: '100%' }}
           animate={{ width: '0%' }}
           transition={{ duration: (toast.duration || 5000) / 1000, ease: "linear" }}
-          className="absolute bottom-0 left-0 h-1 bg-gradient-to-r from-blue-400 to-green-400 rounded-b-xl"
+          className="absolute bottom-0 left-0 h-1 bg-gradient-to-r from-stone-400 to-stone-600 rounded-b-xl"
         />
       )}
     </motion.div>