🐛 Fix: related projects hover appears dark in light mode

[Copilot]

Hover effects on related project links rendered with dark-mode styling in light mode due to Tailwind dark:hover:bg-gray-800 being applied during SSR hydration before the theme was resolved. Additionally, isProduction was computed at render time via typeof window !== 'undefined', causing a hydration mismatch.

---

📝 Summary of Changes

• Replaced dark:hover:bg-gray-800 Tailwind class with React hover state (hoveredProject) and programmatic bgColor based on resolved theme
• Moved isProduction from render-time typeof window check into useState(true) + useEffect (aligns with 🐛 Fix: resolve hydration mismatch in RelatedProjects links #1190)
• Added suppressHydrationWarning to project <a> tags
• Restored Moon/Sun className template literals to original 3-line format

---

Changes Made

• Fixed hover background color bleeding into light mode by replacing Tailwind dark: variant with JS state-driven inline styles
• Refactored isProduction to useState/useEffect pattern to eliminate SSR/client hydration mismatch
• Reverted unrelated Moon/Sun className reformatting introduced in original PR

---

Checklist

Please ensure the following before submitting your PR:

• I have reviewed the project's contribution guidelines.
• I have written unit tests for the changes (if applicable).
• I have updated the documentation (if applicable).
• I have tested the changes locally and ensured they work as expected.

---

Screenshots or Logs (if applicable)

---

👀 Reviewer Notes

Rebased onto main after #1190 merged. Conflict in RelatedProjects.tsx resolved by keeping #1190's isProduction state pattern and layering the hover fix on top. No functional changes to isProduction behavior — only the hover styling fix is net-new.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[netlify]

✅ Deploy Preview for kubestellar-docs ready!

Name	Link
🔨 Latest commit	04d2640
🔍 Latest deploy log	https://app.netlify.com/projects/kubestellar-docs/deploys/699d1e08d60783000881ec9c
😎 Deploy Preview	https://deploy-preview-1202--kubestellar-docs.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.

[kubestellar-prow]

Hi @Copilot. Thanks for your PR.

I'm waiting for a kubestellar member to verify that this patch is reasonable to test. If it is, they should reply with /ok-to-test on its own line. Until that is done, I will not automatically test new commits in this PR, but the usual testing commands by org members will still work. Regular contributors should join the org to skip this step.

Once the patch is verified, the new status will be reflected by the ok-to-test label.

I understand the commands that are listed here.

Details

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository.

[kubestellar-prow]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please ask for approval from clubanderson. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[kubestellar-prow]

Thanks for your pull request. Before we can look at it, you'll need to add a 'DCO signoff' to your commits.

📝 Please follow instructions in the contributing guide to update your commits with the DCO

Full details of the Developer Certificate of Origin can be found at developercertificate.org.

The list of commits missing DCO signoff:

• aaae217 Initial plan
• 04d2640 fix: merge 🐛 Fix: resolve hydration mismatch in RelatedProjects links #1190 isProduction state approach and restore Moon/Sun formatting

Details

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository. I understand the commands that are listed here.

[clubanderson]

1195 🐛 Fix: related projects hover appears dark in light mode btwshivam

[clubanderson]

Closing — this is a Copilot-generated duplicate of #1195 which is the human-authored fix for the same issue.