Memberships Data - Copy this React, Tailwind Component to your project

Display each membership tier (e.g., Free Membership and Basic Membership) in a table or card layout, showing key details like the name, description, price, and associated benefits. 2. Edit Functionality: Each membership row can have an Edit button, which when clicked, will pre-fill a form with the existing data (name, description, price, etc.). This will allow the user to modify the membership tier. For example, the "Free Membership" can have details like: Name: Free Membership Description: Free membership with limited features Price: 0 Benefits: 6 job applications/month, Limited Profile Visibility 3. Delete Functionality: Each membership can also have a Delete button. When clicked, a confirmation dialog will appear (e.g., "Are you sure you want to delete 'Free Membership'?"). The data will be removed from the list once confirmed.