fix: center text on OIDC buttons and debounce state update

[jonas-jonas]

1. centers the text on OIDC buttons - mainly to comply with Apple brand guidelines
2. adds a debounce to the state update on click, to work around Safari issues. Related to fix: safari click handler and redirect handling #361

Related Issue or Design Document

Checklist

• I have read the contributing guidelines and signed the CLA.
• I have referenced an issue containing the design document if my change introduces a new feature.
• I have read the security policy.
• I confirm that this pull request does not address a security vulnerability.
  If this pull request addresses a security vulnerability,
  I confirm that I got approval (please contact security@ory.sh) from the maintainers to push the changes.
• I have added tests that prove my fix is effective or that my feature works.
• I have added the necessary documentation within the code base (if appropriate).

Further comments

[codecov]

Codecov Report

Attention: Patch coverage is 54.54545% with 5 lines in your changes missing coverage. Please review.

Project coverage is 50.68%. Comparing base (f3fad4d) to head (61e6b3a).
Report is 40 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #366      +/-   ##
==========================================
+ Coverage   42.43%   50.68%   +8.25%     
==========================================
  Files         136      139       +3     
  Lines        2008     2113     +105     
  Branches      288      312      +24     
==========================================
+ Hits          852     1071     +219     
+ Misses       1149     1030     -119     
- Partials        7       12       +5     

Components	Coverage Δ
@ory/elements-react	47.48% <44.23%> (+10.69%)	⬆️
@ory/nextjs	64.33% <74.24%> (-1.65%)	⬇️