feat: Implemented border when hover

[rishabdev2997]

feat: Highlight or add left border to active navbar subitem
#487 - added the feature.

In the issue the problem was not mentioned properly(the download nav item gets a left border for distinction. The same can apply to nav sub-items.) but it seems it indicates navs under the "Table of Contents" section must display the same left border upon selection.

How to see the changes
Go to documentation.
Go the environment.
Now move your mouse over the contents of the table.
Here is the Screenshot

20240826180247.mp4

[netlify]

✅ Deploy Preview for java-processing-faf822 ready!

Name	Link
🔨 Latest commit	b6b0803
🔍 Latest deploy log	https://app.netlify.com/sites/java-processing-faf822/deploys/670cc9c3a5437b00087f8e4a
😎 Deploy Preview	https://deploy-preview-566--java-processing-faf822.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[rishabdev2997]

Hi @SableRaf ,

I wanted to let you know that I’ve closed the earlier PR due to some issues and have submitted a new one. The updates have been made, and I’ve addressed everything as per our discussion.

Please review the new PR and let me know if there are any changes or issues you’d like me to handle.

Looking forward to your feedback!

[Stefterv]

Hi Rishabdev,

Thank you for your work! Looking good, just checked it and on Safari the text-wrap pretty doesn't work, this doesn't have to hold up this PR in my opinion but if you have a second to fix that would be greatly appreciated!

[rishabdev2997]

I noticed the text-wrap issue on Safari as well. I’ll take a quick look at it and see if I can push a fix soon.

[rishabdev2997]

Hi @SableRaf ,

I’ve made a small change to address the issue, replacing text-wrap: pretty with overflow-wrap: break-word for better compatibility across browsers. Let me know if anything else comes up!

[rishabdev2997]

Hi @SableRaf ,

I also noticed some extra padding on the left, so I removed the padding-left from .toItem to improve the alignment. Should be all set now!

[rishabdev2997]

Hi @SableRaf & @Stefterv ,

I hope everything looks good! Please let me know if there's anything else you'd like me to adjust. If not, could you kindly merge the PR at your convenience?

Thank you so much!

[SableRaf]

Thanks for the great work @rishabdev2997! I've merged the PR. Looking forward to your future contributions!

[rishabdev2997]

hi @SableRaf & @Stefterv,
Thank you so much! I'm glad the PR has been merged. I really appreciate the support and look forward to contributing more in the future!