docs: Fixed a few inconsistencies (#22)

Author: Draco1js

docs/app/page.tsx

@@ -1502,7 +1502,7 @@ export default function Home() {
                 `,
               },
               {
-                id: "next",
+                id: "nextjs",
                 label: "Next.js",
                 language: "typescript",
                 filename: "app/page.tsx",
@@ -2288,13 +2288,45 @@ export default function Home() {
             Update the component to latest and the <Code>better-auth</Code>{" "}
             package to <Code>1.2.12</Code>.
           </P>
-          <CodeBlock
-            language="shell"
-            filename="package.json"
-            code={stripIndent`
-              npm install @convex-dev/better-auth@latest
-              npm install [email protected] --save-exact
-            `}
+          
+           <CodeBlock
+            variantGroup="package-manager"
+            variants={[
+              {
+                id: "npm",
+                label: "npm",
+                code: stripIndent`
+                    npm install @convex-dev/better-auth
+                    npm install [email protected] --save-exact
+                  `,
+                language: "shell",
+              },
+              {
+                id: "pnpm",
+                label: "pnpm",
+                code: stripIndent`
+                    pnpm add @convex-dev/better-auth
+                    pnpm add [email protected] --save-exact
+                  `,
+                language: "shell",
+              },
+              {
+                id: "yarn",
+                code: stripIndent`
+                    yarn add @convex-dev/better-auth
+                    yarn add [email protected] --exact
+                  `,
+                language: "shell",
+              },
+              {
+                id: "bun",
+                code: stripIndent`
+                    bun add @convex-dev/better-auth
+                    bun add [email protected] --exact
+                  `,
+                language: "shell",
+              },
+            ]}
           />
 
           <ContentHeading