Follow-up from "Fix project setting approval input in non-sequential order"
<!--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=207928)
</details>
<!--IssueSummary end-->
The following discussion from !25391 should be addressed:
- [ ] @sming-gitlab started a [discussion](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/25391#note_293674987):
> @dpisek thanks for showing me that our `<gl-form-input>` accepts a `:debounce` option!
>
> > https://bootstrap-vue.js.org/docs/components/form-input/
>
> ```
> <gl-form-input
> v-model.number="approvalsRequired"
> :disabled="!settings.canEdit"
> class="form-control mw-6em"
> type="number"
> :min="rule.minApprovalsRequired || 0"
> :debounce="1000"
> />
> ```
>
> I agree with you that this is perhaps best addressed in a follow-up ticket, so we can push this forward and continue working with our iterative approach! I'll create an issue now :muscle:
- Will include a change to `v-model` > https://gitlab.com/gitlab-org/gitlab/-/merge_requests/25391#note_293678894
issue