feat(web): grilla de líneas editable y página de componentes de desarrollo

- sbo-lines-grid: columnas declarativas (texto / número con decimales /
  solo lectura / calculadas), celdas con lista de valores (botón "..." y
  F4) cuyo apply rellena la línea, añadir y quitar línea, y "Elegir
  artículos..." para agregar varias líneas a la vez.
- Teclado: Enter confirma y baja a la misma columna (crea línea en la
  última fila), flechas arriba/abajo cambian de fila. Las celdas se
  confirman al salir de ellas; un número inválido conserva el anterior.
- Documento cerrado: grilla de solo lectura, sin botones ni listas.
- Columnas estándar de línea de SAP (artículo, descripción, cantidad,
  almacén, precio, % dto., impuesto, total) con TaxCode / SalesTaxCodes,
  verificado en el Service Layer real; recalcLine (cantidad x precio x
  (1 - dto)).
- Corrige el foco al crear una línea con Enter: se pedía antes de que la
  fila existiera en el DOM (ahora espera al render).
- /dev/componentes: página de componentes solo para desarrollo
  (canMatch isDevMode), sin entrada en el menú y sin escribir en SAP.
- Verificado en Chrome contra SAP real: artículo elegido de la lista,
  5 x 10,000 con 10 % = 45,000.00, Enter/flechas, varios artículos a la
  vez, quitar línea y subtotal del pie.

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

apps/web/src/app/app.routes.ts

@@ -1,3 +1,4 @@
+import { isDevMode } from '@angular/core';
 import type { Route, Routes } from '@angular/router';
 import { MENU } from '@basic-erp/sap-types';
 import { authGuard, guestGuard, menuLoadedGuard, permissionGuard } from './core/auth/guards';
@@ -30,6 +31,18 @@ const documentRoutes: Routes = DOCUMENT_SCREENS.map(
   }),
 );
 
+/**
+ * Página de componentes: solo coincide al ejecutar `npm run dev:web` (isDevMode se evalúa al navegar);
+ * en producción cae en la ruta comodín. No aparece en el menú.
+ */
+const devRoutes: Routes = [
+  {
+    path: 'dev/componentes',
+    canMatch: [() => isDevMode()],
+    loadComponent: () => import('./features/dev/showcase.page').then((m) => m.ShowcasePage),
+  },
+];
+
 /** Resto de pantallas del menú (maestros, etc.): aún sin construir. */
 const documentPaths = new Set(DOCUMENT_SCREENS.map((s) => s.path));
 const pendingRoutes: Routes = MENU.flatMap((m) => m.items)
@@ -59,6 +72,7 @@ export const routes: Routes = [
         path: 'sin-acceso',
         loadComponent: () => import('./features/shared/no-access.page').then((m) => m.NoAccessPage),
       },
+      ...devRoutes,
       ...documentRoutes,
       ...pendingRoutes,
     ],