Migrate NavigationButton, DocsHelp, and Card components to ShadCN

[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 to ensure reliability and behavior coverage.
• While adapting the components, utilized ShadCN's Button ,textarea ,card and separator elements.

Issue Number:

• Related to ✨ Enhancement: Refactor Interactive & Content Components to ShadCN/UI #1657

Screenshots/videos:

Screen.Recording.2025-06-20.190951.mp4

The Card and DocsHelp components looks exactly the same after migration to ShadCN.

Summary

This PR:

• Migrated the existing NavigationButton.tsx, DocsHelp.tsx, and Card components to the ShadCN library.
• Enhanced the styling of the NavigationButton component (added hover effect to the text size)
• Added Cypress tests for all implemented components to ensure reliability and behavior coverage.

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	6c828a5

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Please upload report for BASE (main@7e78fe8). Learn more about missing BASE report.
Report is 4 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff            @@
##             main     #1727   +/-   ##
========================================
  Coverage        ?   100.00%           
========================================
  Files           ?        29           
  Lines           ?       548           
  Branches        ?       158           
========================================
  Hits            ?       548           
  Misses          ?         0           
  Partials        ?         0           

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

Everything looks good but there is a small problem with the thumbsdwon icon of the docshelp component as it os not turning red when clicking it.

Current

Expected

[idanidan29]

@benjagm I've adjusted according to your review this should be fixed now

[benjagm]

LGTM