fixing data fetching from external API, spesifically in achievement and projects categories and name of team member

groups/ACAAB/src/components/AchievementModal.tsx

@@ -88,10 +88,30 @@ export default function AchievementModal({ achievement, onClose }: AchievementMo
             <InfoRow icon={<Tag size={14} />} label={t.modal.bidang} value={achievement.category} />
           </div>
 
+          {/* Members list */}
+          {achievement.members && achievement.members.length > 0 && (
+            <div className="border-t border-slate-100 pt-4 mb-4">
+              <p className="text-[10px] font-bold uppercase tracking-wider text-slate-400 mb-2">Anggota Tim</p>
+              <ul className="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                {achievement.members.map((m, i) => (
+                  <li key={i} className="flex items-center gap-2 bg-slate-50 px-3 py-2 rounded-md">
+                    <span className="w-6 h-6 rounded-full bg-primary-gold/20 text-primary-gold flex items-center justify-center text-xs font-bold shrink-0">
+                      {m.nama.charAt(0).toUpperCase()}
+                    </span>
+                    <div className="flex flex-col">
+                      <span className="text-sm font-semibold text-slate-700 leading-none">{m.nama}</span>
+                      {m.angkatan && <span className="text-[10px] text-slate-500 mt-1">Angkatan {m.angkatan}</span>}
+                    </div>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+
           {/* Description */}
           <div className="border-t border-slate-100 pt-4">
             <p className="text-[10px] font-bold uppercase tracking-wider text-slate-400 mb-2">{t.modal.deskripsi}</p>
-            <p className="text-slate-600 text-sm leading-relaxed">{achievement.description}</p>
+            <p className="text-slate-600 text-sm leading-relaxed">{achievement.description.replace(/\*\*/g, '')}</p>
           </div>
 
           {/* Close button */}