Chat Interface - Copy this React, Tailwind Component to your project

Create-an-interactive-chat-interface-for-a-job-search-platform-where-users-(job-candidates)-can-communicate-with-managers-or-HR-representatives.-The-chat-window-should-display-a-list-of-previous-conversations-on-the-left-side,-which-users-can-search-through-and-select-by-typing-keywords-or-job-roles.-The-main-chat-window-should-show-the-conversation-with-clear-visual-separation-between-user-and-manager-messages-in-chat-bubbles.-Below-the-conversation-window,-there-should-be-an-input-field-where-users-can-type-messages,-and-next-to-this-input-field,-there-should-be-buttons-to-attach-files-(such-as-resumes-or-CVs)-and-a-smiley-button-that-opens-an-emoji-picker-for-adding-emojis-to-messages.-The-interface-should-support-automatic-scrolling,-where-the-chat-view-shifts-down-to-display-the-newest-messages-when-they-arrive,-but-if-the-user-scrolls-up-to-read-older-messages,-the-auto-scroll-is-paused.-Managers-and-HR-reps-should-have-additional-features-like-a-button-to-schedule-interviews-and-a-button-to-request-candidates-to-take-a-test.-These-buttons-should-be-integrated-into-the-interface-for-easy-access.-The-design-should-be-fully-responsive,-ensuring-that-the-chat-interface-is-usable-and-visually-appealing-on-both-desktop-and-mobile-devices,-with-clickable-buttons-and-elements-large-enough-to-interact-with-easily-on-smaller-screens.-The-layout-should-be-professional-and-modern,-with-clear-icons-for-file-attachment,-emoji-selection,-and-scheduling,-providing-a-smooth-and-seamless-user-experience-for-both-candidates-and-managers.