fix(ui): cut-off feedback button in chonk

[TkDodo]

Initially, we had an issue that the feedback button was displayed outside the container when we showing a placeholder:

There was an attempted fix by @shayna-ch here:

• fix(groupingInfo): Fix feedback button loading outside container. #98928

which seemed to work, however, it relies on overflow:hidden, which doesn’t work well in chonk because it cuts-off our buttons:

What the fix tried to do was to limit the width of the container and force the content to not exceed its bounds with overfow:hidden.

However, the root cause seems to be that we are exceeding the bounds in the first place. Why is that?

It’s because the Placeholder component has a default width of width:100%, which is not what we want when there’s content next to it.
Luckily, we are in a flex layout, so what we really want to do is have the <Placeholder> use all the remaining width, which we can do with flexGrow:1.

I have therefore removed the GroupingInfoContainer that was introduced in #98928 and reverted back to a Fragment and fixed the issue by unsetting the width of the Placeholder and applying flexGrow:1 to it instead.

Note: It’s weird that Placeholder has a default width of 100% - I don’t think we should be using width:100% in flex layouts, but I didn’t dare changing that inside Placeholder because it has so many usages.

[linear]

DE-278 Fix button cutoff issue due to overflow

[shayna-ch]

Thank you for catching this!