fix diplay value bug

Author: sjaghori

src/components/container/language/LanguageSelect.svelte

@@ -1,9 +1,7 @@
 <script lang="ts">
-	import { run } from 'svelte/legacy'
-
 	import * as Select from '$components/ui/select'
 	import type { Selected } from 'bits-ui'
-	import { type LanguageCode, availableLanguages } from './languages'
+	import { availableLanguages } from './languages'
 
 	type LanguageOption = Selected<string>
 
@@ -30,12 +28,12 @@
 	const items =
 		languages ??
 		Object.entries(availableLanguages).map(([value, label]) => ({
-			value: value as LanguageCode,
+			value: value,
 			label: `${value} - ${label}`
 		}))
 
 	let selected: Selected<string> | undefined = $state(items.find((item) => item.value === value))
-	run(() => {
+	$effect(() => {
 		value = selected?.value
 	})
 </script>
@@ -47,7 +45,7 @@
 	</Select.Trigger>
 	<Select.Content class="max-h-[400px] overflow-y-auto">
 		{#each items as language}
-			<Select.Item value={language.value} label="{language.value} - {language.label}" />
+			<Select.Item value={language.value} label={language.label ?? language.value} />
 		{/each}
 	</Select.Content>
 </Select.Root>