[enhancement] Add live word and character count indicator in editor

[Stonebanks-js]

📝 Description

Currently, the Scratchpad Scribe editor does not show any indication of how many words or characters the user has typed.
For note-taking, documentation, or writing purposes, having a live word and character count displayed at the bottom of the editor improves usability and gives users a sense of their writing progress.

This enhancement adds a small real-time counter showing both word and character count that updates as the user types.

---

💡 Proposed Solution

Implementation Plan:

1. Access the note content text from the editor state (already available in EditorComponent.jsx or equivalent).
2. Compute:

   const wordCount = text.trim().split(/\s+/).filter(Boolean).length;
   const charCount = text.length;

Technical Notes:

• No backend or API changes needed.
• This can be implemented fully within the frontend.
• Minimal performance impact (string length and split operations are O(n)).

Example UI

Words: 127 | Characters: 689

Additional Notes
Improves user experience with minimal code footprint.

KEY NOTE - This issue is authored and must be assigned or completed by @Stonebanks-js, and must be submitted within next 1 hour.
CC- @DhanushNehru

[Stonebanks-js]

@DhanushNehru I request you to assign and add hacktoberfest 2025 related Label. Thank you.