misc: Reporter redesign

[mabela416]

• Closes Update reporter UI to remove nesting + show full describes #31677

Additional details

Steps to test

Go through different states of the app and make sure the styles match the figma

Passed

Error state

Running

Paused

Focused state only by tabbing

Suite

Test

Hover state

Header

Suite open

Suite closed

Test

Debug mode

Open test preferences

How has the user experience changed?

PR Tasks

• Have tests been added/updated?
• Has a PR for user-facing changes been opened in cypress-documentation?
• Have API changes been updated in the type definitions?

[mabela416]

Is there any more work planned around the studio part of the design? The purple left border at the top here looks kind of off because it's not aligned with the block below it, maybe it's just me

I cleaned up this purple link on the describe. For my next story I'll be cleaning up this view