fix: consistent card styling, use ToggleSwitch for auto deploy

web/src/routes/settings/registries/+page.svelte

@@ -110,7 +110,7 @@
 	</div>
 
 	{#if showForm}
-		<div class="rounded-xl border border-[var(--color-brand-200)] bg-[var(--color-brand-50)]/30 p-6 animate-scale-in">
+		<div class="rounded-xl border border-[var(--border-primary)] bg-[var(--surface-card)] p-6 animate-scale-in">
 			<h3 class="mb-4 text-sm font-semibold text-[var(--text-primary)]">
 				{editingId ? $t('settingsRegistries.editRegistry') : $t('settingsRegistries.addNewRegistry')}
 			</h3>