chore: update clerk sponsorship on website + docs (#9603)

* Change Clerk (hosted auth) to Hosted Auth (Clerk) in docs sidebar

* Update sponsorship callout to "Looking for a hosted alternative? Try Clerk →"

Author: astrotars

docs/sidebars.ts

@@ -7,8 +7,8 @@ import { existsSync } from "fs"
 
 const clerk: PropSidebarItemLink = {
   type: "link",
-  href: "https://clerk.com?utm_source=sponsorship&utm_medium=docs&utm_campaign=authjs&utm_content=callout",
-  label: "Clerk (hosted auth)",
+  href: "https://clerk.com?utm_source=sponsorship&utm_medium=docs&utm_campaign=authjs&utm_content=nav",
+  label: "Hosted Auth (Clerk)",
 }
 
 export default {

docs/src/pages/index.js

@@ -168,10 +168,10 @@ export default function Home() {
               </div>
             </div>
             <span className={styles.heroClerk}>
-              sponsored by{" "}
-              <Link to="https://clerk.com?utm_source=sponsorship&utm_medium=website&utm_campaign=authjs&utm_content=09_01_2023">
-                Clerk
-              </Link>
+              Looking for a hosted alternative?
+              <a href="https://clerk.com?utm_source=sponsorship&utm_medium=website&utm_campaign=authjs&utm_content=cta" target="_blank">
+                Try Clerk →
+              </a>
             </span>
             <div className="hero-marquee">
               <ProviderMarquee />

docs/src/pages/index.module.css

@@ -121,10 +121,9 @@
   align-items: center;
   justify-content: center;
   gap: 0.5rem;
+  font-size: 1.2rem;
 
   a {
-    font-size: 1.4rem;
-    color: #6c47ff;
     position: relative;
     z-index: 1000;
   }