Update footer in index.html to include version number and adjust footer styling in styles.css

frontend/index.html

@@ -101,7 +101,7 @@
       </section>
     </main>
 
-    <footer><p>Faerro KB © 2026</p></footer>
+    <footer><p>Faerro KB © 2026 · v0.0.28</p></footer>
     <script src="/app.js" defer></script>
   </body>
 </html>

frontend/styles.css

@@ -117,7 +117,7 @@ h2 { margin: 8px 0 0; font: 500 25px/1.1 var(--serif); }
 .archive-status { color: var(--muted); font: 10px var(--mono); margin-top: 7px; }
 .transcription-progress { width: min(240px, 100%); height: 3px; margin-top: 9px; overflow: hidden; background: #e4e3dc; }
 .transcription-progress span { display: block; width: 34%; height: 100%; background: var(--moss); animation: transcription-progress 1.4s ease-in-out infinite; }
-footer { max-width: 1040px; margin: auto; padding: 18px 24px calc(18px + env(safe-area-inset-bottom)); display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font: 9px var(--mono); }
+footer { max-width: 1040px; margin: auto; padding: 18px 24px calc(18px + env(safe-area-inset-bottom)); display: flex; justify-content: center; gap: 20px; color: var(--muted); font: 9px var(--mono); }
 @keyframes reveal { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
 @keyframes transcription-progress { from { transform: translateX(-110%); } to { transform: translateX(300%); } }
 @media (max-width: 600px) {