Swathi functionalities for Materials Page

[SwathiAngadi]

Functionalities not implemented for Add Material, Edit Name/Measurement and View Update History Buttons for Materials Page and Consumable Page.

Related PRS (if any):

This frontend PR is related to the 2014 backend PR.

Main changes explained:

Implemented functionalities for Add Material, Edit Name/Measurement and View Update History Buttons using Redux.
Created Modals to Add Material& Add Consumable for editing and also for viewing the history of the Material.
Dark mode feature applied to this page.
Fixed filtering Issue of the page.
Now user is able to see the Materials list from the material dropdown and Consumable list from the consumabel dropdown in respective pages.

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. go to http://localhost:5173/bmdashboard/materials
6. Check whether Materials dropdown is populating values.
7. Verify filtering based on Materials and Project dropdown.
8. Verify AddMaterial functionality and same will be reflected in Materials dropdown.
9. Verify Edit Name/Measurement functionality and whether it is reflecting in the table.
10. Check for update history populating the correct values.
11. Check above implementation like Add Consumables, Edit and View functioanlity in Consumable page: http://localhost:5173/bmdashboard/consumables
12. Verify responsiveness.
13. Verify dark mode feature is applied.

Screenshots or videos of changes:

Screen.Recording.2026-01-31.003440.mp4

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	a80854a
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69786acd5c35ac0008fcc778
😎 Deploy Preview	https://deploy-preview-4757--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 failed

Failed conditions
C Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE