feat: Add Custom Category Management for Quick Replies

[Kritika200520]

🚀 Program

GSSoC

✨ Feature Description

Add custom category management to the Quick Replies drawer. This allows users to add, manage, and delete custom categories (e.g., "Work", "Family", "Medical") beyond the hardcoded list (General, Social, Needs, Urgent).

🤔 Problem It Solves

Deaf and speech-impaired users rely on Quick Replies for rapid communication during calls. Currently, they are restricted to four hardcoded categories.
As users add custom phrases, they cannot organize them into context-specific groups that suit their personal daily lives, which slows down finding the right reply during a live call.

💡 Proposed Solution

1. Dynamic Category Storage: Save the list of active categories in localStorage under vf_quick_reply_categories, defaulting to ["General", "Social", "Needs", "Urgent"].
2. Add Category UI: Render an "Add Category" button/input next to the category tabs in QuickReplies.jsx.
3. Dynamic Dropdowns: Populate dropdown inputs dynamically in the phrase builder form using the current categories list.
4. Delete Categories: Add a way to delete custom categories, safely moving any existing phrases in that category back to the default General category.

🔄 Alternatives Considered

• No Categories (Flat List): Keeping all quick replies in a single long list, but this causes too much clutter and degrades speed during active calls.

📸 Mockups / Examples

A custom "+" button next to the category tabs (All, General, Social, Needs, Urgent) that opens a small input field to type a new category name.

✅ Acceptance Criteria

• Category tabs are rendered dynamically from a list loaded from local storage.
• Users can add a custom category which immediately updates the tab layout.
• Users can select their custom categories when adding or editing a quick reply phrase.
• Deleting a custom category is supported and automatically resets associated quick replies back to General.

📋 Additional Context

The category selection state and phrase sorting should respect light/dark mode settings.

🌱 Contributor Checklist

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

[github-actions]

✅ Issue Passed Validation

Tip

Waiting for mentor review — a mentor will triage this before it's opened for contributions.

Hey @Kritika200520! 🎉 Your GSSoC feature request looks great — all checks passed! gssoc26 needs maintainer review enhancement applied.

A mentor will review scope and priority, then apply required labels.
⚠️ Do not start work until the issue is approved and assigned to you.

📣 @sabeenaviklar @Anushreebasics @itsdakshjain @snehkris @1754riya @Mrigakshi-Rathore @Itzzavdheshh @Nitya-003 @4f4d @lovestaco — GSSoC issue ready for your review! 👀

---

_{🤖 VoiceForge Automation · Updates automatically on edits}

[github-actions]

🧠 Triage Suggestion — Looks Good

Tip

This issue looks valid, actionable, and ready for maintainer review.

Hey @Kritika200520! 👋 Thanks for opening this issue.

The issue provides a clear, actionable feature request with detailed acceptance criteria and implementation steps. It addresses a specific user need and includes UI/UX considerations, making it well-defined for maintainers to proceed with development.

Similar Issues:
No close match found.

Suggested maintainer action: go ahead

⚠️ This is only a suggestion. A maintainer will make the final decision.

---

_{🤖 VoiceForge Automation · Updates automatically on edits}

[github-actions]

🚀 You're Good to Go!

Important

Work is officially approved. Please read everything below before you start.

Hey @Kritika200520! 🎉 This issue has been reviewed and approved by the maintainer team.

📋 Before you start

• 🏷️ Priority: priority: medium
• 🎯 Difficulty: level: medium
• 🔗 PR: use the matching program template and include Closes #765

If you can no longer continue, please comment here so maintainers can reassign this issue.

---

_{🤖 VoiceForge Automation · Updates automatically on edits}