feat: Implement sleek dark-themed custom scrollbar

[Papia-tech]

✨ Feature Description

• Implement a sleek, custom scrollbar across the Editron landing page and application components.
• Replace the generic, default browser scrollbar to better align with the project's modern, dark-themed, and glowing aesthetic.

🤔 Problem It Solves

• The current default browser scrollbar breaks the immersive, premium "cyberpunk/neon" dark theme of the Editron platform.
• Upgrading to a tailored design enhances visual continuity, polish, and the overall user experience.

💡 Proposed Solution

• Utilize CSS pseudo-elements (::-webkit-scrollbar, ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb) and standard properties (scrollbar-width, scrollbar-color) for styling.
• Set the Track to be transparent or a deep dark gray/black that blends directly into the background canvas.
• Set the Thumb to be a slim, rounded bar featuring a subtle gradient using the theme’s accent colors (e.g., #ff2a5f to #ff7a00) or a responsive hover-glow state.
• Maintain a narrow width (e.g., 8px) for a minimalist, non-intrusive look.

🔄 Alternatives Considered

📸 Mockups / Examples

✅ Acceptance Criteria

• Replace default browser scrollbar on WebKit browsers (Chrome, Safari, Edge) and Firefox.
• Seamlessly blend the scrollbar track into the main dark layout.
• Apply a thin, elegant, and theme-matched color gradient to the scrollbar thumb.
• Add active/hover states to the thumb for interactive feedback.
• Ensure smooth scrolling and prevent any layout shifting.

📋 Additional Context

🌱 Contributor Checklist

• I am participating via GSSoC
• I have read the contribution guidelines
• I checked for existing issues before creating this

[github-actions]

👋 Thanks for opening an issue, @Papia-tech!

Our maintainers will review this issue shortly 🚀

---

📘 Before Contributing

Please read the contribution guide carefully before requesting assignment:

👉 https://github.com/piyushdotcomm/Editron/blob/main/CONTRIBUTING.md

---

🏷️ NSoC'26 / GSSoC'26 Requirement

Please clearly mention whether you are contributing via:

• NSoC'26
• GSSoC'26
• or as a regular contributor

Example: I am contributing under GSSoC'26

⚠️ Assignment requests without this information may be rejected automatically.

---

⏳ GSSoC Assignment Restriction

GSSoC contributors will only be allowed to take issue assignments after:

🗓️ May 15th, 12:00 AM IST

Before that date, assignment requests from GSSoC contributors will be automatically blocked.

---

🤖 Assignment System

To request assignment, comment: /assign or assign me

The smart assignment workflow validates:

• contributor eligibility
• NSoC/GSSoC participation mention
• active issue assignment limits
• repository contribution rules

---

⚠️ Important Repository Rules

• Do not start working before assignment
• Maximum 3 active assigned issues per contributor
• Contributors are encouraged to combine related fixes into 1–2 quality PRs instead of many small PRs
• PRs without assignment may be closed
• Spam or low-quality PRs may be rejected

Happy contributing 🎉

[Papia-tech]

I am contributing under GSSoC'26

[Papia-tech]

/assign

[github-actions]

❌ Please specify the program:

• /assign gssoc
• /assign nsoc

[Papia-tech]

/assign gssoc

[github-actions]

✅ Assigned @Papia-tech

🏷️ Program: gssoc26

📌 You now have 1 active assignment(s).
Please work on meaningful contributions and avoid opening many tiny PRs.

🏷️ Auto-detected difficulty: level:intermediate. A maintainer may update this.