Use one submit enabling condition in TaskForm

[coderabbitai]

Summary

Make the mobile and desktop TaskForm submit buttons use the same enabling condition.

Required changes

• Use one shared condition for both submit buttons.
• Choose one consistent behavior: disable both until the form is valid, or enable both and show the click-time validation message.

Affected areas

• TaskForm.tsx

Acceptance criteria

• Mobile and desktop buttons have the same enabled state for the same form data.
• Validation behavior remains correct after submission.

Source

• Review comment: Feature/mutations #36 (comment)
• Pull request: Feature/mutations #36
• Requested by: @Alejandroq12

[coderabbitai]

Technical note

Derive one named boolean, such as canSubmit, from the same validation state for both layouts. Do not let CSS breakpoints define different form semantics. Decide whether invalid forms are disabled or validated on submit, then apply that policy consistently.

Reference: React: Sharing state between components

[coderabbitai]

Engineering note

Make one boolean represent the submit policy. Both responsive buttons must consume that same value. Keep the server-side validation because a disabled button is only a user-experience guard. Test the same invalid and valid form state at both breakpoints.

Read: React: Controlling an input with state