show a link to job(s) on job success page

Is a step towards galaxyproject#20014. Currently, showing multiple jobs in this view can be expensive (as mentioned here galaxyproject#20145 (comment)).

Author: ahmedhamidawan

client/src/components/Tool/ToolSuccessMessage.vue

@@ -1,8 +1,11 @@
 <script setup lang="ts">
 import { computed } from "vue";
+import { RouterLink } from "vue-router";
 
 import type { JobResponse } from "@/api/jobs";
 
+import ExternalLink from "../ExternalLink.vue";
+
 const props = defineProps<{
     jobResponse: JobResponse;
     toolName: string;
@@ -35,5 +38,17 @@ const nOutputsText = computed(() => (nOutputs.value > 1 ? `${nOutputs.value} out
             the job has been run the status will change from 'running' to 'finished' if completed successfully or
             'error' if problems were encountered.
         </p>
+        <p v-if="nJobs > 1">
+            Here is a link to each job:
+            <ExternalLink v-for="job in jobResponse.jobs" :key="job.id" :href="`/jobs/${job.id}/view`">
+                {{ job.id }}
+            </ExternalLink>
+        </p>
+        <p v-else-if="jobResponse.jobs[0]">
+            Here is a link to the job:
+            <RouterLink :to="`/jobs/${jobResponse.jobs[0].id}/view`">
+                {{ jobResponse.jobs[0]?.id }}
+            </RouterLink>
+        </p>
     </div>
 </template>