fix: route every toggle switch in the SPA through one new component, for one correct geometry

web/src/components/SeoPanel.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import AppSwitch from '@/components/AppSwitch.vue'
 import { t } from '@/i18n'
 
 import { computed, nextTick, ref } from 'vue'
@@ -439,7 +440,7 @@ function submit() {
 				@leave="canonicalBlocked"
 			/>
 
-			<USwitch
+			<AppSwitch
 				:model-value="seo.noindex"
 				:label="t('Hide from search engines')"
 				:description="
@@ -447,8 +448,7 @@ function submit() {
 				"
 				:ui="{
 					root: 'items-start gap-3',
-					base: 'mt-0.5 h-4.5 w-8',
-					thumb: 'size-3.5',
+					container: 'mt-0.5',
 					label: 'font-medium text-highlighted',
 					description: 'text-xs/4.5 text-pretty text-muted',
 				}"