Enhance hover effects for Features section

[DineshSivalanka]

Related Issue

Closes #288

Description

Enhanced hover effects for feature cards in both dark and light mode.

Improvements

• Added smoother scaling animations
• Improved hover shadows
• Added icon hover animation
• Enhanced dark mode interaction effects
• Improved overall UI responsiveness

Type of Change

• UI Enhancement
• Feature Improvement

How Has This Been Tested?

• Tested locally using npm run dev
• Verified hover animations in dark and light mode
• Checked responsiveness across screen sizes
• Verified no build errors

[netlify]

✅ Deploy Preview for github-spy ready!

Name	Link
🔨 Latest commit	5f035b2
🔍 Latest deploy log	https://app.netlify.com/projects/github-spy/deploys/6a0b020be1adf9000822c4df
😎 Deploy Preview	https://deploy-preview-317--github-spy.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.

[coderabbitai]

📝 Walkthrough

Walkthrough

Features.tsx enhances the feature card's hover interaction by increasing the transform translate and scale values and adding a backdrop blur effect to the card styling.

Changes

Feature Card Hover Styling Enhancement

Layer / File(s)	Summary
Card hover transform and backdrop blur update src/components/Features.tsx	Feature card hover effect is strengthened with increased vertical lift (hover:-translate-y-3 from hover:-translate-y-2) and scale (hover:scale-105 from hover:scale-[1.02]), and backdrop-blur-sm is added to the card's class list.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

• GitMetricsLab/github_tracker#230: Both PRs modify src/components/Features.tsx feature-card hover styling and transform behavior on the same component.

Suggested labels

level:intermediate, quality:clean

Poem

🐰 A gentle card that lifts on hover,
With blur so soft, like morning clover,
From scale to scale, it dances high,
A feathered touch to catch the eye! ✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and accurately summarizes the main change: enhancing hover effects for the Features section.
Linked Issues check	✅ Passed	The PR addresses the primary objective from issue #288 by implementing enhanced hover effects for feature cards in both dark and light modes, improving UI/UX and user engagement.
Out of Scope Changes check	✅ Passed	The changes are narrowly focused on updating hover styling in Features.tsx, which is directly aligned with the stated objective of enhancing hover effects for the Features section.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description check	✅ Passed	The pull request description includes all required sections from the template and provides sufficient details about the changes, testing approach, and type of change.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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]

🎉 Thank you @DineshSivalanka for your contribution. Please make sure your PR follows https://github.com/GitMetricsLab/github_tracker/blob/main/CONTRIBUTING.md#-pull-request-guidelines