Automatiza componente B e ajuste frontend do ranking

frontend/src/App.jsx

@@ -1,7 +1,6 @@
 import { useState, useEffect } from 'react';
 import Header from './components/Header';
 import ConsultorCard from './components/ConsultorCard';
-import RankingPaginado from './components/RankingPaginado';
 import { rankingService } from './services/api';
 import './App.css';
 
@@ -10,8 +9,7 @@ function App() {
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
   const [total, setTotal] = useState(0);
-  const [limite, setLimite] = useState(10);
-  const [modo, setModo] = useState('completo');
+  const [limite, setLimite] = useState(100);
 
   useEffect(() => {
     loadRanking();
@@ -56,45 +54,24 @@ function App() {
     <div className="container">
       <Header total={total} />
 
-      <div className="mode-selector">
-        <button
-          className={modo === 'top' ? 'active' : ''}
-          onClick={() => setModo('top')}
-        >
-          Top N (Rápido)
-        </button>
-        <button
-          className={modo === 'completo' ? 'active' : ''}
-          onClick={() => setModo('completo')}
-        >
-          Ranking Completo (300k)
-        </button>
+      <div className="controls">
+        <label>
+          Limite de consultores:
+          <select value={limite} onChange={(e) => setLimite(Number(e.target.value))}>
+            <option value={10}>Top 10</option>
+            <option value={50}>Top 50</option>
+            <option value={100}>Top 100</option>
+            <option value={200}>Top 200</option>
+            <option value={500}>Top 500</option>
+          </select>
+        </label>
       </div>
 
-      {modo === 'top' ? (
-        <>
-          <div className="controls">
-            <label>
-              Limite de consultores:
-              <select value={limite} onChange={(e) => setLimite(Number(e.target.value))}>
-                <option value={10}>Top 10</option>
-                <option value={50}>Top 50</option>
-                <option value={100}>Top 100</option>
-                <option value={200}>Top 200</option>
-                <option value={500}>Top 500</option>
-              </select>
-            </label>
-          </div>
-
-          <div className="ranking-list">
-            {consultores.map((consultor) => (
-              <ConsultorCard key={consultor.id_pessoa} consultor={consultor} />
-            ))}
-          </div>
-        </>
-      ) : (
-        <RankingPaginado />
-      )}
+      <div className="ranking-list">
+        {consultores.map((consultor) => (
+          <ConsultorCard key={consultor.id_pessoa} consultor={consultor} />
+        ))}
+      </div>
 
       <footer>
         <p>Dados: ATUACAPES (Elasticsearch) + SUCUPIRA_PAINEL (Oracle)</p>