feat: ✨ create posthog provider

app/_lib/providers/index.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import posthog from "posthog-js";
+import { PostHogProvider as Provider } from "posthog-js/react";
+import { usePathname, useSearchParams } from "next/navigation";
+import { useEffect } from "react";
+import { env } from "../env";
+if (typeof window !== "undefined") {
+  posthog.init(env.NEXT_PUBLIC_POSTHOG_KEY, {
+    api_host: env.NEXT_PUBLIC_POSTHOG_HOST,
+    capture_pageview: true,
+    person_profiles: "always",
+    autocapture: true,
+    capture_heatmaps: true,
+  });
+}
+
+export function PostHogProvider({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+
+  useEffect(() => {
+    if (pathname) {
+      let url = window.origin + pathname;
+      if (searchParams?.toString()) {
+        url = url + `?${searchParams.toString()}`;
+      }
+      posthog.capture("$pageview", {
+        $current_url: url,
+      });
+    }
+  }, [pathname, searchParams]);
+
+  return <Provider client={posthog}>{children}</Provider>;
+}