[Outreachy Task Submission]: Instant validation error on category name input during creation

[RWUBAKWANAYO]

Description:

This issue pertains to the validation error behavior in the category creation process. Currently, the validation error for the Category Name input appears instantly without any user interaction that triggers the error.

To Reproduce:

1. Launch the web application using npm run web:serve.
2. Log in to the application.
3. Click on the setting icon on the sidebar.
4. Navigate to the category card in the left sidebar.
5. Click on the "Add category" button.
6. The error "Category name is required" is immediately displayed on the Category Name input.

Expected Behavior:

The error message should only appear when the user interacts with the validated input or attempts to submit the form without filling the required input.

Desktop Hardware Details:

• Operating System: iOS
• Browser: Chrome
• Browser Version: 122

Additional Context:

screen-recording-2024-03-27-at-113845_s9NQQw9Q.mov

@Angamanga, could you kindly assist in adding the Outreachy Task Submission Label to this issue? I'm going to work on resolving it.