Replase checkbox with toggle + copy update (#4810)

Author: PavelLaptev

apps/desktop/src/lib/settings/GithubIntegration.svelte

@@ -3,13 +3,13 @@
 	import SectionCard from '$lib/components/SectionCard.svelte';
 	import { gitHostUsePullRequestTemplate } from '$lib/config/config';
 	import { getGitHubUserServiceStore } from '$lib/gitHost/github/githubUserService';
+	import Toggle from '$lib/shared/Toggle.svelte';
 	import { UserService } from '$lib/stores/user';
 	import { copyToClipboard } from '$lib/utils/clipboard';
 	import { getContext } from '$lib/utils/context';
 	import * as toasts from '$lib/utils/toasts';
 	import { openExternalUrl } from '$lib/utils/url';
 	import Button from '@gitbutler/ui/Button.svelte';
-	import Checkbox from '@gitbutler/ui/Checkbox.svelte';
 	import Icon from '@gitbutler/ui/Icon.svelte';
 	import Modal from '@gitbutler/ui/Modal.svelte';
 	import { fade } from 'svelte/transition';
@@ -96,9 +96,7 @@
 			</div>
 		</svelte:fragment>
 		<svelte:fragment slot="title">GitHub</svelte:fragment>
-		<svelte:fragment slot="caption">
-			Allows you to view and create Pull Requests from GitButler.
-		</svelte:fragment>
+		<svelte:fragment slot="caption">Allows you to view and create Pull Requests.</svelte:fragment>
 		{#if $user?.github_access_token}
 			<Button style="ghost" outline {disabled} icon="bin-small" onclick={forgetGitHub}
 				>Forget</Button
@@ -109,15 +107,11 @@
 	</SectionCard>
 	<SectionCard roundedBottom={false} orientation="row" labelFor="use-pull-request-template">
 		<svelte:fragment slot="title">Pull Request Template</svelte:fragment>
-		<svelte:fragment slot="caption">
-			Use Pull Request template when creating a PR through GitButler.
-		</svelte:fragment>
+		<svelte:fragment slot="caption"
+			>Use Pull Request template when creating a Pull Requests.</svelte:fragment
+		>
 		<svelte:fragment slot="actions">
-			<Checkbox
-				name="use-pull-request-template"
-				value="false"
-				bind:checked={$usePullRequestTemplate}
-			/>
+			<Toggle id="use-pull-request-template" value="false" bind:checked={$usePullRequestTemplate} />
 		</svelte:fragment>
 	</SectionCard>
 {/if}