Modern Chat Interface - Copy this Html, Bootstrap Component to your project

Create-a-chat-UI-component-with-a-header-that-includes-the-avatar-and-name-of-the-person,-as-well-as-perfectly-aligned-icons-for-voice-and-video-calls.-Below-the-header,-a-list-of-conversations-should-exist,-with-a-distinction-between-sent-and-received-messages.-Furthermore,-it-is-necessary-for-the-component-to-have-an-input-field-and-a-send-button-in-order-to-send-the-message.