Frontend integration for capability-based private data sharing

[Soushi888]

Overview

Update the frontend UI to integrate with the capability-based private data sharing system implemented in #27.

Background

The backend capability-based sharing system is functional but the frontend has not been updated to handle the new data structures and workflows.

Implementation Needed

• UI for granting private data access (select fields, set expiration)
• UI for viewing received capability grants
• UI for revoking granted access
• Display of grant status and expiration information
• Integration with role-based grant presets

Key Types to Integrate

• GrantPrivateDataAccessOutput — grant creation response
• CreatePrivateDataCapClaimOutput — claim creation response
• FilteredPrivateData — filtered data display
• TransferableCapabilityOutput — transferable grant response
• PrivateDataCapabilityMetadata — grant metadata display

Files

• ui/ — Svelte frontend components
• packages/shared-types/src/person.types.ts — TypeScript type definitions

Acceptance Criteria

• Grant creation UI with field selection and expiration control
• Grant listing and management UI
• Received grants display for grantees
• Grant revocation UI
• Role-based grant shortcut buttons
• Proper error handling and loading states

Related

• Completed in Implement Enhanced Private Data Sharing System #27: Core capability-based sharing system