fixa några compiler errors

src/components/create.svelte

@@ -159,48 +159,55 @@
 				enctype="multipart/form-data"
 				on:submit={handleCreate}
 				autocomplete="off"
-				on:keydown={handleKeydown}
 			>
-				<div class="grid grid-cols-4 items-center gap-4">
+				<div role="button" tabindex="-1" on:keydown={handleKeydown} class="grid gap-4">
-					<Label>Förkortning</Label>
+					<div class="grid grid-cols-4 items-center gap-4">
-					<Input id="shortformEl" bind:value={abbForm.shortform} placeholder="" class="w-[290px]" />
+						<Label>Förkortning</Label>
-				</div>
+						<Input
-				<div class="grid grid-cols-4 items-center gap-4">
+							id="shortformEl"
-					<Label>Text</Label>
+							bind:value={abbForm.shortform}
-					<Input id="phraseEl" bind:value={abbForm.phrase} placeholder="" class="w-[290px]" />
+							placeholder=""
-				</div>
+							class="w-[290px]"
-				<div class="grid grid-cols-4 items-center gap-4">
+						/>
-					<Label>Mål</Label>
+					</div>
-					<Select.Root selected={abbForm.target} {onSelectedChange}>
+					<div class="grid grid-cols-4 items-center gap-4">
-						<Select.Trigger class="w-[290px]">
+						<Label>Text</Label>
-							<Select.Value placeholder="Ingen lista vald" />
+						<Input id="phraseEl" bind:value={abbForm.phrase} placeholder="" class="w-[290px]" />
-						</Select.Trigger>
+					</div>
+					<div class="grid grid-cols-4 items-center gap-4">
+						<Label>Mål</Label>
+						<Select.Root selected={abbForm.target} {onSelectedChange}>
+							<Select.Trigger class="w-[290px]">
+								<Select.Value placeholder="Ingen lista vald" />
+							</Select.Trigger>
 
-						<Select.Content>
+							<Select.Content>
-							{#if selectedLists.standard.value > -1}
+								{#if selectedLists.standard.value > -1}
-								<Select.Group>
+									<Select.Group>
-									<Select.Label>Standardlista</Select.Label>
+										<Select.Label>Standardlista</Select.Label>
-									<Select.Item
+										<Select.Item
-										value={selectedLists.standard.value}
+											value={selectedLists.standard.value}
-										label={selectedLists.standard.label}>{selectedLists.standard.label}</Select.Item
+											label={selectedLists.standard.label}
-									>
+											>{selectedLists.standard.label}</Select.Item
-								</Select.Group>
+										>
-							{/if}
+									</Select.Group>
-							{#if selectedLists.subject.value > -1}
+								{/if}
-								<Select.Group>
+								{#if selectedLists.subject.value > -1}
-									<Select.Label>Ämneslista</Select.Label>
+									<Select.Group>
-									<Select.Item
+										<Select.Label>Ämneslista</Select.Label>
-										value={selectedLists.subject.value}
+										<Select.Item
-										label={selectedLists.subject.label}>{selectedLists.subject.label}</Select.Item
+											value={selectedLists.subject.value}
-									>
+											label={selectedLists.subject.label}>{selectedLists.subject.label}</Select.Item
-								</Select.Group>
+										>
-							{/if}
+									</Select.Group>
-						</Select.Content>
+								{/if}
-					</Select.Root>
+							</Select.Content>
+						</Select.Root>
+					</div>
 				</div>
 				<div>
 					<small class="text-gray-500 dark:text-gray-400">
-						Växla mellan standardlista och ämneslista med <kbd
+						Växla mellan förkortningslistor med <kbd
 							class="rounded-lg border border-gray-200 bg-gray-100 px-2 py-1.5 text-xs font-semibold text-gray-800 dark:border-gray-500 dark:bg-gray-600 dark:text-gray-100"
 							>Pil upp</kbd
 						>
@@ -226,7 +233,7 @@
 						</div>
 					</ScrollArea>
 				{/if}
-				<button type="submit" class="hidden" />
+				<button type="submit" class="hidden" aria-label="submit-button"></button>
 			</form>
 		</Card.Content>
 		<!--

src/components/dashboard.svelte

@@ -77,7 +77,7 @@ förkar=förkortar`;
 			<div class="text-sm">Standardlista: {standardList.name}</div>
 			<div class="text-sm">Ämneslista: {subjectList.name}</div>
 			<div class="text-sm">
-				<a href="#" on:click={openListSelection}><Badge>Välj förkortningslistor</Badge></a>
+				<a href="#" onclick={openListSelection}><Badge>Välj förkortningslistor</Badge></a>
 			</div>
 		</div>
 		<Accordion.Root class="w-full">
@@ -100,7 +100,7 @@ förkar=förkortar`;
 					<p class="leading-7 [&:not(:first-child)]:mt-6">
 						Du kan också använda programmets baslista som i den här versionen av programmet har {default_shortforms
 							.shortforms.length} förkortningar.<br />
-						<a href="/import" on:click={importDefaultList}
+						<a href="/import" onclick={importDefaultList}
 							><Badge variant="secondary">Importera baslista</Badge></a
 						>
 					</p>

src/components/listselector.svelte

@@ -126,7 +126,7 @@
 							</Select.Content>
 						</Select.Root>
 					</div>
-					<button type="submit" class="hidden" />
+					<button type="submit" class="hidden" aria-label="hidden-submit"></button>
 				</form>
 			</Card.Content>
 			<!--