Actualizar dominios a dashboardapi y dashboardv1

frontend/src/lib/useColumnasAjustables.jsx

@@ -1,11 +1,10 @@
 // src/lib/useColumnasAjustables.jsx
-// Hook reutilizable para columnas redimensionables (estilo Excel) en cualquier tabla.
+// Hook para columnas redimensionables (arrastrar el borde, estilo Excel).
 import { useState, useEffect } from "react";
 
 export function useColumnasAjustables(anchosIniciales) {
   const [anchos, setAnchos] = useState(anchosIniciales);
 
-  // Si cambia el número de columnas (ej. Cobranza Sede↔Programa), reiniciar anchos
   useEffect(() => {
     if (anchos.length !== anchosIniciales.length) {
       setAnchos(anchosIniciales);
@@ -29,7 +28,6 @@ export function useColumnasAjustables(anchosIniciales) {
     document.addEventListener("mouseup", onUp);
   }
 
-  // Devuelve los elementos <col> para el <colgroup> de la tabla
   function ColGroup() {
     return (
       <colgroup>
@@ -38,7 +36,6 @@ export function useColumnasAjustables(anchosIniciales) {
     );
   }
 
-  // Devuelve el divisor arrastrable para poner dentro de cada <th>
   function Resizer({ index }) {
     return (
       <span
@@ -51,10 +48,6 @@ export function useColumnasAjustables(anchosIniciales) {
   }
 
   const anchoTotal = anchos.reduce((a, b) => a + b, 0);
-
-  // width:100% → llena el contenedor desde el inicio (sin huecos a la derecha).
-  // minWidth:anchoTotal → si las columnas crecen más que el contenedor, aparece scroll.
-  // tableLayout:fixed + colgroup → encabezados y celdas alineados.
   const tableProps = {
     style: { tableLayout: "fixed", width: "100%", minWidth: anchoTotal },
   };