order by name

app/(private)/InformacionEquipo/informacionequipo.css

@@ -48,6 +48,7 @@
 .checkbox-grid {
   display: grid;
   grid-template-columns: repeat(3, 240px);
+  grid-template-rows: repeat(14, auto);
   gap: 10px 20px;
   flex-wrap: wrap;
   justify-content: start;

app/(private)/Inscritos/Inscripciones.tsx

@@ -114,7 +114,7 @@ export default function Inscripciones() {
         </div>
       </form>
 
-      <div style={{background:"#f9f9f9", position:"sticky", top:"-1000px"}}>
+      <div style={{background:"#f9f9f9", top:"-1000px"}}>
         <table>
           <thead>
             <tr>

app/Components/InformacionEquipos/ProgramSelector.tsx

@@ -135,7 +135,7 @@ export default function ProgramSelector({
 
   return (
     <form className="form-container" onSubmit={handleSubmit}>
-      <div className="checkbox-grid">
+      <div className="checkbox-grid" style={{gridAutoFlow:"column"}}>
         {programas.map((prog) => (
           <label key={prog.id_programa}>
             <input