Chirag tool status filter and sort dropdown addition

[ChiragBellara]

Description

Related PRS (if any):

This change is NOT related to any other PRs.

Main changes explained:

• Created new filters for Tool Status and Conditions
• Implemented sorting based on Condition and Using columns
• Added state persistence on refresh for the filter conditions.
• Updated logic to support combination filtering on client side to reduce API overload.

How to test:

1. check into current branch
2. do npm install and npm run start:local to run this PR locally
3. Clear site data/cache
4. log as admin user
5. navigate to /bmdashboard/tools
6. verify that the filtering and sorting works
7. check that the filter conditions are persistent on screen refresh.

Screenshots or videos of changes:

Tool.Filtering.and.Sorting.demo.mov

Note:

• Note that the Condition filter includes all the distinct values present in the condition column of the table. So, it can include options that are different from New, Worn, Damaged, Good. This is done to ensure that the user does not see any filter conditions that are not actually present in the table itself.
• Also, the sorting for the "Using" column is done such that when the column is sorted in Ascending (indicated by a filled upward arrow head (^)) order we see the tools which are have "Using" set to False (indicated by ⤬ marks) first and in Descending order we see the tools which are have "Using" set to True (indicated by ✓ marks) first.
• Lastly, the state persistence is created such that the filters will retain their values as long as the session is active i.e. if you close the browser window or tab the filters should reset.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	eb69592
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6940778839610f0008d5ad49
😎 Deploy Preview	https://deploy-preview-4535--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.

[Anusha-Gali]

Hi Chirag,

I have reviewed your PR locally and all the requirements perform as per the functionality mentioned, i have noticed that the table headers are not in correspondence to the dark mode and also i have gotten this below issue in console which got fixed after commenting the stated line. Please check with Jae before merge.

Note: Do let me know and i would approve the PR as the main functionality works

[sonarqubecloud]

Quality Gate passed

Issues
20 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud

[Anusha-Gali]

Hi Chirag,

The issues of dark mode and the console are fixed.

[one-community]

Thank you all, merging!