fix(#536): heart icon hover square overlay

[Owie6789]

Fixes Sandakan#536. Adds hover:bg-transparent and dark:hover:bg-transparent to the favorite Button in Song.tsx to cancel the inherited default hover background from Button.tsx.

Summary by CodeRabbit

• Style
  • Improved the favorite button’s hover appearance in both light and dark themes.
  • Ensured the hover background remains transparent.

[qodo-code-review]

ⓘ Qodo reviews are paused because your trial has ended. Ask your workspace admin to add credits to resume reviews. Manage billing

[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

[Owie6789]

@CodeRabbit full review

[coderabbitai]

✅ Action performed

Full review finished.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: d9d661d4-f462-4057-b882-bf6314c0b0c9

📥 Commits

Reviewing files that changed from the base of the PR and between 3ebea51 and e79ae43.

📒 Files selected for processing (1)

• src/renderer/src/components/SongsPage/Song.tsx

---

📝 Walkthrough

Walkthrough

The favorite button now explicitly preserves a transparent hover background in light and dark themes. No logic or API behavior changed.

Changes

Favorite button styling

Layer / File(s)	Summary
Transparent hover background src/renderer/src/components/SongsPage/Song.tsx	The favorite button applies transparent hover-background styles for regular and dark themes.

Estimated code review effort: 1 (Trivial) | ~2 minutes

Suggested reviewers: sandakan

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title directly describes the specific fix: preventing a hover square overlay on the heart icon by adding transparent background classes to the favorite button.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

---

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.}