Implement Dynamic Likes for Service Cards

[akshadgujarkar]

[Feature Request]: Make "Like" Feature Dynamic on Services Page Cards #360

Title : Make "Like" Feature Dynamic on Services Page Cards

Issue No. : #360

Code Stack : React.js

Close #360

Video (mandatory)

Screen.Recording.2024-10-28.182033.mp4

Checklist:

• [ x] I have mentioned the issue number in my Pull Request.
• [x ] I have commented my code, particularly in hard-to-understand areas
• [ x] I have created a helpful and easy to understand README.md if its a new page/tech stack
• [ x] I have gone through the contributing.md file before contributing

Additional context (Mandatory )

1. State Management: -
   Introduced state management for the like functionality using React's useState hook to track likes dynamically
   for each service.
2. Dynamic Like Count:
   Modified the handleLikeClick function to update the like state dynamically based on user interaction.
   Adjusted the service card rendering to reflect the current like state, ensuring that the like count updates
   immediately when a user clicks the like button.
   User Experience Improvements:

Benefits : - Enhanced the user experience by providing immediate feedback when a user likes or unlikes a service, promoting engagement.

Are you contributing under any Open-source programme?

• [x ] I'm a GSSOC-EXT contributor
• I'm a HACKTOBERFEST contributor

[netlify]

✅ Deploy Preview for befiteveryday ready!

Name	Link
🔨 Latest commit	03d7e92
🔍 Latest deploy log	https://app.netlify.com/sites/befiteveryday/deploys/671f8a4baf66d100084ac84b
😎 Deploy Preview	https://deploy-preview-369--befiteveryday.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 site configuration.