UI Issue: Right Sidebar in kubeedge version blog page is Too Congested and Scrollbar Looks Bad

[harshita9104]

Describe the bug
The right sidebar on the blog page of KubeEdge versions appears too congested, making it difficult to read and navigate. Additionally, the scrollbar does not provide a smooth user experience.
To Reproduce
Steps to reproduce the behavior:

1. Go to Blog
2. Click on KubeEdge version is live!
   3.Observe the right sidebar.
3. Notice that all sections are tightly packed without proper separation, making navigation difficult.
4. The scrollbar looks unappealing and does not enhance the UX.

Expected behavior
The right sidebar should have distinct sections with better spacing.
Improved styling for the scrollbar to make navigation smoother.
A more structured UI for readability and usability.

Screenshots

Additional context
Improving the sidebar design will enhance readability and navigation, making it easier for users to find relevant sections efficiently. Suggestions:

Add padding/margin between sections.
Introduce collapsible sections or accordions for better organization.
Improve scrollbar styling for a cleaner look.

[harshita9104]

/assign

[harshita9104]

#681
Resolves this issue
Kindly review this PR
Thank you!

[stale]

Hello 👋 Looks like there was no activity on this issue for last 90 days.
Do you mind updating us on the status? Is this still reproducible or needed? If yes, just comment on this PR or push a commit. Thanks! 🤗
If there will be no activity for 60 days, this issue will be closed (we can always reopen an issue if we need!).