[#12653] Copy course modal: Mandatory fields not highlighted

[Qilin127]

Fixes #12653

Outline of Solution This pull request addresses the issue where mandatory fields in the "Copy Course" modal were not highlighted, and no clear message was shown when they were left empty.

The following changes have been implemented:

• Added inline validation for the "Course ID" and "Course Name" fields.
• If a user tries to proceed without filling in these fields, a descriptive error message ("The field '...' should not be empty.") now appears directly below the respective input box.
• The error message text is colored red to visually indicate an error, consistent with the rest of the application's UI for validation.

UI: Before (empty fields, no validation shown):

**After (validation messages shown for empty fields):**After (validation messages shown for empty fields):

[haonn12]

Great improvement! 👍 The inline validation makes the "Copy Course" modal much clearer and more user-friendly. I especially like how the error messages are placed directly below the fields — this is consistent with good UX practices.

Minor suggestions:

Consider verifying that the error messages also disappear immediately once the user fills in the required fields.

It might also be good to confirm that the validation text color matches the existing style variables (e.g., using the app’s defined error color instead of hardcoded red).

Overall, this is a solid and meaningful enhancement to the user experience. ✅

[Pan-zhong]

Great job on improving the Copy Course Modal! The required-field validation now works smoothly and matches the Create Course form behavior. UI feedback looks consistent and clear. Just make sure the CSS class names stay aligned with the existing style conventions before final merge.