Fixed : SideBar Functionality

[Devmoni]

Description:

Fixed : #107

Issue fixed:

1. Currently, there's no visual indication to signify which item in the sidebar the user has selected, making navigation less intuitive.

2. The sidebar remains visible even on pages where no content is available, leading to an unnecessary distraction and potential confusion for users.

Changes done:

• Task 1

Screenshots/Videos

Before :

After :

✅️ By submitting this PR, I have verified the following

• Checked to see if a similar PR has already been opened 🤔️
• Reviewed the contributing guidelines 🔍️
• Tried squashing the commits into one

[aaronbrethorst]

I don't see the sidebar appearing on any pages anymore. Also I'm not clear on what this PR is supposed to be fixing.

[Devmoni]

The purpose of this PR is to provide color change in the right sidebar section. Currently, when a user clicks on the right sidebar menu, there is no response shown in the sidebar section. Now, it changes its color to give the user feedback on their current position. Additionally, I removed the sidebar from where only heading is present.

[aaronbrethorst]

This PR needs to be rebased against main

[aaronbrethorst]

I like where you're going with this, but I don't think it makes sense to highlight the <h2> references in the sidebar on clicking them unless they also get highlighted just by scrolling down the page. Check out intersection observers for an idea of how to do this: https://alpinejs.dev/plugins/intersect

[Devmoni]

Okay, sir, I will try to achieve this.
Regarding the suggested change, should I include it in the same pull request?

[aaronbrethorst]

Yeah, but as a separate commit please.

[Devmoni]

Okay ,sir.