feat(UnifiedDiffView): add user settings to diff view

Adds user settings to the UnifiedDiffView component, allowing users to
customize the appearance of the diff view. This includes options for
enabling/disabling ligatures, setting the tab size, wrapping text,
changing the font, adjusting the contrast, and toggling inline unified
diffs.

Author: matthewevans

apps/desktop/src/components/v3/UnifiedDiffView.svelte

@@ -8,8 +8,9 @@
 		ChangeSelectionService,
 		type PartiallySelectedFile
 	} from '$lib/selection/changeSelection.svelte';
+	import { SETTINGS, type Settings } from '$lib/settings/userSettings';
 	import { UiState } from '$lib/state/uiState.svelte';
-	import { inject } from '@gitbutler/shared/context';
+	import { getContextStoreBySymbol, inject } from '@gitbutler/shared/context';
 	import HunkDiff from '@gitbutler/ui/HunkDiff.svelte';
 	import type { TreeChange } from '$lib/hunks/change';
 	import type { DiffHunk } from '$lib/hunks/hunk';
@@ -41,6 +42,8 @@
 
 	const lineSelection = new LineSelection(changeSelection);
 
+	const userSettings = getContextStoreBySymbol<Settings>(SETTINGS);
+
 	$effect(() => {
 		lineSelection.setChange(change);
 	});
@@ -164,6 +167,12 @@
 						hunkStr={hunk.diff}
 						{staged}
 						{stagedLines}
+						diffLigatures={$userSettings.diffLigatures}
+						tabSize={$userSettings.tabSize}
+						wrapText={$userSettings.wrapText}
+						diffFont={$userSettings.diffFont}
+						diffContrast={$userSettings.diffContrast}
+						inlineUnifiedDiffs={$userSettings.inlineUnifiedDiffs}
 						onLineClick={(p) =>
 							lineSelection.toggleStageLines(selection, hunk, p, diff.subject.hunks)}
 						onChangeStage={(selected) => {