Implement a Real-Time Chat Interface with React and Material-UI

Implement-a-chat-interface-between-vendors-and-buyers-using-Material-UI’s-List,-ListItem,-and-TextField-components.-Use-Axios-for-initial-message-loading-and-WebSockets-or-polling-for-real-time-updates.-Typing-Indicator:-Display-a-"Vendor-is-typing…"-message-using-state-and-timing-mechanisms.-Message-History-with-Lazy-Loading:-Load-older-messages-as-the-user-scrolls-up-(infinite-scroll).-Read/Unread-Status:-Show-an-unread-message-count-for-each-conversation-and-mark-messages-as-read-when-the-chat-window-is-opened.