feat: fixed issue #1476

[LNischala]

Title and Issue number

Title : Make text show up on hovering over a button

Issue No. : #1476

Code Stack : JS

Close #1476

Description

I have made the changes for the text to show up whenever hovered over a button. For the theme toggle and password visibility buttons, I added a dynamic title update feature for better UI.

Video/Screenshots (mandatory)

-->Close Button

-->Back-to-top button

-->Theme toggle button

-->Password Visibility Toggle button For both Login and Register

Type of PR

• [ ] Bug fix
• [X] Feature enhancement
• [ ] Documentation update
• [ ] Other (specify): ___

Checklist:

• [X] I have performed a self-review of my code.
• [X] I have commented my code, particularly in hard-to-understand areas.
• [X] I have tested the changes thoroughly before submitting this pull request.
• [X] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [X] I have gone through the contributing.md file before contributing
• [X] I have Starred the Repository.

Additional context:

Are you contributing under any Open-source programme?

• [X] I am contributing under GSSOC'24 Extended
• [X] I am contributing under Hacktoberfest'24

[netlify[bot]]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	b45f6739e981b3a0d7d1508ee286c18632b47dac
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/6723354a182877000870186d
😎 Deploy Preview	https://deploy-preview-1566--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[apu52]

@LNischala this pr is still facing some merge conflicts . please try to resolve the conflicts of the PR