feat: enhance dynamic forms and popups for About, Contact, and Resume sections; add project detail popup

src/app/admin/projects/projects.html

@@ -2,6 +2,9 @@
 
     <header>
         <h2 class="h2 article-title">Projects</h2>
+        <button class="edit-btn add-btn" (click)="openAddProject()" title="Add Project">
+            <i class="fa-solid fa-plus"></i>
+        </button>
     </header>
 
     <section class="projects">
@@ -56,9 +59,9 @@
                 <a>
 
                     <figure class="project-img">
-                        <div class="project-item-icon-box">
-                            <ion-icon name="eye-outline"></ion-icon>
-                        </div>
+                        <button class="project-item-icon-box" (click)="openViewProject(project)" (keyup.enter)="openViewProject(project)" title="View Project">
+                            <i class="fa-regular fa-eye"></i>
+                        </button>
 
                         <img src="{{imagesOrigin + project.imagePath}}" alt="{{project.name}}" loading="lazy">
                     </figure>
@@ -70,6 +73,12 @@
                         }
                     </div>
                 </a>
+                <button class="edit-btn project-edit-btn" (click)="openEditProject(project)" title="Edit Project">
+                    <i class="fa-solid fa-pen-to-square"></i>
+                </button>
+                <button class="edit-btn project-delete-btn" (click)="deleteProject(project)" title="Delete Project">
+                    <i class="fa-solid fa-trash"></i>
+                </button>
             </li>
             }