feat: improve Authentication Providers page

[axel7083]

What does this PR do?

This PR introduce small change to the Authentification Providers page

Screenshot / video of UI

Before	After

What issues does this PR fix or reference?

Related to #2274

• Display all accounts instead of only one
• Allow to sign out of individual account instead of only the first one
• Add tooltip for sign out

How to test this PR?

You can use the #5400 to test an authentification provider

CC @mairin :)

[dgolovin]

LGTM

[deboer-tim]

👍🏼 to change. 2 nits though:

• Line 26 - since we're changing it, can you replace with the class instead of style?
• The drop down menu looks out of place now (doesn't look like a button next to the accounts) and 'moves' the accounts left when it exists. For the first it might help to give it a bg, but that might not be necessary if you (e.g.) put the accounts in a middle column so that they're always aligned.

We should really switch this to use IconImage too, but that's a different PR.

[axel7083]

• The drop down menu looks out of place now (doesn't look like a button next to the accounts) and 'moves' the accounts left when it exists. For the first it might help to give it a bg, but that might not be necessary if you (e.g.) put the accounts in a middle column so that they're always aligned.

@deboer-tim I updated the mockups and the code

[deboer-tim]

Thanks for the changes. One minor nit but LGTM.

[deboer-tim]

You can just give the button a title (which is used as a tooltip) instead of using a Tooltip.

[axel7083]

The button tooltip is a bit unstyled (ugly), do we want to use that ?

[deboer-tim]

We don't really have a standard, and have used button/other tooltip for most simple cases and Tooltip for cases where it isn't supported or needs more styling. I'm fine leaving it, let's merge.