feat: add Revolut payment link support alongside IBAN

- Add NoteBox component for displaying warning messages with icon
- Add Revolut profile name field to user settings schema
- Update UserSettingsForm to support payment instruction selection (disabled/IBAN/Revolut)
- Add Croatian and English translations for new payment options
- Reserve fields for future per-instruction enable/disable functionality

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

Co-Authored-By: Claude <noreply@anthropic.com>

messages/en.json

@@ -194,6 +194,13 @@
     "info-box-message": "By activating this option, a 2D barcode will be included in the monthly statement sent to the tenant, allowing them to make a direct payment to your bank account.",
     "tenant-2d-code-legend": "TENANT 2D CODE",
     "tenant-2d-code-toggle-label": "include 2D code in monthly statements",
+
+    "tenant-payment-instructions--legend": "Payment Instructions",
+    "tenant-payment-instructions--info": "If you enable this option, the monthly statement sent to the tenant will include payment instructions and a 2D barcode, allowing them to make a direct payment to your bank account.",
+    "tenant-payment-instructions--show-no-instructions": "🚫 - do not show payment instructions",
+    "tenant-payment-instructions--show-iban-instructions": "🏦 - show payment instructions for IBAN",
+    "tenant-payment-instructions--show-revolut-instructions": "🆁 - show payment instructions for Revolut",
+
     "owner-name-label": "Your First and Last Name",
     "owner-name-placeholder": "enter your first and last name",
     "owner-street-label": "Your Street and House Number",
@@ -201,7 +208,12 @@
     "owner-town-label": "Your Postal Code and Town",
     "owner-town-placeholder": "enter your postal code and town",
     "owner-iban-label": "IBAN",
-    "owner-iban-placeholder": "enter your IBAN",
+    "owner-iban-placeholder": "enter your IBAN for receiving payments",
+
+    "owner-revolut-profile-label": "Revolut profile name",
+    "owner-revolut-profile-placeholder": "enter your Revolut profile name for receiving payments",
+    "owner-revolut-profile-tooltip": "You can find your Revolut profile name in the Revolut app under your user profile. It is displayed below your name and starts with the '@' symbol (e.g., '@john123').",
+
     "general-settings-legend": "General Settings",
     "currency-label": "Currency",
     "save-button": "Save",
@@ -215,6 +227,6 @@
       "currency-required": "Currency is mandatory",
       "validation-failed": "Validation failed. Please check the form and try again."
     },
-    "additional-notes": "Note: For the 2D code to be displayed, you must enter both the tenant's first and last names in the settings of each property for which you want to use this functionality."
+    "payment-additional-notes": "IMPORTANT: For the payment instructions to be displayed to the tenant, you must also enable this option in the property's settings."
   }
 }

messages/hr.json

@@ -190,9 +190,12 @@
   },
   "user-settings-form": {
     "title": "Korisničke postavke",
-    "info-box-message": "Ako uključite ovu opciji na mjesečnom obračunu koji se šalje podstanaru biti će prikazan 2D bar kod, putem kojeg će moći izvršiti izravnu uplatu na vaš bankovni račun.",
-    "tenant-2d-code-legend": "2D BARKOD ZA PODSTANARA",
-    "tenant-2d-code-toggle-label": "prikazuj 2D barkod u mjesečnom obračunu",
+    "info-box-message": "Ako uključite ovu opciju na mjesečnom obračunu koji se šalje podstanaru biti će prikazane upute za uplatu i 2D bar kod, putem kojeg će moći izvršiti izravnu uplatu na vaš bankovni račun.",
+    "tenant-payment-instructions--legend": "Upute za uplatu",
+    "tenant-payment-instructions--info": "Ako uključite ovu opciju na mjesečnom obračunu koji se šalje podstanaru biti će prikazane upute za uplatu i 2D bar kod, putem kojeg će moći izvršiti izravnu uplatu na vaš bankovni račun.",
+    "tenant-payment-instructions--show-no-instructions": "🚫 - Ne prikazivati upute za uplatu",
+    "tenant-payment-instructions--show-iban-instructions": "🏦 - Prikazuj upute za uplatu na IBAN",
+    "tenant-payment-instructions--show-revolut-instructions": "🆁 - Prikazuj upute za uplatu na Revolut",
     "owner-name-label": "Vaše ime i prezime",
     "owner-name-placeholder": "unesite svoje ime i prezime",
     "owner-street-label": "Ulica i kućni broj",
@@ -200,7 +203,11 @@
     "owner-town-label": "Poštanski broj i Grad",
     "owner-town-placeholder": "unesite poštanski broj i grad",
     "owner-iban-label": "IBAN",
-    "owner-iban-placeholder": "unesite svoj IBAN",
+    "owner-iban-placeholder": "IBAN putem kojeg ćete primate uplate",
+    "owner-revolut-profile-label": "Naziv vašeg Revolut profila",
+    "owner-revolut-profile-placeholder": "profil putem kojeg ćete primati uplate",
+    "owner-revolut-profile-tooltip": "Naziv vašeg Revolute profila možete pronaći u aplikaciji Revolut u korisničkom profilu. Prikazan je ispod vašeg imena i prezimena - počinje sa znakom '@' (npr: '@ivan123').",
+
     "general-settings-legend": "Opće postavke",
     "currency-label": "Valuta",
     "save-button": "Spremi",
@@ -214,6 +221,6 @@
       "currency-required": "Valuta je obavezna",
       "validation-failed": "Validacija nije uspjela. Molimo provjerite formu i pokušajte ponovno."
     },
-    "additional-notes": "Napomena: da bi 2D koda bio prikazan, morate unijeti i ime i prezime podstanara u postavkama svake nekretnine za koju želite koristiti ovu funkcionalnost."
+    "payment-additional-notes": "VAŽNO: da bi upute za uplatu bile prikazane podstanaru, morate tu ovu opciju uključiti i u postavkama pripadajuće nekretnine."
   }
 }