Issue Description

1. Adding validations to login form.
2. Some texts do not change their color when theme is switched from light mode to dark mode.

Actual Behavior

1. When clicked on sign up button without entering any input, the page refreshes.
2. Texts in black font remain the same color even after the theme is changed.

##About me
Hello, my name is Devaki Joshi. I am a tech-enthusiast, specially passionate about front-end technologies such as React. As a GGSoC'24 contributor, I am really eager to make the proposed contributions and looking forward to learn more in the process.

Steps to resolve the issue

1. Create reusable input component
2. Utilize useForm hook and define methods.
3. render appropriate messages.
4. Style using Tailwind CSS
5. Add animations using framer-motion library

Expected Outcome

1. Appropriate messages will be prompted to the user.
2. Text issues that are occurring during transition will be fixed.

Screenshots

Please assign me the issue