feat: add CertificateForm and CertificateResult components for managing intern certificates

- Implemented CertificateForm for uploading certificate templates and displaying project details.
- Created CertificateResult to show generated certificates with pagination and search functionality.
- Added EligibleInternTable component to display eligible interns and their progress.
- Updated CertificateListPage to reflect changes in project listing styles.
- Enhanced MentorProjectCard with dynamic icon rendering.
- Introduced useProjectInternProgress hook for fetching intern progress data.
- Modified ProjectService to include task details in project responses.
- Updated project types to accommodate new task structures.

src/Layout/Header-internify.tsx

@@ -7,7 +7,8 @@ import { useCurrentUser } from "../hooks/useUser";
  *  "Andi Mahesa"        → "AM"
  *  "Andi Bayu Cendika"  → "AC"  (huruf pertama + huruf pertama kata terakhir)
  */
-function getInitials(fullName: string): string {
+function getInitials(fullName: string | undefined | null): string {
+  if (!fullName) return "U";
   const parts = fullName.trim().split(/\s+/).filter(Boolean);
   if (parts.length === 0) return "U";
   if (parts.length === 1) return parts[0].charAt(0).toUpperCase();
@@ -22,7 +23,7 @@ export default function Header({ toggleSidebar }: { toggleSidebar: () => void })
   const settingsPath =
     user?.role === "intern" ? "/intern/settings" : "/mentor/settings";
 
-  const initials = user ? getInitials(user.full_name) : "U";
+  const initials = user?.full_name ? getInitials(user.full_name) : "U";
   const hasPhoto = !!user?.profile_picture;
 
   return (