Feature/sign in&sign up pop up

[JackLiu00331]

Purpose

Implement authentication & Sign in pop-up and option for switching to Sign up form with the following features:

• Sign in pop-up by clicking the profile icon
• Able to switch from the Sign in to Sign up page by clicking the button
• SignIn form with email/password validation
• SignUp form with password strength check

Changes

• Added LoginModal component under /src/components
• Pre-added Chao Liu's contributor card information in the comment in 'src/contributors/Contributors.jsx'
  and '/src/page/Contributors.jsx'
• Imported Chao Liu's contributor image '/src/images'
• Added hide scroll bar style in index.css
• Add the trigger for the sign-in pop-up for Profile Icon in the Navbar when the user is not logged in

Testing

1. Run npm run dev and click Profile icon
2. Test validation by:
   • Submitting empty form
   • Using invalid email format
   • Using invalid password format (Password needs 1 uppercase, 1 number, 1 special character)
   • Entering mismatching passwords (signup)
3. Check error messages
4. Check console log for successful Validation

Screenshots

Desktop View

Notes

• The current component is only for the front end, and backend is needed for real authentication.