chore(docs): add sigin button for usage examples with any provider

[halvaradop]

☕️ Reasoning

This pull request introduces several changes to the getting-started/authentication/oauth section, adding code for using any provider supported by Auth.js on the client side in Next.js. Additionally, it updates the naming convention for environment variables used to connect the provider with your application, using AUTH_[PROVIDER]_ID or AUTH_[PROVIDER]_SECRET. This information is supported by the documentation on the official website.

🧢 Checklist

• [x] Documentation
• [ ] Tests
• [x] Ready to be merged

🎫 Affected issues

📌 Resources

• Security guidelines
• Contributing guidelines
• Code of conduct
• Contributing to Open Source

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
auth-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 15, 2024 2:26pm

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
next-auth-docs	⬜️ Ignored (Inspect)	Visit Preview		Sep 15, 2024 2:26pm

[vercel[bot]]

@halvaradop is attempting to deploy a commit to the authjs Team on Vercel.

A member of the Team first needs to authorize it.

[ndom91]

@halvaradop looks like docs/components/OAuthProviderInstructions/content/components/SignInCode.tsx needs a run through Prettier before we can continue (Source)