Adapt Checkbox & SearchBar to ShadCN, Add Tests, and Fix Tools Filter position

[idanidan29]

What kind of change does this PR introduce?

• Adapts two components to the ShadCN library:
  • Checkbox component (improved with fill states, a hover effect, and proper containment)
  • SearchBar component (migrated without visual changes)
• Creates and adjusts Cypress test files for both components to ensure reliability and behavior coverage.
• Fixes issue ✨ Enhancement: Make the Side Panel Fixed on the Tooling Page #1279 by making the Tools filter sidebar fixed to the side of the viewport.

Issue Number:

• Closes ✨ Enhancement: Make the Side Panel Fixed on the Tooling Page #1279
• Related to ✨ Enhancement: Migrate Tools page Components to ShadCN/UI #1656

Screenshots/videos:

• Checkbox component before adjustment:
  

• Checkbox component after adjustment:
  

The SearchBar component looks exactly the same after migration to ShadCN.

Summary

This PR:

• Migrates the existing Checkbox component to the ShadCN library.
  • Enhances styling with fill states, a hover effect, and proper containment.
• Migrates the SearchBar component to ShadCN (visual appearance unchanged).
• Adds and adjusts Cypress tests for both components to ensure reliability and behavior coverage.
• Fixes issue ✨ Enhancement: Make the Side Panel Fixed on the Tooling Page #1279 by making the Tools filter sidebar fixed to the side of the viewport, improving usability.

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	540ecde

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (169a524) to head (540ecde).
Report is 6 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff            @@
##              main     #1686   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           10        14    +4     
  Lines          396       410   +14     
  Branches       106       106           
=========================================
+ Hits           396       410   +14     

☔ 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.

[benjagm]

Good job