Added timer functionality to solve Issue #120

[anmolgupta2015]

Summary

This pull request refactors the Output.jsx component by moving it into a new folder named output to promote modularity. Additionally, a new file Timer.jsx has been created and placed in the same folder. This approach avoids making the Output.jsx file overly large and helps maintain cleaner and more organized code.

Changes Made

1. Moved Output.jsx to a new output folder:

   • Promotes better organization by grouping related files together.
   • Makes it easier to manage and locate components.

2. Created Timer.jsx:

   • Built the Timer feature from scratch to provide accurate timing functionality.
   • Extracted timer-related functionality into a separate file to avoid cluttering Output.jsx.
   • Ensures a clear separation of concerns, adhering to best practices for modular development.

3. Updated Import Statements:

   • Adjusted all relevant imports to reflect the new folder structure.

Reason for Change

• Combining all logic in a single file (Output.jsx) would have made the codebase harder to maintain and understand.
• Separating the timer logic into Timer.jsx ensures modularity and cleaner code for easier maintenance and extensibility.

Testing

• Verified that all functionality remains intact after the refactor.
• Tested the Timer component for:
  • Starting and stopping functionality.
  • Handling edge cases like rapid start/stop sequences.
  • Resetting correctly under all conditions.
• Confirmed that the Output component integrates properly with the Timer.

Screenshots/GIFs

24.01.2025_12.38.06_REC.mp4

Issue Reference

Resolves issue #120 by adding a modular Timer feature and refactoring the Output component.

[anmolgupta2015]

Hii, @Roaster05 @Aditya062003 :)
Kindly merge this code if you don't find any issues
Regards