User Navbar - Copy this React, Tailwind Component to your project

Create a user specific navbar for the chatting area in a chat application. This navbar appears at the top when chatting with a particular user and should include: Username/Contact Name: Displays the person you're chatting with. Profile Picture: User's avatar or profile image. Call Options: Icons for Voice Call and Video Call. Three Dot Icon (More Options): Opens a dropdown menu with actions like Mute Notifications, Block/Unblock User, View Profile, Clear Chat, Delete Chat, Pin Chat, and Search in Conversation. Search Icon: To search messages in the current chat. Info Icon: Displays chat details, participants (if group), and shared media. This navbar is distinct from a global or personal navbar, focusing on features for the active chat.