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/admin/projects/projects.html

@@ -12,7 +12,7 @@
                 <button [ngClass]="{active: filter === 'All'}" (click)="filterProjects('All')">All</button>
             </li>
 
-            @for (category of model.projectsCategories; track category) {
+            @for (category of projectsCategories; track category) {
             <li class="filter-item">
                 <button (click)="filterProjects(category)"
                     [ngClass]="{active: filter === category}">{{category}}</button>
@@ -40,7 +40,7 @@
                     <button (click)="filterProjects('All')">All</button>
                 </li>
 
-                @for (category of model.projectsCategories; track category) {
+                @for (category of projectsCategories; track category) {
                 <li class="select-item">
                     <button (click)="filterProjects(category)">{{category}}</button>
                 </li>