Update header layout and footer version info placement

Signed-off-by: YoungSoo Shin <shinys000114@gmail.com>

page/index.html

@@ -53,7 +53,10 @@
                 <span id="power-display" class="text-primary">--.-- W</span>
             </div>
         </div>
-        <h1 class="text-primary text-center order-md-2 mx-auto">ODROID Power Mate</h1>
+        <div class="text-center order-md-2 mx-auto">
+            <h1 class="text-primary mb-0">ODROID Power Mate</h1>
+            <small class="text-muted" id="version-info"></small>
+        </div>
         <div class="d-flex align-items-center justify-content-end order-md-3 header-controls" style="flex: 1;">
             <div class="form-check form-switch">
                 <input class="form-check-input" type="checkbox" role="switch" id="theme-toggle">
@@ -159,12 +162,9 @@
     </div>
 </main>
 
-<footer class="bg-body-tertiary text-center p-3 position-relative">
+<footer class="bg-body-tertiary text-center p-3">
     <a href="https://www.hardkernel.com/" target="_blank" class="link-secondary text-decoration-none">Hardkernel</a> |
     <a href="https://wiki.odroid.com/start" target="_blank" class="link-secondary text-decoration-none">Wiki</a>
-    <div class="position-absolute end-0 top-50 translate-middle-y pe-3">
-        <small class="text-muted" id="version-info"></small>
-    </div>
 </footer>
 
 <!-- Settings Modal -->