improved UI for the timer area

[Anirban-1490]

🛠️ Fixes Issue

78

👨‍💻 Changes proposed

Improved the Ui for timer area , added a Circular timer

• [x] My code follows the code style of this project.
• [x] This PR does not contain plagiarized content.
• [x] The title of my pull request is a short description of the requested changes.

📷 Screenshots

https://user-images.githubusercontent.com/82874704/167314223-69d3dc54-887c-408f-92aa-64988cb93400.mp4

📄 Note to reviewers (optional)

[Anirban-1490]

Great work! Can you please make these changes:

• Change the font to "Product Sans"
• Reduce the padding above the "Enter directly" text so the clock looks a little centered
• Merge the timer's CSS with the main CSS (just put a comment of the timer's CSS)

Check it now

[Daksh777]

That looks great but it seems like it doesn't work anymore and throws a "closed out early" message. Can you please check?

[Anirban-1490]

That looks great but it seems like it doesn't work anymore and throws a "closed out early" message. Can you please check?

not my issue, my code dosen't generate this bug. if you want i will rather open a new issue about that and work on it

[Daksh777]

Oh, oops. You're right, I probably merged a PR and didn't properly check it, my mistake there. Please open a new issue and you can work on it, I'll merge this in the meanwhile.

[Anirban-1490]

Oh, oops. You're right, I probably merged a PR and didn't properly check it, my mistake there. Please open a new issue and you can work on it, I'll merge this in the meanwhile.

Thank you

[Daksh777]

Please open a new issue and I'll assign it to you @Anirban-1490

[Anirban-1490]

Please open a new issue and I'll assign it to you @Anirban-1490

yeah doing it