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."
   }
 }