fix: use lucide circle-x icon for cancelled state

Per design request, the cancelled state icon should mirror the failed
state icon's properties but use circle-x instead of circle-alert. Also
normalize the failed icon name from the alert-circle alias to the
canonical circle-alert used throughout the rest of the codebase.

src/utils/queueDisplay.test.ts

@@ -28,8 +28,8 @@ const taskFor = (overrides: Partial<TaskItemImpl> = {}): TaskItemImpl =>
 
 describe('iconForJobState', () => {
   it('returns a distinct icon for cancelled vs failed', () => {
-    expect(iconForJobState('cancelled')).toBe('icon-[lucide--ban]')
-    expect(iconForJobState('failed')).toBe('icon-[lucide--alert-circle]')
+    expect(iconForJobState('cancelled')).toBe('icon-[lucide--circle-x]')
+    expect(iconForJobState('failed')).toBe('icon-[lucide--circle-alert]')
     expect(iconForJobState('cancelled')).not.toBe(iconForJobState('failed'))
   })
 

src/utils/queueDisplay.ts

@@ -35,9 +35,9 @@ export const iconForJobState = (state: JobState): string => {
     case 'completed':
       return 'icon-[lucide--check-check]'
     case 'failed':
-      return 'icon-[lucide--alert-circle]'
+      return 'icon-[lucide--circle-alert]'
     case 'cancelled':
-      return 'icon-[lucide--ban]'
+      return 'icon-[lucide--circle-x]'
     default:
       return 'icon-[lucide--circle]'
   }