feat: add useHead page titles across all devtools pages

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

Author: glennmichael123

packages/devtools/pages/batches.stx

@@ -10,6 +10,7 @@
 
 @section('content')
 <script client>
+  useHead({ title: 'Batches — bun-queue' })
   import { useBatches } from '@/stores/batches'
 
   interface Batch {

packages/devtools/pages/batches/[id].stx

@@ -12,6 +12,7 @@
 
 @section('content')
 <script client>
+  useHead({ title: 'Batch Details — bun-queue' })
   const { formatTime } = stx.helpers
   interface BatchData {
     id: string

packages/devtools/pages/dependencies.stx

@@ -16,6 +16,7 @@
 
 @section('content')
 <script client>
+  useHead({ title: 'Dependencies — bun-queue' })
   import { useDependencies } from '@/stores/dependencies'
 
   const STATUS_COLORS = { completed: '#10b981', active: '#6366f1', waiting: '#f59e0b', pending: '#f59e0b', failed: '#ef4444' }

packages/devtools/pages/groups.stx

@@ -6,6 +6,7 @@
 
 @section('content')
 <script client>
+  useHead({ title: 'Groups — bun-queue' })
   import { useGroups } from '@/stores/groups'
 
   interface Group {

packages/devtools/pages/groups/[id].stx

@@ -4,6 +4,7 @@
 
 @section('content')
 <script client>
+  useHead({ title: 'Group Details — bun-queue' })
   const { formatTime } = stx.helpers
   interface GroupData {
     name?: string

packages/devtools/pages/index.stx

@@ -12,6 +12,7 @@
 
 @section('content')
 <script client>
+  useHead({ title: 'Dashboard — bun-queue' })
   import { useStats } from '@/stores/stats'
   import { useJobs } from '@/stores/jobs'
   import { useQueues } from '@/stores/queues'

packages/devtools/pages/jobs.stx

@@ -11,6 +11,7 @@
 
 @section('content')
 <script client>
+  useHead({ title: 'Jobs — bun-queue' })
   import { useJobs } from '@/stores/jobs'
 
   interface Job {

packages/devtools/pages/jobs/[id].stx

@@ -4,6 +4,7 @@
 
 @section('content')
 <script client>
+  useHead({ title: 'Job Details — bun-queue' })
   const { formatTime } = stx.helpers
   interface JobDetail {
     id: string

packages/devtools/pages/metrics.stx

@@ -12,6 +12,7 @@
 
 @section('content')
 <script client>
+  useHead({ title: 'Metrics — bun-queue' })
   import { useStats } from '@/stores/stats'
 
   const { chartOptions, createLineDataset } = stx.helpers

packages/devtools/pages/monitoring.stx

@@ -41,6 +41,7 @@
 
 @section('content')
 <script client>
+  useHead({ title: 'Monitoring — bun-queue' })
   import { useStats } from '@/stores/stats'
 
   const { formatEventTime } = stx.helpers