Migrate Button, Radio, and DropdownMenu to ShadCN and Add Tests +2 issues resolved

[idanidan29]

What kind of change does this PR introduce?

• Adapted 3 components to use the ShadCN library.
• Created and adjusted Cypress test files for these 3 components and for the shadCN card element to ensure reliability and behavior coverage.
• While adapting the components, utilized ShadCN's Button ,Radio and Collapsible elements.
• Added hover effects to the sections in the tools filter.
• Added a counter to each section indicating the number of active filters in use.

Issue Number:

• Closes ✨ Enhancement: Migrate Tools page Components to ShadCN/UI #1656
• Closes ✨ Enhancement: Display Selected Filter Count as Badges on Filter Dropdowns #1447
• Closes ✨ Enhancement: Adding Hover effect to tools page #1591

Screenshots/videos:

Screen.Recording.2025-06-14.234317.mp4

The Radio component was not being used at the moment but still have been adapted to ShadCN for future use.

Summary

This PR:

• Migrated the existing Button.tsx, Radio.tsx, and DropdownMenu components to the ShadCN library.
• Enhanced the styling of the button component to improve dark mode compatibility (open to feedback).
• Added Cypress tests for all implemented components to ensure reliability and behavior coverage.
• solved 2 issues as related to phase 1:
  • Hover effects for better interactivity.
  • A visual counter showing the number of active filters per section.

Does this PR introduce a breaking change?

no

Checklist

Please ensure the following tasks are completed before submitting this pull request.

• Read, understood, and followed the contributing guidelines.

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
website	✅ Ready (View Log)	Visit Preview	9a7b69b

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (1ac0817) to head (9a7b69b).

Additional details and impacted files

@@            Coverage Diff            @@
##              main     #1709   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           18        23    +5     
  Lines          448       475   +27     
  Branches       116       122    +6     
=========================================
+ Hits           448       475   +27     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.