FIX public ticket layout for Safari on macOS (v18)

[W1W1-M]

FIX public ticket layout for Safari on macOS (v18)

This is a backport for #33728 & #33742

[eldy]

Can you check this PR instead of #33742
d77898f

[W1W1-M]

@eldy Retested this PR on Safari, MS Edge/Chrome & Firefox. Index, view, list & create layouts are centered and taking up normal width.

[eldy]

@eldy Retested this PR on Safari, MS Edge/Chrome & Firefox. Index, view, list & create layouts are centered and taking up normal width.

And on smartphone ?
And what about my suggested fix ?

[W1W1-M]

@eldy Retested this PR on Safari, MS Edge/Chrome & Firefox. Index, view, list & create layouts are centered and taking up normal width.

And on smartphone ? And what about my suggested fix ?

Removing flexcontainer doesn't help for Safari and seems to also break things for chrome and firefox. I looked closer at the flexcontainer CSS class and noticed Safari was missing from list of browsers used for display: inline-flex.

I've reverted my older fixes and just added Safari to list of browser for flexcontainer and everything is rendering correctly.

As for iPad & iPhone, I still have the problem. I propose to make a separate PR for this (maybe not the same user agent and also need to check getBrowserInfo function).

If this fix is merged, then 72be183 is wrong and needs to be reverted (sorry 🙈)

[W1W1-M]

Better fix #33933