fix: layout improvements

[xbinaryx]

Prerequisites checklist

• I have read the contributing guidelines.

What changes did you make? (Give an overview)

1. Added bottom padding to the right pane for better spacing of the last tree item.
2. Made the right pane full-height on small screens.
3. Corrected the scroll height of the left pane, allowing users to scroll to the bottom and view the complete code.

Related Issues

Closes #50

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

[netlify]

✅ Deploy Preview for eslint-code-explorer ready!

Name	Link
🔨 Latest commit	6dd7e25
🔍 Latest deploy log	https://app.netlify.com/sites/eslint-code-explorer/deploys/68039e371da9140008d9b9f4
😎 Deploy Preview	https://deploy-preview-90--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.

[Copilot]

Copilot reviewed 7 out of 7 changed files in this pull request and generated no comments.

Comments suppressed due to low confidence (2)

src/components/editor.tsx:134

• Review the new calc expressions used (e.g. calc(100%-72px) and calc(100%-57px)) to ensure that the syntax without spaces is parsed correctly in your Tailwind configuration, and that it produces the expected layout.

"h-[calc(100%-72px)]": readOnly,

src/App.tsx:51

• Changing from a calculated height (70dvh) to h-full may lead to unexpected behavior if the parent container does not have an explicit height set; please verify that the parent container styles support this change.

"<div className=\"bg-muted overflow-auto h-full relative flex flex-col\">",

[nzakas]

Nice work, this looks really good.

Would like @amareshsm to review before merging.

[nzakas]

@xbinaryx it looks like we have some merge conflicts now. Can you take a look?