fix UI issues in JobsView

src/views/JobsView.tsx

@@ -1,10 +1,15 @@
-import { JobList } from "@/components/JobList"
-import mockJobs from "@/mocks/jobs.json"
+import { JobList } from '@/components/JobList'
+import { Marker, MarkerContent } from '@/components/ui/marker'
+import mockJobs from '@/mocks/jobs'
 
 export function JobsView() {
   return (
-    <div className="flex flex-1 flex-col gap-1 mt-4 mb-4">
-      <JobList jobs={mockJobs} />
+    <div className="mt-4 mb-4 flex flex-1 flex-col gap-1">
+      <JobList jobs={mockJobs} emptyLabel="No running jobs." />
+      <Marker variant="separator" className="my-4">
+        <MarkerContent>Queue</MarkerContent>
+      </Marker>
+      <JobList jobs={[]} emptyLabel="No queued jobs." />
     </div>
   )
 }