feat: add dedicated Help Center page with search, FAQ accordion, and …

[Suhas334]

📋 Summary

Adds a dedicated Help Center page (/help) to provide users with a centralized place to find answers, browse support resources, and contact the team.

🔗 Related Issue

Closes #199

✨ Changes Made

• client/src/pages/HelpCenter.js — New Help Center page component
• client/src/pages/HelpCenter.css — Responsive styles with full dark mode support
• client/src/App.js — Registered /help route
• client/src/components/Navbar.js — Added "Help Center" to the More dropdown

🚀 Features

• Live search bar — Filters FAQs in real-time with result count and clear button
• 5 FAQ categories — Getting Started, Resources & Content, Contributing, Platform Tools, Account & Privacy (20 questions total)
• Animated accordion — Smooth expand/collapse using Framer Motion's AnimatePresence
• Quick Links grid — Direct links to Syllabus, FAQs, Contact, and Feedback pages
• Contact/Support form — Name, email, topic dropdown, and message field
• Fully responsive — Works on mobile, tablet, and desktop
• Dark mode — Inherits project CSS variables (--bg, --card, --text, etc.)

🧪 Testing

• Page loads at /help
• Search filters FAQs live
• Category pills filter by topic
• FAQ accordion expands/collapses
• Accessible from Navbar → More → Help Center
• Responsive on mobile and desktop
• Dark/light mode toggle works

📸 Screenshots

[vercel]

@Suhas334 is attempting to deploy a commit to the Lovely Mahour's projects Team on Vercel.

A member of the Team first needs to authorize it.