feat: New users page contextual bar user form

[rique223]

Proposed changes (including videos or screenshots)

Refactored User Creation Form:

1. User Briefing: Added a briefing at the top of the form explaining the new pending users flow.
2. Email Verification Input: Moved the email verification input to below the email field, improved its label, and added a tooltip for clarity.
3. Password Field Update: Changed the password field from a simple input to a hybrid component with two radio options and a password policy component:
   • Set randomly and send by email: Automatically generates and emails a password to the registered user upon form submission.
   • Set manually: Displays threefields (Require Password change, Password & Confirm Password). If password policies are enabled, a component shows how well the entered password complies with these policies.
4. Additional Fields Toggle: Created a "Hide/Show additional fields" button that highlights additional fields and allows users to hide them if desired.
5. Form Buttons: Replaced "Save" and "Reset" buttons with a single "Add User" button.
6. Email Validation: Added an email validation logic informing users if they entered an invalid email address.
7. Post-Submission Step: Implemented a new step after form submission where users see a states component indicating a new user has been created. Users have two options:
   • Add more users: Returns to the form with empty fields.
   • Done: Closes the contextual bar and displays the newly created user info.
8. SMTP Settings: Disabled email-related fields when SMTP settings are not enabled and informed users accordingly.
9. Email Verification Setting: Disabled the email verification input when the email verification setting is not enabled and informed users accordingly.
10. Input Repositioning: Repositioned some inputs to follow a more intuitive user creation flow.
11. Form Title Icon: Added an icon to the user creation form title for better representation.

Other Changes in This PR:

1. Settings Label Update: Changed the setting label from "Only allow verified users to login Make sure you have correct SMTP settings to use this feature" to "Require email verification to login. Ensure SMTP is configured to enable."
2. Edit User Form: Refactored the logic that hides the "Join default channels" toggle input.
3. MultiSelectCustom Component: Refactored the component for readability and improved some logic.
4. UsersTableFilters: Refactored the component to stop using the FilterByText component, which complicated making the filters responsive.
5. Administration Tests: Adapted the administration.spec.ts tests to accommodate the new user creation flow.
6. i18n Translations: Added necessary new i18n translation entries.
7. PasswordVerifier Component: Added a new "vertical" prop to the PasswordVerifier.tsx component that forces the component to a single column when set to true.

Demo videos:
https://www.loom.com/share/d2dc00a2f2674abb9555e77414944817
https://www.loom.com/share/aad5696db4b0476b9c9520b262d3f192

Issue(s)

Steps to test or reproduce

Further comments

Related to: #30236
Old Jira task: WM-88
New Jira task for Conn: CONN-263

[changeset-bot]

⚠️ No Changeset found

Latest commit: 2df65e3

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 59.38%. Comparing base (7f88158) to head (2df65e3).
Report is 1 commits behind head on develop.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #32041      +/-   ##
===========================================
- Coverage    59.40%   59.38%   -0.02%     
===========================================
  Files         2547     2547              
  Lines        63309    63255      -54     
  Branches     14248    14228      -20     
===========================================
- Hits         37610    37567      -43     
+ Misses       22980    22978       -2     
+ Partials      2719     2710       -9     

Flag	Coverage Δ
unit	75.84% <100.00%> (+<0.01%)	⬆️

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

[dionisio-bot]

Looks like this PR is ready to merge! 🎉
If you have any trouble, please check the PR guidelines