chore: update v4 branch with latest clerk sponsorship (#9828)

* add clerk's twitter script

* remove clerk component and add text-based callout

* remove image based ad and swap for nav link

* remove ad from docs sidebar

docs/docusaurus.config.js

@@ -173,6 +173,12 @@ module.exports = {
       respectPrefersColorScheme: true,
     },
   },
+  scripts: [
+   {
+    src: 'js/clerk.js',
+    async: true,
+   }
+  ],
   presets: [
     [
       "@docusaurus/preset-classic",

docs/sidebars.js

@@ -1,15 +1,8 @@
 /** @type {import('@docusaurus/plugin-content-docs').PropSidebarItemHtml} */
 const clerk = {
-  type: "html",
-  value: `
-  <a href="https://clerk.com?utm_source=sponsorship&utm_medium=docs&utm_campaign=authjs&utm_content=callout">
-    <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="/img/clerk-sidebar-light.png">
-      <source media="(prefers-color-scheme: light)" srcset="/img/clerk-sidebar-dark.png">
-      <img alt="Clerk – Authentication & User Management" src="/img/clerk-sidebar-dark.png">
-    </picture>
-  </a>`,
-  defaultStyle: true,
+  type: "link",
+  href: "https://clerk.com?utm_source=sponsorship&utm_medium=docs&utm_campaign=authjs&utm_content=nav",
+  label: "Hosted Auth (Clerk)",
 }
 
 module.exports = {