feat: Add resizeable panels

[amareshsm]

Prerequisites checklist

• I have read the contributing guidelines.

What is the purpose of this pull request?

Added resizable split-view to the resize editor and preview panel.

What changes did you make? (Give an overview)

Related Issues

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

[eslint-github-bot]

Hi @amareshsm!, thanks for the Pull Request

The pull request title isn't properly formatted. We ask that you update the pull request title to match this format, as we use it to generate changelogs and automate releases.

• The commit message tag wasn't recognized. Did you mean "docs", "fix", or "feat"?
• There should be a space following the initial tag and colon, for example 'feat: Message'.
• The first letter of the tag should be in lowercase

To Fix: You can fix this problem by clicking 'Edit' next to the pull request title at the top of this page.

Read more about contributing to ESLint here

[netlify]

✅ Deploy Preview for eslint-code-explorer ready!

Name	Link
🔨 Latest commit	9d04317
🔍 Latest deploy log	https://app.netlify.com/sites/eslint-code-explorer/deploys/675c4ded6336bc000806227c
😎 Deploy Preview	https://deploy-preview-68--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]

I'm not sure we need this. As soon as you add resizable panels, you also need a way to reset to the default. I'm not sure it's worth the effort.

[eslint-github-bot]

Hi @amareshsm!, thanks for the Pull Request

The pull request title isn't properly formatted. We ask that you update the pull request title to match this format, as we use it to generate changelogs and automate releases.

• The commit message tag wasn't recognized. Did you mean "docs", "fix", or "feat"?
• There should be a space following the initial tag and colon, for example 'feat: Message'.
• The first letter of the tag should be in lowercase

To Fix: You can fix this problem by clicking 'Edit' next to the pull request title at the top of this page.

Read more about contributing to ESLint here

[amareshsm]

I'm not sure we need this. As soon as you add resizable panels, you also need a way to reset to the default. I'm not sure it's worth the effort.

It’s similar to the behavior in the playground, where the view resets when the page is reloaded. I think this would be particularly useful on smaller laptops, especially when focusing on either the code on the left or the preview on the right. This feature would allow us to expand the view as needed, providing more flexibility.

I'm open to other suggestions as well. If it seems unnecessary, we can close this.

[nzakas]

It looks like the resizing resets when the page is reloaded? If that's intended, then I'm okay with it.

[amareshsm]

It looks like the resizing resets when the page is reloaded? If that's intended, then I'm okay with it.

ya, it resets when reloaded.

[nzakas]

LGTM.