Shashank madan pr grading frontend

[shashank-madan]

Description

Related PRS (if any):

This frontend PR is related to the #1947 backend PR.

Main changes explained:

• Added Pages for PR Grading dashboard
• Implemented logic to allow only valid pr numbers as inputs
• Added dark mode styling to all pages in pr grading dashboard

How to test:

1. check into current branch
2. do yarn install and yarn vite to run this PR locally
3. Clear site data/cache
4. log as owner user
5. go to http://localhost:5173/pr-grading-dashboard
6. Add a new reviewed PR to one of the reviewers
7. Add a new reviewer
8. Click Save
9. Verify that you get toast messages indicating success at the steps.
10. Refresh the page and verify that your changes have persisted
11. Check dark mode as well

Screenshots or videos of changes:

PR-grading-dashboard.mp4

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	0c8281f
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6976cf03271d060008330177
😎 Deploy Preview	https://deploy-preview-4533--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 Shashank,

I have reviewed your PR locally and all the functionality perform as per requirement in both the modes, i do have one suggestion, a toast notification after deleting a PR.

[sonarqubecloud]

Quality Gate passed

Issues
48 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 Shashank,

Reviewing your PR again since Jae asked and you have made few changes. Thanks for adding the suggestion i mentioned. Would like to point out only one issue: As you can see below in dark mode, we cannot see the color of the Valid or Invalid Format similar to that in light mode. (The second and third image respectively)

I am approving the PR since all functionalities work but someone could point it out in merge review.

[beblicarl]

This feature works as intended and the code is great

https://www.loom.com/share/7ddcfa86652e4f389e4c13869f5facc2

[Anusha-Gali]

Hi Shashank,

Thanks for updating the code. The issue is fixed and all the other functionalities work as expected.

[sonarqubecloud]

Quality Gate passed

Issues
48 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

[one-community]

Thank you all, merging!