fix: panel height issue

[amareshsm]

Prerequisites checklist

• I have read the contributing guidelines.

What is the purpose of this pull request?

What changes did you make? (Give an overview)

1. Set the same height (calc(100vh - 80px)) for both the right and left panels to be consistent.
2. Added padding to the bottom of the accordions to create some space at the end.

Related Issues

Fixes #50

Is there anything you'd like reviewers to focus on?

[netlify]

✅ Deploy Preview for eslint-code-explorer ready!

Name	Link
🔨 Latest commit	e3b6e19
🔍 Latest deploy log	https://app.netlify.com/sites/eslint-code-explorer/deploys/66fc3cfd8cd214000897bad2
😎 Deploy Preview	https://deploy-preview-55--eslint-code-explorer.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.

[nzakas]

It looks like the height of the left pane scrollbar is a bit too short.

[nzakas]

@amareshsm every time you merge with main it generates a notification, so please do so sparingly. 😄

[amareshsm]

It looks like the height of the left pane scrollbar is a bit too short.

Could pls rephrase it I am not getting it.

did you mean the height of the scrollbar might be too small compared to the amount of content, making it harder to judge how much content remains?

[nzakas]

No sorry, I mean the scrollbar is too short and doesn't come all the way to the bottom of the screen. You can see in the screenshot that it stops above the gray bar on the right so there is a gap of white space underneath the scrollbar.