fix(dashboard): Fix history entry item destructive icon color (#3954)

docs/docs/reference/dashboard/extensions-api/history-entries.md

@@ -199,7 +199,7 @@ Optional tailwind classes to apply to the icon. For instance
 
 ```ts
 const success = 'bg-success text-success-foreground';
-const destructive = 'bg-danger text-danger-foreground';
+const destructive = 'bg-destructive text-destructive-foreground';
 ```
 ### actorName
 

packages/dashboard/src/app/routes/_authenticated/_orders/components/order-history/order-history-utils.tsx

@@ -105,7 +105,7 @@ export function orderHistoryUtils(order: OrderHistoryOrderDetail) {
 
     const getIconColor = ({ type, data }: HistoryEntryItem) => {
         const success = 'bg-success text-success-foreground';
-        const destructive = 'bg-danger text-danger-foreground';
+        const destructive = 'bg-destructive text-destructive-foreground';
         const regular = 'bg-muted text-muted-foreground';
 
         if (type === 'ORDER_PAYMENT_TRANSITION' && data.to === 'Settled') {

packages/dashboard/src/lib/framework/history-entry/history-entry.tsx

@@ -34,7 +34,7 @@ export interface HistoryEntryProps {
      *
      * ```ts
      * const success = 'bg-success text-success-foreground';
-     * const destructive = 'bg-danger text-danger-foreground';
+     * const destructive = 'bg-destructive text-destructive-foreground';
      * ```
      */
     timelineIconClassName?: string;