feat: fix profile viewing and implement real user login state

pages/TeamManagement.tsx

@@ -1,13 +1,27 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Users, Plus, MoreHorizontal, Mail, Shield, Search, X, Edit, Trash2, Save } from 'lucide-react';
-import { USERS } from '../constants';
+import { getUsers } from '../services/dataService';
+import { CURRENT_TENANT_ID } from '../constants';
 import { User } from '../types';
 
 export const TeamManagement: React.FC = () => {
-  const [users, setUsers] = useState<User[]>(USERS.filter(u => u.role !== 'super_admin')); // Default hide super admin from list
+  const [users, setUsers] = useState<User[]>([]);
+  const [loading, setLoading] = useState(true);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [searchTerm, setSearchTerm] = useState('');
   
+  useEffect(() => {
+    const fetchUsers = async () => {
+      setLoading(true);
+      const tenantId = localStorage.getItem('ctms_tenant_id') || CURRENT_TENANT_ID;
+      const data = await getUsers(tenantId);
+      // Hide super admin from the list for standard admin view
+      setUsers(data.filter(u => u.role !== 'super_admin'));
+      setLoading(false);
+    };
+    fetchUsers();
+  }, []);
+  
   // State for handling Add/Edit
   const [editingUser, setEditingUser] = useState<User | null>(null);
   const [formData, setFormData] = useState({
@@ -23,6 +37,10 @@ export const TeamManagement: React.FC = () => {
     u.email.toLowerCase().includes(searchTerm.toLowerCase())
   );
 
+  if (loading && users.length === 0) {
+    return <div className="flex h-full items-center justify-center text-slate-400 p-12 text-center">Carregando equipe...</div>;
+  }
+
   const getRoleBadge = (role: string) => {
     switch (role) {
       case 'super_admin': return 'bg-slate-900 text-white border-slate-700';