Sriamsh - Added sorting functionality for Bought, Used, Available, and Wasted columns.

[Sriamshreddy000]

Description

Related PRS (if any):

This frontend PR is related to the development branch of backend.
To test this PR, you need to checkout the development branch of backend.

Main changes explained:

• Added sorting state objects for Bought, Used, Available, and Wasted columns.
• Added a resetOtherDynamicColumns() helper to ensure only one column is actively sorted at a time.
• Updated dynamic column header rendering to support onClick sorting and display the correct FontAwesome sort icons.
• Extended the existing sortData function to include numeric sorting logic for each of the Bought, Used, Available, and Wasted columns

How to test:

1. check into current branch and the development branch of backend
2. do npm install and npm start to run this PR locally
3. Clear site data/cache
4. log as admin user
5. Navigate to http://localhost:5173/bmdashboard/materials
6. Verify that the sort arrows on the Bought, Used, Available, and Wasted column headers sort correctly in both ascending and descending order.

Screenshots or videos of changes:

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	fc7188c
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/692777b1db4e6e000843238c
😎 Deploy Preview	https://deploy-preview-4460--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
2 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

[Anusha-Gali]

Hi Sriamsh,

I have reviewed your PR locally and the sorting does work as per requirement.

4460.mp4

[one-community]

Thank you all, merging!