No Limit on user's name leads to overflow

[Spandan-Mishra]

Describe the bug
There is no limit on the length of the name which can be set for the user. This leads to overflow in the card component.

To Reproduce
Steps to reproduce the behavior:

Try to add a user and set a very long name for them.

Expected behavior
Some kind of limit can be set for the length of the name of the user. Just like how checks have been added for the password field, same can be done for the name.

Screenshots

Desktop (please complete the following information):

• OS: Windows
• Browser: Brave
• Version 1.75.181

Additional context
I would like to work on this issue. Please provide the checks that you want me to implement (like password has check for length and contains lowercase, uppercase etc.). Change is required in the userFormSchema, so it would not take much time for me to complete it based on the instructions provided. I can do it within 1-2 days of being assigned.

---

🚨 DO NOT EDIT BELOW THIS LINE 🚨

Instructions for Requesting Assignment:

To request assignment, please clearly outline your solution and timeline by commenting on the issue using the format below:

Describe your solution clearly:
Provide a detailed explanation of your proposed solution, including your approach, key implementation steps, and relevant examples or references. Mention any dependencies, assumptions, or risks you foresee that might affect your timeline or implementation.

Expected Timeline:

• End date: [Expected submission date of a completed Pull Request]

Additional Context:
Include any other relevant context, links, screenshots, or resources that support your proposed solution.

🚨 Your assignment may be unassigned if there is no activity or progress within the stated timeline unless communicated clearly and agreed upon.

[hrit2773]

@Spandan-Mishra We have to validate it in the backend first and then frontend. Can I get it assigned. @Jacobjeevan

[Jacobjeevan]

Let's not add any limits or validation for name length; propose another way to solve this.

Also follow the assignment instructions when requesting assignment.

[Spandan-Mishra]

Approach:
Changes must be made in the OrganizationUsers.tsx component
There can be two solutions to this:

1. Breaking the name to the next line, i.e, wrapping the long words
2. Truncate the long names with ellipsis (...)

One more approach could be to truncate the name with ellipsis normally, and show the full name with wrapping on hover.

End Date: By end of tomorrow (07/03/25) or 1-2 Days after being assigned

@Jacobjeevan I would like to work on this issue, please assign it to me

[nihal467]

@Jacobjeevan can you comment on this

[Jacobjeevan]

@Spandan-Mishra Truncate and tooltip 👍

Assigned

[Spandan-Mishra]

Issue resolved @Jacobjeevan @nihal467