fix: Production

src/app/(auth)/dashboard/certificate/page.tsx

@@ -20,9 +20,11 @@ export default function Page() {
     const loading = userLoading || (isInstructor ? instructorCertificatesLoading : allCertificatesLoading);
     const error = userError || (isInstructor ? instructorCertificatesError : allCertificatesError);
 
-    const totalPages = Math.ceil((certificates?.length || 0) / ITEMS_PER_PAGE);
+    // Sanitize certificates to avoid nulls and items without _id
+    const sanitizedCertificates = (certificates || []).filter((c: any) => c && c._id);
+    const totalPages = Math.ceil((sanitizedCertificates.length || 0) / ITEMS_PER_PAGE);
     const startIndex = (currentPage - 1) * ITEMS_PER_PAGE;
-    const currentCertificates = certificates?.slice(startIndex, startIndex + ITEMS_PER_PAGE) || [];
+    const currentCertificates = sanitizedCertificates.slice(startIndex, startIndex + ITEMS_PER_PAGE) || [];
     const placeholderCount = Math.max(0, ITEMS_PER_PAGE - currentCertificates.length);
 
     if (loading) {
@@ -71,9 +73,9 @@ export default function Page() {
             </div>
 
             <div className='grid grid-cols-1 md:grid-cols-3 gap-6'>
-                {currentCertificates.map((certificate) => (
-                    <div key={certificate._id} className="min-h-[430px]">
-                        <CertificateCard certificate={certificate} />
+                {currentCertificates.map((certificate: any, idx: number) => (
+                    <div key={certificate?._id || `cert-${startIndex + idx}`} className="min-h-[430px]">
+                        {certificate ? <CertificateCard certificate={certificate} /> : null}
                     </div>
                 ))}
                 {Array.from({ length: placeholderCount }).map((_, idx) => (