feat: add word count goal progress ring to Studio toolbar

[pratyakshasingh281-coder]

Closes #33

What this PR does

Adds a Word Count Goal feature to the Studio toolbar with:

• A circular SVG progress ring that fills as the writer approaches their goal
• A goal-setting input accessible by clicking the ring
• Goal persists across page refreshes via localStorage
• Completion message shown when goal is reached
• Works on both light and dark themes

Files changed

• web/src/components/WordCountGoal.tsx — new component
• web/src/app/studio/[id]/page.tsx — imported and placed component

Screenshots

Notes

• No backend changes required
• No new dependencies added
• Word count is debounced via existing useMemo in the editor

[vercel]

@pratyakshasingh281-coder is attempting to deploy a commit to the areeb-coder's projects Team on Vercel.

A member of the Team first needs to authorize it.

[pratyakshasingh281-coder]

Hey @Areeb-coder I've implemented the Word Count Goal feature as described in the issue.

Here's what's included:

• Circular SVG progress ring that updates in real-time
• Click the ring to set a custom goal
• Goal persists via localStorage
• Completion message when goal is reached

Please let me know if any changes are needed. This is under GSSoC 2026

[pratyakshasingh281-coder]

hey @Areeb-coder can you please review the pr and give the lable if GSSOC 26