fix: enhance error handling in Nav component and provide fallback for Supabase client initialization

web/components/nav.tsx

@@ -29,21 +29,39 @@ export function Nav() {
   const hasTeam = !!userTeam;
 
   useEffect(() => {
-    const supabase = createClient();
-    supabase.auth.getUser().then(async ({ data }) => {
-      const user = data.user;
-      setUserEmail(user?.email || null);
-      if (user) {
-        const { data: profile } = await supabase
-          .from("profiles")
-          .select("role, team_id")
-          .eq("id", user.id)
-          .single();
-        setUserRole(profile?.role || "user");
-        setUserTeam(profile?.team_id || null);
-      }
+    try {
+      const supabase = createClient();
+      supabase.auth.getUser().then(async ({ data, error }) => {
+        if (error) {
+          console.error("Auth error:", error);
+          setLoaded(true);
+          return;
+        }
+        const user = data.user;
+        setUserEmail(user?.email || null);
+        if (user) {
+          try {
+            const { data: profile } = await supabase
+              .from("profiles")
+              .select("role, team_id")
+              .eq("id", user.id)
+              .single();
+            setUserRole(profile?.role || "user");
+            setUserTeam(profile?.team_id || null);
+          } catch (err) {
+            console.error("Profile error:", err);
+          }
+        }
+        setLoaded(true);
+      }).catch(err => {
+        console.error("Unexpected error:", err);
+        setLoaded(true);
+      });
+    } catch (err) {
+      console.error("Supabase client init error:", err);
+      // Fallback for when env variables are not found/configured
       setLoaded(true);
-    });
+    }
   }, []);
 
   async function handleSignOut() {

web/lib/supabase/client.ts

@@ -2,8 +2,8 @@ import { createBrowserClient } from "@supabase/ssr";
 
 export function createClient() {
   return createBrowserClient(
-    process.env.NEXT_PUBLIC_SUPABASE_URL!,
-    process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY!,
+    process.env.NEXT_PUBLIC_SUPABASE_URL || "https://dummy-project.supabase.co",
+    process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY || "dummy-anon-key",
     {
       auth: {
         autoRefreshToken: true,