feat: Add "Clear Status" button directly within the Custom Status Modal

[Kalpana-chavhan]

Description

Currently, to clear a custom status message, users must either manually delete the text in the "Set a Custom Status" modal or find the small "X" icon in the sidebar header.

For users with longer status messages or those using screen readers, the sidebar "X" is a small target and lacks prominence. Adding a clear action within the modal itself aligns with modern UI patterns (like those found in Slack or Discord) and improves the accessibility of status management.

---

Steps to Reproduce (Current Friction)

1. Click on your user avatar.
2. Select "Custom Status."
3. Observe that there is no single-click "Clear" button; you must manually backspace the text or close the modal and find the "X" in the sidebar.

---

Proposed Solution

Modify the UserStatusModal component to include a "Clear Status" button:

• Placement: To the left of the "Cancel" and "Save" buttons.
• Component: Fuselage Button.
• Logic: On click, it should send an empty string to the setUserStatus API endpoint and close the modal.

---

Impact

• Accessibility: Better target for users with motor impairments.
• Consistency: Centralizes all status-related actions in one modal.
• UX: Reduces the number of clicks/keyboard actions required to reset a profile state.

[sharanyamahajan]

Hi, I’m working on this issue.

I’m planning to add a “Clear Status” button directly inside the Custom Status modal to make clearing a status easier and more accessible. The button will clear the status in a single action and close the modal, aligning with common UX patterns used in similar apps.

I’ll update the issue once the implementation is ready.

[Amartya989870xxxx]

Hi @Kalpana-chavhan 👋

Is this issue still actively being worked on?

I’m a new contributor looking for a beginner-friendly issue to submit a full PR.
This task looks isolated and manageable, and I’d like to take it up if it’s available.

If you haven’t started implementation yet, could the maintainers please assign it to me?

My implementation plan for now:
• set up Rocket.Chat locally
• edit the Custom Status modal
• add the “Clear Status” button
• trigger setUserStatus('')
• close the modal correctly
• test for regressions

Please let me know if it’s free to pick up.

Thanks!