feat: dashboard restructure, integrations, settings, UI fixes

Dashboard:
- Split into components (kpi-cards, agent-table, missed-queue)
- Add collapsible AI panel on right (same pattern as Call Desk)
- Add tabs: Agent Performance | Missed Queue | Campaigns
- Date range filter in header

Integrations page:
- Ozonetel (connected), WhatsApp, Facebook, Google, Instagram, Website, Email
- Status badges, config details, webhook URL with copy button

Settings page:
- Employee table from workspaceMembers GraphQL query
- Name, email, roles, status, reset password action

Fixes:
- Fix CALLS_QUERY: callerNumber needs { primaryPhoneNumber }, recordingUrl → recording { primaryLinkUrl }
- Remove duplicate AI Assistant header
- Remove Follow-ups from CC agent sidebar (already in worklist tabs)
- Remove global search from TopBar (decorative, unused)
- Slim down TopBar height
- Fix search/table gap in worklist
- Add brand border to active nav item

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

src/components/dashboard/missed-queue.tsx

@@ -0,0 +1,71 @@
+import { useMemo } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faPhoneMissed } from '@fortawesome/pro-duotone-svg-icons';
+import { Badge } from '@/components/base/badges/badges';
+import { ClickToCallButton } from '@/components/call-desk/click-to-call-button';
+import type { Call } from '@/types/entities';
+
+const getTimeSince = (dateStr: string | null): string => {
+    if (!dateStr) return '—';
+    const mins = Math.floor((Date.now() - new Date(dateStr).getTime()) / 60000);
+    if (mins < 1) return 'Just now';
+    if (mins < 60) return `${mins}m ago`;
+    const hours = Math.floor(mins / 60);
+    if (hours < 24) return `${hours}h ago`;
+    return `${Math.floor(hours / 24)}d ago`;
+};
+
+interface MissedQueueProps {
+    calls: Call[];
+}
+
+export const MissedQueue = ({ calls }: MissedQueueProps) => {
+    const missedCalls = useMemo(() => {
+        return calls
+            .filter((c) => c.callStatus === 'MISSED')
+            .sort((a, b) => {
+                const dateA = a.startedAt ? new Date(a.startedAt).getTime() : 0;
+                const dateB = b.startedAt ? new Date(b.startedAt).getTime() : 0;
+                return dateB - dateA;
+            })
+            .slice(0, 15);
+    }, [calls]);
+
+    return (
+        <div className="rounded-xl border border-secondary bg-primary shadow-xs">
+            <div className="flex items-center justify-between border-b border-secondary px-4 py-3">
+                <div className="flex items-center gap-2">
+                    <FontAwesomeIcon icon={faPhoneMissed} className="size-3.5 text-fg-error-primary" />
+                    <h3 className="text-sm font-semibold text-primary">Missed Call Queue</h3>
+                </div>
+                {missedCalls.length > 0 && (
+                    <Badge size="sm" color="error">{missedCalls.length}</Badge>
+                )}
+            </div>
+            <div className="max-h-[500px] overflow-y-auto">
+                {missedCalls.length === 0 ? (
+                    <div className="flex flex-col items-center justify-center py-10 gap-2">
+                        <FontAwesomeIcon icon={faPhoneMissed} className="size-6 text-fg-quaternary" />
+                        <p className="text-sm text-tertiary">No missed calls</p>
+                    </div>
+                ) : (
+                    <ul className="divide-y divide-secondary">
+                        {missedCalls.map((call) => {
+                            const phone = call.callerNumber?.[0]?.number ?? '';
+                            const display = phone ? `+91 ${phone}` : 'Unknown';
+                            return (
+                                <li key={call.id} className="flex items-center justify-between px-4 py-2.5 hover:bg-primary_hover transition duration-100 ease-linear">
+                                    <div className="flex flex-col">
+                                        <span className="text-sm font-medium text-primary">{display}</span>
+                                        <span className="text-xs text-tertiary">{getTimeSince(call.startedAt)}</span>
+                                    </div>
+                                    {phone && <ClickToCallButton phoneNumber={phone} size="sm" />}
+                                </li>
+                            );
+                        })}
+                    </ul>
+                )}
+            </div>
+        </div>
+    );
+};