Trabajo de ajuste en widgets y db para frontend

Elecciones-Web/frontend-admin/src/components/DashboardPage.tsx

@@ -0,0 +1,34 @@
+// src/components/DashboardPage.tsx
+import { useAuth } from '../context/AuthContext';
+import { AgrupacionesManager } from './AgrupacionesManager';
+import { OrdenDiputadosManager } from './OrdenDiputadosManager';
+import { OrdenSenadoresManager } from './OrdenSenadoresManager';
+import { ConfiguracionGeneral } from './ConfiguracionGeneral';
+import { BancasManager } from './BancasManager';
+
+export const DashboardPage = () => {
+    const { logout } = useAuth();
+
+    return (
+        <div style={{ padding: '1rem 2rem' }}>
+            <header style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', borderBottom: '2px solid #eee', paddingBottom: '1rem' }}>
+                <h1>Panel de Administración Electoral</h1>
+                <button onClick={logout}>Cerrar Sesión</button>
+            </header>
+            <main style={{ marginTop: '2rem' }}>
+                <ConfiguracionGeneral />                
+                <AgrupacionesManager />
+                
+                <div style={{ display: 'flex', gap: '2rem', flexWrap: 'wrap', marginTop: '2rem' }}>
+                    <div style={{ flex: '1 1 400px' }}>
+                        <OrdenDiputadosManager />
+                    </div>
+                    <div style={{ flex: '1 1 400px' }}>
+                        <OrdenSenadoresManager />
+                    </div>
+                </div>
+                <BancasManager />
+            </main>
+        </div>
+    );
+}