Social login improvements

[incorbador]

Why

After our first implementation of social logins we now need to improve a few things in our frontend (mainly react package and shared-ui).

TODOS

• [x] Social buttons styling on initial screen (background, background:hover, margin between text and icon). See Figma draft
• [x] Animate social buttons after they are clicked and disable other buttons (similar behaviour as when the user click the "login" button
• [x] Add title to social buttons ("Sign in with {{providerName}}") => we don't need to add this to translations, having this in English only is fine
• [x] Icon in top error is not correctly aligned (reproduce: start social login but cancel it by not consenting)
• [x] Update IdentifierList component to show SocialAccounts (/me endpoint already returns the data) according to Figma

[Adam3371]

• [ ] Login or Signup with social and then cancel the process, the user is taken back to a infinity loading init screen. (Continue button is disabled and social button is loading)

• [ ] Creating an account with social from the login screen triggers an error. => @incorbador is taking care of the BE => @Aby-JS ensure that the user-state in the login/signup screen is not in an "endless loop".

[Adam3371]

@Aby-JS

• [ ] Error messages should disappear after refreshing the page or after changing between signup and login.
• [ ] If the "This error is not being handled..." error appears, a switch to Signup is not possible. (Even if this error will be resolved, ensure that a error like this is not causing the user to be in an endless state)

[Aby-JS]

@incorbador what can we do about the point: Error messages should disappear after refreshing the page or after changing between signup and login. as the BE returns this point even after page refresh