centered content and fixed missing footer

frontend/src/App.css

@@ -169,8 +169,12 @@ body {
 }
 
 /* When no sidebar is present (Dashboard, Secrets, IPAM) */
+.layout.no-sidebar {
+  justify-content: center;
+}
 .layout.no-sidebar .main {
-  max-width: 1200px;
+  max-width: 1100px;
+  width: 100%;
 }
 
 /* ===== Sidebar ===== */
@@ -213,20 +217,22 @@ body {
   text-overflow: ellipsis;
 }
 
-.sidebar-footer {
-  margin-top: auto;
-  padding: 12px 10px;
+/* ===== Global app footer ===== */
+.app-footer {
+  background: var(--surface);
+  border-top: 1px solid var(--border);
+  padding: 10px 24px;
   font-size: 12px;
   color: var(--text-muted);
   text-align: center;
+  flex-shrink: 0;
 }
 
-.sidebar-footer a {
+.app-footer a {
   color: var(--accent);
   text-decoration: none;
 }
-
-.sidebar-footer a:hover { text-decoration: underline; }
+.app-footer a:hover { text-decoration: underline; }
 
 .sidebar-footer-link {
   background: none;

frontend/src/App.js

@@ -272,9 +272,6 @@ function AppShell({ currentUser, onLogout }) {
               </div>
             )}
 
-            <div className="sidebar-footer">
-              By <a href="https://bobbantech.com" target="_blank" rel="noreferrer">bobbantech</a>
-            </div>
           </aside>
         )}
 
@@ -297,16 +294,6 @@ function AppShell({ currentUser, onLogout }) {
               ))}
             </div>
 
-            <div className="sidebar-footer">
-              By <a href="https://bobbantech.com" target="_blank" rel="noreferrer">bobbantech</a>
-              {' · '}
-              <button
-                className="sidebar-footer-link"
-                onClick={() => window.dispatchEvent(new CustomEvent('show-privacy'))}
-              >
-                Privacy
-              </button>
-            </div>
           </aside>
         )}
 
@@ -387,6 +374,17 @@ function AppShell({ currentUser, onLogout }) {
         </main>
       </div>
 
+      <footer className="app-footer">
+        By <a href="https://bobbantech.com" target="_blank" rel="noreferrer">bobbantech</a>
+        {' · '}
+        <button
+          className="sidebar-footer-link"
+          onClick={() => window.dispatchEvent(new CustomEvent('show-privacy'))}
+        >
+          Privacy
+        </button>
+      </footer>
+
       {confirmDelete && (
         <ConfirmDialog
           title="Delete DNS Record"