Fix privacy settings implementation

src/components/settings/PrivacyTab.tsx

@@ -10,6 +10,7 @@ import { useToast } from '@/hooks/use-toast';
 import { useAuth } from '@/hooks/useAuth';
 import { supabase } from '@/integrations/supabase/client';
 import { Eye, UserX, Shield, Search } from 'lucide-react';
+import { BlockedUsers } from '@/components/privacy/BlockedUsers';
 interface PrivacySettings {
   activity_visibility: 'public' | 'private';
   search_visibility: boolean;
@@ -284,13 +285,7 @@ export function PrivacyTab() {
               </CardDescription>
             </CardHeader>
             <CardContent>
-              <div className="text-center p-4 text-muted-foreground">
-                <UserX className="w-8 h-8 mx-auto mb-2" />
-                <p className="text-sm">No blocked users</p>
-                <p className="text-xs mt-1">
-                  Blocked users will appear here and can be unblocked at any time.
-                </p>
-              </div>
+              <BlockedUsers />
             </CardContent>
           </Card>
         </div>