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.

L’issue concerne les exemples client Angular et Lit (contact, restaurant, rizzcharts, mcp_calculator, component_gallery). Commencez par examiner le code manuel existant de fetch/SSE dans ces exemples et comparez-le à l’exemple Lit Shell qui utilise @a2a-js/sdk. Installez le SDK, remplacez la communication personnalisée par A2AClient et assurez-vous que les réponses typées et les métadonnées sont correctement gérées. Vérifiez que les exemples fonctionnent toujours après la refactorisation.

Rédigé par le modèle d'indexation à partir du texte de l'issue.