added timer and dark mode

[williamtitus295661]

Related to #<issue_number>

Describe the changes you've made

< Give_a_clear_description_what_modifications_you_have_made >

Type of change

What sort of change have you made:

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Code style update (formatting, local variables)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

< Describe_how_have_you_verified_the_changes_made >

Checklist:

• My code follows the guidelines of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly wherever it was hard to understand.
• I have made corresponding changes to the documentation.

Screenshots (Images)

Before the changes	After the Changes
<Upload_Screenshot>	<Upload_Screenshot>

Recordings (Video with audio)

Before the changes	After the Changes
<Upload_Recording>	<Upload_Recording>

[netlify]

✅ Deploy Preview for arito ready!

Name	Link
🔨 Latest commit	f579d50
🔍 Latest deploy log	https://app.netlify.com/sites/arito/deploys/6757b3e53307db0008d23932
😎 Deploy Preview	https://deploy-preview-253--arito.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Congratulations on your First Pull Request! Wish you best on your open-source journey 😊