fix(suite): Adjust IO dropdowns style for Coinjoin transaction detail

[hstastna]

Description

Drop-down selector size in Coinjoin transaction detail window was unexpectedly changing after opening or while hovering. After removing unnecessary css of related StyledCollapsibleBox, adding proper and missing Divider component instead of achieving the same using css and after adjusting related padding values, we achieve the expected look.

Related Issue

Resolve #13098

Videos:

Before:

coin_before.mp4

After:

coin_after.mp4

[jvaclavik]

Can you use it without StyledCollapsibleBox, just using CollapsibleBox?

Also I think you don't need $elevation here and I think also other props are not necessary.

[hstastna]

We don't need elevation here, right. But adjusting CollapsibleBox.Header and CollapsibleBox.Content is needed to achieve a nice and consistent look in different window sizes and zoom levels. Not sure I can adjust those sub-components the other way if we don't export them too

[hstastna]

I've asked the designer on his opinion about CollapsibleBox look in the various places, will update the PR accordingly.

[hstastna]

Update: From what I've found from the designer, we want the existing padding for CollapsibleBox there, so as I've implemented, and there is some update already prepared. I'd suggest to bring newer CollapsibleBox style in followup PRs, not to mix it here. This PR's aim was just to fix what got broken to display the related drop down for coinjoin transaction the nicer way.