fix surface hover bug (#7285)

Author: diegoimbert

frontend/src/lib/components/assets/AssetsDropdownButton.svelte

@@ -118,7 +118,7 @@
 		<ul class="divide-y rounded-md">
 			{#each assets as asset}
 				<li
-					class="text-sm px-3 h-12 flex gap-3 items-center hover:bg-surface-hover/25"
+					class="text-sm px-3 h-12 flex gap-3 items-center"
 					onmouseenter={() => onHoverLi?.(asset, 'enter')}
 					onmouseleave={() => onHoverLi?.(asset, 'leave')}
 				>

frontend/src/lib/components/common/badge/Badge.svelte

@@ -103,7 +103,7 @@
 		['dark-indigo']: 'hover:bg-indigo-600 dark:hover:bg-indigo-700',
 		['dark-orange']: 'hover:bg-orange-600 dark:hover:bg-orange-700',
 		['dark-violet']: 'hover:bg-violet-600 dark:hover:bg-violet-700',
-		transparent: 'hover:bg-surface-hover/50 dark:hover:border-gray-500'
+		transparent: 'hover:bg-surface-hover dark:hover:border-gray-500'
 	}
 
 	let badgeClass = $derived(

frontend/src/lib/components/select/SelectDropdown.svelte

@@ -191,9 +191,9 @@
 									class={twMerge(
 										'py-2 px-4 w-full font-normal text-left text-primary text-xs',
 										itemIndex === keyArrowPos
-											? 'bg-surface-hover/60'
+											? 'bg-surface-secondary'
 											: item.value === value
-												? 'bg-surface-hover/60'
+												? 'bg-surface-secondary'
 												: 'hover:bg-surface-hover',
 										itemButtonWrapperClasses,
 										item.disabled ? 'cursor-not-allowed text-disabled' : ''
@@ -209,7 +209,7 @@
 									</span>
 									{@render endSnippet?.({ item, close: () => (open = false) })}
 									{#if item.subtitle}
-										<div class="text-xs text-primary">{item.subtitle}</div>
+										<div class="text-2xs text-secondary">{item.subtitle}</div>
 									{/if}
 								</button>
 							</li>