Changed light mode icon because it was misleading

[dhirukumar]

Description

This PR updates the Light Mode toggle icon in the UI.

What Was Changed

Replaced the old sun/gear-style icon (which looked like a settings icon):
Added the new light bulb icon (more intuitive for Light Mode):

before

After

🧠 Why This Change

The previous icon was visually misleading and confused users as it closely resembled the settings icon.
The new icon provides clearer UX and better represents Light Mode functionality.

🧪 Testing

Verified UI behavior in both Light and Dark modes
Ensured toggle works with no functional regressions

📝 Checklist

I've read and followed the contributing guidelines
I've run make check-test locally; all checks and tests passed.

Fixed:-#2713

[coderabbitai]

Caution

Review failed

The pull request is closed.

Summary by CodeRabbit

• Style
  • Dark mode toggle icon updated for enhanced visual appearance.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

Walkthrough

Updated the dark mode toggle icon in ModeToggle component from sun to lightbulb. Changed import statement from faSun to faLightbulb. The toggle now displays lightbulb in dark mode and moon in light mode. No functional logic changes.

Changes

Cohort / File(s)	Summary
Icon replacement in mode toggle frontend/src/components/ModeToggle.tsx	Replaced faSun import with faLightbulb; updated conditional icon rendering to display lightbulb for dark mode and moon for light mode

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related issues

• Light Mode Icon Is Misleading and Confusing #2713: Directly addresses theme toggle icon improvement by replacing misleading sun icon with a clearer lightbulb indicator.

Possibly related PRs

• fix: dark mode toggle logic #1155: Also modifies ModeToggle.tsx component, restructures it, and changes toggle icon representation.
• feat(testing): Add unit tests for ModeToggle #1895: Adds unit tests for ModeToggle.tsx component's rendered icon and theme-toggle behavior validation.

Suggested reviewers

• kasya
• arkid15r

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

📜 Recent review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 1b39db3 and f81dbd6.

📒 Files selected for processing (1)

• frontend/src/components/ModeToggle.tsx (2 hunks)

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

The PR must be linked to an issue assigned to the PR author.

[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