Kristin Add Hovering Effects for Community Portal Calendar Events

[KH07]

Description

Add hover/tooltip interaction for event cards in the Community Portal's live calendar

Related PRS (if any):

None

Main changes explained:

• Add a new state to track which event is currently being hovered over and conditionally render a new "tooltip"
• Add styling code for the new tooltip
• Remove duplicate selectors to pass stylelint checks

How to test:

1. check into current branch
2. do npm install and npm run start:local to run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to /communityportal/calendar
6. go to January / February and place the mouse over the mock events to verify hover effects work correctly

Screenshots or videos of changes:

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	8dfd310
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6964a7fb60a2a70008d688b6
😎 Deploy Preview	https://deploy-preview-4413--highestgoodnetwork-dev.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.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
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

[rohanrastogi311]

Hi Kristin,

Well done, good implementation and feature works well.

[Anusha-Gali]

Hi Kristin,

I have reviewed your PR locally and the hover effect does work as per requirement in light mode, but in dark mode the background of the tooltip still is in light mode. Do let me know if this isn't a part of the requirement.

[sonarqubecloud]

Quality Gate failed

Failed conditions
C Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE