feat: Implement Bottom menu

[Chifez]

What does this PR do?

This PR implements the bottom menu for dashboard and LMS

Fixes #325

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 local host

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	❌ Failed (Inspect)			Jul 1, 2024 5:44am
cio-com	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 1, 2024 5:44am
cio-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 1, 2024 5:44am

[github-actions[bot]]

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

[rotimi-best]

A couple of feedbacks. @Chifez

• [x] The menu distance between where I clicked and where it appeared is weird.

  

• [x] See more and all other tools should open a new tab and not close the dashboard

• [ ] When I click on the tab org settings from the menu, the tab for organization doesn't open. Instead it remains in profile settings. Can you investigate and fix?

• [x] Border bottom after Logout is not full

  

• [x] The hover state state for the profile doesn't match the other side bars like Courses or Community. Please check what is missing with the padding.

  

• [x] The hover state for each of the tools, What's new, launch week and logout should have hover:underline

• [x] After menu opens as modal on mobile, close the sidebar.