Improve/correct Debug Page UI when viewing run with no failures but organization is over the record limit

[warrensplayer]

Current behavior

If a Cloud organization has gone over the record limit for the subscription they have, then the Debug page will not return any failed tests in the testsForReview field. The UI will show a message indicating that the account is over the limit and provide a CTA for how to upgrade the account.

When viewing a run on the Debug page with no failures, then a success message is shown to indicate that all tests have passed. If both of these states occur at the same time, then the messages are stacked. This UI does not look good and is confusing to users. (see screenshot)

Desired behavior

Only show the DebugOverLimit component and hide the DebugPassed component in this scenario. This code is in the DebugPageDetails component.

cypress/packages/app/src/debug/DebugPageDetails.vue

Lines 25 to 32 in 39bd67e

	<DebugPassed v-if="status === 'PASSED'" />
	<DebugOverLimit
	v-if="isHidden"
	:over-limit-reasons="reasonsRunIsHidden"
	:over-limit-action-type="overLimitActionType"
	:over-limit-action-url="overLimitActionUrl"
	:run-age-days="runAgeDays"
	/>

[cypress-bot]

Released in 12.11.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v12.11.0, please open a new issue.