refactor: enhance character data transformation and improve fetching logic in character-related scripts

src/routes/(admin)/admin/config/+page.svelte

@@ -13,7 +13,10 @@
 
 	let { data }: Props = $props();
 
-	let configItems = $state<ConfigItem[]>([]);
+	let configItems = $derived(data.config.map((item) => ({
+			key: item.key,
+			value: item.value ?? ''
+		})));
 	let newKey = $state('');
 	let newValue = $state('');
 	let editingKey = $state<string | null>(null);
@@ -21,12 +24,7 @@
 	let isSaving = $state(false);
 	let saveMessage = $state<{ type: 'success' | 'error'; text: string } | null>(null);
 
-	$effect(() => {
-		configItems = data.config.map((item) => ({
-			key: item.key,
-			value: item.value ?? ''
-		}));
-	});
+	;
 
 	const startEdit = (item: ConfigItem) => {
 		editingKey = item.key;
@@ -70,6 +68,7 @@
 				saveMessage = { type: 'error', text: 'Failed to add config' };
 			}
 		} catch (error) {
+			console.error('Error adding config:', error);
 			saveMessage = { type: 'error', text: 'Error adding config' };
 		} finally {
 			isSaving = false;
@@ -99,6 +98,7 @@
 				saveMessage = { type: 'error', text: 'Failed to delete config' };
 			}
 		} catch (error) {
+			console.error('Error deleting config:', error);
 			saveMessage = { type: 'error', text: 'Error deleting config' };
 		} finally {
 			isSaving = false;
@@ -155,7 +155,7 @@
 					</tr>
 				</thead>
 				<tbody>
-				{#each configItems as item}
+				{#each configItems as item (item.key)}
 					{#if editingKey === item.key}
 						<tr class="border-b border-white/5 bg-slate-800/50">
 							<td class="px-6 py-4 text-sm text-white">{item.key}</td>