fix(dashboard): repair AgentsView mobile header and reorder actions

The AgentsView mobile header was wrapping onto two rows because
DocumentsView.css carried leaked agents-view-* rules forcing
flex-wrap: wrap on the header/controls/title and width: 100% on the
primary-actions group. Removed those stale overrides so AgentsView's
own mobile rules can take effect.

Header changes:
- Drop the Refresh button.
- Reorder: Bot icon, view-toggle, then primary-actions on the far right
  (Controls icon left of New Agent +). Controls is now icon-only with
  no text label on every viewport.
- Bump the Bot icon to 24px (was 20) and give its mobile container a
  32x32 footprint to align with the view-toggle pill.
- Pin primary-actions to the right via space-between on the controls
  flex container; everything stays on one row at <=320px.

Layout: move AgentMetricsBar (stats cards) above the agent collection
so stats sit on top of the list/board/tree/org views.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

packages/dashboard/app/components/DocumentsView.css

@@ -622,16 +622,6 @@
     margin-left: auto;
   }
 
-  .agents-view-primary-actions {
-    width: 100%;
-    justify-content: space-between;
-  }
-
-  .agents-view-primary-actions .btn,
-  .agents-view-primary-actions .btn-icon {
-    min-height: calc(var(--space-2xl) + var(--space-xs));
-  }
-
   .agent-controls-panel {
     left: var(--space-md);
     right: var(--space-md);
@@ -704,28 +694,10 @@
     margin-bottom: var(--space-sm);
   }
 
-  .agents-view-header {
-    padding: var(--space-sm) var(--space-md);
-    flex-wrap: wrap;
-    gap: var(--space-sm);
-  }
-
-  .agents-view-title h2 {
-    font-size: 16px;
-  }
-
   .agents-view-content {
     padding: var(--space-md);
   }
 
-  .agents-view-controls {
-    flex-wrap: wrap;
-  }
-
-  .agents-view-title {
-    flex-wrap: wrap;
-  }
-
 
   /* Skills View mobile */
   .skills-view-header {