5 features: buscador catálogo, grid+fotos+unidades, estadísticas separada, badge realtime

Buscador catálogo alumno:
- BuscadorCatalogo.tsx con debounce 120ms, normaliza tildes, ?q= en URL
- FiltroCategorias usa data-* attributes, coordinación via window.__labreFiltrar
- Cards con data-nombre y data-numero-inventario para filtro combinable AND

Grid + imágenes + unidades individuales (admin):
- Inventario ahora es grid 2/3/4/5 col con fotos aspect-square
- MaterialForm: input file con preview, checkbox trackeado_por_unidad
- UnidadesManager: agregar/editar/eliminar unidades por material
- Reasignar unidad desde detalles de solicitud (aprobada/activa)
- Alumno ve etiqueta de unidad asignada en mis-préstamos
- Helper materialImg.imgUrl(path) para URL pública del bucket
- Auto-submit debounced del filtro de inventario (input + selects)

Estadísticas separada:
- Nueva ruta /admin/estadisticas con 6 KPIs (movidos de /admin/inventario)
- 3 gráficas recharts: top 10 materiales, solicitudes/día, distribución estados
- Chart.tsx wrapper con paleta UABC + respeta prefers-reduced-motion
- Nav admin: Panel · Solicitudes · Inventario (box) · Estadísticas (stats) · Reportes
- admin/index.astro usa todayMX() (fix inconsistencia)

Notificaciones pendientes (admin):
- Badge SSR con conteo de pendientes sobre ícono Solicitudes (sidebar + dock)
- BadgeSolicitudes.tsx: canal Realtime en prestamos.solicitudes, +1 en INSERT
  con toast, refetch en UPDATE (replica identity default no trae old.estado)
- Recharts añadido a package.json

src/pages/alumno/mis-prestamos.astro

@@ -7,6 +7,7 @@ type Item = {
   cantidad: number;
   descripcion: string | null;
   material: { id: number; nombre: string; numero_inventario: string | null } | null;
+  material_unidad: { etiqueta: string } | null;
 };
 
 type Solicitud = {
@@ -25,7 +26,7 @@ const user = Astro.locals.user!;
 
 const { data, error } = await Astro.locals.supabase
   .from('solicitudes')
-  .select('id, estado, fecha_solicitud, fecha_aprobacion, fecha_devolucion_estimada, fecha_devolucion_real, notas, maestro_responsable, items:solicitud_items(cantidad, descripcion, material:materiales(id, nombre, numero_inventario))')
+  .select('id, estado, fecha_solicitud, fecha_aprobacion, fecha_devolucion_estimada, fecha_devolucion_real, notas, maestro_responsable, items:solicitud_items(cantidad, descripcion, material:materiales(id, nombre, numero_inventario), material_unidad:material_unidades(etiqueta))')
   .eq('alumno_id', user.id)
   .order('fecha_solicitud', { ascending: false });
 
@@ -101,6 +102,9 @@ const badgeStyle = (e: Estado) =>
                           {it.material?.numero_inventario && (
                             <span class="text-xs opacity-60 font-mono ml-1.5">{it.material.numero_inventario}</span>
                           )}
+                          {it.material_unidad?.etiqueta && (
+                            <div class="text-xs opacity-70">Unidad: {it.material_unidad.etiqueta}</div>
+                          )}
                           {it.descripcion && (
                             <p class="text-xs opacity-60 ml-0.5">{it.descripcion}</p>
                           )}