Merge pull request #276 from axel7083/feature/alt-page/name-column-clickable

feat(alt-page): name column clickable

Author: axel7083

packages/frontend/src/routes/alternatives/(components)/columns/NameColumn.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
 import type { Row } from '/@/routes/alternatives/(components)/row';
 import LocalContainerNameColumn from '$lib/columns/LocalContainerNameColumn.svelte';
+import { resolve } from '$app/paths';
+import { IMAGE_QUERY_KEY } from '/@/routes/images/[engineId]/[imageId]/report/constants';
 
 interface Props {
   object: Row;
@@ -10,15 +12,20 @@ let { object }: Props = $props();
 </script>
 
 {#if 'report' in object}
-  <div class="flex items-center gap-2 w-full overflow-hidden">
+  <a
+    href={resolve(`/images/[engineId]/[imageId]/report?${IMAGE_QUERY_KEY}=${object.localImage.name}`, {
+      engineId: object.localImage.engineId,
+      imageId: object.localImage.id,
+    })}
+    class="flex items-center gap-2 w-full overflow-hidden">
     <span class="text-base">
       {object.localImage.name}:{object.localImage.tag}
     </span>
     <span class="text-[var(--pd-content-text)] opacity-30">→</span>
     <span class="text-base text-purple-400 overflow-hidden text-ellipsis">
       quay.io/hummingbird/{object.alternative.name}
     </span>
-  </div>
+  </a>
 {:else}
   <LocalContainerNameColumn object={object} />
 {/if}