Branch rules: update toggle design and descriptions
<!--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=519243) </details> <!--IssueSummary end--> # Context In https://gitlab.com/gitlab-org/gitlab/-/issues/391938#note_2086015740, a new toggle was added to the branch rules details page to allow users to synchronize forks. The toggles take up space and the visual design approach could be improved. # Proposal Suggested changes: * Integrate the toggles into a crud-like component * Add helper text to the toggles with links to docs [:art: Figma](https://www.figma.com/design/eq2nf3B8MhB9xKrC0VzbPf/branch/YmfjKSXtV0qrJmodVMfved/Repository?m=auto&node-id=4657-64283&t=gZutPiDxItt4v4pl-1) | Current | Proposed | |---------|----------| | ![current.jpg](/uploads/95afa69bbb26a9007c804610cf6c0d85/current.jpg) | ![proposal.jpg](/uploads/bafc4546da5bd6b51759383a7c2f68e8/proposal.jpg) |
issue