[FIX] Improved overall mobile responsiveness

[theblag]

Related Issue

Fixes #7

---

Description

Improved Mobile Responsiveness throughout the app.

Homepage Layout

• Removed unnecessary zoom in for mobile views.
• Width and Height adjustments: Increases font sizes and div heights to look better in mobile devices. Removed min-width styles for mobile resolutions.
• Anchor Scrolling: Added scroll-mt-20 to homepage sections (like Sponsor, Contribute) and enabled global smooth scrolling so that clicking anchor links accurately scrolls to the section without hiding content behind the sticky navbar.

Navbar

• Animated Mobile Navbar: The mobile hamburger menu now utilizes Tailwind transforms (scale-y-0 to scale-y-100) for a smooth dropdown reveal.
• Home Button Reset: Clicking the logo or Home on the navbar now programmatically triggers a smooth scroll to the very top (window.scrollTo).

Courses Page & Sidebar

• Overlay Presentation: The sidebar no longer adjusts or squishes the width of the course contents when opened. Instead, it slides out over the content, providing a non disruptive reading layout.
• Interactive Backdrop: Added a mobile only darkened background overlay behind the expanding sidebar. Tapping anywhere on this backdrop instantly collapses the menu for a polished, native feel.
• Decreased unnecessary padding, to fit the course content more in the screen.
• Consistent Theming: Added the bg-[#1b0d00] class to the main grid flex-wrappers across all subject layouts to ensure the theme background stays uniform.

---

Type of Change

• Bug fix
• New feature
• Documentation update
• UI/UX improvement
• Refactor

---

Screenshots / Demo

Homepage

Animated Navbar Demo

animated-navbar-opencse.mp4

Courses page

---

How Has This Been Tested?

• Tested in chrome inspect tab, with various device resolutions
• Made a temporary deployment, and tested with both android and ios devices.

---

Checklist

• My code follows the project structure and conventions
• I have tested the changes locally
• I have linked the related issue properly
• I have added screenshots where applicable
• No existing functionality was broken

---

AI Usage

• I have not used AI tools for this contribution

• I have used AI tools (ChatGPT, Copilot, Claude, etc.) and I have reviewed, verified, and understood all generated code/content before submitting this PR

If AI tools were used, briefly explain how:

---

Additional Notes

[vercel]

@theblag is attempting to deploy a commit to the PushkarScripts Team on Vercel.

A member of the Team first needs to authorize it.

[pushkarscripts]

Work flawlessly as intended!

Though there's some recent PRs merged that are creating some conflicts right now. So spend some time fixing that and then you're good to go 👍

[theblag]

@pushkarscripts I have resolved the conflicts, and have added the responsiveness fixes to the new documentations/ courses (OS and ML).
It would be good if this code is merged, or more conflicts may arise, with newer contents using the old UI.