Refactor error messages and add todo count to Status component

Author: rbjornstad

src/lib/AppErrorTypeToMessage.svelte

@@ -71,7 +71,9 @@
 	{:else if $data.__typename === 'DeprecatedRegistryError'}
 		<div class="wrapper">
 			<Alert variant="info">
-				Deprecated image registry <strong>{$data.registry}</strong> for image
+				<h4>Todo</h4>
+				Deprecated image registry
+				<strong>{$data.registry}</strong> for image
 				<strong>{$data.name}</strong>. See
 				<a href="https://doc.nais.io/guides/oci-migration/">docker-build-push</a> on how to migrate to
 				Google Artifact Registry.
@@ -86,7 +88,8 @@
 	{:else if $data.__typename === 'DeprecatedIngressError'}
 		<div class="wrapper">
 			<Alert variant="info">
-				Deprecated ingress <strong>{$data.ingress}</strong>. See
+				<h4>Todo</h4>
+				Deprecated ingress<strong>{$data.ingress}</strong>. See
 				{#if env === 'dev-gcp'}
 					<a href="https://doc.nais.io/reference/environments/?h=#dev-gcp">
 						ingress documentation</a
@@ -227,4 +230,7 @@
 	.wrapper {
 		padding-bottom: 1rem;
 	}
+	.wrapper h4 {
+		margin-bottom: 0.5rem;
+	}
 </style>

src/routes/team/[team]/[env]/app/[app]/Status.svelte

@@ -20,6 +20,7 @@
 					state @loading
 					errors {
 						__typename
+						level
 					}
 				}
 			}
@@ -41,6 +42,13 @@
 				aria-label="Application is nais"
 				role="image"
 			/>
+			{#if $data.appState?.errors.length > 0}
+				<p>
+					<a href="/team/{teamName}/{envName}/app/{appName}/status"
+						>{$data.appState.errors.length} todo{$data.appState.errors.length > 1 ? 's' : ''}</a
+					>
+				</p>
+			{/if}
 		</div>
 	{:else if $data.appState.state === 'FAILING'}
 		<h4>Status <ExclamationmarkTriangleFillIcon style="color: var(--a-icon-danger)" /></h4>