Billing Invoice Interface - Copy this React, Tailwind Component to your project

Here’s a detailed prompt you can give to an AI that generates code: Prompt: Generate a ReactJS component that displays user cards using Tailwind CSS. Each card should display information fetched from a backend and render for each user. The data format from the backend is as follows: { "title": "Hellowwww", "content": "Hello alllwwww", "views": 120, "likes": 222, "comments_count": 102, "image_url": "jasedfasdjfsadfi", "user_name": "Lucky dwaadfawww" } The card should display the following details: Title (title) Content (content) Views (views) Likes (likes) Comments Count (comments_count) Image (image_url) Username (user_name) The component should: 1. Fetch the user data from the backend using a mock API call. 2. Display the cards in a grid layout using Tailwind CSS. 3. Be responsive, so it should adjust for smaller screens. This should give the AI enough context to generate a useful card component using ReactJS and Tailwind CSS.also add the new card adding thing to add the appropriate components to enter and also make the image to upload locally and make a interface cleaner while the adding the components to newly creating card