add suppliers

frontend/src/app/portal/managed-expense-claims/page.tsx

@@ -337,15 +337,14 @@ export default function ManagedExpenseClaimsPage() {
 
                           <div className="space-y-1">
                             {claim.attachments.map((attachment) => (
-                              <a
+                             <button
                                 key={attachment.id}
-                                href={`${process.env.NEXT_PUBLIC_API_URL}/hr/portal/expense-claims/attachments/${attachment.id}/view`}
-                                target="_blank"
-                                rel="noreferrer"
-                                className="block rounded-lg border bg-white px-3 py-2 text-sm text-blue-600 hover:underline"
+                                type="button"
+                                onClick={() => openAttachment(attachment)}
+                                className="block w-full text-right rounded-lg border bg-white px-3 py-2 text-sm text-blue-600 hover:underline"
                               >
                                 {attachment.originalName}
-                              </a>
+                              </button>
                             ))}
                           </div>
                         </div>