fix: Improve sidebar behavior and layout responsiveness

[Ayushdas1904]

closes #857 Description:

1. Implemented active-tab highlighting using useLocation/isActive.
2. Added logout handling (handleAuth + redirect to /login).
3. Adjusted CSS for collapsed sidebar — icons now stay centered.
4. Introduced --sidemenu-width variable and synced it via useEffect on collapse/expand.
5. Updated Main.jsx, Dashboard.jsx, and LearningRoadmap.jsx to shift with sidebar width.
6. Centered LearningRoadmap content with a responsive, max-width layout.
7. Added smooth transitions for width/margin changes.

https://github.com/user-attachments/assets/232439d0-7ef4-4ad8-8069-43aee6522d05

[netlify[bot]]

✅ Deploy Preview for free-courses-with-certificates ready!

Name	Link
🔨 Latest commit	90a926308ca1aaa9bca7ecf4ede5707b66501057
🔍 Latest deploy log	https://app.netlify.com/projects/free-courses-with-certificates/deploys/69058a29615815000824664d
😎 Deploy Preview	https://deploy-preview-865--free-courses-with-certificates.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 project configuration.

[avinash201199]

Please resolve the conflicts

[Ayushdas1904]

@avinash201199