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

Write a page to manage users, that will match with following requirements: 1. List all user in system into the table with following columns: Full name, phone number, email, Last Update, Is Deleted and Action. With Is Deleted column, will use badge text to display the status: Green for "Live" and red for "Deleted". with Action, it will be a dropdown with icon and options to select: Restore user (if Is Deleted = true) or Delete User (if Is Deleted = false), View detail, Edit 2. When I click View detail, one modal will appear and display full information of my appUser class (defined below) and all social account is assign for this user (social account will be show the avatar, full name and social type): appUser{ fullName:string; phoneNumber:string; email:string; lastUpdate:time; } 3. Have a create new button 4. one line Have search bar to the right and dropdown type of search to the left with following option: Full Name, Phone Number