Rediseño: vale de préstamo multi-ítem, fiel al formulario de papel

El vale físico del LSC permite pedir varios materiales en un solo
trámite; el sistema modelaba 1 solicitud = 1 material. Migra
prestamos.prestamos -> solicitudes (cabecera) + solicitud_items
(renglones), vía RENAME + backfill (preserva ids/historial real).

- RPC prestamos.crear_solicitud: transaccional, lockea materiales
  por fila, arregla la race condition del insert directo anterior.
  El alumno ya no inserta directo (RLS lo bloquea).
- sync_stock/log_estado reescritos para iterar renglones por vale.
- maestro_responsable (por vale) y profiles.semestre (perfil,
  nullable, sin UI todavía — onboarding queda para después).
- Alumno: carrito (SolicitudCart/AgregarMaterial) reemplaza el
  modal de solicitud único por material.
- Admin: 3 vistas de solicitudes, reportes y CSV export listan
  renglones por vale; api/admin/prestamos -> api/admin/solicitudes.
  De paso corrige un bug preexistente en detalles.ts (audit_log
  nunca se ordenaba por la columna correcta).

Verificado: build limpio, ciclo RPC+triggers probado en una
transacción revertida en prod (sin residuo), 9 vistas SSR
smoke-testeadas contra el schema real.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/pages/alumno/catalogo.astro

@@ -1,6 +1,6 @@
 ---
 import AppLayout from '@/layouts/AppLayout.astro';
-import SolicitarModal from '@/components/alumno/SolicitarModal.tsx';
+import CartProvider from '@/components/alumno/SolicitudCart.tsx';
 import FiltroCategorias from '@/components/alumno/FiltroCategorias.tsx';
 
 type Material = {
@@ -67,43 +67,7 @@ const categoriasFiltro = grupoList
           Ningún material en esta categoría. Prueba con otra.
         </p>
 
-        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
-          {materiales.map((m) => (
-            <article
-              class="card flex flex-col gap-3"
-              data-cat={m.categoria?.id ?? 'sin'}
-            >
-              <div class="flex items-start justify-between gap-2">
-                <h3 class="font-semibold leading-snug">{m.nombre}</h3>
-                {m.categoria && (
-                  <span class="text-xs px-2 py-0.5 rounded-[2px] whitespace-nowrap uppercase tracking-wide" style="background: color-mix(in oklab, var(--color-primary) 25%, white); color: var(--color-ink); border: 1.5px solid var(--color-primary);">
-                    {m.categoria.nombre}
-                  </span>
-                )}
-              </div>
-
-              {m.descripcion && (
-                <p class="text-sm opacity-75 line-clamp-2">{m.descripcion}</p>
-              )}
-
-              <dl class="text-xs opacity-70 grid grid-cols-2 gap-1">
-                <dt class="opacity-60">Inventario</dt>
-                <dd class="text-right font-mono">{m.numero_inventario ?? '—'}</dd>
-                <dt class="opacity-60">Disponibles</dt>
-                <dd class="text-right" style="font-variant-numeric: tabular-nums;">
-                  {m.cantidad_disponible} / {m.cantidad_total}
-                </dd>
-              </dl>
-
-              <div class="mt-auto">
-                <SolicitarModal
-                  material={{ id: m.id, nombre: m.nombre, cantidad_disponible: m.cantidad_disponible }}
-                  client:load
-                />
-              </div>
-            </article>
-          ))}
-        </div>
+        <CartProvider materiales={materiales} client:load />
       </>
     )}
   </div>