feat: Implement Feedback System & Navbar Integration

[roshankumar0036singh]

Pull Requests Review Criteria

Caution

PRs that fail to meet these review standards will be automatically flagged and may be rejected by maintainers.

• Filled out this PR template properly
• Did not commit directly to main
• Limited commits (max 3–4 unless permitted by Admin/Mentors)
• Added comments in complex parts of code

Closes: #1170

Describe the add-ons or changes you've made 📃

Introduced a complete Feedback & Issue Reporting System to allow users to report bugs, suggest features, or provide general feedback directly from the application.

🌟 New Features

1. Navbar Integration

   • Added a new "Support" icon to the Navbar.
   • Dropdown Menu:
     • Feedback: Opens the internal feedback modal.
     • Request a Feature: Redirects to the GitHub Feature Request template (feature-request.yml).
   • Logic is inlined directly into Navbar for seamless state management.

2. Feedback Modal

   • Rich Form: Includes fields for Title, Category (Articles, Chats, Code), Details, and Reproduce Steps.
   • File Attachment: Users can attach screenshots (max 5MB).
   • Validation: Real-time validation for character limits and required fields.
   • Notifications: Integrated with the internal useNotifications hook for consistent success/error feedback (removed react-toastify).

3. Backend Implementation

   • Database: New Feedback model and schema in MongoDB.
   • API Endpoint: POST /api/feedback/submit accepts a JSON payload.
   • Image Handling: Attachments are converted to Base64 on the client and uploaded directly to Cloudinary by the backend.
   • Security: Removed dependencies like sanitize-html in favor of strict validation and clean architecture.

🔧 Technical Improvements

• No FormData: strict requirement to avoid FormData references; implemented JSON-based file transfer (Base64).
• Clean Code: Refactored to remove unused imports and dependencies (multer, react-toastify removed).
• Type Safety: Full TypeScript definitions for feedback payloads and categories.

Screenshots 📷

[vercel]

@roshankumar0036singh is attempting to deploy a commit to the avdheshvarshney's projects Team on Vercel.

A member of the Team first needs to authorize it.

[roshankumar0036singh]

@Avdhesh-Varshney plz review it now and sorry for creating a new pr bcz in the last on i got so much stucked using formatting that i got fully confused so deletd that whole branch and created a new one

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
code-a2z	Ready	Preview, Comment	Jan 23, 2026 6:47pm
code-a2z-server	Ready	Preview, Comment	Jan 23, 2026 6:47pm

[Avdhesh-Varshney]

Great work, just complete these changes and 1 more thing, share me screenshot of postman to hit on these 2 apis

[roshankumar0036singh]

@Avdhesh-Varshney check now

Recording.2026-01-23.073046.mp4

[Avdhesh-Varshney]

@roshankumar0036singh let's finish these changes and release the task

[roshankumar0036singh]

@Avdhesh-Varshney check now

[Avdhesh-Varshney]

@roshankumar0036singh Nice work!
PR Approved 🎉

[roshankumar0036singh]

@Avdhesh-Varshney dont add intermidiate tag its used for only partner projects revert it to hard

[Avdhesh-Varshney]

OK, Updating. Thanks for reminding 👍

@roshankumar0036singh join the discord server. I've dropped the announcement for this release
https://discord.com/channels/1240518067008835636/1393923563110793287/1464335202489995408