Simplify risk assessment detail view

frontend/src/routes/(app)/(internal)/risk-assessments/[id=uuid]/+page.svelte

@@ -19,7 +19,6 @@
 	import RiskScenarioItem from '$lib/components/RiskMatrix/RiskScenarioItem.svelte';
 	import * as m from '$paraglide/messages';
 	import { languageTag } from '$paraglide/runtime';
-	import { toCamelCase } from '$lib/utils/locales.js';
 	import { safeTranslate } from '$lib/utils/i18n.js';
 
 	export let data;
@@ -161,28 +160,28 @@
 				</div>
 				<br />
 				<div class="text-sm">
-					<ul>
-						<li class="pb-1">
+					<ul class="leading-loose">
+						<li>
 							<span class="font-semibold">{m.refId()}:</span>
 							{risk_assessment.ref_id ?? '--'}
 						</li>
-						<li class="pb-1">
+						<li>
 							<span class="font-semibold">{m.status()}:</span>
-							{risk_assessment.status === null ? '--' : safetranslate(risk_assessment.status)}
+							{!risk_assessment.status ? '--' : safeTranslate(risk_assessment.status)}
 						</li>
-						<li class="pb-1">
+						<li>
 							<span class="font-semibold">{m.authors()}:</span>
 							<ul>
 								{#each risk_assessment.authors as author}
 									<li>{author.str}</li>
 								{/each}
 							</ul>
 						</li>
-						<li class="pb-1">
+						<li>
 							<span class="font-semibold">{m.createdAt()}:</span>
 							{new Date(risk_assessment.created_at).toLocaleString(languageTag())}
 						</li>
-						<li class="pb-1">
+						<li>
 							<span class="font-semibold">{m.updatedAt()}:</span>
 							{new Date(risk_assessment.updated_at).toLocaleString(languageTag())}
 						</li>
@@ -204,7 +203,7 @@
 					>
 				</div>
 				<div class="text-sm" data-testid="description-field-value">
-					{risk_assessment.description ?? '-'}
+					{risk_assessment.description ?? '--'}
 				</div>
 			</div>
 			<div class="flex flex-col space-y-2 ml-4">