Rework PostHog setup — use Next.js ingest proxy + posthog-js/react

Mirrors the proven pattern from gendersloty: rewrites /ingest/* to
the PostHog host so requests go through the same origin (no CORS,
no ad-blocker issues). Uses PostHogProvider and usePostHog from
posthog-js/react official React integration.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

components/PostHogPageView.tsx

@@ -0,0 +1,22 @@
+'use client'
+
+import { usePathname, useSearchParams } from 'next/navigation'
+import { usePostHog } from 'posthog-js/react'
+import { useEffect } from 'react'
+
+export function PostHogPageView() {
+  const pathname = usePathname()
+  const searchParams = useSearchParams()
+  const posthog = usePostHog()
+
+  useEffect(() => {
+    if (pathname && posthog) {
+      let url = window.origin + pathname
+      const search = searchParams.toString()
+      if (search) url += `?${search}`
+      posthog.capture('$pageview', { $current_url: url })
+    }
+  }, [pathname, searchParams, posthog])
+
+  return null
+}

components/PostHogProvider.tsx

@@ -1,24 +1,18 @@
 'use client'
 
-import { useEffect } from 'react'
-import { usePathname } from 'next/navigation'
 import posthog from 'posthog-js'
+import { PostHogProvider as PHProvider } from 'posthog-js/react'
+import { useEffect } from 'react'
 
 export default function PostHogProvider({ children }: { children: React.ReactNode }) {
   useEffect(() => {
     posthog.init('phc_BHgg9S7CQqVShe7EMCdi86PxA49qcNaTsR9Nn5EGxRCT', {
-      api_host: 'https://eu.posthog.com',
+      api_host: '/ingest',
+      ui_host: 'https://analytics.hyggecraftery.com',
       capture_pageview: false,
       persistence: 'memory',
     })
   }, [])
 
-  const pathname = usePathname()
-
-  useEffect(() => {
-    // PostHog queues events automatically before init completes
-    posthog.capture('$pageview', { $current_url: window.location.href })
-  }, [pathname])
-
-  return <>{children}</>
+  return <PHProvider client={posthog}>{children}</PHProvider>
 }