Error: The Drop-down Menu [caret-down] don't hide automatically

[FezanMuhammadAli]

### Description of the Issue
The drop-down menu on the landing page, with id="caret-down", does not automatically hide when clicking outside of the menu. Currently, the drop-down only hides if the user clicks directly on the caret symbol, which is inconsistent with common behavior on most websites.

Awesome.GitHub.Profile.READMEs.-.Google.Chrome.2024-09-28.18-02-52.mp4

### Expected Behavior
The drop-down menu should hide when the user clicks anywhere on the page, whether it's a blank space or another element, ensuring a smoother and more intuitive user experience.

Rafflys.Random.Number.Generator.-.Google.Chrome.2024-09-28.17-50-56.mp4

Check the issue and expected solution

[welcome]

Thanks for opening the issue! Do join our Github Org, a Community inclusive for Data Science Enthusiasts 😄

[sanjay-kv]

@sanjay-kv i would like to work on this issue

[abhip161]

hey @sanjay-kv i would like to work on this can you assign it to me

[kalyanshnu]

i would also like to work on this issue.

[sanjay-kv]

@FezanMuhammadAli i think the the profile has been crashed due to some issue. can u fix that.

work on the gh-pages branch

[Lekkhasri]

@sanjay-kv i would like to work on this issue can you assign it to me

[FezanMuhammadAli]

@sanjay-kv this is a serious issue I just noticed all profiles are gone. you can roll back the deployments and hope it will be fixed.

[sanjay-kv]

@FezanMuhammadAli rollback should be last option, could you help me to find which bug making this issue

[github-actions]

Hello @FezanMuhammadAli! Your issue #511 has been closed. Thank you for your contribution!