Add WhatsApp and National Number fields to registration forms

- Tenant form: added WhatsApp number + National number inputs
- Owner form: added National number input (already had WhatsApp)
- Both forms send whatsAppNumber and nationalNumber in payload
- Added validation for required fields

app/register/owner/page.js

@@ -29,6 +29,7 @@ export default function OwnerRegisterPage() {
     email: '',
     phone: '',
     whatsapp: '',
+    nationalNumber: '',
     password: '',
     confirmPassword: '',
     ownerType: OwnerType.PERSON,
@@ -129,6 +130,7 @@ export default function OwnerRegisterPage() {
       email: formData.email,
       phoneNumber: formData.phone || '',
       whatsAppNumber: formData.whatsapp,
+      nationalNumber: formData.nationalNumber,
       password: formData.password,
       ownerType: formData.ownerType,
     };
@@ -358,6 +360,20 @@ export default function OwnerRegisterPage() {
                     {errors.whatsapp && <p className="text-red-500 text-sm mt-1">{errors.whatsapp}</p>}
                   </motion.div>
 
+                  <motion.div variants={fadeInUp}>
+                    <label className="block text-sm font-medium text-gray-300 mb-2">الرقم الوطني <span className="text-red-500">*</span></label>
+                    <div className="relative group">
+                      <div className="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
+                        <User className={`w-5 h-5 ${errors.nationalNumber ? 'text-red-500' : 'text-gray-400 group-focus-within:text-amber-500'}`} />
+                      </div>
+                      <input type="text" value={formData.nationalNumber}
+                        onChange={(e) => { setFormData({...formData, nationalNumber: e.target.value}); setErrors({...errors, nationalNumber: null}); }}
+                        className={`w-full pr-12 pl-4 py-3 bg-white/5 border rounded-xl focus:outline-none focus:ring-2 focus:ring-amber-500 focus:border-transparent text-white placeholder-gray-500 transition-all ${errors.nationalNumber ? 'border-red-500' : 'border-gray-700'}`}
+                        placeholder="أدخل الرقم الوطني" />
+                    </div>
+                    {errors.nationalNumber && <p className="text-red-500 text-sm mt-1">{errors.nationalNumber}</p>}
+                  </motion.div>
+
                   <motion.div variants={fadeInUp}>
                     <label className="block text-sm font-medium text-gray-300 mb-2">نوع المالك <span className="text-red-500">*</span></label>
                     <select value={formData.ownerType}