Diya fix(dashboard): 🔥 Dashboard + Leaderboard UI

[DiyaWadhwani]

Description

Fixes multiple UI issues on the Dashboard and Leaderboard components including layout, responsiveness, and visual consistency.

Fixes # (medium) Dashboard UI polish issues

Related PRS (if any):

None

Main changes explained:

• Update TeamMemberTask.jsx and style.module.css to center the committed/actual/remaining hours (25 / 0 / 11.0) under the team member name column and prevent wrapping
• Update style.module.css to increase icon gap spacing between the red dot, clock, and summary count number
• Update TeamMemberTask.jsx to center the user role/title text under the icons
• Update ReviewButton.jsx and reviewButton.module.css to fix font size mismatch between "Ready for Review" and "Submit for Review" buttons, standardizing to 12px
• Update CopyToClipboard.jsx and style.module.css to fix copy icon scaling with surrounding text by setting a fixed 16px font size
• Update Leaderboard.jsx to improve resize debounce performance and simplify isAbbreviatedView breakpoint logic to use a fixed 1200px threshold
• Update Leaderboard.jsx to conditionally apply tableLayout: fixed only when isAbbreviatedView is true, fixing full-screen column layout
• Update Leaderboard.module.css to add white-space: nowrap on headers and column width rules for the abbreviated view range
• Update Leaderboard.jsx to scale the Name column info icon size down in abbreviated view

How to test:

1. Check into current branch and run npm install and npm run start:local
2. Login as admin/owner
3. Clear site data/cache
4. Go to Dashboard
5. Verify 25 / 0 / 11.0 hours are centered under the team member name at all screen widths
6. Verify the red dot, clock, and number icons are evenly spaced
7. Verify "Ready for Review" and "Submit for Review" buttons have matching font sizes
8. Verify copy icons do not scale with surrounding text
9. Resize the browser from full screen to half screen and verify the Leaderboard headers switch to abbreviated form and all columns remain visible without cutoff
10. Verify all of the above in dark mode too!

Screenshots or videos of changes:

DashboardUI.mp4

Note:

The isAbbreviatedView breakpoint was changed from 992px to 1200px to trigger abbreviated headers earlier, accommodating the leaderboard column width at mid-range screen sizes. Reviewers should pay particular attention to the leaderboard behavior between 992px and 1200px viewport widths.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	9b08ab4
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69b210456e0c810009e7919d
😎 Deploy Preview	https://deploy-preview-4979--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