Fixed issue #2

[KajalGrover]

fixed issue number #2

📝 Description

Replaced the old fixed sidebar with a fully responsive top navigation bar using Materialize CSS.

• Desktop view: Top navbar with smooth alignment and improved layout.
• Mobile view: Collapsible hamburger menu that toggles cleanly.
• Retained the original theme color (#3b6978) and Montserrat font.
• Enhanced spacing, font size, and alignment for a cleaner UI/UX during the hackathon demo.

💡 Motivation

To make the dashboard visually consistent and mobile-friendly for the hackathon presentation and Vercel live deployment using Flask templates.

⚙️ Dependencies

No new dependencies added — uses existing Materialize CSS and JS libraries.

Fixes: # (add issue number if applicable)

🧩 Type of Change

• New feature (non-breaking change which adds functionality)

✅ Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code where necessary
• I have verified the responsive behavior on both desktop and mobile views
• My changes generate no new warnings
• I have added all the three reviewers: @vinitshahdeo, @Kashish121 & @ishika1727

[KajalGrover]

This PR fixes issue #2 by replacing the fixed sidebar with a responsive Materialize top navbar and collapsible mobile menu. Verified responsiveness on both desktop and mobile. Ready for review ✅