added statistics and made them responsive

[Dipanjana25]

different screen sizes

[Dipanjana25]

Hi @sh13y i have edited the pr to make it responsive, for issue#18

[Dipanjana25]

Hi @sh13y can you look into it and merge this pr

[sh13y]

Thanks for the contribution @Dipanjana25!

However, after testing on mobile devices, the statistics bar takes up too much screen space on smaller screens (approximately 50% of the viewport), which significantly impacts the notepad editing experience - our core feature.

Issues identified:

• ❌ Statistics consume half the screen on mobile
• ❌ Not properly responsive to different screen sizes
• ❌ Prioritizes stats over the notepad editing area

Suggestion for improvement:
Consider one of these approaches:

1. Make statistics collapsible/expandable on mobile
2. Move statistics to a bottom drawer or modal on mobile
3. Show abbreviated stats (just icons without text) on mobile
4. Use a toggle button to show/hide statistics on mobile

The notepad experience must remain the priority! We're happy to accept a redesigned version that handles mobile responsiveness better. Thanks for understanding! 🙏

[sh13y]

Hi Dipanjana25! Actually let me revise - I think we can make this work with a simpler approach. Just show word count number only, minimal size, top-left of notepad. No text labels, no char count, no reading time - just the number. This would be perfect and mobile-friendly!