feat: Tic tac toe game

[tunny17]

What does this PR do?

Fixes #284

Type of change

• [ ] Bug fix (non-breaking change which fixes an issue)
• [ ] Chore (refactoring code, technical debt, workflow improvements)
• [ ] Enhancement (small improvements)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change adds a new database migration
• [ ] This change requires a documentation update

How should this be tested?

• Go to the landing page, click on "free tools" then click on tic tac toe.

Checklist

Required

• [x] Filled out the "How to test" section in this PR
• [x] Self-reviewed my own code
• [x] Commented on my code in hard-to-understand bits
• [ ] Ran pnpm build
• [x] Checked for warnings, there are none
• [x] Removed all console.logs
• [ ] Merged the latest changes from main onto my branch with git pull origin main
• [ ] My changes don't cause any responsiveness issues

Appreciated

• [x] If a UI change was made: Added a screen recording or screenshots to this PR
• [ ] Updated the ClassroomIO Docs if changes were necessary

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
cio-cloud	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 15, 2024 1:38pm
cio-com	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 15, 2024 1:38pm
cio-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 15, 2024 1:38pm

[github-actions[bot]]

Thank you for following the naming conventions for pull request titles! 🙏