enhanced navigation and added coach reassignment

website/js/pages/clients.js

@@ -1,5 +1,5 @@
 import { apiGet, apiPost, apiDelete } from '../api.js';
-import { showToast } from '../app.js';
+import { pageHeaderHTML, showToast } from '../app.js';
 import { isDevTestClientCode, testDataRowClassForClient } from '../test-data.js';
 
 const PAGE_SIZE = 50;
@@ -18,12 +18,7 @@ export async function clientsPage() {
     const app = document.getElementById('app');
 
     app.innerHTML = `
-        <div class="page-header">
-            <h1>Clients</h1>
-            <div class="actions">
-                <button class="btn btn-primary" id="showCreateFormBtn">+ Create Client</button>
-            </div>
-        </div>
+        ${pageHeaderHTML('Clients', '<button class="btn btn-primary" id="showCreateFormBtn">+ Create Client</button>')}
         <div id="createClientWrapper" style="display:none"></div>
         <div id="clientsContent"><div class="spinner"></div></div>
     `;