add conditional route and crimeList View refactoring + tests

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

@@ -12,6 +12,7 @@
 	import { invalidateAll } from '$app/navigation';
 	import NameItemEditor from '$lib/components/NameItemEditor.svelte';
 	import EmptyList from '$lib/components/EmptyList.svelte';
+	import { ROUTE_NAMES } from '../../../index.js';
 
 	//Seite für die Tatort-Liste
 	let { data } = $props();
@@ -144,7 +145,7 @@ Mit freundlichen Grüßen,
 							<div class=" flex gap-x-4">
 								<a
 									data-testid="crime-link"
-									href="/view/{vorgangToken}/{item.name}?pin={vorgangPIN}"
+									href="{ROUTE_NAMES.CRIME(vorgangToken, item.name, vorgangPIN)}"
 									class=" flex justify-between gap-x-6 py-5"
 									aria-label="/view/{vorgangToken}/{item.name}?pin={vorgangPIN}"
 									title={item.name}

src/routes/index.ts

@@ -7,10 +7,14 @@ export const ROUTE_NAMES = {
 	USERMGMT: '/user-management',
 
 	// (token-based)
+	// `pin` param is optional
 	VORGANG: (vorgangToken: string, vorgangPIN: string) =>
 		vorgangPIN ? `/list/${vorgangToken}?pin=${vorgangPIN}` : `/list/${vorgangToken}`,
 
-	CRIME: (vorgangToken: string, tatort: string) => `/view/${vorgangToken}/${tatort}`,
+	CRIME: (vorgangToken: string, tatort: string, vorgangPIN: string) =>
+		vorgangPIN
+			? `/view/${vorgangToken}/${tatort}?pin=${vorgangPIN}`
+			: `/view/${vorgangToken}/${tatort}`,
 
 	// Anmeldung: actions
 	ANMELDUNG_LOGIN: '/anmeldung?/login',