feat(analytics): Replace VercelAnalyticsLoader with SpeedInsights and Analytics components across layouts

Author: XDukeHD

src/app/checkout/layout.tsx

@@ -1,5 +1,6 @@
 import { Metadata } from "next";
-import VercelAnalyticsLoader from "@/components/layout/VercelAnalyticsLoader";
+import { SpeedInsights } from "@vercel/speed-insights/next";
+import { Analytics } from "@vercel/analytics/react";
 
 export const metadata: Metadata = {
   title: "Finalizar Compra | FireHosting",
@@ -16,7 +17,8 @@ export default function CheckoutLayout({
       <section className="section-padding">
         <div className="container-max">{children}</div>
       </section>
-      <VercelAnalyticsLoader />
+      <SpeedInsights />
+      <Analytics />
     </div>
   );
 }

src/app/dashboard/app/[identifier]/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
-import VercelAnalyticsLoader from "@/components/layout/VercelAnalyticsLoader";
-
+import { SpeedInsights } from "@vercel/speed-insights/next";
+import { Analytics } from "@vercel/analytics/react";
 export default function ServerAppLayout({
   children,
 }: {
@@ -9,7 +9,8 @@ export default function ServerAppLayout({
   return (
     <>
       {children}
-      <VercelAnalyticsLoader />
+      <SpeedInsights />
+      <Analytics />
     </>
   );
 }

src/app/dashboard/layout.tsx

@@ -1,8 +1,8 @@
 "use client";
 import DashboardLayout from "@/components/dashboard/DashboardLayout";
 import { ReactNode } from "react";
-import VercelAnalyticsLoader from "@/components/layout/VercelAnalyticsLoader";
-
+import { SpeedInsights } from "@vercel/speed-insights/next";
+import { Analytics } from "@vercel/analytics/react";
 export default function DashboardSectionLayout({
   children,
 }: {
@@ -11,7 +11,8 @@ export default function DashboardSectionLayout({
   return (
     <>
       <DashboardLayout>{children}</DashboardLayout>
-      <VercelAnalyticsLoader />
+      <SpeedInsights />
+      <Analytics />
     </>
   );
 }

src/app/layout.tsx

@@ -6,7 +6,8 @@ import ConsoleWarning from "@/components/layout/ConsoleWarning";
 import ConditionalLayout from "@/components/layout/ConditionalLayout";
 import ExternalScripts from "@/components/layout/ExternalScripts";
 import UtmTracker from "@/components/tracking/UtmTracker";
-import VercelAnalyticsLoader from "@/components/layout/VercelAnalyticsLoader";
+import { SpeedInsights } from "@vercel/speed-insights/next";
+import { Analytics } from "@vercel/analytics/react";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -58,7 +59,8 @@ export default function RootLayout({
           <UtmTracker />
           <ConditionalLayout>{children}</ConditionalLayout>
           <ExternalScripts />
-          <VercelAnalyticsLoader />
+          <SpeedInsights/>
+          <Analytics />
         </AuthProvider>
       </body>
     </html>