minor adjustments

src/lib/components/navigation/settings-menu.svelte

@@ -6,6 +6,7 @@
 	import UnitOptions from '$lib/components/unit-options.svelte';
 
 	import * as m from '$lib/paraglide/messages';
+	import SupporterIcon from '$lib/paywall/SupporterIcon.svelte';
 	import UnlockDialog from '$lib/paywall/UnlockDialog.svelte';
 	import { isSupporter } from '$lib/paywall/supporter';
 
@@ -84,32 +85,10 @@
 						unlockOpen = true;
 					}}
 				>
-					{#if $isSupporter}
-						<!-- star -->
-						<svg
-							class="h-4.5 w-4.5 shrink-0 text-amber-500"
-							viewBox="0 0 24 24"
-							fill="currentColor"
-							aria-hidden="true"
-						>
-							<path
-								d="M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.9 6.1 20.5l1.2-6.5L2.5 9.4l6.6-.9L12 2.5z"
-							/>
-						</svg>
-					{:else}
-						<!-- padlock -->
-						<svg
-							class="h-4.5 w-4.5 shrink-0 text-muted-foreground"
-							fill="none"
-							stroke="currentColor"
-							viewBox="0 0 24 24"
-							stroke-width="1.75"
-							aria-hidden="true"
-						>
-							<rect x="4" y="10" width="16" height="11" rx="2" />
-							<path stroke-linecap="round" d="M8 10V7a4 4 0 0 1 8 0v3" />
-						</svg>
-					{/if}
+					<SupporterIcon
+						filled={$isSupporter}
+						class="h-4.5 w-4.5 shrink-0 {$isSupporter ? 'text-amber-500' : 'text-muted-foreground'}"
+					/>
 					<span class="min-w-0 flex-1">
 						<span class="block text-[13px] font-semibold">
 							{$isSupporter ? m.supporter_active() : m.supporter_support()}