fix: improve contrast for destructive alert in light mode

Use `text-white` and adjust background colors for better readability.

Co-authored-by: Simon <85533298+handsomezhuzhu@users.noreply.github.com>

components/ui/toast.tsx

@@ -31,7 +31,7 @@ const toastVariants = cva(
       variant: {
         default: 'border bg-background text-foreground',
         destructive:
-          'destructive group border-destructive bg-destructive text-destructive-foreground',
+          'destructive group border-red-500 bg-red-500 text-white dark:border-red-600 dark:bg-red-600',
       },
     },
     defaultVariants: {