Veda Promotion Eligibility Color Coding Changes

[Charitha2009]

Description

Related PRS (if any):

This frontend PR is related to the development backend PR.

Main changes explained:

Increased specificity for light mode status colors:

• Changed from .statusMet to .promotionTable td.statusMet
• Changed from .statusNotMet to .promotionTable td.statusNotMet

Increased specificity for dark mode status colors:

• Changed from [data-theme="dark"] .statusMet to [data-theme="dark"] .promotionTable td.statusMet
• Changed from [data-theme="dark"] .statusNotMet to [data-theme="dark"] .promotionTable td.statusNotMet
• Added !important to ensure they override any general td color rules

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/promotionTable
6. verify Weekly Requirements Column changes color in dark mode

Screenshots or videos of changes:

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	40c82a7
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6950408ffe3ec100089c191a
😎 Deploy Preview	https://deploy-preview-4638--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
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