feat: select label preferences with dropdown

frontend/src/lib/components/FieldCard.svelte

@@ -9,8 +9,8 @@
 </script>
 
 <div>
-  <h4>{field.name}</h4>
-  <ul class="list-unstyled">
+  <h3>{field.name}</h3>
+  <ul class="list-unstyled fs-5">
     {#each field.entries as entry}
       <li><StatusIcon status={entry.status} /> {entry.value}</li>
     {/each}

frontend/src/lib/components/StatusIcon.svelte

@@ -4,6 +4,7 @@
   import { WordStatus } from "$lib/api/entities";
 
   export let status: WordStatus;
+  export let className: string | null = null;
 
   const iconFor = (wordStatus: WordStatus) => {
     switch (wordStatus) {
@@ -48,5 +49,5 @@
   let iconElement: HTMLElement;
 </script>
 
-<span bind:this={iconElement} tabindex={0}><Icon name={statusIcon} /></span>
+<span bind:this={iconElement} tabindex={0}><Icon name={statusIcon} class={className} /></span>
 <Tooltip target={iconElement} placement="top">{statusText}</Tooltip>