feat: appointments page, data refresh on login, multi-agent spec + plan

- Appointment Master page with status tabs, search, PhoneActionCell
- Login calls DataProvider.refresh() to load data after auth
- Sidebar: appointments nav for CC agents + executives
- Multi-agent SIP + lockout spec and implementation plan

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

src/components/layout/sidebar.tsx

@@ -10,6 +10,7 @@ import {
     faGear,
     faGrid2,
     faHospitalUser,
+    faCalendarCheck,
     faPhone,
     faPlug,
     faUsers,
@@ -44,6 +45,7 @@ const IconPhone = faIcon(faPhone);
 const IconClockRewind = faIcon(faClockRotateLeft);
 const IconUsers = faIcon(faUsers);
 const IconHospitalUser = faIcon(faHospitalUser);
+const IconCalendarCheck = faIcon(faCalendarCheck);
 
 type NavSection = {
     label: string;
@@ -71,6 +73,7 @@ const getNavSections = (role: string): NavSection[] => {
                 { label: 'Call Desk', href: '/', icon: IconPhone },
                 { label: 'Call History', href: '/call-history', icon: IconClockRewind },
                 { label: 'Patients', href: '/patients', icon: IconHospitalUser },
+                { label: 'Appointments', href: '/appointments', icon: IconCalendarCheck },
                 { label: 'My Performance', href: '/my-performance', icon: IconChartMixed },
             ]},
         ];
@@ -81,6 +84,7 @@ const getNavSections = (role: string): NavSection[] => {
             { label: 'Lead Workspace', href: '/', icon: IconGrid2 },
             { label: 'All Leads', href: '/leads', icon: IconUsers },
             { label: 'Patients', href: '/patients', icon: IconHospitalUser },
+            { label: 'Appointments', href: '/appointments', icon: IconCalendarCheck },
             { label: 'Campaigns', href: '/campaigns', icon: IconBullhorn },
             { label: 'Outreach', href: '/outreach', icon: IconCommentDots },
         ]},