UI Improvements: Smart Header, Smooth Animations, Sidebar Fixes

[moteeb-asad]

This PR includes several UI/UX improvements:

1. Smart Header Behavior

• Added smooth hide/show animations on scroll
• Header hides when scrolling down and reappears when scrolling up
• Always visible at the top of the page

2. Sidebar Enhancements

• Added smooth open/close animations
• Added backdrop with blur effect
• Added close (X) button with hover effects
• Improved transitions and positioning

3. Dynamic Content Height Management

• Added useContentHeight hook to control scrollbar visibility
• Content centers vertically when it fits the viewport
• Scrollbar only appears when content overflows
• Proper handling of fixed header offset

4. Layout Improvements

• Increased maximum width of containers
• Improved padding and spacing in profile sections
• Better grid layout and gaps in profile cards
• Proper background color management

5. Code Organization

• Added new custom hooks:
  • useContentHeight.js: For dynamic content management
  • useScrollDirection.js: For smart header behavior

Fixes #39

[netlify]

✅ Deploy Preview for manitstudyportal ready!

Name	Link
🔨 Latest commit	b0d86f7
🔍 Latest deploy log	https://app.netlify.com/projects/manitstudyportal/deploys/688c9e9ea7469b0008086ecd
😎 Deploy Preview	https://deploy-preview-46--manitstudyportal.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.

[moteeb-asad]

@Jatin917 Kindly review the PR and approve. Thank you

[Anujcodecraft]

@moteeb-asad

when not logged in there is still scroll bar