fix: Standardize colors for runs in queued status (#23015)

Author: mike-plummer

packages/app/src/specs/RunStatusDots.cy.tsx

@@ -58,7 +58,7 @@ describe('<RunStatusDots />', () => {
       cy.get('.v-popper__popper--shown').contains('spec.cy.ts')
       cy.findAllByTestId('run-status-dot-0').should('have.class', 'icon-light-orange-400')
       cy.findAllByTestId('run-status-dot-1').should('have.class', 'icon-light-indigo-400')
-      cy.findAllByTestId('run-status-dot-2').should('have.class', 'icon-light-gray-400')
+      cy.findAllByTestId('run-status-dot-2').should('have.class', 'icon-light-gray-300')
       cy.findAllByTestId('run-status-dot-latest').should('not.have.class', 'animate-spin')
     })
   })

packages/app/src/specs/RunStatusDots.vue

@@ -157,10 +157,10 @@ const dotClasses = computed(() => {
       case 'ERRORED':
       case 'TIMEDOUT':
         return 'icon-light-orange-400'
-      case 'UNCLAIMED':
       case 'NOTESTS':
         return 'icon-light-gray-400'
       case 'CANCELLED':
+      case 'UNCLAIMED':
       default:
         return 'icon-light-gray-300'
     }