feat: Self paced lesson card

[Chifez]

What does this PR do?

This PR adds a new lesson card for self paced courses

Fixes #337

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?

• run on localhost

Checklist

Required

• [ ] Filled out the "How to test" section in this PR
• [ ] Self-reviewed my own code
• [ ] Commented on my code in hard-to-understand bits
• [ ] Ran pnpm build
• [ ] Checked for warnings, there are none
• [ ] 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

• [ ] 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	Jun 29, 2024 4:34am
cio-com	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 29, 2024 4:34am
cio-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 29, 2024 4:34am

[github-actions[bot]]

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