[FEAT] : Added Adjustable Vertical Seperator between Editor and ContentViewer

[Yashwanth1906]

What kind of change does this PR introduce?

• Feature: Added a resizable vertical separator between content viewer and editor

Issue Number:

• Closes : Feat : Add Vertical Adjustable Separator #130
  Screenshots/videos:
  https://github.com/user-attachments/assets/9259dc52-cd5e-4a6e-8c6e-399232a21b4f

If relevant, did you update the documentation?

• No documentation updates required as this is a UI enhancement

Summary
This PR introduces a resizable vertical separator between the content viewer and editor panels, improving the user experience by allowing users to adjust the width of each panel according to their preferences. The separator features:

• A 4px wide draggable divider
• Visual feedback on hover and active states using the primary theme color
• Smooth transition animations
• Minimum width constraints (300px) for both panels to ensure usability
• Maximum width constraint (70%) for the left panel to maintain layout balance

The implementation uses CSS flexbox for layout management and includes proper cursor styling to indicate the resizable nature of the divider.

Does this PR introduce a breaking change?
No, this is a non-breaking change that enhances the existing UI without affecting any functionality or existing features.

Technical Details:

• Added new CSS module styles in page.module.css
• Implemented flexbox-based layout for the main area
• Added hover and active states for the divider using the primary theme color
• Set appropriate min/max width constraints for both panels

[Yashwanth1906]

@JeelRajodiya Waiting for your feedbacks on this...🙂

[JeelRajodiya]

@Yashwanth1906 I'm currently busy with my exams, I'll review it sometime after 3rd may

[Yashwanth1906]

@JeelRajodiya Okay..