feat: implement dynamic form and popup components

- Added DynamicField interface to define form field structure.
- Created DynamicFormConfig interface for form configuration.
- Developed DynamicFormComponent to handle dynamic form rendering and validation.
- Implemented DynamicPopupComponent for displaying forms in a modal dialog.
- Added HTML and SCSS for dynamic form and popup styling.
- Integrated Material Design components for form inputs and buttons.
- Implemented form submission logic with API integration.
- Added tests for DynamicForm and DynamicPopup components.
- Updated global styles for Material components in themed popups.
- Included Material Icons in index.html for better UI representation.

src/app/shared/dynamic-form/dynamic-field.ts

@@ -0,0 +1,10 @@
+export interface DynamicField {
+    name: string;
+    label: string;
+    placeholder?: string;
+    type: 'text' | 'textarea' | 'number' | 'date' | 'select' | 'file' | 'array' | 'hidden' | 'year';
+    required?: boolean;
+    options?: { label: string; value: unknown }[];
+    itemConfig?: DynamicField[];
+    yearRange?: { start?: number; end?: number; allowPresent?: boolean; valueType?: 'string' | 'number' };
+}