Migrate Sidebar and ScrollButton to ShadCN + issue resolved

[idanidan29]

What kind of change does this PR introduce?

• Adapted 2 components to use the ShadCN library.
• Created and adjusted Cypress test files for these 2 components, significantly improving code maintainability.
• Adjusted for dark mode the scroll button
• Made the hover effects and styling of the sidebar consistent with the sidebar on the Tools page.
• Solved a bug issue

Issue Number:

• Closes 🐛 Bug: Wrong toggle of arrows in Guide section #1559
• Related to ✨ Enhancement: Refactor Documentation Components to ShadCN/UI #1658

Screenshots/videos:

A dark mode state have been added to the scroll button

Summary

This PR:

• Migrated the existing Sidebar.tsx and ScrollButton.tsx components to the ShadCN library.
• Enhanced the overall styling (add dark mode for the ScrollButton and made the sidebar styles consistent with the tools page sidebar).
• Added Cypress tests for all implemented components to ensure reliability and behavior coverage.
• solved a bug issue

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	14b9a2b

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (d585a99) to head (14b9a2b).
Report is 2 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff            @@
##              main     #1768   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           29        29           
  Lines          548       553    +5     
  Branches       158       161    +3     
=========================================
+ Hits           548       553    +5     

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

[idanidan29]

There seems to be an issue with the test coverage report flagging partial coverage in the Layout, SiteLayout, and CarbonAds components. This PR doesn’t include any changes to those components, and they currently don’t have associated test files. For now, I’ve added the /* istanbul ignore file */ directive to them for preventing the flagging. These components are part of my upcoming tasks in the program and will be tested and adjusted in my next PRs

[benjagm]

This looks good to me Idan.