Chat U I - Copy this React, Tailwind Component to your project

Create a AI Chat UI component with a sidebar listing AI Conversation, showing each ai Conversation avatar, name, and a recent message snippet. The main section features a header with the current chat partner's avatar, name, and online status, followed by a scrollable, time stamped conversation history that differentiates sent and received messages. At the bottom, include an expandable input field and a send button. Using api of Gemini API to anwser the question.