Refactor code structure for improved readability and maintainability

src/app/shared/components/fields/abstractField.component.ts

@@ -0,0 +1,13 @@
+import { Component, Input } from '@angular/core';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+
+@Component({
+  selector: 'abstract-field',
+  template: '',
+  imports: [ReactiveFormsModule],
+})
+export abstract class AbstractFieldComponent<T = string> {
+  @Input({ required: true }) control!: FormControl<T>;
+  @Input({ required: true }) name!: string;
+  @Input({ required: true }) label!: string;
+}