baza , notepp, sertificate pages connected to backend

components/pages/about/aboutDetail/sertificateCard.tsx

@@ -28,7 +28,7 @@ export function CertCard({ c, i }: { c: (typeof certs)[0]; i: number }) {
               </span>
             </div>
             <span className="text-[10px] font-bold uppercase tracking-wider text-white/20 border border-white/10 px-2 py-0.5 rounded-full">
-              {c.category}
+              {c.artikul}
             </span>
           </div>
 
@@ -45,12 +45,18 @@ export function CertCard({ c, i }: { c: (typeof certs)[0]; i: number }) {
       {/* Collapsible document list */}
       <div className="overflow-hidden">
         <ul className="flex flex-col gap-2.5">
-          {c.documents.map((doc, di) => (
-            <li key={di} className="flex items-start gap-2.5">
-              <span className="mt-1 flex-none w-1.5 h-1.5 rounded-full bg-red-600/60" />
-              <p className="text-xs text-gray-400 leading-relaxed">{doc}</p>
-            </li>
-          ))}
+          {c.features.length > 0 &&
+            c.features.map((doc: any, di: number) => {
+              const { name } = doc;
+              return (
+                <li key={di} className="flex items-start gap-2.5">
+                  <span className="mt-1 flex-none w-1.5 h-1.5 rounded-full bg-red-600/60" />
+                  <p className="text-xs text-gray-400 leading-relaxed">
+                    {name || ""}
+                  </p>
+                </li>
+              );
+            })}
         </ul>
       </div>
     </motion.article>