Form field validation on Composition template submit

[bertellil-prom]

Is your feature request related to a problem? Please describe.
When submitting a Composition template with invalid fields, there is no automatic scrolling to highlight the problematic fields and error messages are not displayed. This creates a poor user experience as users have to manually scroll through the form to find which fields need correction without visually indicating validation errors.

form_validation.mov

Describe the solution you'd like
When a user submits the Composition template form with invalid fields:

• The page should automatically scroll to the first invalid field
• Clear error messages should appear below each invalid field explaining the validation requirements
• Invalid fields should be visually highlighted (e.g., with a red border or background)
• A summary of validation errors could optionally appear at the top of the form

Describe alternatives you've considered
Adding client-side validation that prevents form submission until all fields are valid
Displaying a modal with a list of all validation errors
Adding validation indicators that appear in real-time as users type, rather than on form submission

Additional context
This feature would improve form accessibility and reduce user frustration

when completing Composition templates. The current lack of validation feedback makes it difficult for users to identify and correct errors efficiently.