feat: New Landingpage Template UI for Organizations

[Chifez]

What does this PR do?

This PR adds new templates ui to the org Landingpage for organizations

• posthog template
• expert template
• organization template
• prep/IELTS template
• bootcamp template

some things left undone include

• Some content are still static especially the new content added to some templates UI design that were not part of the data on the landing page settings.
• The logic for routing to the /course page of a template
• Some logic on the course page like the filter by logic, toggling between learning path and courses, fetching learning path courses.

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

• [x] 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