Update destructive button styling: lighter color, bright red hover shadow, uppercase text

Co-Authored-By: Satya Patel <[email protected]>

Author: devin-ai-integration[bot]

packages/ui/src/components/button.tsx

@@ -11,7 +11,7 @@ const buttonVariants = cva(
             variant: {
                 default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
                 destructive:
-                    'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+                    'bg-destructive/70 text-white shadow-xs uppercase hover:bg-destructive/80 hover:shadow-[0_0_20px_rgba(239,68,68,0.8)] focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/50',
                 outline:
                     'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
                 secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',