refactor user accounts structure

src/app/shared/components/passwordInput/password-input.component.html

@@ -0,0 +1,28 @@
+<uikit-field label="رمز عبور" class="" [control]="passwordControl">
+  <p-password
+    id="password1"
+    name="password"
+    formControlName="password"
+    autocomplete="password"
+    [toggleMask]="true"
+    [fluid]="true"
+    [feedback]="false"
+    [invalid]="passwordControl.touched && passwordControl.invalid"
+  />
+  <span class="text-xs mt-1 mb-3 text-muted-color">
+    رمز باید حداقل ۸ کاراکتر بوده و شامل حداقل یک حرف بزرگ، یک حرف کوچک، یک عدد و یک کاراکتر ویژه باشد.
+  </span>
+</uikit-field>
+
+<uikit-field label="تکرار رمز عبور" class="" [control]="confirmPasswordControl">
+  <p-password
+    id="confirmPassword"
+    name="confirmPassword"
+    formControlName="confirmPassword"
+    autocomplete="new-password"
+    [toggleMask]="true"
+    [fluid]="true"
+    [feedback]="false"
+    [invalid]="confirmPasswordControl.touched && confirmPasswordControl.invalid"
+  />
+</uikit-field>

src/app/shared/components/passwordInput/password-input.component.ts

@@ -0,0 +1,15 @@
+import { UikitFieldComponent } from '@/uikit';
+import { Component, Input } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { Password } from 'primeng/password';
+
+@Component({
+  selector: 'shared-password-input',
+  templateUrl: './password-input.component.html',
+  imports: [UikitFieldComponent, Password, ReactiveFormsModule],
+})
+export class SharedPasswordInputComponent {
+  @Input({ required: true }) passwordControl = new FormControl<string>('');
+  @Input({ required: true }) confirmPasswordControl = new FormControl<string>('');
+  @Input({ required: true }) formGroup!: FormGroup<any>;
+}