feat: disposition modal, persistent top bar, pagination, QA fixes

- DispositionModal: single modal for all call endings. Dismissable (agent can resume call).
  Agent clicks End → modal → select reason → hangup + dispose. Caller disconnects → same modal.
- One call screen: CallWidget stripped to ringing notification + auto-redirect to Call Desk.
- Persistent top bar in AppShell: agent status toggle + network indicator on all pages.
- Network indicator always visible (Connected/Unstable/No connection).
- Pagination: Untitled UI PaginationCardDefault on Call History + Appointments (20/page).
- Pinned table headers/footers: sticky column headers, scrollable body, pinned pagination.
  Applied to Call Desk worklist, Call History, Appointments, Call Recordings, Missed Calls.
- "Patient" → "Caller" column label in Call History.
- Offline → Ready toggle enabled.
- Profile status dot reflects Ozonetel state.
- NavAccountCard: popover placement top, View Profile + Account Settings restored.
- WIP pages for /profile and /account-settings.
- Enquiry form PHONE_INQUIRY → PHONE enum fix.
- Force Ready / View Profile / Account Settings removed then restored properly.

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

src/components/call-desk/worklist-panel.tsx

@@ -320,9 +320,9 @@ export const WorklistPanel = ({ missedCalls, followUps, leads, loading, onSelect
     }
 
     return (
-        <div className="flex flex-1 flex-col">
+        <div className="flex flex-1 flex-col min-h-0 overflow-hidden">
             {/* Filter tabs + search */}
-            <div className="flex items-end justify-between border-b border-secondary px-5 pt-3 pb-0.5">
+            <div className="flex shrink-0 items-end justify-between border-b border-secondary px-5 pt-3 pb-0.5">
                 <Tabs selectedKey={tab} onSelectionChange={(key) => handleTabChange(key as TabKey)}>
                     <TabList items={tabItems} type="underline" size="sm">
                         {(item) => <Tab key={item.id} id={item.id} label={item.label} badge={item.badge} />}
@@ -342,7 +342,7 @@ export const WorklistPanel = ({ missedCalls, followUps, leads, loading, onSelect
 
             {/* Missed call status sub-tabs */}
             {tab === 'missed' && (
-                <div className="flex gap-1 px-5 py-2 border-b border-secondary">
+                <div className="flex shrink-0 gap-1 px-5 py-2 border-b border-secondary">
                     {(['pending', 'attempted', 'completed', 'invalid'] as MissedSubTab[]).map(sub => (
                         <button
                             key={sub}
@@ -372,7 +372,7 @@ export const WorklistPanel = ({ missedCalls, followUps, leads, loading, onSelect
                     </p>
                 </div>
             ) : (
-                <div className="px-2 pt-3">
+                <div className="flex flex-1 flex-col min-h-0 overflow-hidden px-2 pt-3">
                 <Table size="sm">
                     <Table.Header>
                         <Table.Head label="PRIORITY" className="w-20" isRowHeader />
@@ -457,7 +457,7 @@ export const WorklistPanel = ({ missedCalls, followUps, leads, loading, onSelect
                     </Table.Body>
                 </Table>
                 {totalPages > 1 && (
-                    <div className="flex items-center justify-between border-t border-secondary px-5 py-3">
+                    <div className="flex shrink-0 items-center justify-between border-t border-secondary px-5 py-3">
                         <span className="text-xs text-tertiary">
                             Showing {(page - 1) * PAGE_SIZE + 1}–{Math.min(page * PAGE_SIZE, filteredRows.length)} of {filteredRows.length}
                         </span>