Neeraj Improve Selected Fitler Display

[Neeraj-Kondaveeti]

Description

Related PRS (if any):

This frontend PR is related to the Development backend PR.

Main changes explained:

• Updated Collaboration.jsx to:
  • Display selected categories as individual visual chips
  • Preserve existing filtering behavior and query logic
• Updated Collaboration.module.css to:
  • Add styles for selected filter chips
  • Maintain existing layout, spacing, and responsiveness

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. Navigate to : http://localhost:5173/Collaboration
6. Verify:
   • Selected categories appear as styled chips below the search area
   • Chips remain visible when filters are applied

Screenshots or videos of changes:

Note:

N/A

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	21266c4
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/697d29239fc2a700084b9774
😎 Deploy Preview	https://deploy-preview-4780--highestgoodnetwork-dev.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.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Anusha-Gali]

Hi Neeraj,

I have reviewed your PR locally and it works as per requirement in both the modes.

[rohanrastogi311]

Hey Neeraj,

Good implementation, however, there is a image missing.

[saitejakaasoju]

Hi Neeraj,

I have reviewed your PR locally and it worked well in both light and dark modes.