Modern Chat Interface - Copy this Angular, Css Component to your project

Design a sleek web chat UI with a search bar on the left, followed by the user’s avatar and name underneath. On the right side, create the main chat area where conversations between users are displayed. Use a modern, visually appealing color scheme that enhances readability and creates a clean, balanced layout. The chat area should clearly differentiate between sent and received messages, ensuring a user friendly experience. The design should be fully responsive, providing an optimized experience across all devices.