[BUG] : Organization modal functionality & hero section UI enhancement

[Nirula23]

🐛 Describe the bug

Modal Behavior -
The organization modal in the Organizations directory does not open when clicking anywhere on an organization card. It only opens when clicking the 'View' action.
Additionally, the Watchlist section displays a static list of saved organizations, but the entries are not interactive and do not open corresponding modal on click.
Hero Section's Stat Badges -
The stat badges in hero section currently appears flat which makes them less highlighted. Also, the lack of hover feedback makes them less interactive.

---

🔁 Steps to Reproduce

Steps to reproduce the behavior:
Modal behavior:

1. Visit https://findmygsoc.vercel.app/.
2. Navigate to 'Organizations' section from the menu.
3. Click anywhere on an organization card.
4. Observe that the organization modal does not open.
5. Click the View action on the same card.
6. Observe that the organization modal opens successfully.
7. Scroll down to the Watchlist section.
8. Click on any saved organization in the watchlist.
9. Observe that the organization modal does not open.

Hero Section:

1. Go to https://findmygsoc.vercel.app/ .
2. Notice the small badges for platform statistics, below Surprise action.
3. Hover over the badges.
4. See no hover effects, lacking interactivity.

---

✅ Expected Behavior

• Clicking anywhere on an organization card in the Organizations section should open the organization's modal.
• Clicking a saved organization in the Watchlist section should also open the corresponding organization's modal.
• Subtle hover effects and design improvements should add visual prominence to the stat badges.

---

❌ Actual Behavior

In the Organizations section, the modal opens only when clicking the View action and not when clicking elsewhere on the card.
In the Watchlist section, the modal does not open at all and remains a static list.
The stat badges remain unchanged on hover and does not draw users' attention.

---

📸 Screenshots

https://drive.google.com/file/d/1yPZDi977BFJRjEUmeHOyX_UeJ7u9xNP7/view?usp=drive_link

---

🌱 Contributor Checklist

• I am participating via GSSoC
• I have read the contribution guidelines
• I checked for existing issues before creating this

---

💻 Environment

• Browser: All browsers
• Device: Both desktop and mobile

---

[github-actions]

👋 Welcome @Nirula23

Thanks for opening an issue in GSoC-Org-Finder- 🚀

Our automation system will now:

• classify the issue
• apply labels
• check issue quality
• detect duplicates
• prepare assignment eligibility

---

📘 Contributor Guides

Program	Guide
GSSoC'26 Contributors	https://github.com/S3DFX-CYBER/GSoC-Org-Finder-/blob/main/docs/GSSOC_CONTRIBUTOR_GUIDE.md
GSSoC'26 Mentors	https://github.com/S3DFX-CYBER/GSoC-Org-Finder-/blob/main/docs/GSSOC_MENTOR_GUIDE.md
NSoC'26	https://github.com/S3DFX-CYBER/GSoC-Org-Finder-/blob/main/docs/NSOC_GUIDE.md
General Contributors	https://github.com/S3DFX-CYBER/GSoC-Org-Finder-/blob/main/docs/GENERAL_CONTRIBUTOR_GUIDE.md

---

🧭 Assignment Flow

After triage completes and the issue is eligible, request assignment using:

/assign

The assignment workflow will automatically:

• validate issue eligibility
• check assignment availability
• select 2 active mentors
• queue your assignment request
• ping mentors for approval

Mentors have a 24-hour approval window.
If mentors do not respond in time, the system automatically rotates to new active mentors.

Once approved, you will be officially assigned to the issue.

---

🔍 Pull Request Review Pipeline

All pull requests go through a 3-stage governance pipeline:

1. Automated validation
2. Mentor review
3. Maintainer approval

Mentor reviewers are selected automatically based on mentor activity and review quality scores.

---

✍️ DCO Sign-off Required

All commits must include a Signed-off-by line.

Use:

git commit -s -m "fix: your message"

For existing commits:

git rebase --signoff HEAD~<n>
git push --force-with-lease

---

⚠️ Important Rules

• Do NOT start work before assignment approval
• Maximum active assignments: 3
• Low-quality or AI-spam PRs may be rejected
• Inactive assignments may be automatically removed
• Do not repeatedly ping mentors or maintainers
• Follow repository contribution guidelines carefully

Happy contributing 💙

[github-actions]

💬 Faster Reviews & Assignments

Hi @Nirula23, for faster coordination and smoother communication, consider joining our Discord community:

👉 https://discord.gg/MmZGG2ee

Useful Channels

• #issue-links-for-assignment → Share issue links for assignment help
• #pr-links-for-review → Share PR links for mentor/maintainer review

Please avoid spamming channels or repeatedly pinging mentors/maintainers.

[github-actions]

👀 Active Mentor Review Requested

Selected Active Mentors

@arzoo0511 • @adithyan-css

Mentors are selected dynamically based on:

• recent activity
• review quality
• merged review history
• rotation fairness

Mentor Tasks

• verify issue quality
• check duplicates
• validate scope
• decide assignability

Mentor rotation updates automatically across issues.

[Nirula23]

/assign

[github-actions]

⏳ Assignment Pending Mentor Approval

Requested by @Nirula23

Active Mentors

@anubhavxdev • @arzoo0511

Approve Using

/approve-assignment @Nirula23

Mentors rotate dynamically across issues.

[imayuss]

/assign

[github-actions]

⚠️ @imayuss - an assignment request is already pending mentor approval for this issue. Please wait for the current request to be resolved.

[GeethaBurigalla]

/assign

[github-actions]

⚠️ @GeethaBurigalla - an assignment request is already pending mentor approval for this issue. Please wait for the current request to be resolved.

[amrita-a-menon]

/assign gssoc
/assign me
/assign
Hi! I'd like to work on this. My approach:

Card click: add a click listener to the card

element using event delegation, with a check to ignore clicks that originate from the Compare, Bookmark, or View buttons (which already have stopPropagation())
Watchlist click: add a similar delegated click listener to the watchlist container targeting individual org entries
Stat badge hover :add CSS hover effects (subtle scale/shadow/color transition) matching the existing design system

Files to modify: index.html (card and watchlist rendering + event listeners), src/styles.css (badge hover styles)

Could I be assigned? I'll tackle the stat badge hover first as a quick win, then move to the modal click behavior.

[github-actions]

⚠️ Please Avoid Repeated Maintainer Pings

Hi @amrita-a-menon,

Maintainers review issues and PRs in queue order.

Repeated requests for assignment, review, or merge priority may slow moderation for everyone.

Typical response times:

• Assignment: 12–24 hours
• Review: 24–72 hours

Thank you for your patience and contribution 🚀