Bob AI: Add character counter below the message textarea t...

src/components/sections/contact/ContactSplitForm.tsx

@@ -151,7 +151,9 @@ const ContactSplitForm = ({
                         <Textarea
                             placeholder={textarea.placeholder}
                             value={formData[textarea.name] || ""}
-                            onChange={(value) => setFormData({ ...formData, [textarea.name]: value })}
+                            onChange={(value) => {
+                                setFormData({ ...formData, [textarea.name]: value });
+                            }}
                             required={textarea.required}
                             rows={textarea.rows || 5}
                             ariaLabel={textarea.placeholder}
@@ -159,6 +161,14 @@ const ContactSplitForm = ({
                         />
                     )}
 
+                    <div className="text-right">
+                        {textarea && (
+                            <span>
+                                {formData[textarea.name]?.length || 0}/500 characters
+                            </span>
+                        )}
+                    </div>
+
                     <Button
                         {...getButtonProps(
                             { text: buttonText, props: getButtonConfigProps() },