Fix: Sidebar position sticky

[techmannih]

What kind of change does this PR introduce?
This PR introduces a sticky sidebar position, allowing the sidebar to remain fixed in view while the user scrolls down the page.

Issue Number:
Issue #774
Closes #774

Screenshots/videos:

20241030144432.mp4

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

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

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (718dab5) to head (ab281bb).

Additional details and impacted files

@@            Coverage Diff            @@
##              main     #1086   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           10        10           
  Lines          373       373           
  Branches        94        94           
=========================================
  Hits           373       373           

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

[DhairyaMajmudar]

@techmannih the sidebar should be sticky to such high extend.

[techmannih]

@DhairyaMajmudar I’m unable to understand your point. Please explain. I think it's sticky also

[DhairyaMajmudar]

@DhairyaMajmudar I’m unable to understand your point. Please explain. I think it's sticky also

I meant the sidebar should not be sticky to upto need help headline only below that the footer sections are there.

[techmannih]

you mean change the height
now it covers full "need help" section

[techmannih]

@DhairyaMajmudar Could you please clarify what you need? I’m having some difficulty understanding.

[DhairyaMajmudar]

@techmannih I was worried about the less bottom margin for the sidebar cause of which it was getting patched up with need help section you can check the video below

Screencast.from.2024-11-10.12-07-28.webm

The expected behavior should be like this : )

Screencast.from.2024-11-10.12-10-15.webm

[techmannih]

Thanks @DhairyaMajmudar, it's a great clarification! Now I get your point clearly. please review now

[techmannih]

@DhairyaMajmudar @benjagm take a look this PR