Refactors admin page design to move each 'facet' of admin into its own component.

src/app/admin/admin-team-tab.component.html

@@ -0,0 +1,36 @@
+<div class="tab-content">
+  <div class="tab-toolbar">
+    <h2>Team Members ({{ (members$ | async)?.length }})</h2>
+    <button class="btn btn-add" (click)="onAdd()">+ Add Member</button>
+  </div>
+
+  <table class="admin-table">
+    <thead>
+      <tr>
+        <th>Name</th>
+        <th>Title</th>
+        <th>Order</th>
+        <th>Active</th>
+        <th>Actions</th>
+      </tr>
+    </thead>
+    <tbody>
+      @for (member of members$ | async; track member.id) {
+      <tr>
+        <td>{{ member.name }}</td>
+        <td>{{ member.title }}</td>
+        <td>{{ member.display_order }}</td>
+        <td>{{ member.active ? 'Yes' : 'No' }}</td>
+        <td class="actions">
+          <button class="btn-icon btn-edit" (click)="onEdit(member)">Edit</button>
+          <button class="btn-icon btn-delete" (click)="onDelete(member.id)">Delete</button>
+        </td>
+      </tr>
+      } @empty {
+      <tr>
+        <td colspan="5" class="empty-row">No team members yet. Click "Add Member" to create one.</td>
+      </tr>
+      }
+    </tbody>
+  </table>
+</div>