Add friend button hidden for long username

Issue : When a user has a long username, the button to add them as a friend in the modal is not displayed (and the username can also be partially hidden).

Solution : Put the add friend button on a line below the username and the username should wrap on multiple lines if needed

Start by locating the friend modal and reproducing it with a long username. Confirm that the username wraps across lines and that the add-friend button appears on its own line; done means both remain visible without clipping in the modal.

Written by the indexing model from the issue text.