fix(diary): UAT Round 4 fixes for auto-events, delivery metadata, signatures, and spacing

[steilerDev]

Summary

This PR implements frontend fixes for 4 diary UAT Round 4 issues:

• Issue UAT-R4: Auto-event data & display rework #891: Auto-event display (already fixed in R3)
• Issue UAT-R4: Delivery metadata & detail view fixes #892: Delivery metadata improvements
• Issue UAT-R4: Signature enhancements — vendor signatory name & entry type support #893: Signature enhancements (vendor signatory name + issue signatures)
• Issue UAT-R4: Visual spacing between signed badge and metadata on diary cards #894: Visual spacing for signed badge

Changes

Issue #891 - Auto-event display

• ✅ Already fixed in R3: auto entries show title prominently, body as secondary text
• Metadata section is hidden for automatic entries (metadata is null)

Issue #892 - Delivery metadata

• Removed the "Delivery Confirmed" checkbox from delivery form
• Renamed "Materials" field label to "Description"
• Updated placeholder text from "Add material" to "Add item"
• Enhanced DiaryMetadataSummary to display all delivery fields with readable labels:
  • Vendor name
  • Description items displayed as tags

Issue #893 - Signature enhancements

A) Vendor signatory name:

• When signer type is "vendor", added separate "Signatory Name" input field
• Signatory name displays as: "Vendor Name (Signatory Name)" in the signature
• Both vendor and signatory name are required to accept vendor signature

B) Issue entry signatures:

• Added signature support to "issue" entry type (in addition to daily_log and site_visit)
• Issue entries can now be signed and acknowledged
• SignatureSection properly integrated with issue metadata handling

Issue #894 - Visual spacing

• Added margin-left: auto to .signedBadge in DiaryEntryCard.module.css
• Pushes the signed badge to the right side of the footer for better visual balance

Files Modified

1. DiaryEntryCard.module.css: Added margin-left to signedBadge
2. DiaryEntryForm.tsx:
   • Removed deliveryConfirmed props
   • Added issueSignatures props
   • Added SignatureSection for issue entries
   • Changed delivery field label to "Description"
3. DiaryEntryDetailPage.tsx: Added "issue" to signature display condition
4. DiaryMetadataSummary.tsx: Enhanced delivery metadata display with vendor and materials list
5. DiaryMetadataSummary.module.css: Added styles for delivery metadata display (labels, values, material tags)
6. SignatureCapture.tsx:
   • Added vendorName and signatoryName state management
   • Show separate "Signatory Name" input when vendor is selected
   • Combine vendor + signatory name in signature display
7. SignatureCapture.module.css: Added .required class for required field indicators

Test Plan

• Create delivery entry and verify:
  • "Delivery Confirmed" checkbox is removed
  • Field label is "Description" not "Materials"
  • Delivery metadata displays vendor and items as tags on detail view
• Create issue entry and verify:
  • Signature section appears below issue metadata
  • Can add signatures (both self and vendor types)
  • Signatures display on detail view
• Test vendor signature:
  • Select vendor from dropdown
  • Verify "Signatory Name" field appears
  • Verify signature displays as "Vendor Name (Signatory Name)"
  • Verify both fields are required
• Verify signed badge has proper spacing on card (pushed to right)

🤖 Generated with Claude Code

[github-actions]

🎉 This PR is included in version 1.16.0-beta.42 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀