Fixed Pendulum Simulation

[JiyaGupta-cs]

Closes #129

Description

The text labels of the sliders were not with the sliders because the function position() used in this code to place the slider works differently with the text() function
We couldn't do it by CSS.
It can be done by making the both the things work by using the same function using P5.JS
Moreover we could not change the position values in slider.position(width, height); manually because the top and left (x,y) indexes would vary with each mobile device
Therefore I fixed the issue using a different approach.

Screenshots (if applicable)

| Original | Updated |
| :

: | |
| original screenshot | updated screenshot |

Checklist

• My code adheres to the established style guidelines of the project.
• I have included comments in areas that may be difficult to understand.
• My changes have not introduced any new warnings.
• I have conducted a self-review of my code.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
virtuo-learn	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 16, 2024 7:39pm

[github-actions]

Great job, @JiyaGupta-cs! 🎉 Thank you for submitting your pull request for Virtuo-Learn. Our dedicated team will review it diligently.Your contribution is valuable and we appreciate your efforts to improve our project.