fix: Made Set Password Page Better

[RitvikSardana]

Issue:

Both good to go & password does not match messages were shown at the same time in the "Set Password Page", which is a bad UX as it tells us everything is good even though the passwords aren't same.

Solution:

Update.Password.mov

Functionalities:

1. Old Password and New password can't be same, if same error msg will be shown
2. New password Strength Feedback
3. New Password ≠ Confirm Password then passwords don't match error will be shown.
4. If New Password == Confirm password and old password ≠ new password then Submit button will be enabled else it will be disabled.

[shariquerik]

Screen.Recording.2023-07-29.at.2.40.09.AM.mov

As you can see in video, after getting the "Password do not match" error I fixed my password but it won't go also the old message telling
This is a very common password.
Hint: Include symbols, numbers and capital letters in the password

it should come back again

Try, different scenarios user can do, and try to fix the overall UX

[RitvikSardana]

@shariquerik
have made the required changes and along with it added button disable functionality also for better UX.

[shariquerik]

@RitvikSardana Looks great, just one more thing to add if the old password and a new password are the same, show it cannot be the same message

[codecov]

Codecov Report

Merging #21846 (27426f7) into develop (6e94cd2) will decrease coverage by 0.49%.
Report is 87 commits behind head on develop.
The diff coverage is n/a.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #21846      +/-   ##
===========================================
- Coverage    61.88%   61.39%   -0.49%     
===========================================
  Files          765      765              
  Lines        72937    74798    +1861     
  Branches      6282     6292      +10     
===========================================
+ Hits         45134    45922     +788     
- Misses       24246    25293    +1047     
- Partials      3557     3583      +26     

Flag	Coverage Δ
server-ui	28.12% <ø> (+0.03%)	⬆️
ui-tests	51.41% <ø> (-0.47%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.