feat: add rent-due share page for rent payment information

Created a new /share/rent-due/ page to display rent payment information
separately from utility bills.

Changes:
- Created /share/rent-due/[id]/ page structure with RentViewPage component
- Created ViewRentCard component to display rent amount and payment info
- Added uploadRentProofOfPayment action for tenant proof upload
- Added translation keys for rent-specific labels (en/hr)
- Updated rent email templates to link to /share/rent-due/ instead of /share/bills-due/
- Updated documentation to reflect new URL structure

The rent page displays:
- Rent amount
- IBAN or Revolut payment information with QR/barcode
- Rent proof of payment upload (when enabled)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Knee Cola
2025-12-31 11:56:01 +01:00
parent 1e83172491
commit 494d358130
9 changed files with 400 additions and 7 deletions

View File

@@ -76,7 +76,7 @@
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="text-align: center; padding: 0 0 30px 0;">
<a href="https://rezije.app/share/bills-due/${shareId}"
<a href="https://rezije.app/share/rent-due/${shareId}"
style="display: inline-block; padding: 14px 40px; background-color: #5b5ba6; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: bold; border-radius: 6px; border: none;">
View Payment Details
</a>
@@ -88,7 +88,7 @@
Or copy and paste this link into your browser:
</p>
<p style="margin: 0 0 20px 0; font-size: 13px; line-height: 20px; color: #0070F3; text-align: center; word-break: break-all;">
https://rezije.app/share/bills-due/${shareId}
https://rezije.app/share/rent-due/${shareId}
</p>
<!-- Divider -->