User Activity Display - Copy this React, Tailwind Component to your project

Create a user activity display component for a chat application using the logo color #1F89E9. The design should include the following elements: User Avatar: A circular avatar image representing the user on the left side. User Name: Display the user’s name in bold text next to the avatar. Activity Text: A short sentence indicating the action, such as "switched to". Link: A clickable link that directs to a specific URL the user switched to. The link text should be styled to appear underlined and in a distinct color (e.g., blue). Date Display: Include a date element in the middle of the activity display, styled similarly to WhatsApp, showing the text "Today" or the appropriate date as needed. Use a subtle font and a neutral color for contrast. Styling: The entire activity should be enclosed in a visually appealing card layout with rounded corners and a subtle box shadow for depth. Use a clean, modern font with appropriate font sizes (e.g., 14px for the user name and activity text). Ensure that the overall design is responsive and adjusts well to mobile screens. Incorporate the blue color #1F89E9 for headers, buttons, and links to create a cohesive look.