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:

issue