Radia UI enhancement projects dashboard

[Radia731]

This PR resolves flagged UI crashes on the Project Dashboard and ensures proper styling in Dark Mode for project action buttons.

Fixed the logic/dependency error that was preventing the Tools and Equipment page from loading correctly.
Implements: Responsive Dark Mode styling for tools and equipment pages to ensure text readability.
Fixed merge issue

Related PRs
4450 (This PR is focused on resolving merge conflicts and UI stability).

Main changes explained
src/components/BMDashboard/LogTools: implemented optional chaining for API data access. This solves runtime TypeError crashes when the dashboard attempts to render data before the API payload is fully initialized or when expected arrays are empty

src/components/BMDashboard/Projects/ProjectDetails/ProjectDetails.module.css: Added global dark-mode CSS overrides for table elements to ensure high-contrast text readability.

How to test
-git checkout radia_ui_enhancement_projects_dashboard

-Run npm install

-Start the app: npm run start:local

-Clear site data/cache and login with admin account

• Navigate to - > localhost:5173/bmdashboard

-Select a project (e.g., Project 3).

-Verify Bug Fix: Ensure the Project Dashboard loads without crashing.

-Verify UI: Toggle Dark Mode on and off.

-Verify Styling: Ensure all action buttons are readable and color-coded correctly in both light and dark mode.

Screenshots or videos of changes:

PR4450.mp4

Thank you!

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	2b243ca
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a1259107f934200087bde6a
😎 Deploy Preview	https://deploy-preview-5291--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate failed

Failed conditions
D 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

[DeepighaJ]

• Verified navigation to /bmdashboard and selected a project (Project 3).
• Confirmed the Project Dashboard loads successfully without crashing after project selection.
• Verified Dark Mode toggle functionality works correctly, allowing seamless switching between light and dark themes.
• Verified all action buttons remain readable, properly styled, and color-coded as expected in both Light Mode and Dark Mode.

[HemanthNidamanuru]

Hi Radia,
I tested this locally following the steps provided and everything is looking good!

Project Dashboard loads without crashing.
Dark mode toggle works as expected.
All action buttons are readable and color-coded correctly in both light and dark mode.

PR.5291.mp4

[YSWFelicity]

I pulled this branch and tested it locally by following the steps in the description — everything works great on my end! ✅

Bug Fix verified: Selected a project (Project 3) and the Project Dashboard loads smoothly without any crashes.
Dark Mode verified: Toggling Dark Mode on and off behaves exactly as expected.
Styling verified: All action buttons are clearly readable and correctly color-coded in both light and dark mode.
Nice work — LGTM! 🎉

video1869172783.mp4