Documentation Updates (#508)

* add links

* moar

* fix broken links

docs/fern/docs/pages-template/components/overview.mdx

@@ -42,7 +42,7 @@ To get started with Stack Auth in your Next.js application, follow the [setup gu
   ## Sign In and Sign Up
 
   <CardGroup>
-    <Card href="../components/sign-in.mdx" >
+    <Card href="../components/sign-in" >
       <div className="components-card-content">
         <div className="img-wrapper">
           <img src="../imgs/sign-in.png" alt="SignIn" className="stack-200h" />
@@ -50,7 +50,7 @@ To get started with Stack Auth in your Next.js application, follow the [setup gu
         &lt;SignIn /&gt;
       </div>
     </Card>
-    <Card href="../components/sign-up.mdx">
+    <Card href="../components/sign-up">
       <div className="components-card-content">
         <div className="img-wrapper">
           <img src="../imgs/sign-up.png" alt="SignUp" className="stack-200h" />
@@ -58,7 +58,7 @@ To get started with Stack Auth in your Next.js application, follow the [setup gu
         &lt;SignUp /&gt;
       </div>
     </Card>
-    <Card href="../components/credential-sign-in.mdx">
+    <Card href="../components/credential-sign-in">
       <div className="components-card-content">
         <div className="img-wrapper">
           <img src="../imgs/credential-sign-in.png" alt="CredentialSignIn" className="stack-150h" />
@@ -66,7 +66,7 @@ To get started with Stack Auth in your Next.js application, follow the [setup gu
         &lt;CredentialSignIn /&gt;
       </div>
     </Card>
-    <Card href="../components/credential-sign-up.mdx">
+    <Card href="../components/credential-sign-up">
       <div className="components-card-content">
         <div className="img-wrapper">
           <img src="../imgs/credential-sign-up.png" alt="CredentialSignUp" className="stack-200h" />
@@ -74,7 +74,7 @@ To get started with Stack Auth in your Next.js application, follow the [setup gu
         &lt;CredentialSignUp /&gt;
       </div>
     </Card>
-    <Card href="../components/oauth-button.mdx">
+    <Card href="../components/oauth-button">
       <div className="components-card-content">
         <div className="img-wrapper">
           <img src="../imgs/oauth-button.png" alt="OAuthButton" className="stack-50h" />
@@ -82,7 +82,7 @@ To get started with Stack Auth in your Next.js application, follow the [setup gu
         &lt;OAuthButton /&gt;
       </div>
     </Card>
-    <Card href="../components/oauth-button-group.mdx">
+    <Card href="../components/oauth-button-group">
       <div className="components-card-content">
         <div className="img-wrapper">
           <img src="../imgs/oauth-button-group.png" alt="OAuthButtonGroup" className="stack-200h" />
@@ -96,7 +96,7 @@ To get started with Stack Auth in your Next.js application, follow the [setup gu
   ## User
 
   <CardGroup>
-    <Card href="../components/user-button.mdx">
+    <Card href="../components/user-button">
       <div className="components-card-content">
         <div className="img-wrapper">
           <img src="../imgs/user-button.png" alt="UserButton" className="stack-200h" />
@@ -104,7 +104,7 @@ To get started with Stack Auth in your Next.js application, follow the [setup gu
         &lt;UserButton /&gt;
       </div>
     </Card>
-    <Card href="../components/account-settings.mdx">
+    <Card href="../components/account-settings">
       <div className="components-card-content">
         <div className="img-wrapper">
           <img src="../imgs/account-settings.png" alt="AccountSettings" className="stack-100h" />
@@ -118,7 +118,7 @@ To get started with Stack Auth in your Next.js application, follow the [setup gu
     ## Teams & Organizations
 
   <CardGroup>
-    <Card href="../components/selected-team-switcher.mdx">
+    <Card href="../components/selected-team-switcher">
       <div className="components-card-content">
         <div className="img-wrapper">
           <img src="../imgs/selected-team-switcher.png" alt="SelectedTeamSwitcher" className="stack-200h" />
@@ -131,17 +131,17 @@ To get started with Stack Auth in your Next.js application, follow the [setup gu
   ## Utilities
 
   <CardGroup>
-    <Card href="../components/stack-handler.mdx">
+    <Card href="../components/stack-handler">
       <div className="components-card-content">
         &lt;StackHandler /&gt;
       </div>
     </Card>
-    <Card href="../components/stack-provider.mdx">
+    <Card href="../components/stack-provider">
       <div className="components-card-content">
         &lt;StackProvider /&gt;
       </div>
     </Card>
-    <Card href="../components/stack-theme.mdx">
+    <Card href="../components/stack-theme">
       <div className="components-card-content">
         &lt;StackTheme /&gt;
       </div>

docs/fern/docs/pages-template/getting-started/components.mdx

@@ -9,7 +9,7 @@ For the full documentation of all available components, please refer to the [com
 
 ## `<UserButton />`
 
-The `<UserButton />` component shows the user's avatar and opens a dropdown with various user settings.
+The `<UserButton />` component shows the user's avatar that opens a dropdown with various user settings on click.
 
 ![UserButton](../imgs/user-button.png)
 

docs/fern/docs/pages-template/getting-started/setup.mdx

@@ -155,7 +155,7 @@ After signing up/in, you will be redirected back to the home page. We will show
 
 ## Next steps
 
-Next up, we will show you how to retrieve and update user information, and how to protect a page.
+Next up, we will show you how to [retrieve and update user information](./users.mdx), and how to [protect a page](../concepts/backend-integration.mdx) from unauthorized access.
 
 {/* ELSE_IF_PLATFORM react */}