feat: build all data pages — worklist table, call history, patients, dashboard, reports

Worklist (call-desk):
- Upgrade to Untitled UI Table with columns: Priority, Patient, Phone, Type, SLA, Actions
- Filter tabs: All Tasks / Missed Calls / Callbacks / Follow-ups with counts
- Search by name or phone
- SLA timer color-coded: green <15m, amber <30m, red >30m

Call History:
- Full table: Type (direction icon), Patient (matched from leads), Phone, Duration, Outcome, Agent, Recording (play/pause), Time
- Search + All/Inbound/Outbound/Missed filter
- Recording playback via native <audio>

Patients:
- New page with table: Patient (avatar+name+age), Contact, Type, Gender, Status, Actions
- Search + status filter
- Call + View Details actions
- Added patients to DataProvider + transforms + queries
- Route /patients added, sidebar nav updated for cc-agent + executive

Supervisor Dashboard:
- KPI cards: Total Calls, Inbound, Outbound, Missed
- Performance metrics: Avg Response Time, Callback Time, Conversion %
- Agent performance table with per-agent stats
- Missed Call Queue
- AI Assistant section
- Day/Week/Month filter

Reports:
- ECharts bar chart: Call Volume Trend (7-day, Inbound vs Outbound)
- ECharts donut chart: Call Outcomes (Booked, Follow-up, Info, Missed)
- KPI cards with trend indicators (+/-%)
- Route /reports, sidebar Analytics → /reports

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

src/components/layout/sidebar.tsx

@@ -10,6 +10,7 @@ import {
     faCommentDots,
     faGear,
     faGrid2,
+    faHospitalUser,
     faPhone,
     faPlug,
     faUsers,
@@ -58,6 +59,9 @@ const IconClockRewind: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) =>
 const IconUsers: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => (
     <FontAwesomeIcon icon={faUsers} className={className} />
 );
+const IconHospitalUser: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => (
+    <FontAwesomeIcon icon={faHospitalUser} className={className} />
+);
 
 type NavSection = {
     label: string;
@@ -70,7 +74,7 @@ const getNavSections = (role: string): NavSection[] => {
             { label: 'Overview', items: [{ label: 'Team Dashboard', href: '/', icon: IconGrid2 }] },
             { label: 'Management', items: [
                 { label: 'Campaigns', href: '/campaigns', icon: IconBullhorn },
-                { label: 'Analytics', href: '/analytics', icon: IconChartMixed },
+                { label: 'Analytics', href: '/reports', icon: IconChartMixed },
             ]},
             { label: 'Admin', items: [
                 { label: 'Integrations', href: '/integrations', icon: IconPlug },
@@ -83,6 +87,7 @@ const getNavSections = (role: string): NavSection[] => {
         return [
             { label: 'Call Center', items: [
                 { label: 'Call Desk', href: '/', icon: IconPhone },
+                { label: 'Patients', href: '/patients', icon: IconHospitalUser },
                 { label: 'Follow-ups', href: '/follow-ups', icon: IconBell },
                 { label: 'Call History', href: '/call-history', icon: IconClockRewind },
             ]},
@@ -93,11 +98,12 @@ const getNavSections = (role: string): NavSection[] => {
         { label: 'Main', items: [
             { label: 'Lead Workspace', href: '/', icon: IconGrid2 },
             { label: 'All Leads', href: '/leads', icon: IconUsers },
+            { label: 'Patients', href: '/patients', icon: IconHospitalUser },
             { label: 'Campaigns', href: '/campaigns', icon: IconBullhorn },
             { label: 'Outreach', href: '/outreach', icon: IconCommentDots },
         ]},
         { label: 'Insights', items: [
-            { label: 'Analytics', href: '/analytics', icon: IconChartMixed },
+            { label: 'Analytics', href: '/reports', icon: IconChartMixed },
         ]},
     ];
 };