update track import in server components

Author: Bilalm354

app/create/page.tsx

@@ -1,7 +1,7 @@
 import { SomethingWrongButton } from "@/components/buttons/SomethingWrongButton";
 import { ImageGenerationForm } from "@/components/ImageGenerationForm";
 import { CountryCode } from "@/lib/stripe/createCheckoutSession";
-import { track } from "@vercel/analytics";
+import { track } from "@vercel/analytics/server";
 
 export default async function CreatePage({
     searchParams,

app/page.tsx

@@ -1,7 +1,7 @@
 import { SomethingWrongButton } from "@/components/buttons/SomethingWrongButton";
 import { CreateLink } from "@/components/CreateLink";
 import { ExamplesSection } from "@/components/sections/ExamplesSection";
-import { track } from "@vercel/analytics";
+import { track } from "@vercel/analytics/server";
 
 export default function Home() {
     track("Landed on Home");

app/payment/success/page.tsx

@@ -17,7 +17,7 @@ import {
     CardHeader,
     CardTitle,
 } from "@/components/ui/card";
-import { track } from "@vercel/analytics";
+import { track } from "@vercel/analytics/server";
 
 export const dynamic = "force-dynamic";
 

app/product/[productType]/page.tsx

@@ -7,7 +7,7 @@ import {
     getEnabledProductsForCountry,
 } from "@/lib/printify/productsData";
 import { CountryCode } from "@/lib/stripe/createCheckoutSession";
-import { track } from "@vercel/analytics";
+import { track } from "@vercel/analytics/server";
 
 export type Position = "front" | "back";