feat: replace mock system with real backend, RBAC, and Teams management

- Implemented real JWT authentication and persistent user sessions
- Replaced all hardcoded mock data with dynamic MySQL-backed API calls
- Created new 'Times' (Teams) dashboard with performance metrics
- Renamed 'Equipe' to 'Membros' and centralized team management
- Added Role-Based Access Control (RBAC) for Admin/Manager/Agent roles
- Implemented secure invite-only member creation and password setup flow
- Enhanced Login with password visibility and real-time validation
- Added safe delete confirmation modal and custom Toast notifications

App.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import { HashRouter as Router, Routes, Route, Navigate, useLocation } from 'react-router-dom';
 import { Layout } from './components/Layout';
 import { Dashboard } from './pages/Dashboard';
@@ -6,15 +6,52 @@ import { UserDetail } from './pages/UserDetail';
 import { AttendanceDetail } from './pages/AttendanceDetail';
 import { SuperAdmin } from './pages/SuperAdmin';
 import { TeamManagement } from './pages/TeamManagement';
+import { Teams } from './pages/Teams';
 import { Login } from './pages/Login';
+import { ForgotPassword } from './pages/ForgotPassword';
+import { ResetPassword } from './pages/ResetPassword';
 import { UserProfile } from './pages/UserProfile';
+import { getUserById } from './services/dataService';
+import { User } from './types';
 
-const AppLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+const AuthGuard: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const [user, setUser] = useState<User | null>(null);
+  const [loading, setLoading] = useState(true);
   const location = useLocation();
-  const isLoginPage = location.pathname === '/login';
 
-  if (isLoginPage) {
-    return <>{children}</>;
+  useEffect(() => {
+    const checkAuth = async () => {
+      const storedUserId = localStorage.getItem('ctms_user_id');
+      if (!storedUserId) {
+        setLoading(false);
+        return;
+      }
+
+      try {
+        const fetchedUser = await getUserById(storedUserId);
+        if (fetchedUser && fetchedUser.status === 'active') {
+          setUser(fetchedUser);
+        } else {
+          localStorage.removeItem('ctms_user_id');
+          localStorage.removeItem('ctms_token');
+          localStorage.removeItem('ctms_tenant_id');
+          setUser(null);
+        }
+      } catch (err) {
+        console.error("Auth check failed", err);
+      } finally {
+        setLoading(false);
+      }
+    };
+    checkAuth();
+  }, [location.pathname]);
+
+  if (loading) {
+    return <div className="flex h-screen items-center justify-center bg-slate-50 text-slate-400">Carregando...</div>;
+  }
+
+  if (!user) {
+    return <Navigate to="/login" replace />;
   }
 
   return <Layout>{children}</Layout>;
@@ -23,21 +60,21 @@ const AppLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
 const App: React.FC = () => {
   return (
     <Router>
-      <AppLayout>
-        <Routes>
-          <Route path="/login" element={<Login />} />
-          <Route path="/" element={<Dashboard />} />
-          <Route path="/users" element={<Navigate to="/admin/users" replace />} />
-          <Route path="/admin/users" element={<TeamManagement />} />
-          <Route path="/users/:id" element={<UserDetail />} />
-          <Route path="/attendances/:id" element={<AttendanceDetail />} />
-          <Route path="/super-admin" element={<SuperAdmin />} />
-          <Route path="/profile" element={<UserProfile />} />
-          <Route path="*" element={<Navigate to="/" replace />} />
-        </Routes>
-      </AppLayout>
+      <Routes>
+        <Route path="/login" element={<Login />} />
+        <Route path="/forgot-password" element={<ForgotPassword />} />
+        <Route path="/reset-password" element={<ResetPassword />} />
+        <Route path="/" element={<AuthGuard><Dashboard /></AuthGuard>} />
+        <Route path="/admin/users" element={<AuthGuard><TeamManagement /></AuthGuard>} />
+        <Route path="/admin/teams" element={<AuthGuard><Teams /></AuthGuard>} />
+        <Route path="/users/:id" element={<AuthGuard><UserDetail /></AuthGuard>} />
+        <Route path="/attendances/:id" element={<AuthGuard><AttendanceDetail /></AuthGuard>} />
+        <Route path="/super-admin" element={<AuthGuard><SuperAdmin /></AuthGuard>} />
+        <Route path="/profile" element={<AuthGuard><UserProfile /></AuthGuard>} />
+        <Route path="*" element={<Navigate to="/" replace />} />
+      </Routes>
     </Router>
   );
 };
 
-export default App;
+export default App;