Refactor all client samples to use @a2a-js/sdk for agent communication

Currently, several client samples (Angular and Lit) implement manual fetch calls and custom SSE parsing to communicate with agents via a proxy. This introduces significant boilerplate and maintenance overhead. We should refactor these samples to use the @a2a-js/sdk A2AClient directly in the browser, matching the standard pattern used in the Lit Shell sample.

**Benefits:**
- **Eliminates Manual SSE Logic:** Removes the need for ReadableStream, TextDecoder, and manual line parsing in every client.
- **Typed Responses:** Standardizes response handling using SDK types (Message, Task, Artifact) instead of manual filtering of parts.
- **Simplified Middlewares:** backend middlewares can transition from protocol converters to simple transparent proxies.
- **Robust Metadata:** Centralizes the management of a2uiClientCapabilities and inlineCatalogs using the SDK's message metadata structure.

**Scope:**
- **Angular Samples:** contact, restaurant, rizzcharts, mcp_calculator.
- **Lit Samples:** contact, component_gallery.

El issue aborda ejemplos de cliente de Angular y Lit (contact, restaurant, rizzcharts, mcp_calculator, component_gallery). Primero, examina el código manual existente de fetch/SSE en estos ejemplos y compáralo con el ejemplo Lit Shell, que usa @a2a-js/sdk. Instala el SDK, reemplaza la comunicación personalizada por A2AClient y asegúrate de que las respuestas tipadas y los metadatos se gestionen correctamente. Verifica que los ejemplos sigan funcionando después de la refactorización.

Escrito por el modelo de indexación a partir del texto del issue.