feat(match2): display more info about each round in valorant matchpage

[ElectricalBoy]

Summary

This PR adds round-by-round details display to valorant match pages.

Remark

The initial version of this PR used carousel widget but it was eventually replaced with custom css classes due to #6951.

How did you test this change?

valorant:Match:ID User ElectricalBoy UN8hyPZqOA R01-M001 + browser dev tools

see Discord for screenshots

[Eetwalt]

Love the idea, couple of suggestion purely for visuals:

1. What if we use a toggle "Show round details" instead of the show/hide button? That way we don't have to have the extra box for Round details which looks a bit weird when closed. I guess the
2. For the card designs, I would lose the colored bg for the round title, push the winner as the first row, Maybe un-bold the title texts and have the rows be alternating colors (same as team participant cards). Card bg could be white and the cards could have the same border as the team participant cards.

Basically I would like to make the cards as close to some of the newer designs we have had so we're slowly aligning everything design wise.

I can also make these changes in another branch if you like so we can compare?

[ElectricalBoy]

Basically I would like to make the cards as close to some of the newer designs we have had so we're slowly aligning everything design wise.

I can also make these changes in another branch if you like so we can compare?

actually Delightify already came up with a nice design (much better than my janky one if you ask me :p) so I am planning to rework this PR in a day or two

https://discord.com/channels/93055209017729024/1356577556567953550/1458756412837466208

[Eetwalt]

Nice! Yeah looks great

[Eetwalt]

Nice, tested locally and looks like designed.