feat: enhance certificate management and project task features

- Updated CertificateForm to improve loading state UI with skeletons.
- Enhanced CertificateResult with better loading indicators and structure.
- Refactored ProjectForumTab to include a skeleton loader and improved error handling.
- Introduced ProjectTaskTab for managing project tasks with modals for creating and editing tasks.
- Improved ProjectsPage with a skeleton loader during project data fetching.
- Refined AddInternsToProjects, ArchiveProjectDialog, CompleteProjectDialog, CreateProjectDialog, CreateTaskDialog, and EditTaskDialog components to handle modal states more effectively.
- Updated EligibleInternTable to enhance loading states and formatting of dates.
- Modified StatusSubmissionTable to simplify status display.
- Improved certificate generation utility functions for better date formatting and layout management.
- Removed deprecated certificate assets and added a new template for certificates.
- Updated types for certificates and projects to include start and end dates.

src/Pages/internify/mentor/CertificateResult.tsx

@@ -36,7 +36,16 @@ export default function CertificateResult() {
     }
   };
 
-  if (loading) return <p>Sedang Memuat...</p>;
+  if (loading) return (
+    <div className="flex flex-col gap-3 pb-14">
+      <div className="mb-4 flex flex-col gap-1">
+        <h1 className="page-title">Certificates</h1>
+        <p className="page-title-desc">View and download internship certificates</p>
+      </div>
+      <div className="h-[360px] bg-box-secondary rounded-xl animate-pulse" />
+      <div className="h-[150px] bg-box-secondary rounded-xl animate-pulse" />
+    </div>
+  );
   if (error) return <div className="text-sm text-red-500 p-4">Gagal memuat data sertifikat.</div>;
 
   return (
@@ -81,8 +90,8 @@ export default function CertificateResult() {
       </div>
 
       {/* Table */}
-      <CertResultTable 
-        certificates={certificates} 
+      <CertResultTable
+        certificates={certificates}
         templateUrl={project?.certificate_template ?? ""}
       />
     </div>