Auth Flow - Copy this React, Tailwind Component to your project

Create a login page where it has an email and password and it also has a "forget your password?" button that when you click it will take you to the forget your password page where it has an email and it also has a "send verification code" button that when you click it will send a verification code to the email you entered and you will go to the enter verification code page where it has a verification code and here you will enter the verification code sent to your email the verification code that you enter must match the verification code sent to your email and it also has a "Submit" button and if you click the submit button you will go to the create new password page where it has a create new password and confirm password and it also has an "Ok" button that when you click it will take you to the homepage. on the login page below the forget password there is a "Log In" button that when you press it and the email and password you entered must match the data inputted in mysql_querry (note: make a different file for sql code so you can connect with it) if it matches the data in mysql_querry you will be taken to the home page and if not a notification will appear saying "There's no account that matched in our data". on the login page there is also a "Create new account" button that when you press it will take you to the create new account page where you have your first name, last name, gender (male and female), email and password and below it there is a "Create Account" button that when you press it will input the data you entered in mysql_querry (create an sql code for this inserted to the other sql code) and you will be taken to the login page where you will log in using your account that you created (The design is inspired by milktea shop