refac: styling

src/lib/components/admin/Settings/Audio.svelte

@@ -430,7 +430,7 @@
 
 									<datalist id="tts-model-list">
 										{#each models as model}
-											<option value={model.id} />
+											<option value={model.id} class="bg-gray-50 dark:bg-gray-700" />
 										{/each}
 									</datalist>
 								</div>
@@ -471,7 +471,7 @@
 
 									<datalist id="tts-model-list">
 										{#each models as model}
-											<option value={model.id} />
+											<option value={model.id} class="bg-gray-50 dark:bg-gray-700" />
 										{/each}
 									</datalist>
 								</div>

src/lib/components/admin/Settings/Evaluations/ModelModal.svelte

@@ -321,7 +321,7 @@
 							>
 								<option value="">{$i18n.t('Select a model')}</option>
 								{#each $models.filter((m) => m?.owned_by !== 'arena') as model}
-									<option value={model.id}>{model.name}</option>
+									<option value={model.id} class="bg-gray-50 dark:bg-gray-700">{model.name}</option>
 								{/each}
 							</select>
 

src/lib/components/playground/Chat.svelte

@@ -216,7 +216,7 @@
 								bind:value={selectedModelId}
 							>
 								{#each $models as model}
-									<option value={model.id}>{model.name}</option>
+									<option value={model.id} class="bg-gray-50 dark:bg-gray-700">{model.name}</option>
 								{/each}
 							</select>
 						</div>