Improve Error Display for Questionnaire Form

[DraKen0009]

Issue Description

Currently, when creating a new questionnaire without inputting data, errors are displayed as three separate toast messages, making it unclear which field needs correction.

Steps to Reproduce

1. Visit /questionnaire.
2. "Create New Questionnaire"without entering any data.
3. See three separate toast messages instead of inline field errors.

Expected Behavior

• Show a toast notification only for general form failure (Failed to create questionnaire).
• Add basic validations on frontend and show inline error messages for specific field errors.
• Highlight invalid fields in red.

Screenshot

Acceptance Criteria

• Toast notification only for form failure.
• Inline field errors for organizations & slug.
• Red highlight on invalid fields.

[AdityaJ2305]

Hey @DraKen0009 , I would like to work on this issue

[AdityaJ2305]

@DraKen0009 , I just checked it and other than "Failed to create Questionnaire" the two errors are being thrown by backend. Am I missing anything ? 🤔 it is because that PR is not merged yet ?

[Harsh-D-2004]

Hey i already raised this issue earlier
@DraKen0009

Issue : #10654

[DraKen0009]

We can have validations on fronted as well to avoid sending unnecessary request to backend for trivial validations.
eg -

1. Slug should not be empty and should be within range of 5-25 char
2. atleast an organization should be selected.
3. Name should not be an empty string

[Harsh-D-2004]

@DraKen0009 Thankyou man!