[Feature] : Add Pause/Start Button Functionality

[aditya-bhaumik]

Description:

Currently, the project lacks the ability to pause and resume the simulation once it starts. To enhance user control and interaction, i want to add a Pause/Start button that allows users to pause the simulation at any time and resume it when needed.

Feature Details:

Add a new button labeled "Pause" that allows users to pause the simulation.
When the simulation is paused, the background animation and timer should stop.
Change the button label to "Start" when the simulation is paused to indicate that clicking it will resume the simulation.
Upon clicking the "Start" button, the simulation should resume from where it was paused, with the background animation and timer continuing.

Expected Behavior:

When the simulation is running, the "Pause" button should be visible and functional.
Clicking the "Pause" button should pause the simulation, changing the button label to "Start".
Clicking the "Start" button should resume the simulation from where it was paused, with the button label changing back to "Pause".
The background animation and timer should pause and resume along with the simulation.

Enables users to pause and resume the simulation at any point, providing greater flexibility and interactivity.

@sk66641 please assign me this issue under gssoc'24

[github-actions]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

[github-actions]

Hello @aditya-bhaumik! Your issue #82 has been closed. Thank you for your contribution!