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.

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>