feat(web): add CFDI page with list, filters, and pagination

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

apps/web/lib/api/cfdi.ts

@@ -0,0 +1,32 @@
+import { apiClient } from './client';
+import type { CfdiListResponse, CfdiFilters, Cfdi } from '@horux/shared';
+
+export async function getCfdis(filters: CfdiFilters): Promise<CfdiListResponse> {
+  const params = new URLSearchParams();
+
+  if (filters.tipo) params.set('tipo', filters.tipo);
+  if (filters.estado) params.set('estado', filters.estado);
+  if (filters.fechaInicio) params.set('fechaInicio', filters.fechaInicio);
+  if (filters.fechaFin) params.set('fechaFin', filters.fechaFin);
+  if (filters.rfc) params.set('rfc', filters.rfc);
+  if (filters.search) params.set('search', filters.search);
+  if (filters.page) params.set('page', filters.page.toString());
+  if (filters.limit) params.set('limit', filters.limit.toString());
+
+  const response = await apiClient.get<CfdiListResponse>(`/cfdi?${params}`);
+  return response.data;
+}
+
+export async function getCfdiById(id: string): Promise<Cfdi> {
+  const response = await apiClient.get<Cfdi>(`/cfdi/${id}`);
+  return response.data;
+}
+
+export async function getResumenCfdi(año?: number, mes?: number) {
+  const params = new URLSearchParams();
+  if (año) params.set('año', año.toString());
+  if (mes) params.set('mes', mes.toString());
+
+  const response = await apiClient.get(`/cfdi/resumen?${params}`);
+  return response.data;
+}

apps/web/lib/hooks/use-cfdi.ts

@@ -0,0 +1,25 @@
+import { useQuery } from '@tanstack/react-query';
+import * as cfdiApi from '@/lib/api/cfdi';
+import type { CfdiFilters } from '@horux/shared';
+
+export function useCfdis(filters: CfdiFilters) {
+  return useQuery({
+    queryKey: ['cfdis', filters],
+    queryFn: () => cfdiApi.getCfdis(filters),
+  });
+}
+
+export function useCfdi(id: string) {
+  return useQuery({
+    queryKey: ['cfdi', id],
+    queryFn: () => cfdiApi.getCfdiById(id),
+    enabled: !!id,
+  });
+}
+
+export function useResumenCfdi(año?: number, mes?: number) {
+  return useQuery({
+    queryKey: ['cfdi-resumen', año, mes],
+    queryFn: () => cfdiApi.getResumenCfdi(año, mes),
+  });
+}