Improve UX for displayed CODEOWNERS errors (Frontend)
<!--IssueSummary start--> <details> <summary> Everyone can contribute. [Help move this issue forward](https://handbook.gitlab.com/handbook/marketing/developer-relations/contributor-success/community-contributors-workflows/#contributor-links) while earning points, leveling up and collecting rewards. </summary> - [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=520097) </details> <!--IssueSummary end--> This is the frontend component to https://gitlab.com/gitlab-org/gitlab/-/issues/517967 It will be beneficial for a better UX that we display extra information for some type of errors i.e `INVALID_SECTION_OWNER_FORMAT: Inaccessible owners`, `MALFORMED_ENTRY_OWNER: Malformed owners` and `OWNER_WITHOUT_PERMISSION: Owners without permission`. NB: There may be other errors here that may benefit from this # Proposal We could enhance error reporting by extending `Gitlab::CodeOwners::Error` to return details about a line entry error. Adding a `details` field to that class (i.e., `Error.new(message: :malformed_entry_owner, line_number: 5, path: path, details: malformed_owner)`) would allow us to display more informative messages to the [Frontend](https://gitlab.com/gitlab-org/gitlab/-/blob/master/ee/app/assets/javascripts/blob/components/codeowners_validation.vue#L114-116) i.e `Line 5: malformed_owner`. ### Current Look: ![Screenshot_2025-02-10_at_14.16.18](/uploads/3230ddf0d499740a6e2df919aca25733/Screenshot_2025-02-10_at_14.16.18.png)
issue