Header - Copy this React, Tailwind Component to your project

creat button sign in, sign up in the rightside of the header in these button Create a Modal component. The Modal should contain a sign in component with options to sign in with social media accounts or with an Name email phone number with choose country code and password or reenter password. Add related data to the component and make it visually appealing. in the sign in component show the email, password, login and forget password option these all the option work proper specially forgrt password option when user login or sign up the component window close and show the user profile when user enter wrong information they cannot proceed until enter correct information "Upon user login, display a user profile button in the header. When clicked, a small, responsive pop-up window should appear, containing the following: Profile Settings: Name (editable field) Email (editable field) Phone Number: Includes a dropdown to select the country code. Change Password: Opens a secure form for password update. Delete Account: Prompts confirmation before proceeding. Theme Toggle: Include a Dark Mode switch. When toggled, dynamically apply a dark theme to the entire UI. Design the pop-up to be compact, mobile-friendly, and easy to navigate across all screen sizes.