docs: add analytics back to website (#1887)

Author: nperez0111

docs/app/docs/layout.tsx

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import { Analytics } from "@vercel/analytics/react";
 import { baseOptions } from "@/app/layout.config";
 import { CustomDocsLayout } from "@/components/CustomDocsLayout";
 import { Footer } from "@/components/Footer";
@@ -11,6 +12,7 @@ export default function Layout({ children }: { children: ReactNode }) {
         {children}
       </CustomDocsLayout>
       <Footer />
+      <Analytics />
     </>
   );
 }

docs/app/examples/layout.tsx

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import { Analytics } from "@vercel/analytics/react";
 import { baseOptions } from "@/app/layout.config";
 import { CustomDocsLayout } from "@/components/CustomDocsLayout";
 import { Footer } from "@/components/Footer";
@@ -36,6 +37,7 @@ export default function Layout({ children }: { children: ReactNode }) {
         {children}
       </CustomDocsLayout>
       <Footer />
+      <Analytics />
     </>
   );
 }

docs/app/layout.tsx

@@ -1,5 +1,6 @@
 import { Banner } from "fumadocs-ui/components/banner";
 import { RootProvider } from "fumadocs-ui/provider";
+import { Analytics } from "@vercel/analytics/react";
 import { Metadata } from "next";
 import type { ReactNode } from "react";
 
@@ -29,6 +30,7 @@ export default function Layout({ children }: { children: ReactNode }) {
           </a>
         </Banner>
         <RootProvider>{children as any}</RootProvider>
+        <Analytics />
       </body>
     </html>
   );