Swathi promotion eligibility fixes

[SwathiAngadi]

Description

Fixed the Promotion Eligibility Page displaying "Failed to load Reviewers" error, preventing table data from rendering.
Server returns 403 Forbidden status when attempting to load resources.
CSS was not implemented properly for this page, now CSS are implemented for this page along with Dark Mode.

Related PRS (if any):

No backend PR

Main changes explained:

Server returns 403 Forbidden status when un authorized user tries to load resources. This issue fixes when 'See Analytics Reports.' permission is set for that particular user.

Implemented module.css way of calling classes in PromotionEligibilty.jsx file.
Made necessary changes in module.css file
Removed media queries for mobile version and made page responsive using CSS in order to maintain standard way of viewing tables all over the application.
…

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/pr-dashboard/promotion-eligibility
6. One should be able to see the page in both the modes.
7. Check whether page is visibly looking good.
8. Check for responsiveness.

Screenshots or videos of changes:

Note:

The Promotion table takes more time to load the data.

In order to view this page, special permission need to be set , this also fix the other issue '403 forbidden error'. or 'Failed to load reviewers' msg.
Steps to set permission:

1. Go to http://localhost:5173/permissionsmanagement
2. Click on Manage User Permission Button
3. Type in the UserName for which permission has to set.
4. Scroll down to Reports section, add permission - See Analytics Reports.
5. Once this is added , click Save Changes
6. Now once you login with the above username, you will be able to land in promotion eligibility page without any error
7. Can watch below video to set the permission.

Screen.Recording.2026-02-25.143154.mp4

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	0c6e8af
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/699feb78318594000795420c
😎 Deploy Preview	https://deploy-preview-4895--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
E 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