User icon on user profile

[ARYANSHAH1567]

Describe the bug
The user icon of its initals exceeds it boundary which disrupts the ui of the profile page.

To Reproduce
Log in as User via the credentials of the user and click on the user icon and go to view profile

Expected behavior
As we can see for admins it is correct

Actual behavior

Potential internship candidates
Please read this if you are planning to apply for a Palisadoes Foundation internship PalisadoesFoundation/talawa#359

[github-actions]

Congratulations on making your first Issue! 🎊 If you haven't already, check out our Contributing Guidelines and Issue Reporting Guidelines to ensure that you are following our guidelines for contributing and making issues.

[aditya-bansal-7]

I like to work on this issue. Please assign it to me.

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[akshayw1]

Can I work on this issue @palisadoes

[varshith257]

@akshayw1 There is already an open PR for it

[palisadoes]

1. The final output must match our official figma design
   1. https://www.figma.com/design/WksD4uIa5sQJMIk3pR4l0c/Talawa-Design-System-(Official)?node-id=307-212&node-type=canvas
      

[aditya-bansal-7]

I've made the necessary modifications, please review it now. @palisadoes

[palisadoes]

We are now focusing on three types of issues as priority areas:

1. The improvement in the reliability of our code base. There are many issues created to test existing code. It is a good place to start if you want to understand the operation of various apps. When you submit PRs, we automatically check to see whether the code you submitted has been covered by testing and that each file meets the minimum standard level of the repository as a whole. You won’t be able to avoid understanding testing regimes to contribute to Talawa.
2. The fixing of bugs and features that seriously hamper the user from using the application. The apps have various shortcomings. The most obvious ones are where the apps do not work as expected. For example buttons that don’t work, errors or messages that are not displayed to make the user understand what to do and many more. Think of any difficulty you have had in getting things working, there could be a bug there waiting for you.
3. Coding of screens for issues created by our Contributor team based on our soon to be updated design guide. This may include updates to existing screens.
4. The creation of additional or updated documentation that helps with improving both the experience of the end user and the various GitHub contributors who support the development of our software. This would include user guides.

We will only be accepting feature issues for deficiencies that are obviously lacking in the apps. These are things that make it very difficult to operate the apps. Even so, the PRs will still require you to understand testing as stated before.

Cosmetic changes that require only a few lines of code, or relate to screen sizes unlikely to be used are not acceptable under this policy.

Closing