Feature: Add Basic Text Formatting Options (Bold, Italic, Underline, Highlight, Remove Formatting)

[Radhika-dodain]

Description:
This enhancement adds a minimal text-formatting toolbar to improve the note editing experience.
Users can format text using native browser commands (no new dependencies).

Proposed features:

• Bold
• Italic
• Underline
• Highlight (yellow)
• Remove formatting

Implementation details:

• Added a toolbar with buttons linked to document.execCommand() functions.
• All changes are front-end only.

[sh13y]

Hi @Radhika-dodain! 👋

This is a fantastic feature request! Text formatting is exactly what users expect in a modern collaborative notepad, and your approach using document.execCommand() is smart for keeping it lightweight.

✅ Love the minimal approach - No heavy dependencies needed
✅ Essential formatting options - Bold, italic, underline, highlight covers the basics perfectly
✅ Frontend-focused - Clean implementation strategy

Issue assigned to you! 🚀

I've added the hacktoberfest label as well. This will be a great addition to the user experience!

Technical context:

• Main editor logic is in src/views/index.ejs
• You'll find the text area and existing functionality there
• Socket handling for syncing formatted content is in src/utils/socketHandler.js

Quick consideration: Since this is collaborative, we'll need to think about how formatted text syncs between users. Feel free to start with the basic implementation and we can work together on the real-time sync part!

Looking forward to seeing some beautiful formatted text in our notepad! ✨

Happy coding! 🎯