<!--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=343599) </details> <!--IssueSummary end--> This Issue is a continuation of this "Create Commit Message Field as share component" > https://gitlab.com/gitlab-org/gitlab/-/issues/343391 We are creating a shared "commit_message_field" component that can be used in the WebIDE and Repo blob modal: | Normal State | Focus State | |--------------|-------------| |  |  | | MR | Changes | Owner | |----|---------|-----| | https://gitlab.com/gitlab-org/gitlab/-/merge_requests/71522 | Create shared `commit_message_field` | Samantha | | tbd | Ensure shared `commit_message_field` supports dark mode | Samantha | | tbd | Mark `message_field` as `deprecated_message_field` | Editor/Himanshu | | This issue 👉 | Update delete blob modal to use shared `commit_message_field` | Source Code | | tbd | Update upload modal to use shared `commit_message_field` | Source Code | | tbd | Update new directory modal to use shared `commit_message_field` | Source Code | | tbd | Update IDE to use `commit_message_field` and delete all the custom scss classes (perhaps ask IDE to work on this on for domain expertise) | Editor/Himanshu | | tbd (suggestion) | Update branch input field to use gl-form component for consistency | Editor/Himanshu |