[Docs][UI] - Fix unclickable links in tabbed content (#883)

<!--

Make sure you've read the CONTRIBUTING.md guidelines:
https://github.com/stack-auth/stack-auth/blob/dev/CONTRIBUTING.md

-->

<img width="928" height="173" alt="image"
src="https://github.com/user-attachments/assets/bd277770-c200-42a6-8ed5-752becfbb178"
/>

<!-- ELLIPSIS_HIDDEN -->

----

> [!IMPORTANT]
> Fixes unclickable links in tabbed content by updating CSS and improves
readability in `production.mdx`.
> 
>   - **Behavior**:
> - Fixes unclickable links in `TabsContent` by adding
`before:pointer-events-none` to CSS in `tabs.tsx`.
>   - **Documentation**:
> - Reformats callback URL sections in `production.mdx` for better
readability by adding line breaks and code blocks.
> 
> <sup>This description was created by </sup>[<img alt="Ellipsis"
src="https://img.shields.io/badge/Ellipsis-blue?color=175173">](https://www.ellipsis.dev?ref=stack-auth%2Fstack-auth&utm_source=github&utm_medium=referral)<sup>
for b4dba1dcbc. You can
[customize](https://app.ellipsis.dev/stack-auth/settings/summaries) this
summary. It will automatically update as commits are pushed.</sup>

<!-- ELLIPSIS_HIDDEN -->

<!-- RECURSEML_SUMMARY:START -->
## Review by RecurseML

_🔍 Review performed on
[9318e2b..b4dba1d](9318e2b6ce...b4dba1dcbc)_

✨ No bugs found, your code is sparkling clean

<details>
<summary>✅ Files analyzed, no issues (1)</summary>

  • `docs/src/components/ui/tabs.tsx`
</details>

<details>
<summary>⏭️ Files skipped (trigger manually) (1)</summary>

| Locations | Trigger Analysis |
|-----------|------------------|
`docs/templates/getting-started/production.mdx` |
[![Analyze](b1018883a5/?repo_owner=stack-auth&repo_name=stack-auth&pr_number=883)
</details>

[![Need help? Join our
Discord](https://img.shields.io/badge/Need%20help%3F%20Join%20our%20Discord-5865F2?style=plastic&logo=discord&logoColor=white)](https://discord.gg/n3SsVDAW6U)
<!-- RECURSEML_SUMMARY:END -->

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* Bug Fixes
* Fixed an overlay issue in Tabs that blocked interactions, ensuring tab
content is clickable and responsive.

* Documentation
* Reformatted OAuth Callback URLs into clear code blocks across all
provider tabs (Google, GitHub, Facebook, Microsoft, Spotify, GitLab,
Bitbucket, LinkedIn, X).
* Updated select provider links for accuracy (including Google anchor
and GitHub canonical path).
* Improved readability and consistency of setup instructions without
changing behavior.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Konsti Wohlwend <n2d4xc@gmail.com>

docs/src/components/ui/tabs.tsx

@@ -62,7 +62,7 @@ const TabsContent = React.forwardRef<
     {...props}
     className={cn(
       "relative p-3 text-sm bg-fd-background outline-none",
-      "before:absolute before:inset-0 before:opacity-0 before:transition-opacity before:duration-300",
+      "before:absolute before:inset-0 before:opacity-0 before:transition-opacity before:duration-300 before:pointer-events-none",
       "focus-visible:before:opacity-100",
       props.className,
     )}

docs/templates/getting-started/production.mdx

@@ -48,59 +48,86 @@ To use your own OAuth provider setups in production, follow these steps for each
        <TabsTrigger value="x">X</TabsTrigger>
      </TabsList>
      
-     <TabsContent value="google">
-       [Google OAuth Setup Guide](https://developers.google.com/identity/protocols/oauth2#1.-obtain-oauth-2.0-credentials-from-the-dynamic_data.setvar.console_name-.)  
-       Callback URL:  
-       `https://api.stack-auth.com/api/v1/auth/oauth/callback/google`
-     </TabsContent>
+    <TabsContent value="google">
+      [Google OAuth Setup Guide](https://developers.google.com/identity/protocols/oauth2#1.-obtain-oauth-2.0-credentials-from-the-dynamic_data.setvar.console_name-.)
+      
+      Callback URL:
+      ```
+      https://api.stack-auth.com/api/v1/auth/oauth/callback/google
+      ```
+    </TabsContent>
      
-     <TabsContent value="github">
-       [GitHub OAuth Setup Guide](https://docs.github.com/en/apps/oauth-apps/building-oauth-apps/creating-an-oauth-app)  
-       Callback URL:  
-       `https://api.stack-auth.com/api/v1/auth/oauth/callback/github`
-     </TabsContent>
+    <TabsContent value="github">
+      [GitHub OAuth Setup Guide](https://docs.github.com/en/apps/oauth-apps/building-oauth-apps/creating-an-oauth-app)
+      
+      Callback URL:
+      ```
+      https://api.stack-auth.com/api/v1/auth/oauth/callback/github
+      ```
+    </TabsContent>
      
-     <TabsContent value="facebook">
-       [Facebook OAuth Setup Guide](https://developers.facebook.com/docs/development/create-an-app/facebook-login-use-case)  
-       Callback URL:  
-       `https://api.stack-auth.com/api/v1/auth/oauth/callback/facebook`
-     </TabsContent>
+    <TabsContent value="facebook">
+      [Facebook OAuth Setup Guide](https://developers.facebook.com/docs/development/create-an-app/facebook-login-use-case)
+      
+      Callback URL:
+      ```
+      https://api.stack-auth.com/api/v1/auth/oauth/callback/facebook
+      ```
+    </TabsContent>
      
-     <TabsContent value="microsoft">
-       [Microsoft Azure OAuth Setup Guide](https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-register-app)  
-       Callback URL:  
-       `https://api.stack-auth.com/api/v1/auth/oauth/callback/microsoft`
-     </TabsContent>
+    <TabsContent value="microsoft">
+      [Microsoft Azure OAuth Setup Guide](https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-register-app)
+      
+      Callback URL:
+      ```
+      https://api.stack-auth.com/api/v1/auth/oauth/callback/microsoft
+      ```
+    </TabsContent>
      
-     <TabsContent value="spotify">
-       [Spotify OAuth Setup Guide](https://developer.spotify.com/documentation/general/guides/app-settings/)  
-       Callback URL:  
-       `https://api.stack-auth.com/api/v1/auth/oauth/callback/spotify`
-     </TabsContent>
+    <TabsContent value="spotify">
+      [Spotify OAuth Setup Guide](https://developer.spotify.com/documentation/general/guides/app-settings/)
+      
+      Callback URL:
+      ```
+      https://api.stack-auth.com/api/v1/auth/oauth/callback/spotify
+      ```
+    </TabsContent>
      
-     <TabsContent value="gitlab">
-       [Gitlab OAuth Setup Guide](https://docs.gitlab.com/ee/integration/oauth_provider.html)  
-       Callback URL:  
-       `https://api.stack-auth.com/api/v1/auth/oauth/callback/gitlab`
-     </TabsContent>
+    <TabsContent value="gitlab">
+      [Gitlab OAuth Setup Guide](https://docs.gitlab.com/ee/integration/oauth_provider.html)
+      
+      Callback URL:
+      ```
+      https://api.stack-auth.com/api/v1/auth/oauth/callback/gitlab
+      ```
+    </TabsContent>
      
-     <TabsContent value="bitbucket">
-       [Bitbucket OAuth Setup Guide](https://support.atlassian.com/bitbucket-cloud/docs/use-oauth-on-bitbucket-cloud)  
-       Callback URL:  
-       `https://api.stack-auth.com/api/v1/auth/oauth/callback/bitbucket`
-     </TabsContent>
+    <TabsContent value="bitbucket">
+      [Bitbucket OAuth Setup Guide](https://support.atlassian.com/bitbucket-cloud/docs/use-oauth-on-bitbucket-cloud)
+      
+      Callback URL:
+      ```
+      https://api.stack-auth.com/api/v1/auth/oauth/callback/bitbucket
+      ```
+    </TabsContent>
      
-     <TabsContent value="linkedin">
-       [LinkedIn OAuth Setup Guide](https://learn.microsoft.com/en-us/linkedin/shared/authentication/authorization-code-flow?context=linkedin%2Fcontext&tabs=HTTPS1)  
-       Callback URL:  
-       `https://api.stack-auth.com/api/v1/auth/oauth/callback/linkedin`
-     </TabsContent>
+    <TabsContent value="linkedin">
+      [LinkedIn OAuth Setup Guide](https://learn.microsoft.com/en-us/linkedin/shared/authentication/authorization-code-flow?context=linkedin%2Fcontext&tabs=HTTPS1)
+      
+      Callback URL:
+      ```
+      https://api.stack-auth.com/api/v1/auth/oauth/callback/linkedin
+      ```
+    </TabsContent>
      
-     <TabsContent value="x">
-       [X OAuth Setup Guide](https://developer.x.com/en/docs/apps/overview)  
-       Callback URL:  
-       `https://api.stack-auth.com/api/v1/auth/oauth/callback/x`
-     </TabsContent>
+    <TabsContent value="x">
+      [X OAuth Setup Guide](https://developer.x.com/en/docs/apps/overview)
+      
+      Callback URL:
+      ```
+      https://api.stack-auth.com/api/v1/auth/oauth/callback/x
+      ```
+    </TabsContent>
    </Tabs>
 <Step>
   ## Enter OAuth Credentials