Make error and success message user friendly during username update

Rinku Crequested to merge
gitlab-community/gitlab-org/gitlab:rc_update_ui_for_error_and_success_message_on_username_update into master

What does this MR do and why?

Make error and success message user friendly during username update. Currently success and error messages both shows up as alert at the top but user aren't aware of it.

Now (check after video)

  • shows toast message for success
  • shows error message below input field for error

References

#584021

Screenshots or screen recordings

Before After
Screen Recording 2025-12-16 at 11.41.34.mov Screen Recording 2025-12-16 at 11.42.25.mov

How to set up and validate locally

  1. Checkout this branch and run gdk locally
  2. Go to update profile page eg: http://gdk.local/-/user_settings/profile
  3. Try updating username with special character on the front eg: %root
  4. Notice the error message appearing below the username input field
  5. Try updating username to valid value eg: username100
  6. Notice the success toast message
Edited by Rinku C

Merge request reports