Stats Multi Selector Filter

[Rustix69]

Description

Filter dropdowns now show task progress (e.g., "Test 01 0/1 0%") with styled completion stats, implemented via a specialized wrapper component without modifying shared UI components.

• Fixes: Show Completion Percentage Next to Filters in Dropdown #177

Checklist

• Ran npx prettier --write . (for formatting)
• Ran gofmt -w . (for Go backend)
• Ran npm test (for JS/TS testing)
• Added unit tests, if applicable
• Verified all tests pass
• Updated documentation, if needed

Additional Notes

[Rustix69]

@its-me-abhishek If we want to keep the Multiselector Unchanged then we have to create a diff component otherwise the UI will not look good as we cant put the gap inside that mulltiselector and as a result [Project Name, Tasks Completed. Percentage] will be in a line without proper gap.

[Rustix69]

@its-me-abhishek Made the changes

[its-me-abhishek]

Please fix the conflicts

[Rustix69]

@its-me-abhishek Fixed Plz merge it as this file is changing to much

[its-me-abhishek]

Upon reviewing again, i think that this approach it a bit too much of work or is overengineered, for a simple feature to display project progress. IMO it would be better if while filtering projects, etc. we can simply turn that array into a map, that tracks the completed/total tasks ratio for each project, and displays at along with the project name, inside the old filter.

[Rustix69]

@its-me-abhishek Yes this can be done but the issue is we will face UI issues in giving gap btw the Project Name and the Tracker Percent and to give gap we have to again modify 1-2 lines of the multi selection component

[its-me-abhishek]

Sounds about right, this shall be doable with the same Component, some small CSS fixes, and another optional Prop-that passes down the completion Percentage, etc. Hence closing this PR for now.