Improve UX and error messaging around test case title length

Problem

When a user creates a new test case where the title exceeds the max length of 255 characters, they will receive an error banner stating "Something went wrong while creating a test case."

This error message is vague and can be confusing to the user as there is no other indication as to what went wrong.

When inspecting the createTestCase GraphQL mutation call within the Network tab of dev tools, the response displays the following:

[
  {
    "data": {
      "createTestCase": {
        "clientMutationId": null,
        "errors": [
          "Title is too long (maximum is 255 characters)"
        ],
        "__typename": "CreateTestCasePayload"
      }
    }
  }
]

Proposal

• Suggestions:
  • Add a form group description under the title field indicating the maximum length to the user, such as Title length must not exceed 255 characters. or a character counter as described in the Pajamas Design System
  • Implement a form group validation for the title field on the UI that displays Title length must not exceed 255 characters.