Update JobCardHeader component to improve clarity and layout

- Change label from "Quantity" to "Runs" for better understanding.
- Adjust text alignment from right to left for the produced quantity display.

src/components/JobCardHeader.tsx

@@ -238,7 +238,7 @@ const JobCardHeader: React.FC<JobCardHeaderProps> = ({
           </CardTitle>
         </div>
         <p className="text-gray-400 text-sm">
-          Quantity: {job.outputQuantity.toLocaleString()}
+          Runs: {job.outputQuantity.toLocaleString()}
           <span className="ml-4">
             Produced: {
               isEditingProduced && job.status !== 'Closed' ? (
@@ -256,7 +256,7 @@ const JobCardHeader: React.FC<JobCardHeaderProps> = ({
               ) : (
                 <span
                   onClick={handleProducedClick}
-                  className={`inline-block w-20 h-5 leading-5 text-right ${job.status !== 'Closed' ? "cursor-pointer hover:text-blue-400" : ""}`}
+                  className={`inline-block w-20 h-5 leading-5 text-left ${job.status !== 'Closed' ? "cursor-pointer hover:text-blue-400" : ""}`}
                   title={job.status !== 'Closed' ? "Click to edit" : undefined}
                   data-no-navigate
                 >