Refactor: Centralized Supabase Auth and implemented Auth Guards to prevent 401 errors

src/components/BuddyList.tsx

@@ -4,6 +4,7 @@ import React, { useState, useEffect } from 'react';
 import { createClient } from '@/lib/supabase/client';
 import { Users, UserPlus, Trash2, Loader2, ChevronDown, ChevronUp, Link2 } from 'lucide-react';
 import { useI18n } from '@/i18n/I18nContext';
+import { useAuth } from '@/context/AuthContext';
 import { addBuddy, deleteBuddy } from '@/services/buddy';
 import BuddyHandshake from './BuddyHandshake';
 
@@ -27,10 +28,13 @@ export default function BuddyList() {
         return false;
     });
     const [isHandshakeOpen, setIsHandshakeOpen] = useState(false);
+    const { user, isLoading: isAuthLoading } = useAuth();
 
     useEffect(() => {
-        fetchBuddies();
-    }, []);
+        if (!isAuthLoading && user) {
+            fetchBuddies();
+        }
+    }, [user, isAuthLoading]);
 
     const fetchBuddies = async () => {
         const { data: { user } } = await supabase.auth.getUser();