rename index looping variable

src/routes/(token-based)/list/[vorgang]/+page.svelte

@@ -59,8 +59,8 @@
 		return;
 	}
 
-	async function handle_input(ev: KeyboardEvent, i: number) {
-		let item = crimesList[i];
+	async function handleEditFieldInput(ev: KeyboardEvent, listItemIndex: number) {
+		let item = crimesList[listItemIndex];
 		if (ev.key == 'Escape') {
 			let text_field_id = `label__${item.name}`;
 
@@ -149,7 +149,7 @@
 	</div>
 	<div class="mx-auto flex justify-center max-w-7xl h-full">
 		<ul class="divide-y divide-gray-100">
-			{#each crimesList as item, i}
+			{#each crimesList as item, crimeListItemIndex}
 				<li>
 					<a
 						href="/view/{$page.params.vorgang}/{item.name}?pin={vorgangPIN}"
@@ -168,12 +168,12 @@
 										tabindex="0"
 										aria-label="Dateiname bearbeiten"
 										on:focusout={() => {
-											defocus_element(i);
+											defocus_element(crimeListItemIndex);
 										}}
 										on:keydown|stopPropagation={// event needed to identify ID
 										// TO-DO: check if event is needed or if index is sufficient
 										async (ev) => {
-											handle_input(ev, i);
+											handleEditFieldInput(ev, crimeListItemIndex);
 										}}>{item.name}</span
 									>