sprig user id for authenticated users (#414)

frontend/src/components/SprigInitializer.tsx

@@ -1,22 +1,32 @@
 import { useEffect } from "react";
 import { useLocation } from "react-router-dom";
 
+import { useAuthentication } from "@/hooks/useAuth";
+
 const SprigInitializer = () => {
   const location = useLocation();
+  const { currentUser, isAuthenticated } = useAuthentication();
 
   useEffect(() => {
-    const checkSprig = () => {
+    const initializeSprig = () => {
       if (window.Sprig && typeof window.Sprig === "function") {
         console.log("Sprig initialized");
+
+        // Set user ID if authenticated
+        if (isAuthenticated && currentUser) {
+          window.Sprig("setUserId", currentUser.id);
+        }
+
+        // Track page view
         window.Sprig("track", "page_view", { path: location.pathname });
       } else {
         console.log("Sprig is not ready yet. Retrying...");
-        setTimeout(checkSprig, 500);
+        setTimeout(initializeSprig, 500);
       }
     };
 
-    checkSprig();
-  }, [location.pathname]);
+    initializeSprig();
+  }, [location.pathname, isAuthenticated, currentUser]);
 
   return null;
 };