Amaresh: Add debouncing to search/filter inputs in Teams, User Management, Reports, and UserProfile

[amaresh2001]

Description

Investigated each named area before implementing, debounced them, and additionally fixed Reports/ReportTableSearchPanel.jsx. Also extended the same fix to Assign Project in UserProfile, the exact sibling of Assign Team with the identical pattern.

Related PRS (if any):

None. Only frontend change.

Main changes explained:

• Update src/components/Reports/ReportTableSearchPanel.jsx for a debounced (300ms, leading+trailing) call to the onSearch prop, keeping a local localSearchText state so the input stays responsive while typing
• Update src/components/Teams/Teams.jsx for a debounced onWildCardSearch (uncontrolled input, wrapped directly, .cancel() on unmount)
• Update src/components/UserManagement/UserManagement.jsx for a split rawSearchText/wildCardSearchText state — the input displays rawSearchText instantly, while the debounced wildCardSearchText is the only one driving the actual filter/re-render
• Update src/components/UserProfile/TeamsAndProjects/AddTeamsAutoComplete.jsx and AddProjectsAutoComplete.jsx for a debounced suggestion-list filter, keyed off a debouncedSearchText state that lags the raw input by 300ms

How to test:

1. Check out this branch and npm install
2. npm run dev, log in as any user
3. Team search: go to Teams, type a search term fast without pausing; confirm no dropped/lagging characters and results filter correctly
4. User Management search: go to User Management, type into the "Search Text" box fast; same check
5. Reports search: go to Reports, click any category card (Projects/People/Teams), type into "Search Text" fast; same check
6. UserProfile → Assign Team: open your profile, Teams tab, click Assign Team, type into the team search box fast; confirm suggestions filter correctly with no dropped characters
7. UserProfile → Assign Project: same as above under the Projects tab, Assign Project button
8. Verify all of the above in dark mode as well: no behavioral difference expected, just confirming nothing regressed visually

Screenshots or videos of changes:

Note:

Includes one unrelated bug fix hit while testing this branch: Reports.jsx's table-data-container div was using a plain string className instead of the CSS module reference, so the rule capping the table's width never applied; the table rendered unbounded and squeezed the category-card layout next to it, blocking the Reports search box from being testable. Fixed by referencing styles['table-data-container'] instead. development already has this fix elsewhere; this branch just predated it.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	d7b66fd
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a9b0d7e160e7a0008f89cce
😎 Deploy Preview	https://deploy-preview-5506--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
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