Replace Comma-Separated Tags with Tag Chips

[Rucha-Ambaliya]

Description

Currently, tags are stored as a comma-separated string, making it difficult to manage, search, and modify individual tags effectively.

#Proposed Solution

• Instead of storing tags as a single string, use an array where each tag is an individual item.
• Update the UI to display each tag as a separate box element (chip).
• Add a cross (✖) button to allow users to remove tags easily.
• Provide a better input field where users can add tags dynamically (e.g., by pressing Enter or a button).

Expected UI Behavior

✅ Each tag appears as a separate box (chip).
✅ Clicking the cross button removes a specific tag.
✅ Users can add tags dynamically without manually typing commas.
✅ Improved searchability and usability in the future.

Tasks

• Modify the frontend to store tags as an array.
• Create a Tag UI component to display each tag as a chip.
• Implement a cross button for tag deletion.
• Update the input field to support dynamic tag entry.
• Ensure smooth UI/UX interactions for adding and removing tags.

Labels

• IWOC
• SWOC

[Rucha-Ambaliya]

@ygowthamr Can you please review it?