feat: add app shell with sidebar navigation, routing, and placeholder pages

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/pages/all-leads.tsx

@@ -0,0 +1,12 @@
+import { TopBar } from "@/components/layout/top-bar";
+
+export const AllLeadsPage = () => {
+    return (
+        <div className="flex flex-1 flex-col">
+            <TopBar title="All Leads" />
+            <div className="flex flex-1 items-center justify-center p-8">
+                <p className="text-tertiary">All Leads — coming soon</p>
+            </div>
+        </div>
+    );
+};

src/pages/campaign-detail.tsx

@@ -0,0 +1,12 @@
+import { TopBar } from "@/components/layout/top-bar";
+
+export const CampaignDetailPage = () => {
+    return (
+        <div className="flex flex-1 flex-col">
+            <TopBar title="Campaign Detail" />
+            <div className="flex flex-1 items-center justify-center p-8">
+                <p className="text-tertiary">Campaign Detail — coming soon</p>
+            </div>
+        </div>
+    );
+};

src/pages/campaigns.tsx

@@ -0,0 +1,12 @@
+import { TopBar } from "@/components/layout/top-bar";
+
+export const CampaignsPage = () => {
+    return (
+        <div className="flex flex-1 flex-col">
+            <TopBar title="Campaigns" />
+            <div className="flex flex-1 items-center justify-center p-8">
+                <p className="text-tertiary">Campaigns — coming soon</p>
+            </div>
+        </div>
+    );
+};

src/pages/lead-workspace.tsx

@@ -0,0 +1,12 @@
+import { TopBar } from "@/components/layout/top-bar";
+
+export const LeadWorkspacePage = () => {
+    return (
+        <div className="flex flex-1 flex-col">
+            <TopBar title="Lead Workspace" subtitle="Ramaiah Memorial Hospital · Last 24 hours" />
+            <div className="flex flex-1 items-center justify-center p-8">
+                <p className="text-tertiary">Lead Workspace — coming soon</p>
+            </div>
+        </div>
+    );
+};

src/pages/login.tsx

@@ -0,0 +1,3 @@
+export const LoginPage = () => {
+    return <div>Login placeholder</div>;
+};

src/pages/outreach.tsx

@@ -0,0 +1,12 @@
+import { TopBar } from "@/components/layout/top-bar";
+
+export const OutreachPage = () => {
+    return (
+        <div className="flex flex-1 flex-col">
+            <TopBar title="Outreach" />
+            <div className="flex flex-1 items-center justify-center p-8">
+                <p className="text-tertiary">Outreach — coming soon</p>
+            </div>
+        </div>
+    );
+};