Center the title and move the recorded by text to the footer

Modify the header to center the title and relocate the "recorded by" text to the footer with a specific color.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: aee6d2cd-fb54-4d40-8202-0e09e4f3058c
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/EWwamzQ
Replit-Helium-Checkpoint-Created: true

artifacts/api-server/src/lib/pdf-html-renderer.ts

@@ -465,7 +465,7 @@ tr {
   width: 100%;
   color: ${fontColor};
   font-size: ${Math.max(11, Math.round(fontSize * 0.95))}px;
-  text-align: ${isRtl ? "right" : "left"};
+  text-align: center;
   padding-top: 8px;
 }
 
@@ -483,7 +483,6 @@ tr {
 <div class="pdf-header">
   ${logoHtml ? `<div class="pdf-logo">${logoHtml}</div>` : ""}
   <h1 class="pdf-title">${esc(input.labels.title)}</h1>
-  <div class="pdf-recorded-by">${esc(input.labels.recordedBy)}</div>
 </div>
 
 <table>
@@ -499,6 +498,7 @@ tr {
 </table>
 
 <div class="page-footer">
+  <div class="pdf-recorded-by">${esc(input.labels.recordedBy)}</div>
   <div class="date-line" dir="ltr">${esc(longDate)}</div>
 </div>