feat(FN-1978): rename schedule actions to Automation and polish mobile layout

- Rename Schedules/Scheduled Tasks labels to Automation in header and mobile navigation actions
- Update desktop, tablet, and mobile header tests to assert the new Automation wording and behavior
- Improve mobile schedule and routine modal spacing with token-based padding/margin updates for cards, forms, and empty states
- Refresh the UX audit report to reference the Automation label in the header control inventory

packages/dashboard/app/__tests__/tablet-header-controls.test.tsx

@@ -123,9 +123,9 @@ describe("tablet header controls", () => {
     expect(screen.queryByTitle("Open Terminal")).toBeNull();
   });
 
-  it("does not render schedules button inline on tablet", () => {
+  it("does not render automation button inline on tablet", () => {
     renderTabletHeader({ onOpenSchedules: noop });
-    expect(screen.queryByTitle("Scheduled tasks")).toBeNull();
+    expect(screen.queryByTitle("Automation")).toBeNull();
   });
 
   it("does not render usage button inline on tablet", () => {
@@ -194,10 +194,10 @@ describe("tablet header controls", () => {
     });
   });
 
-  it("overflow menu contains scheduled tasks on tablet", () => {
+  it("overflow menu contains automation on tablet", () => {
     renderTabletHeader({ onOpenSchedules: noop });
     fireEvent.click(screen.getByTitle("More header actions"));
-    expect(screen.getByText("Scheduled Tasks")).toBeDefined();
+    expect(screen.getByText("Automation")).toBeDefined();
   });
 
   it("overflow menu contains usage on tablet when provided", () => {

packages/dashboard/app/components/Header.test.tsx

@@ -799,21 +799,21 @@ describe("Header", () => {
     });
   });
 
-  describe("schedules button", () => {
-    it("renders schedules button on desktop", () => {
+  describe("automation button", () => {
+    it("renders automation button on desktop", () => {
       renderHeader({ onOpenSchedules: vi.fn() }, "desktop");
-      expect(screen.getByTitle("Scheduled tasks")).toBeDefined();
+      expect(screen.getByTitle("Automation")).toBeDefined();
     });
 
-    it("does not render schedules button inline on mobile", () => {
+    it("does not render automation button inline on mobile", () => {
       renderHeader({ onOpenSchedules: vi.fn() }, "mobile");
-      expect(screen.queryByTitle("Scheduled tasks")).toBeNull();
+      expect(screen.queryByTitle("Automation")).toBeNull();
     });
 
-    it("calls onOpenSchedules when schedules button is clicked", () => {
+    it("calls onOpenSchedules when automation button is clicked", () => {
       const onOpenSchedules = vi.fn();
       renderHeader({ onOpenSchedules }, "desktop");
-      fireEvent.click(screen.getByTitle("Scheduled tasks"));
+      fireEvent.click(screen.getByTitle("Automation"));
       expect(onOpenSchedules).toHaveBeenCalled();
     });
 
@@ -822,10 +822,10 @@ describe("Header", () => {
       expect(screen.getByTestId("schedules-btn")).toBeDefined();
     });
 
-    it("includes scheduled tasks in overflow menu on mobile", () => {
+    it("includes automation in overflow menu on mobile", () => {
       renderHeader({ onOpenSchedules: vi.fn() }, "mobile");
       fireEvent.click(screen.getByTitle("More header actions"));
-      expect(screen.getByText("Scheduled Tasks")).toBeDefined();
+      expect(screen.getByText("Automation")).toBeDefined();
     });
 
     it("calls onOpenSchedules from mobile overflow menu", () => {

packages/dashboard/app/components/Header.tsx

@@ -829,7 +829,7 @@ export function Header({
           <button
             className="btn-icon"
             onClick={onOpenSchedules}
-            title="Scheduled tasks"
+            title="Automation"
             data-testid="schedules-btn"
           >
             <Clock size={16} />
@@ -1120,7 +1120,7 @@ export function Header({
               data-testid="overflow-schedules-btn"
             >
               <Clock size={16} />
-              <span>Scheduled Tasks</span>
+              <span>Automation</span>
             </button>
             {/* Activity Log - in overflow on mobile */}
             {onOpenActivityLog && (

packages/dashboard/app/components/MobileNavBar.tsx

@@ -447,7 +447,7 @@ export function MobileNavBar({
               onClick={() => handleMoreAction(onOpenSchedules)}
             >
               <Clock />
-              <span>Schedules</span>
+              <span>Automation</span>
             </button>
 
             <button

packages/dashboard/app/styles.css

@@ -17149,7 +17149,12 @@ html .column.drag-over * {
 @media (max-width: 768px) {
   .schedule-modal-content {
     max-height: none;
-    padding: var(--space-md) 14px;
+    padding: var(--space-md) var(--space-lg);
+  }
+
+  .schedule-card {
+    margin: 0;
+    padding: var(--space-md);
   }
 
   .schedule-card-header {
@@ -17162,6 +17167,28 @@ html .column.drag-over * {
     width: 100%;
     justify-content: flex-end;
   }
+
+  .schedule-empty-state {
+    padding: var(--space-xl) var(--space-lg);
+  }
+
+  .schedule-form {
+    padding-left: var(--space-lg);
+    padding-right: var(--space-lg);
+  }
+
+  .scheduling-scope-selector {
+    flex-shrink: 0;
+  }
+
+  .modal-header-actions {
+    flex-wrap: wrap;
+    gap: var(--space-sm);
+  }
+
+  .detail-tabs {
+    padding: 0 var(--space-lg);
+  }
 }
 
 /* ── Routines ──────────────────────────────────────────────────── */
@@ -17405,6 +17432,11 @@ html .column.drag-over * {
 
 /* Routine mobile responsive */
 @media (max-width: 768px) {
+  .routine-card {
+    margin: 0;
+    padding: var(--space-md);
+  }
+
   .routine-card-header {
     flex-wrap: wrap;
     gap: var(--space-sm);
@@ -17416,6 +17448,15 @@ html .column.drag-over * {
     justify-content: flex-end;
   }
 
+  .routine-empty-state {
+    padding: var(--space-xl) var(--space-lg);
+  }
+
+  .routine-form {
+    padding-left: var(--space-lg);
+    padding-right: var(--space-lg);
+  }
+
   .routine-trigger-type-selector {
     flex-direction: column;
   }