Feat Widgets

Se añade la tabla CandidatosOverrides
Se añade el Overrides de Candidatos al panel de administrador
Se Añade el nombre de los candidatos a los Widgets de categorias por municipio

Elecciones-Web/frontend/src/components/DiputadosWidget.tsx

@@ -50,7 +50,7 @@ export const DiputadosWidget = () => {
     municipios
       .map(m => ({ value: m.id, label: m.nombre }))
       .sort((a, b) => a.label.localeCompare(b.label)),
-  [municipios]);
+    [municipios]);
 
   const { data: resultados, isLoading: isLoadingResultados } = useQuery<ResultadoTicker[]>({
     queryKey: ['resultadosMunicipio', selectedMunicipio?.value, CATEGORIA_ID],
@@ -94,7 +94,7 @@ export const DiputadosWidget = () => {
       </div>
       <div className="ticker-results">
         {(isLoadingMunicipios || (isLoadingResultados && selectedMunicipio)) && <p>Cargando...</p>}
-        {!selectedMunicipio && !isLoadingMunicipios && <p style={{textAlign: 'center', color: '#666'}}>Seleccione un municipio.</p>}
+        {!selectedMunicipio && !isLoadingMunicipios && <p style={{ textAlign: 'center', color: '#666' }}>Seleccione un municipio.</p>}
         {displayResults.map(partido => (
           <div key={partido.id} className="ticker-party">
             <div className="party-logo">
@@ -108,6 +108,9 @@ export const DiputadosWidget = () => {
               <div className="party-bar-background">
                 <div className="party-bar-foreground" style={{ width: `${partido.porcentaje}%`, backgroundColor: partido.color || '#888' }}></div>
               </div>
+              <div className="party-candidate-name">
+                {partido.nombreCandidato}
+              </div>
             </div>
           </div>
         ))}