Styling and Functionality Updates for Account Form

[Rucha-Ambaliya]

Fixes Issue🛠️

Partially Closes #64

Description👨‍💻

1. Updated Styling of AccountForm.jsx

   • Refined layout and styling to ensure consistency and alignment with the project's design language.

2. Enhanced "Forgot Password" Functionality

   • Adapted the "Forgot Password" feature to be compatible with the new styling for a seamless user experience.

3. Optimized Icon Usage

   • Replaced existing icons with react-icons to avoid the installation of unnecessary libraries and improve maintainability.

4. Replaced Labels with Placeholders
   -Replaced form labels with placeholders to enhance readability and improve the visual appeal of the input fields.

5. Dependency Cleanup

   • Removed lucide-react from the project.
   • Updated package.json and package-lock.json to reflect the removal.

6. Customized Password Reveal Functionality

   • Added the following CSS rule to index.css to disable the browser's default reveal-password functionality:

     /* Hide the default "reveal" icon */
     input[type="password"]::-ms-reveal,
     input[type="password"]::-webkit-outer-spin-button,
     input[type="password"]::-webkit-appearance {
       display: none;
     }

   • Reason: The default reveal-password icon's styling was not aligned with the project's color palette.
   • Added a custom reveal-password button to maintain functionality while ensuring consistent design.

Screenshots/GIF📷

Recording.2025-01-25.183312.1.mp4

Recording.2025-01-25.183959.mp4

Type of Change📄

• Bug fix (non-breaking change which fixes a bug)
• Style (non-breaking change which improves website style or formatting)
• Responsiveness (non-breaking change which improves UI/UX on different screen sizes)

Checklist✅

• I am an Open Source contributor
• I have performed a self-review of my code
• My code follows the style guidelines of this project
• I have commented on my code, particularly in hard-to-understand areas

[vercel]

@Rucha-Ambaliya is attempting to deploy a commit to the Pratik0112's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Hey @Rucha-Ambaliya, Welcome to 💖TelMedSphere !!! 🎊
Thanks for raising a PR! Your effort makes this project better. 🙌
Please wait for the PR to be reviewed.
Happy Coding!! ✨

[PratikMane0112]

Thanks !!!

Happy Republic day

[github-actions]

@Rucha-Ambaliya Congrats, Your pull request has been successfully merged 🥳🎉
Thank you for your contribution to 💖TelMedSphere !!!
Happy coding 🎊, Keep Contributing 🙌 !!!

[Rucha-Ambaliya]

Happy Republic Day to you too!