feat: move error overlay to top

Signed-off-by: Eason(G Ray) <30045503+Eason0729@users.noreply.github.com>

Author: Eason0729

frontend/src/lib/components/ErrorMessage.svelte

@@ -8,7 +8,7 @@
 
 {#if $error != null}
 	<button
-		class="fixed top-0 right-0 z-20 m-3 rounded-md border border-outline bg-component-bg px-3 py-2 text-left"
+		class="fixed top-0 right-0 z-50 m-3 rounded-md border border-outline bg-component-bg px-3 py-2 text-left"
 		in:fade={{ duration: 150 }}
 		out:fade={{ duration: 150 }}
 		onmouseleave={dismissError}

frontend/src/lib/components/setting/Setting.svelte

@@ -21,10 +21,10 @@
 	<SettingBtn bind:value />
 	<Dialog.Portal>
 		<Dialog.Overlay
-			class="fixed inset-0 z-50 backdrop-blur-md fade-in-100 fade-out-0 data-[state=closed]:animate-out data-[state=open]:animate-in"
+			class="fixed inset-0 z-20 backdrop-blur-md fade-in-100 fade-out-0 data-[state=closed]:animate-out data-[state=open]:animate-in"
 		/>
 		<Dialog.Content
-			class="fixed inset-0 z-50 m-2 flex max-w-4xl rounded-xl border border-outline bg-popup-bg p-3 font-mono text-text fade-in fade-out zoom-in zoom-out data-[state=closed]:animate-out data-[state=open]:animate-in md:m-auto md:h-[min(80vh,48rem)] md:w-full"
+			class="fixed inset-0 z-20 m-2 flex max-w-4xl rounded-xl border border-outline bg-popup-bg p-3 font-mono text-text fade-in fade-out zoom-in zoom-out data-[state=closed]:animate-out data-[state=open]:animate-in md:m-auto md:h-[min(80vh,48rem)] md:w-full"
 		>
 			<Dialog.Close
 				class="focus-visible:ring-foreground focus-visible:ring-offset-background absolute top-5 right-5 rounded-md focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden active:scale-[0.98]"

frontend/src/lib/ui/Select.svelte

@@ -66,7 +66,7 @@
 	</Select.Trigger>
 	<Select.Portal>
 		<Select.Content
-			class="z-50 max-h-48 rounded-xl border border-outline bg-input text-text outline-hidden select-none data-[side=bottom]:translate-y-1 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:-translate-y-1 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 {popupClass} "
+			class="z-20 max-h-48 rounded-xl border border-outline bg-input text-text outline-hidden select-none data-[side=bottom]:translate-y-1 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:-translate-y-1 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 {popupClass} "
 			sideOffset={10}
 		>
 			<Select.Viewport class="rounded-xl bg-clip-padding">