feat(web): refresh simulator dashboard UI

WebApp/src/routes/onboarding/+page.svelte

@@ -8,13 +8,14 @@
 	import { Input } from '$lib/components/ui/input/index.js';
 	import { Label } from '$lib/components/ui/label/index.js';
 	import { ToggleGroup, ToggleGroupItem } from '$lib/components/ui/toggle-group/index.js';
+	import { Settings } from '@lucide/svelte';
 
 	let showAdvancedSettings = false;
 </script>
 
 <AppChrome pageKey="onboarding">
 	<section id="screen-onboarding" class="flex flex-col items-center justify-center min-h-[70vh] max-w-lg mx-auto">
-		<Card class="glass-card w-full rounded-3xl border-white/10 bg-[#16161d]/80 shadow-2xl">
+		<Card variant="glass" class="w-full rounded-3xl">
 			<CardHeader class="px-6 pt-6 text-center">
 				<CardTitle class="text-3xl font-bold tracking-tight text-white">Configure Device</CardTitle>
 				<CardDescription class="text-sm text-gray-400">Set up this browser dashboard role</CardDescription>
@@ -75,15 +76,7 @@
 							aria-expanded={showAdvancedSettings}
 							onclick={() => (showAdvancedSettings = !showAdvancedSettings)}
 						>
-							<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									stroke-width="2"
-									d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
-								/>
-								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
-							</svg>
+							<Settings class="h-5 w-5" />
 						</Button>
 					</div>
 
@@ -107,7 +100,8 @@
 			<CardFooter class="flex flex-col items-stretch gap-3 border-0 bg-transparent px-6 pb-6 pt-2">
 				<Button
 					id="registerBtn"
-					class="btn-premium h-12 w-full rounded-xl text-base text-white"
+					variant="premium"
+					class="h-12 w-full rounded-xl text-base"
 					onclick={() => appController.registerDevice()}
 				>
 					Complete Setup