Only render jobs run if there is at least one

resources/js/Components/Layout/Job/JobRuns/JobRuns.vue

@@ -10,19 +10,21 @@ defineProps<{
 </script>
 
 <template>
-    <h2>Ancien jobs</h2>
-    <ScrollArea class="min-h-[300px] max-h-[20vh] overflow-auto pr-2">
-        <Accordion type="multiple" collapsible>
-            <JobRunItem
-                :jobRun="jobRun"
-                v-for="jobRun in job.job_runs.sort((a, b) => {
-                    return (
-                        new Date(b.created_at).getTime() -
-                        new Date(a.created_at).getTime()
-                    );
-                })"
-                :key="jobRun.id"
-            />
-        </Accordion>
-    </ScrollArea>
+    <div v-if="job.job_runs.length > 0">
+        <h2>Ancien jobs</h2>
+        <ScrollArea class="min-h-[300px] max-h-[20vh] overflow-auto pr-2">
+            <Accordion type="multiple" collapsible>
+                <JobRunItem
+                    :jobRun="jobRun"
+                    v-for="jobRun in job.job_runs.sort((a, b) => {
+                        return (
+                            new Date(b.created_at).getTime() -
+                            new Date(a.created_at).getTime()
+                        );
+                    })"
+                    :key="jobRun.id"
+                />
+            </Accordion>
+        </ScrollArea>
+    </div>
 </template>