fix(frontend): evitar requisições duplicadas causadas pelo React StrictMode

- Adicionar ref para controlar requisições já feitas no App.jsx
- Adicionar ref para controlar fetch no RawDataModal.jsx
- Adicionar componente FiltroAtivo para filtrar consultores

frontend/src/App.jsx

@@ -3,6 +3,7 @@ import Header from './components/Header';
 import ConsultorCard from './components/ConsultorCard';
 import CompararModal from './components/CompararModal';
 import FiltroSelos from './components/FiltroSelos';
+import FiltroAtivo from './components/FiltroAtivo';
 import SugerirConsultores from './components/SugerirConsultores';
 import ExportProgress from './components/ExportProgress';
 import { rankingService } from './services/api';
@@ -25,11 +26,13 @@ function App() {
   const [selecionados, setSelecionados] = useState([]);
   const [modalAberto, setModalAberto] = useState(false);
   const [filtroSelos, setFiltroSelos] = useState([]);
+  const [filtroAtivo, setFiltroAtivo] = useState(null);
   const [sugerirAberto, setSugerirAberto] = useState(false);
   const [exportando, setExportando] = useState(false);
   const [exportProgress, setExportProgress] = useState({ loaded: 0, total: 0, percent: 0 });
   const [exportStatus, setExportStatus] = useState('preparing');
   const abortControllerRef = useRef(null);
+  const loadingRef = useRef(false);
 
   const toggleSelecionado = (consultor) => {
     setSelecionados((prev) => {
@@ -76,6 +79,7 @@ function App() {
 
       await rankingService.downloadRankingExcel(
         filtroSelos,
+        filtroAtivo,
         (progress) => {
           setExportStatus('downloading');
           setExportProgress(progress);
@@ -105,8 +109,13 @@ function App() {
   };
 
   useEffect(() => {
+    const requestKey = `${page}-${pageSize}-${filtroSelos.join(',')}-${filtroAtivo}`;
+    if (loadingRef.current === requestKey) {
+      return;
+    }
+    loadingRef.current = requestKey;
     loadRanking();
-  }, [page, pageSize, filtroSelos]);
+  }, [page, pageSize, filtroSelos, filtroAtivo]);
 
   const loadRanking = async (retryCount = 0) => {
     const MAX_RETRIES = 10;
@@ -116,7 +125,7 @@ function App() {
       setLoading(true);
       setError(null);
       setProcessMessage('');
-      const response = await rankingService.getRanking(page, pageSize, filtroSelos);
+      const response = await rankingService.getRanking(page, pageSize, filtroSelos, filtroAtivo);
       setConsultores(response.consultores);
       setTotal(response.total);
       setTotalPages(response.total_pages || 0);
@@ -169,7 +178,7 @@ function App() {
             throw new Error('Timeout: processamento demorou mais que 45 minutos');
           }
 
-          const response = await rankingService.getRanking(page, pageSize, filtroSelos);
+          const response = await rankingService.getRanking(page, pageSize, filtroSelos, filtroAtivo);
           setConsultores(response.consultores);
           setTotal(response.total);
           setTotalPages(response.total_pages || 0);
@@ -260,6 +269,11 @@ function App() {
           onChange={(selos) => { setFiltroSelos(selos); setPage(1); }}
         />
 
+        <FiltroAtivo
+          valor={filtroAtivo}
+          onChange={(valor) => { setFiltroAtivo(valor); setPage(1); }}
+        />
+
         <button className="btn-sugerir" onClick={() => setSugerirAberto(true)}>
           Sugerir por Tema
         </button>
@@ -273,6 +287,14 @@ function App() {
           {exportando ? 'Exportando...' : '📊 Exportar Excel'}
         </button>
 
+        <div className="pagination">
+          <button onClick={() => setPage(1)} disabled={page <= 1}>«</button>
+          <button onClick={() => setPage((p) => Math.max(1, p - 1))} disabled={page <= 1}>‹</button>
+          <span className="page-info">{page} / {totalPages || '?'}</span>
+          <button onClick={() => setPage((p) => (totalPages ? Math.min(totalPages, p + 1) : p + 1))} disabled={totalPages && page >= totalPages}>›</button>
+          <button onClick={() => totalPages && setPage(totalPages)} disabled={totalPages && page >= totalPages}>»</button>
+        </div>
+
         <form className="search-box" onSubmit={handleSubmitBuscar}>
           <input
             type="text"
@@ -284,14 +306,6 @@ function App() {
             {buscando ? '...' : 'Buscar'}
           </button>
         </form>
-
-        <div className="pagination">
-          <button onClick={() => setPage(1)} disabled={page <= 1}>«</button>
-          <button onClick={() => setPage((p) => Math.max(1, p - 1))} disabled={page <= 1}>‹</button>
-          <span className="page-info">{page} / {totalPages || '?'}</span>
-          <button onClick={() => setPage((p) => (totalPages ? Math.min(totalPages, p + 1) : p + 1))} disabled={totalPages && page >= totalPages}>›</button>
-          <button onClick={() => totalPages && setPage(totalPages)} disabled={totalPages && page >= totalPages}>»</button>
-        </div>
       </div>
 
       <div className="ranking-list">