feat: Update login and signup pages with UI UX improvements and Auth.

[Khushii75]

Pull Request Template for Vehigo

Please fill out the following sections to help us review your pull request efficiently.

1. Title

A concise and descriptive title for your pull request. Please follow Conventional Commits guidelines if applicable.

feat: Update login and signup pages with UI UX improvements and Auth (google, Microsoft, phone, Facebook)

2. Description

This pull request enhances the login and signup pages to improve UI/UX consistency, responsiveness, and accessibility. The updates focus on refining styling, adjusting layouts for different screen sizes, and improving user experience for form interactions.

Key improvements include:
-Better alignment and spacing for form fields.

-Improved responsiveness across mobile, tablet, and desktop.

-Enhanced visual styling with consistent fonts, colors, and button states.

-Minor bug fixes related to input validation and error handling.

3. Related Issues

Closes: #357

4. Changes Made

List the specific changes implemented in this pull request. Be as specific as possible, referencing file paths or component names where appropriate.

• Change 1: Updated login.html and signup.html with improved layout & styling.
• Change 2: Enhanced input validation messages for both pages.
• Change 3: Improved responsive design for small devices.
• Change 4: Refactored CSS classes for better maintainability.
• Change 5: Fixed inconsistent button alignment.
• Change 6: Footer is added at both the pages.

5. Checklist

Before submitting, please ensure you have completed the following:

• I have read the project's contributing guidelines.
• My code follows the project's coding style and conventions.
• I have performed a thorough self-review of my own code.
• I have added comments to my code, especially in complex or non-obvious sections.
• I have made corresponding updates to the documentation (e.g., README, API docs) if my changes require it.
• My changes introduce no new warnings or errors during compilation/runtime.
• I have added new tests or updated existing ones to cover my changes, and they pass locally.
• Any dependent changes (e.g., API updates, library versions) have been addressed.

6. Screenshots/GIFs

Before:

After:

Login Page:

Via Google:-

Via Microsoft:-

Sign up Page;

7. Improvements Needed / Future Enhancements

-Integrate a database layer to persist user data (e.g., login credentials, user profiles, session tracking).
-Implement form validation with stronger error handling to improve user experience during login and signup.
-Add password encryption (e.g., bcrypt) before storing credentials to enhance security.
-Provide OAuth/social login options (Google, GitHub, etc.) for easier authentication.
-Improve UI/UX consistency with responsive layouts and accessibility best practices.
-Write unit and integration tests for the login and signup flow to ensure reliability.

@Akashshelke07 Check it out! :)

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼